@paperless/core 2.0.1-beta.33 → 2.0.1-beta.35

package/hydrate/index.mjs

@@ -2537,7 +2537,7 @@ class Accordion {
      */
     isOpen;
     render() {
-        return (hAsync(Host, { key: '3ea0f730d30fa84c650810e933043027fc34b343', class: 'p-accordion' }, hAsync("div", { key: '43387e553a9eb9df2f250143481a041b1ac0c841', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, hAsync("p-icon", { key: '910319f48fb18fd4390028a61a13db0815d9b816', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), hAsync("p", { key: '8b10150fcc7e71a89f6e0847e7abc3f006ff3dd4', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), hAsync("p-divider", { key: '43404b50cf318453d54984217c2efdbbde13f590' })), this.open && (hAsync("div", { key: 'dd4afc515752f393c1f4f59d5aeb2d225951be6b', class: 'mt-6' }, hAsync("slot", { key: '5cfe1feb25f29583d5d49c2a32e42124a17075e8' })))));
+        return (hAsync(Host, { key: '6b30beeb39140eef55eda07436aba6d094478d8e', class: 'p-accordion' }, hAsync("div", { key: '90d90727c847283d23de3475a3a573fc28efd8f2', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, hAsync("p-icon", { key: '20159b0bfe718c63b7167854830a72aa17912309', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), hAsync("p", { key: 'a7f261c699a41fa1df17476415afda93bafb5a43', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), hAsync("p-divider", { key: '336839c9e8f18f7179c9d43d1907a67c246d8c32' })), this.open && (hAsync("div", { key: '1530c39de3496b7bb88318f78aa945690717e037', class: 'mt-6' }, hAsync("slot", { key: 'de231dd491494a9b49ff6fca97fb805e9b91427b' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {
@@ -2587,14 +2587,14 @@ class Attachment {
      */
     delete;
     render() {
-        let prefix = hAsync("p-icon", { key: '6bdeeb5e89aac0c189ef407bc382801943e9c6d0', variant: 'attachment' });
+        let prefix = hAsync("p-icon", { key: 'c09bb42c3b2468e6f9641b049143ba33bcf227ed', variant: 'attachment' });
         if (this.loading) {
-            prefix = hAsync("p-loader", { key: '002c9cb2433286ae1d877e7d863d102d891be229' });
+            prefix = hAsync("p-loader", { key: '4a47c764c8634c41a006cbcef0819ac495383d45' });
         }
         if (this.error) {
-            prefix = (hAsync("p-icon", { key: 'e0ab65310a5f34eb989f036f9cd8bcd3ac18adc9', variant: 'warning', class: 'text-negative' }));
+            prefix = (hAsync("p-icon", { key: 'b68414ca0c360344b803cb503bc97375c145cf26', variant: 'warning', class: 'text-negative' }));
         }
-        return (hAsync(Host, { key: '2863cec631d05b9a55b340aa6c7e4bb0504c7684', class: 'p-attachment flex items-start gap-4' }, hAsync("div", { key: '32a0f979edb284dc1ccedff199b7e6190a5bfa6b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, hAsync("span", { key: '593dbca1f9fbb4afd792f688a6487d2c384abfce', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, hAsync("slot", { key: '3c40a0a4328d7dbb810e07195cddd0b590db1589' })), this.error?.length && hAsync("p-input-error", { key: '04a6a4c13343f21578e0a8a0d703aff8defcb855', error: this.error })), hAsync("p-button", { key: '263cbeb5aa0fa297c4497e23c201a93cf4bf4aef', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
+        return (hAsync(Host, { key: '7c2fb4622615da771f0542b46137376f353d3324', class: 'p-attachment flex items-start gap-4' }, hAsync("div", { key: 'c26642043d15b3a16d689974f9f572f5fbd01f04', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, hAsync("span", { key: '7200149af956d76267b0c85d0ab9f00baae900ce', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, hAsync("slot", { key: '7d8c8e660f0c1ee9ffc8bbd446a3c1a0e709858b' })), this.error?.length && hAsync("p-input-error", { key: '9f1d61eaa43ddf2bf31413e9b87c4be05479fcfe', error: this.error })), hAsync("p-button", { key: 'c74fc5e26a2864ba561a9d0ece1bbbf4f10fa465', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
     static get style() { return PAttachmentStyle0; }
     static get cmpMeta() { return {
@@ -2695,7 +2695,7 @@ class Avatar {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b63e0dc0ce8e6b092329338c59f780d15218c920', class: avatar({
+        return (hAsync(Host, { key: 'dc849c65edeb3bba11f78fc2c8c1b86d52efc587', class: avatar({
                 size: this.size,
             }) }, this._failed ? (hAsync("span", null, this.letters?.[0] ?? ' ')) : (hAsync("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
     }
@@ -2733,7 +2733,7 @@ class AvatarGroup {
         this.extra = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '2ef55ac021914ae33e2efd79fae62e8b80fe4214', class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, hAsync("slot", { key: '2d6c65da6007563998c2abf5aa91e111014b2952' }), this.extra && (hAsync("span", { key: 'cc5b632411382e6210397f62aa15c907437b0aa8', class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
+        return (hAsync(Host, { key: 'ffd518f5ac15b46ea31eefd434dccebc60c2a252', class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, hAsync("slot", { key: '4cbeb8d9fd93960a3e442c5076020789261e77e5' }), this.extra && (hAsync("span", { key: 'f1349f68565428c638ea8af07fa2a8a544ddcd65', class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
     }
     static get style() { return PAvatarGroupStyle0; }
     static get cmpMeta() { return {
@@ -2824,10 +2824,10 @@ class Backdrop {
         }
     }
     render() {
-        return (hAsync(Host, { key: '868c1014f6e11caf0735d38e48f7c93d181a06d4', class: backdrop$1({ blur: this.applyBlur, closing: this.closing }) }, hAsync("div", { key: 'e78dab9469eeb3dac8ad54fc1cb5d504921e715f', class: contentContainer({
+        return (hAsync(Host, { key: 'adf0f5476b6a9b1614c2428fd2c0d3cf33ccd015', class: backdrop$1({ blur: this.applyBlur, closing: this.closing }) }, hAsync("div", { key: '87a06fa6e629c7acc8f84da86891483ea156a174', class: contentContainer({
                 variant: this.variant,
                 closing: this.closing,
-            }) }, hAsync("slot", { key: 'd10ff4927b7e09a16987096cf0e6bd67037571fe' }))));
+            }) }, hAsync("slot", { key: 'a8baf30dd360b82e67e19a48ecdd7a9274fc2130' }))));
     }
     handleClick(ev) {
         if (ev.target !== this._el && !this._el.contains(ev.target)) {
@@ -2860,7 +2860,7 @@ class Badge {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '33de1f93030653606ad3fce18c0b9898dfe4e166', class: 'p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white' }, hAsync("slot", { key: '1eb0975a700686f978375e5b3ebebfdef61de150' })));
+        return (hAsync(Host, { key: 'd1e8ed0e2a651a9938a259306da58f39e492ddb6', class: 'p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white' }, hAsync("slot", { key: '275516cdf7287dee03946abaea0d66320add895f' })));
     }
     static get style() { return PBadgeStyle0; }
     static get cmpMeta() { return {
@@ -3080,7 +3080,7 @@ const button = cva([
         },
     ],
 });
-const icon$2 = cva([], {
+const icon$3 = cva([], {
     variants: {
         size: {
             sm: 'text-sm',
@@ -3167,7 +3167,7 @@ class Button {
             ? 'a'
             : 'button';
         const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: 'f44310bde78beef37e12c41d3ecd7aa3d60fa625', class: 'p-button block' }, hAsync(VariableTag, { key: '79226854728c982ce5b91cf7c249b4495f8f7e1e', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (hAsync(Host, { key: 'bd323911aa83659e1ceacc78f7383498ac49ee3f', class: 'p-button block' }, hAsync(VariableTag, { key: '24836397d30809a719796ba3488a2b59a0e7fcd7', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
                 variant: this.variant,
                 size: this.size,
                 underline: this.underline,
@@ -3176,14 +3176,14 @@ class Button {
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: this.iconOnly,
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { key: 'ab1d82abb255cd309702f60165e6088d0a78b5e3', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { key: '1d2c9857b333ce860e88cedd867a2d4e921202bd', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), hAsync("slot", { key: 'a489631670f0fb6bc834c35e74384f4182c24134' }), this.icon &&
+            this._getIcon(), hAsync("slot", { key: 'f0406ef28f558774f9952e942cefb11b75ee8f5f' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (hAsync("p-icon", { key: 'eb0d01980d697321090fdc0193fd5326c8670ae9', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && hAsync("p-loader", { key: 'e3df3be330bf1ffd6b43108077a3f1a7b46822a6', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (hAsync("p-icon", { key: 'd3ccba3bad624c75b28562b0503d5804dad462b0', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && hAsync("p-loader", { key: '2de6facd444171e293fea2bc6aa3888b13bd079f', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -3196,7 +3196,7 @@ class Button {
         if (!this.icon) {
             return;
         }
-        return (hAsync("p-icon", { class: icon$2({
+        return (hAsync("p-icon", { class: icon$3({
                 size: this.size,
                 variant: this.variant,
                 disabled: this.disabled,
@@ -3248,7 +3248,7 @@ class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (hAsync(Host, { key: 'b5406570950fd5f7e039c4def1356c96b6f6732e', class: 'p-button-group flex items-center' }, hAsync("slot", { key: '4b1458756053af8648712f4ae82a69e32ca54342' })));
+        return (hAsync(Host, { key: '0647722609a39d03bb20c84b52a9ddd35d96f582', class: 'p-button-group flex items-center' }, hAsync("slot", { key: 'b29b73fc742655442576b7f85d0de2ec37af8c1d' })));
     }
     slotchange() {
         this._checkButtons();
@@ -11800,7 +11800,7 @@ class Calendar {
             .filter(date => isValid(date));
     }
     render() {
-        return (hAsync(Host, { key: 'ec824de4f89afcaa43007351ced2a8f8822869e5', class: calendar$2({ variant: this.variant }) }, this._getView()));
+        return (hAsync(Host, { key: 'fe8fe4bdd71db351a46b4ee502a5b99d5cc9998b', class: calendar$2({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {
@@ -12045,7 +12045,7 @@ class CardBody {
         this.inheritText = false;
     }
     render() {
-        return (hAsync(Host, { key: '1dbc2b9e3ac0d4fda5377e9202aaf2067f00e74c', class: "p-card-body" }, hAsync("slot", { key: '4cb381af1c2dcc62ec34c944cd754b0bae654c71' })));
+        return (hAsync(Host, { key: '9e023b21f0334a7e53b5ff13cbe2c0cd58068a18', class: "p-card-body" }, hAsync("slot", { key: '088ca18c6d07ff009c9c2a287a343851124fd7d3' })));
     }
     static get style() { return PCardBodyStyle0; }
     static get cmpMeta() { return {
@@ -12070,7 +12070,7 @@ class CardContainer {
         this.shadow = true;
     }
     render() {
-        return (hAsync(Host, { key: 'c6d0232c78d0589176dbcb8326c852480eba028d', class: 'p-card-container group' }, hAsync("slot", { key: 'b2ed37ea090b74b7684999ce19c732ed220c0fef' })));
+        return (hAsync(Host, { key: '4053210215f5eb12d47cdd5c29fb577c11b871f9', class: 'p-card-container group' }, hAsync("slot", { key: '5a981ac214899cfaf73fcdb9c31bb220b5543b5c' })));
     }
     static get style() { return PCardContainerStyle0; }
     static get cmpMeta() { return {
@@ -12103,10 +12103,10 @@ class CardHeader {
         this._hasContentSuffixSlot = !!this._el.querySelector(':scope > [slot="content-suffix"]');
     }
     render() {
-        return (hAsync(Host, { key: '3c8d15a381397a5c0d1f94ec93549c10a28384b8', class: 'p-card-header' }, hAsync("slot", { key: 'e98fe062a9e457775883a5edc021407e27f246c6', name: 'prefix' }), (this.header?.length ||
+        return (hAsync(Host, { key: '35aee9cb0d26c12870bbe863afd260b213bc856c', class: 'p-card-header' }, hAsync("slot", { key: '6ddf070a9fcf839841b262b54fdf807ef3b97b2a', name: 'prefix' }), (this.header?.length ||
             this._hasContentSlot ||
             this._hasContentSuffixSlot ||
-            this.arrow) && (hAsync("div", { key: '61316a12277198852ba75739a80074bb559d4796', class: 'content' }, hAsync("span", { key: 'ce7539e46df5819acc9406f9cf026a696bc231eb' }, this.header?.length ? this.header : hAsync("slot", { name: 'content' })), hAsync("slot", { key: 'd1ee66e86383b5e8d519c201f0fd1fb715bbaf3f', name: 'content-suffix' }), this.arrow && (hAsync("p-icon", { key: '03af1a9d6486e84ceff51d40631b722db8d4fa49', variant: 'arrow', class: 'group-hover:text-indigo' })))), hAsync("slot", { key: '0f2b712e038d031db8766eab7983a8ee9cd92758', name: 'suffix' })));
+            this.arrow) && (hAsync("div", { key: 'b4b85fef2bb1730070fa22e0324f0ad9d87b6dff', class: 'content' }, hAsync("span", { key: '236283ca3f488db070bbcf3f1cc8dd9a1d517b21' }, this.header?.length ? this.header : hAsync("slot", { name: 'content' })), hAsync("slot", { key: '9be04d36c907e88e5ea9a1ba5be770e23b3dbbc4', name: 'content-suffix' }), this.arrow && (hAsync("p-icon", { key: '28cf678b59c5617dcbf1c7d789ada6be6706caa2', variant: 'arrow', class: 'group-hover:text-indigo' })))), hAsync("slot", { key: 'c0ff8932bd175f78bc1a2b4788dd4740e24131af', name: 'suffix' })));
     }
     static get style() { return PCardHeaderStyle0; }
     static get cmpMeta() { return {
@@ -12162,7 +12162,7 @@ const checkbox$1 = cva([
         },
     },
 });
-const icon$1 = cva([
+const icon$2 = cva([
     'hidden peer-indeterminate:flex peer-checked:flex',
     'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',
 ], {
@@ -12196,12 +12196,12 @@ class Checkbox {
      */
     indeterminateChange;
     render() {
-        return (hAsync(Host, { key: 'e2efce30f2d5a1f955c2a8ddefb2b229eca1cfd5', class: 'p-checkbox' }, hAsync("label", { key: 'd26d81c88cb2f2a941cd9539e8060fbf60aa634f', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'd59c67ca2cbccdd8c91f860f5aa7561f34f79120', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '6a8317350b7f60e3fdb7665d7d68d3f1a2ce9868', class: checkbox$1({
+        return (hAsync(Host, { key: '86e48a4761975d08008dbe80286421f8ace94a14', class: 'p-checkbox' }, hAsync("label", { key: '56e3ba1e34c1461046edfa6c236efe1866e4e165', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'ff66cb62635b55c344f64fe3b06581e02ff7ea04', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '5d7f5f220bc733dcd447af518394b88564e35a40', class: checkbox$1({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'b9010adaa74914c00b8018566b0c31808cc63b33', class: icon$1({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'e9687793559790686028ff6c0514dfd4a041ced0', class: icon$2({
                 disabled: this.disabled,
-            }) }, hAsync("p-icon", { key: '3d760b5e7ee1b76b79dae46beff4094dc00fe8b0', size: this.size, class: 'drop-shadow-black-teal-10%', variant: !!this.indeterminate ? 'minus' : 'checkmark' }))), hAsync("slot", { key: '17f8e47facc7b631494534b68986eebe5aa96fa0' }))));
+            }) }, hAsync("p-icon", { key: '0797f5f8dfcd65840aa0df73fa0b3908961cc0f5', size: this.size, class: 'drop-shadow-black-teal-10%', variant: !!this.indeterminate ? 'minus' : 'checkmarkThick' }))), hAsync("slot", { key: '6f038780fb2c1816048533d57e8704f69d0da552' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -12280,9 +12280,9 @@ class ContentSlider {
         }
     }
     render() {
-        return (hAsync(Host, { key: '32c284ee7901017eefbe8124029e1b1252cfa202', class: "p-content-slider" }, hAsync("div", { key: 'a75ed8e3e600d0e19f71247e3fb1c9d97a9437b9', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (hAsync(Host, { key: '8eb11bf3cc0a423f409e4be422bc6317da9781d3', class: "p-content-slider" }, hAsync("div", { key: 'f8f2b83337877d30e99288c5dfe39fdd3c0d4836', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, hAsync("div", { key: 'f6b5f3d9ef0f188c8a47afeb4ef026fa8d6499ac', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: '365f3783b6a163ea40d72b645650c32c4c249c71' }))), hAsync("div", { key: '994a8ed5c19b7c3dbb0ea210d69bee2c5c78dcd3', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (hAsync("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, hAsync("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, hAsync("div", { key: 'a59469a94a13cca80542a65bed22c404b99b3ecb', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: '5e00f801555b5df3b9246854d59ed1876286ebe5' }))), hAsync("div", { key: '01cf555792aca6f36bec72acf123b0e398901cd6', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (hAsync("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, hAsync("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {
@@ -12475,7 +12475,7 @@ class Counter {
         this.size = 'default';
     }
     render() {
-        return (hAsync(Host, { key: '9f55a1fa108d8a6704cdd1a3d9064b4658747ec0', class: `p-counter variant-${this.variant} size-${this.size}` }, hAsync("slot", { key: 'f51ab888a6ad87a2639072cb8a13268a057ab496' })));
+        return (hAsync(Host, { key: '0bcd879c285b9494e03599c77a0015519d7541db', class: `p-counter variant-${this.variant} size-${this.size}` }, hAsync("slot", { key: '60cb85332859453927489da13981084db3cffd8d' })));
     }
     static get style() { return PCounterStyle0; }
     static get cmpMeta() { return {
@@ -15328,10 +15328,10 @@ class Cropper {
         }, 200);
     }
     render() {
-        return (hAsync(Host, { key: '3e5aae3ee38ef7916782f0ef6b798a2e1c7bcb1f', class: 'p-cropper' }, this._loaded && (hAsync("cropper-canvas", { key: 'c6a1cda7ae28e331b54cdd28b41048493f433a73', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, hAsync("cropper-image", { key: '02e38a00de7a94ae9c0a9455204d4c552850c5f3', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), hAsync("cropper-shade", { key: '12001865905af4564b2cf5d0ef32a31e7dbbcd36', class: clsx({
+        return (hAsync(Host, { key: 'c7ca3f48d21b7925b17f42ef5efeb66ceb814884', class: 'p-cropper' }, this._loaded && (hAsync("cropper-canvas", { key: 'adf2a4302c2c7170924c5b433b8841964360f3ea', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, hAsync("cropper-image", { key: 'd74a8a67b80699f6ffc16bb69ff55728bada0528', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), hAsync("cropper-shade", { key: '6a5b34376058b7e086e3061c5473da98f7ef64e9', class: clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), hAsync("cropper-selection", { key: '1cc692662a02f29bccc67b9cbd9e2cb83c53880a', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: 'a782e50ae9a931de6ccd70591310092cc8d01e4b', action: 'move', plain: true }))), hAsync("div", { key: 'd88de6e6012701e12fd7ffa0b856db55a27e1a5d', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, hAsync("p-icon", { key: '3a0fa3ac2d8e44022370a25fff6c64ce9f09c523', variant: 'minus' }), hAsync("input", { key: '0d4f8e6d028c44af3ee9e68b8bb90f4d5f6b20e9', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), hAsync("p-icon", { key: '04f4ccffda0c52298d6e85cd3ec1093a3b1bccfd', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), hAsync("cropper-selection", { key: '0f9d377be79c0077dfa219f129cc063d9ab50356', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: 'a58b78d26eb5ef59af523d9a656b96353d35011d', action: 'move', plain: true }))), hAsync("div", { key: 'b3875252e85fa6c03f3b37b506a2671d08716046', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, hAsync("p-icon", { key: 'ee09baf9f32e2740e7edab92b52a36c7d1ea34a3', variant: 'minus' }), hAsync("input", { key: 'f02aeb58fec43835d116750c919bc320d5c55bbf', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), hAsync("p-icon", { key: '653559c8eaeaa0ae0a677d1c3756b1439e45fcd9', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {
@@ -16106,7 +16106,7 @@ var notification = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
-var pagination = `<?xml version="1.0" encoding="UTF-8"?>
+var pagination$2 = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>667348A2-48CB-496D-8C8A-3A0C4142E887@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -16545,7 +16545,7 @@ const iconsDeprecated = {
     more: more$1,
     negative: negative$1,
     notification,
-    pagination,
+    pagination: pagination$2,
     payment,
     pencil: pencil$1,
     person,
@@ -17881,6 +17881,18 @@ var users = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fi
 </svg>
 `;
 
+var checkmarkThick = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.5 9 6 12.5l8-8"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>
+`;
+
 const icons = {
     //arrows
     caret,
@@ -17993,6 +18005,8 @@ const icons = {
     male,
     user,
     users,
+    // extra
+    checkmarkThick,
 };
 
 var emptyState = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
@@ -19980,9 +19994,9 @@ class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (hAsync(Host, { key: 'd8072759e5110df91f88b5433ed1abd37b7a957b', class: 'p-datepicker' }, hAsync("p-dropdown", { key: '389b7ecebd6d34c14a128d4e25a6262ed4b471d6', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-field", { key: 'ebc5b5fe902c5fa5e26fd821bafa0d0314f2fbab', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (hAsync("input", { key: '0696f58898874fd807758cf6745cb675e9d56071', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (hAsync(Host, { key: '53cefbcd435b31a304c14bcdf254981992f0300a', class: 'p-datepicker' }, hAsync("p-dropdown", { key: 'd76542b017edc53f22a438d5258d7af31f58554a', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-field", { key: '610e312ff7b0cfe15b9181e10cb4e6e1eedb0020', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (hAsync("input", { key: '13223eded6fa5a099413ce69c12b2a5e6bc18b76', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), hAsync("div", { key: '42e5c115c7512321ee84a2b5e0c963d227c82889', slot: 'items' }, hAsync("p-calendar", { key: 'f11987a548b1322752747c8aaa6fab55af740d95', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), hAsync("div", { key: 'e9e200360461dc61f401c4bea89714a70964b6a5', slot: 'items' }, hAsync("p-calendar", { key: '47460a7acb1369d29b325bb92f9d464f2504905e', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -20141,7 +20155,7 @@ class Divider {
     get _el() { return getElement(this); }
     render() {
         const hasSlotted = !!this._el.innerHTML?.length;
-        return (hAsync(Host, { key: '8bc01a98862c6c97060ef52dc3bb1ed1af040e51', class: 'p-divider' }, hAsync("div", { key: '15be02fc701029e4a5903dd0cd3d0cc37dae8f82', class: 'content' }, hAsync("div", { key: '3a326034595c671ae8177480372e2ec5b41277b6', class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, hAsync("slot", { key: '1cd6af0b816d06dcc363cf2a6e679b80fbdac142' })))));
+        return (hAsync(Host, { key: '2f5ece00b30f0983d8b45790bf5e3b80f20b639e', class: 'p-divider' }, hAsync("div", { key: '51f28368c170afb7bf5cf427bc60c78ba87c3a9f', class: 'content' }, hAsync("div", { key: '9afa0cb9998e81a3c4f42165ed358031b6808d19', class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, hAsync("slot", { key: '38434b8c2007d97e13eeb487a7af10bbb107945e' })))));
     }
     static get style() { return PDividerStyle0; }
     static get cmpMeta() { return {
@@ -22309,7 +22323,7 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-const dropdownComponentCss = "*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.flex{display:flex!important}.hidden{display:none!important}";
+const dropdownComponentCss = "*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}";
 var PDropdownStyle0 = dropdownComponentCss;
 
 const dropdownContainerClass = cva(['z-dropdown hidden'], {
@@ -22324,6 +22338,7 @@ class Dropdown {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.isOpen = createEvent(this, "isOpen", 3);
+        this.variant = 'default';
         this.placement = 'bottom-start';
         this.offset = 8;
         this.strategy = 'absolute';
@@ -22364,6 +22379,7 @@ class Dropdown {
     }
     componentDidRender() {
         this._checkButtons();
+        this._checkItems();
     }
     render() {
         const dropdownContainerProps = {
@@ -22378,12 +22394,12 @@ class Dropdown {
         };
         let dropdownContainer;
         if (this.usePortal) {
-            dropdownContainer = (hAsync("p-portal", { key: '4ce9951ba9df565f0a3b482a34cb18e10ffa7dd3', ...dropdownContainerProps }, hAsync("p-dropdown-menu-container", { key: '1b487d02d0a819f8cf41373e229361c7a0bbb6c0', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, hAsync("slot", { key: '06aea6630be099ec81c99221aa13f637c5c4145b', name: 'items' }))));
+            dropdownContainer = (hAsync("p-portal", { key: '2ef190e2cd48e5bb2c11ebb14dee78a2f00a10e9', ...dropdownContainerProps }, hAsync("p-dropdown-menu-container", { key: '32a25346708daf087c4f63c3f3f8d68e2a3320f9', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, hAsync("slot", { key: '165b0919ff2cae9b8f040d972b7fcae245341568', name: 'items' }))));
         }
         else {
-            dropdownContainer = (hAsync("p-dropdown-menu-container", { key: 'a6c09ab73d9fecbf256c25a51bfd8f84649ac6ca', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, hAsync("slot", { key: '00176ba6c4cccac8d18a35d50aa570da68b2c680', name: 'items' })));
+            dropdownContainer = (hAsync("p-dropdown-menu-container", { key: '06169533cac303c1ad14f3eedd084120d0bc285d', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, hAsync("slot", { key: 'f5e194cb30b783e4eacab149508adff0ed3a298e', name: 'items' })));
         }
-        return (hAsync(Host, { key: '7e22ef22fc226b3e6d4981b71f782804de1d25d6', class: 'p-dropdown relative' }, hAsync("div", { key: '46f0f7999a1a4581ee3e82be7d53c61adccb6874', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: '745a38cf876df9da4198aa906b5f813ed14c3b4f', name: 'trigger' })), dropdownContainer));
+        return (hAsync(Host, { key: 'a0a1de42bd08376b659cff117b25c43f417fd36e', class: 'p-dropdown relative' }, hAsync("div", { key: 'ed7e4461a36af81c2e3928c9f8b243444782c793', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: '26dd3a15c60b860c3cfe7dbac3c09976b62242c0', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {
@@ -22401,6 +22417,12 @@ class Dropdown {
             button.active = active;
         }
     }
+    _checkItems() {
+        const items = this._el.querySelectorAll('p-dropdown-menu-item');
+        for (let item of [...items]) {
+            item.variant = this.variant;
+        }
+    }
     onShowChange(show) {
         if (!this._loaded) {
             return;
@@ -22456,7 +22478,7 @@ class Dropdown {
         this._cleanup = autoUpdate(this._el, this._menu, () => this._update());
         this._menu.setAttribute('data-show', '');
         this._menu.classList.remove('hidden');
-        this._menu.classList.add('flex');
+        this._menu.classList.add('block');
         this.isOpen.emit(true);
         this._checkButtons(true);
     }
@@ -22470,7 +22492,7 @@ class Dropdown {
         }
         // Hide the popover
         this._menu.removeAttribute('data-show');
-        this._menu.classList.remove('flex');
+        this._menu.classList.remove('block');
         this._menu.classList.add('hidden');
         this.isOpen.emit(false);
         this._checkButtons(false);
@@ -22499,6 +22521,7 @@ class Dropdown {
         "$flags$": 4,
         "$tagName$": "p-dropdown",
         "$members$": {
+            "variant": [1],
             "placement": [513],
             "offset": [2],
             "strategy": [1],
@@ -22521,16 +22544,15 @@ class Dropdown {
     }; }
 }
 
-const dropdownMenuContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important;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)!important}";
+const dropdownMenuContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-600{--tw-border-opacity:1!important;border-color:rgb(0 72 64/var(--tw-border-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{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)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}";
 var PDropdownMenuContainerStyle0 = dropdownMenuContainerComponentCss;
 
-const dropdownMenuContainer = cva([
-    'p-dropdown-menu-container',
-    'p-1',
-    'bg-white rounded-lg z-10 drop-shadow-2',
-    'border border-black-teal-100',
-], {
+const dropdownMenuContainer = cva(['p-dropdown-menu-container', 'p-1', 'rounded-lg z-10', 'border'], {
     variants: {
+        variant: {
+            default: 'bg-white border-black-teal-100 drop-shadow-2',
+            'dark-teal': 'bg-dark-teal-600 drop-shadow-3 border-dark-teal-600',
+        },
         fullWidth: {
             false: null,
             true: 'w-full',
@@ -22554,6 +22576,7 @@ const dropdownMenuContainer = cva([
 class DropdownMenuContainer {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.variant = 'default';
         this.maxWidth = true;
         this.class = undefined;
         this.fullWidth = true;
@@ -22566,19 +22589,21 @@ class DropdownMenuContainer {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (hAsync(Host, { key: 'd20e54bf6ae67b8c235bd6db39226c90532e43bc', class: dropdownMenuContainer({
+        return (hAsync(Host, { key: '04e1181dd9274ed1668002ddf4f63e4739cf5282', class: dropdownMenuContainer({
                 class: this.class,
+                variant: this.variant,
                 fullWidth: this.fullWidth,
                 allowOverflow: this.allowOverflow,
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, hAsync("div", { key: '199e355596adf1c91c977490b0130e0dc5399bed', class: 'flex w-full flex-col gap-[1px]' }, hAsync("slot", { key: '44d455cb277b45795ec17f79c5dfbba7bf65cc4c' }))));
+            }) }, hAsync("div", { key: 'a8c270e32fd7b89953e923e99574d561e3bfdb21', class: 'flex w-full flex-col gap-[1px]' }, hAsync("slot", { key: '520a112ce75a4dad3fafbbe233db1b87344bf480' }))));
     }
     static get style() { return PDropdownMenuContainerStyle0; }
     static get cmpMeta() { return {
         "$flags$": 4,
         "$tagName$": "p-dropdown-menu-container",
         "$members$": {
+            "variant": [1],
             "maxWidth": [4, "max-width"],
             "class": [1],
             "fullWidth": [4, "full-width"],
@@ -22591,7 +22616,7 @@ class DropdownMenuContainer {
     }; }
 }
 
-const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}";
+const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.hover\\:bg-dark-teal-400:hover{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 var PDropdownMenuItemStyle0 = dropdownMenuItemComponentCss;
 
 const dropdownMenuItem = cva([
@@ -22600,6 +22625,7 @@ const dropdownMenuItem = cva([
     variants: {
         variant: {
             default: null,
+            'dark-teal': null,
             negative: null,
         },
         active: {
@@ -22640,6 +22666,29 @@ const dropdownMenuItem = cva([
             active: true,
             class: 'bg-supportive-lilac-100',
         },
+        {
+            variant: 'dark-teal',
+            active: false,
+            enableHover: true,
+            class: 'text-white',
+        },
+        {
+            variant: 'dark-teal',
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'hover:bg-dark-teal-400',
+        },
+        {
+            variant: 'dark-teal',
+            active: true,
+            class: 'text-white bg-dark-teal-400',
+        },
+        {
+            variant: 'dark-teal',
+            disabled: true,
+            class: 'opacity-40',
+        },
         {
             variant: 'negative',
             active: false,
@@ -22675,6 +22724,7 @@ const dropdownMenuItemIcon = cva(['text-base'], {
     variants: {
         variant: {
             default: null,
+            'dark-teal': null,
             negative: null,
         },
         active: {
@@ -22693,6 +22743,12 @@ const dropdownMenuItemIcon = cva(['text-base'], {
             disabled: false,
             class: 'text-black-teal-300 group-hover:text-black-teal',
         },
+        {
+            variant: 'dark-teal',
+            active: false,
+            disabled: false,
+            class: 'text-dark-teal-100 group-hover:text-white',
+        },
         {
             variant: 'negative',
             active: false,
@@ -22719,16 +22775,16 @@ class DropdownMenuItem {
         this.useContainer = true;
     }
     render() {
-        return (hAsync(Host, { key: '08d46e7573279d9cc222d1209d14b1488d70ff5e', class: dropdownMenuItem({
+        return (hAsync(Host, { key: '32964bd59857a3a902c7e27641dfe04040e71cf8', class: dropdownMenuItem({
                 variant: this.variant,
                 active: this.active,
                 enableHover: this.enableHover,
                 disabled: this.disabled,
-            }) }, this.icon && (hAsync("p-icon", { key: '56cf5ed28c52cc447db03bd1776d11bb23538197', class: dropdownMenuItemIcon({
+            }) }, this.icon && (hAsync("p-icon", { key: '2dcd2db6b8bced38d21fe16cecc8d76b9298dec0', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: this.active,
                 disabled: this.disabled,
-            }), variant: this.icon })), this.checkbox && (hAsync("p-checkbox", { key: 'db105260f7c292a11a8b4cbec38bddef960bf8bf', size: 'sm', checked: this.active, disabled: this.disabled })), this.useContainer ? (hAsync("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, hAsync("slot", null))) : (hAsync("slot", null))));
+            }), variant: this.icon })), this.checkbox && (hAsync("p-checkbox", { key: '084c1a2b222ab215cffe1272de6e24d691252aee', size: 'sm', checked: this.active, disabled: this.disabled })), this.useContainer ? (hAsync("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, hAsync("slot", null))) : (hAsync("slot", null))));
     }
     static get style() { return PDropdownMenuItemStyle0; }
     static get cmpMeta() { return {
@@ -22774,16 +22830,22 @@ const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {
             false: null,
             true: null,
         },
+        isTextarea: {
+            false: null,
+            true: null,
+        },
     },
     compoundVariants: [
         {
             size: 'sm',
             variant: 'write',
+            isTextarea: false,
             class: 'h-6',
         },
         {
             size: 'base',
             variant: 'write',
+            isTextarea: false,
             class: 'h-8',
         },
         {
@@ -22820,8 +22882,12 @@ const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {
         },
     ],
 });
-const input = cva('text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0 h-full', {
+const input = cva('text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0', {
     variants: {
+        isTextarea: {
+            false: 'h-full',
+            true: null,
+        },
         disabled: {
             false: null,
             true: 'cursor-not-allowed',
@@ -22920,18 +22986,19 @@ class Field {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (hAsync(Host, { key: '1a79a5c8f8247833586cf9e8e663b5c6fe6a2bd9', class: 'p-field' }, hAsync("p-field-container", { key: '10b84cef30d39755c90812095158541c5d653002', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: 'bffa3ae2c58bb688956bfe65652fd578968227f4', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '1e4c706e8166014605a494c975bd16c502ff79cf', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '298572eb4da550e87443aecc0d68842eef9e9f98', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '4a9f6b0a99b88cffc4c0d84e31d880a3d07776b2', name: 'error', slot: 'error' })), hAsync("div", { key: 'cc5d1bff2b66717facdf1df95e11bc4c16e401c2', class: field({
+        return (hAsync(Host, { key: 'b75ada5f4769d2610912357d33da0b8529ab4984', class: 'p-field' }, hAsync("p-field-container", { key: '235ae8fa186ad4db8d5a13661775bb555393c6d6', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '2963450a44ff975755ad5dede7c69273cd10d808', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'af15180e5992ad98bbdd11b05b4abab9490a67a1', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '62be6518228a811d52868b1e1da84c3a70664bee', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '1979049bf6af97884f7b9a87e5e9cc683027efcd', name: 'error', slot: 'error' })), hAsync("div", { key: 'c4f9c673f441ab73bcfb7266d5f817dd89c09630', class: field({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 size: this.size,
                 variant: this.variant,
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '9a559c208e22f1c512121a81648777f5496375c9', class: prefixAndSuffix({
+                isTextarea: this.type === 'textarea',
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'a4e4b4cb9b9714036887783abea534760e191abc', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 isText: typeof suffix === 'string',
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '6ae960c4a1fe98dd99d83af0035992e3aedcf86f', class: prefixAndSuffix({
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: 'c7814f67e1e466ba4c746e03ad3ac036fef817e0', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
@@ -22985,6 +23052,7 @@ class Field {
         const props = {
             class: input({
                 disabled: this.disabled,
+                isTextarea: this.type === 'textarea',
             }),
             value: this.value,
             placeholder: this.placeholder,
@@ -22996,7 +23064,7 @@ class Field {
             properties = JSON.parse(this.properties);
         }
         if (this.type === 'textarea') {
-            hAsync("textarea", { ref: ref => this._setInputRef(ref), ...props, ...properties });
+            return (hAsync("textarea", { ref: ref => this._setInputRef(ref), ...props, ...properties }));
         }
         return (hAsync("input", { type: this.type, ref: ref => this._setInputRef(ref), ...props, ...properties }));
     }
@@ -23141,49 +23209,162 @@ class FieldContainer {
     }; }
 }
 
-const floatingMenuContainerComponentCss = ".z-floating-menu{z-index:190!important}.flex{display:flex!important}.h-12{height:3rem!important}.animate-none{animation:none!important}.items-center{align-items:center!important}.gap-4{gap:1rem!important}.rounded-2xl{border-radius:1rem!important}.bg-storm-dark{--tw-bg-opacity:1!important;background-color:rgb(39 40 56/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);align-items:center;background-color:rgb(39 40 56/var(--tw-bg-opacity,1));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(152 154 183/var(--tw-text-opacity,1));display:flex;gap:1rem;height:3rem;padding:.75rem 1rem;z-index:190}:host(.preload){animation:none!important}.static{position:static!important}";
+const floatingMenuContainerComponentCss = "*{box-sizing:border-box}:host(.preload){animation:none}.static{position:static!important}.z-floating-menu{z-index:190!important}.mx-0{margin-left:0!important;margin-right:0!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-4{height:1rem!important}.w-auto{width:auto!important}.min-w-0{min-width:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-3{padding-left:.75rem!important}.pr-1{padding-right:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-300{--tw-text-opacity:1!important;color:rgb(102 151 145/var(--tw-text-opacity,1))!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:text-dark-teal-100:hover{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}";
 var PFloatingMenuContainerStyle0 = floatingMenuContainerComponentCss;
 
+const container = cva([
+    'floating-menu-container z-floating-menu',
+    'bg-dark-teal-600 shadow-3',
+    'h-10 py-1 w-auto',
+    'rounded-lg',
+    'text-sm',
+    'flex items-center gap-2',
+], {
+    variants: {
+        enableAmountSelected: {
+            false: 'px-1',
+            true: 'pl-3 pr-1',
+        },
+    },
+});
+const amountSelected = cva([
+    'text-dark-teal-100',
+    'min-w-0',
+    'overflow-hidden text-ellipsis text-nowrap',
+]);
 class FloatingMenuContainer {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.close = createEvent(this, "close", 7);
         this.usedInTable = false;
+        this.enableAmountSelected = true;
+        this.amount = 0;
+        this.enableClose = true;
+        this.amountSelectedTemplate = (amount) => formatTranslation((amount === 1
+            ? this._locales.amount_selected
+            : this._locales.amount_selected_plural)?.replace('{{amount}}', amount));
+        this._locales = {};
+    }
+    /**
+     * Event whenever the close button is clicked
+     */
+    close;
+    get _el() { return getElement(this); }
+    componentWillLoad() {
+        this._setLocales();
     }
     render() {
-        return (hAsync(Host, { key: 'f3f243096001eb624f7280f914a0f52a412dc25e', class: "p-floating-menu-container" }, this.usedInTable ? (hAsync("slot", { name: "floating-menu-item" })) : (hAsync("slot", null))));
+        return (hAsync(Host, { key: 'e653fe503f27c3a0d7e0a90070c630b80ee5a7cc' }, hAsync("div", { key: '287a711e046eece0bea4525a2e601ca9a1368e95', class: container({
+                enableAmountSelected: this.enableAmountSelected,
+            }) }, this.enableAmountSelected && (hAsync(Fragment, { key: 'c5c11a8269651ea92a911feb26a8be52988f57a2' }, hAsync("p", { key: 'edc2f9fbb9adef44731a1d8c8b81762f0248ee7b', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), hAsync("p-divider", { key: 'c89c60984a56f48ab2c6f3c1cd3a4e909288cdda', class: 'mx-0 h-4 text-black-teal-400', variant: 'vertical' }))), this.usedInTable ? hAsync("slot", { name: 'floating-menu-item' }) : hAsync("slot", null), this.enableClose && (hAsync("div", { key: 'f231e9ddc59510cf67c0651b0ec6b5ae33b38e47', class: 'ml-auto cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100', onClick: ev => this.close.emit(ev) }, hAsync("p-icon", { key: '4561b5337606c3897307cff554e347b3eb34f4b6', variant: 'negative' }))))));
+    }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
     }
     static get style() { return PFloatingMenuContainerStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
         "$tagName$": "p-floating-menu-container",
         "$members$": {
-            "usedInTable": [4, "used-in-table"]
+            "usedInTable": [4, "used-in-table"],
+            "enableAmountSelected": [4, "enable-amount-selected"],
+            "amount": [2],
+            "enableClose": [4, "enable-close"],
+            "amountSelectedTemplate": [16],
+            "_locales": [32]
         },
-        "$listeners$": undefined,
+        "$listeners$": [[16, "localeChanged", "_setLocales"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 
-const floatingMenuItemComponentCss = ".flex{display:flex!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.opacity-40{opacity:.4!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity,1));display:flex;font-size:.875rem;gap:.5rem;height:1.5rem;line-height:1.25rem;white-space:nowrap}:host([hover]){cursor:pointer;font-weight:600}:host([disabled=true]),:host([disabled]){opacity:.4;pointer-events:none}:host([hover]:hover:not([disabled])){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.static{position:static!important}";
+const floatingMenuItemComponentCss = ".flex{display:flex!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.opacity-40{opacity:.4!important}*{box-sizing:border-box}.static{position:static!important}.min-w-0{min-width:0!important}.cursor-not-allowed{cursor:not-allowed!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.font-semibold{font-weight:600!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-dark-teal-300{--tw-text-opacity:1!important;color:rgb(102 151 145/var(--tw-text-opacity,1))!important}.opacity-60{opacity:.6!important}.group:hover .group-hover\\:text-dark-teal-100,.hover\\:text-dark-teal-100:hover{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}";
 var PFloatingMenuItemStyle0 = floatingMenuItemComponentCss;
 
+const item$1 = cva([
+    'p-floating-menu-item group',
+    'flex gap-2 items-center h-6',
+    'text-sm text-dark-teal-300',
+], {
+    variants: {
+        hover: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'opacity-60 cursor-not-allowed',
+        },
+    },
+    compoundVariants: [
+        {
+            disabled: false,
+            hover: true,
+            class: 'cursor-pointer hover:text-dark-teal-100',
+        },
+    ],
+});
+const icon$1 = cva(['text-dark-teal-200'], {
+    variants: {
+        hover: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: null,
+        },
+    },
+    compoundVariants: [
+        {
+            disabled: false,
+            hover: true,
+            class: 'group-hover:text-dark-teal-100',
+        },
+    ],
+});
 class FloatingMenuItem {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hover = true;
         this.disabled = false;
+        this.loading = false;
+        this.icon = undefined;
+        this.iconPosition = 'end';
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '323be24b417991471da56e0fdeb5f48fe843e2ac', class: "p-floating-menu-item" }, hAsync("slot", { key: '8a6eec6be660227ec9295e5ec761afc2f4b817a2' })));
+        return (hAsync(Host, { key: '89082d400cd797029c4265e5e35865375c341acf', class: item$1({
+                hover: this.hover && !this.loading,
+                disabled: this.disabled,
+            }) }, this._getIcon(), hAsync("p", { key: '9bd3e924cd1abb96281c8d5adc6b958c526b5884', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, hAsync("slot", { key: '61212ad54e7446aff3656f7309f1ac37014dab46' }))));
+    }
+    _getIcon() {
+        if (!this.icon && !this.loading) {
+            return;
+        }
+        if (this.loading) {
+            return hAsync("p-loader", { color: 'white' });
+        }
+        return (hAsync("p-icon", { class: icon$1({
+                hover: this.hover,
+                disabled: this.disabled,
+            }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
     }
     static get style() { return PFloatingMenuItemStyle0; }
     static get cmpMeta() { return {
-        "$flags$": 9,
+        "$flags$": 4,
         "$tagName$": "p-floating-menu-item",
         "$members$": {
             "hover": [516],
-            "disabled": [516]
+            "disabled": [516],
+            "loading": [4],
+            "icon": [1],
+            "iconPosition": [1, "icon-position"],
+            "iconFlip": [1, "icon-flip"],
+            "iconRotate": [2, "icon-rotate"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -23191,7 +23372,7 @@ class FloatingMenuItem {
     }; }
 }
 
-const helperComponentCss = ".inline-block{display:inline-block!important}.h-\\[0\\.75rem\\]{height:.75rem!important}.w-\\[0\\.75rem\\]{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}*{box-sizing:border-box}:host{line-height:.75rem}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.absolute{position:absolute!important}";
+const helperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 var PHelperStyle0 = helperComponentCss;
 
 class Helper {
@@ -23201,7 +23382,7 @@ class Helper {
         this.placement = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '4c68fcba7f552db8fa6699e03874f58087ea708b', class: 'p-helper' }, hAsync("p-tooltip", { key: '187e8cc70bed7ff5cf120d166902c397e4442654', placement: this.placement, strategy: this.strategy }, hAsync("div", { key: 'fdbc293458fe0ee696f39ea2a0f665c5ddca4b7a', slot: 'content' }, hAsync("slot", { key: 'd534b31a41d10858ee91f2f843dba97ffc1ad96b' })), hAsync("div", { key: '235c18b92332f58131d1cfc07a075b2f96ae1066', slot: 'trigger', class: 'helper' }))));
+        return (hAsync(Host, { key: 'b01ecfa1f3ad5066a2509a203a6b0412c980d56e', class: 'p-helper' }, hAsync("p-tooltip", { key: '6807aa67e6fd1d38dab4343db9d7903c240482e5', placement: this.placement, strategy: this.strategy }, hAsync("div", { key: 'a975111cdfa2095954275efe44af3913e60b808c', slot: 'content' }, hAsync("slot", { key: 'a2c69274cc77b54d0d59b17727c255bbede56433' })), hAsync("p-icon", { key: 'a4c8c4d70f8164b25404adbfeb60be9faa8b3393', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
     static get style() { return PHelperStyle0; }
     static get cmpMeta() { return {
@@ -23229,7 +23410,7 @@ class IbanIcon {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (hAsync(Host, { key: '09a55e1cab7d1f89d1929d4d1f9467641a7af8bc', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (hAsync(Host, { key: '12b6fe395d2c50106740c041b78dba096eef7bd1', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {
@@ -23376,7 +23557,7 @@ class Icon {
             '-rotate-270': this.rotate === -270,
             '-rotate-315': this.rotate === -315,
         };
-        return (hAsync(Host, { key: '5dea07a6c18881f4b6b0ff852886c7ef36819530', class: styles, innerHTML: icon }));
+        return (hAsync(Host, { key: 'ba0b6b980d18cd47978bb5275a855d04d8a501fd', class: styles, innerHTML: icon }));
     }
     static get style() { return PIconDeprecatedStyle0; }
     static get cmpMeta() { return {
@@ -23401,7 +23582,7 @@ class Illustration {
     }
     render() {
         const illustration = illustrations[this.variant];
-        return (hAsync(Host, { key: '25b116607464e2e8331f7e0f8fca133cfa8bf080', class: "p-illustration block", innerHTML: illustration }));
+        return (hAsync(Host, { key: 'aa2d191766ca8990a1e46ebf7d83bc2672bb8401', class: "p-illustration block", innerHTML: illustration }));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -23433,7 +23614,7 @@ class InfoPanel {
     closed;
     get _el() { return getElement(this); }
     render() {
-        return (hAsync(Host, { key: '366aff16f7050cc0d8c31015c3b50d4160cec37f', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, hAsync("div", { key: '046338278a4bf943b7a6c4de1186d498f5d5e388', class: 'header' }, hAsync("slot", { key: '31e698a2183a50becf826b5a4faa2c886e6011b7', name: 'header' })), hAsync("div", { key: 'edfe1012f17c3905d11952af8f7851a8ca0ab41b', class: 'content' }, hAsync("slot", { key: 'e36b083f7b1a63ab9f0f6c7b951e3a25c7c84dd6', name: 'content' })), this.closeable && (hAsync("div", { key: 'f3fb3af0ecbfb5d256453c4849da9bca1d8b55c0', class: 'close', onClick: () => this._close() }, hAsync("p-icon", { key: '65709e2a4d20ecbd43fad2554eafc0be111814bd', variant: 'negative' })))));
+        return (hAsync(Host, { key: '21a465da244de80603a6de63418375c5bb4d2d92', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, hAsync("div", { key: 'aca1f62a1470ea92076ae64b12268e8f5cccbcf6', class: 'header' }, hAsync("slot", { key: 'd254c40efafa6631e73345d9fcb902c7f561afd7', name: 'header' })), hAsync("div", { key: '9e5a883a8eb6537b13f3f195b038e46b2bc328a3', class: 'content' }, hAsync("slot", { key: '83187c859454bd078668238bd2af1909d3961440', name: 'content' })), this.closeable && (hAsync("div", { key: '1abbbed511217705b8514bd1b701475fdb0105cc', class: 'close', onClick: () => this._close() }, hAsync("p-icon", { key: '8ca580c09f1a97a65d0b2629289d0fe209793dbb', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();
@@ -23463,7 +23644,7 @@ class InputError {
         this._showTooltip = false;
     }
     render() {
-        return (hAsync(Host, { key: '1dfbd30a1da9a7662166b86f498a085c12b23f2a', class: 'p-input-error' }, hAsync("p-tooltip", { key: 'c90ceaf3df4e65de6f52009ac1bd131783849911', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, hAsync("p-icon", { key: '6cf02d8edb26b1b1a8f0b961ae61ab70fbf38846', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (hAsync(Host, { key: '460e73ad12c19bbc3b68910d4cde77ca3a137255', class: 'p-input-error' }, hAsync("p-tooltip", { key: '56237ea74bfb49a18d55f074ce1e3dcad8966315', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, hAsync("p-icon", { key: '9c5216370a29e37ac03b99d3039d458aa88f3629', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -23513,11 +23694,11 @@ class InputGroup {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (hAsync(Host, { key: '9848be9dc18dbb66de4ffaeb0fd6377204355127', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, hAsync("div", { key: '4d4035d525fe79a6afbd669bf49302fbd96ee4a9', class: 'flex items-end justify-between' }, label && (hAsync("div", { key: '859e6c72d70ddd2b62c72170be460452d0d87d11', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && hAsync("span", { key: '19c99b31a2d0f5b6f03971b6441e459653e3af13', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (hAsync("div", { key: '3e2abec6c63ae8d26b42316d48516992c2bc699b', class: 'input-header' }, hasHeaderSlot && hAsync("slot", { key: '1d100f887f1345ccfcf11e97d7667dd94355f026', name: 'header' }), helper && (hAsync("p-helper", { key: '9dbf5401cd26db9421c526bd406c683829abd877', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), hAsync("p-tooltip", { key: '71ef03a090b4311c14d7c935809f147140791e9e', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (hAsync(Host, { key: 'e1db8ece4db4fbd573e24523d8c9f2e9f61a606e', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, hAsync("div", { key: '3eb10740350c62abab9757a28e2c437bcb9b4ceb', class: 'flex items-end justify-between' }, label && (hAsync("div", { key: 'adc870ba2c4cf9ad0a435a840d16558e1d516864', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && hAsync("span", { key: '01825a70124dcdf25a3bebd865478a35e4c6b740', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (hAsync("div", { key: 'fd665be178c2c41b72a552bdaa717edd79c61f2c', class: 'input-header' }, hasHeaderSlot && hAsync("slot", { key: '22828aea8b76809870ddbf69b8beeee1529283b7', name: 'header' }), helper && (hAsync("p-helper", { key: '818b5827687e1002dd6090b33445d3e97fce4292', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), hAsync("p-tooltip", { key: '01172dcd5be0ee0bae29b5fb340d40372ab1a141', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, hAsync("div", { key: '21bda229af33f22f4080ef66cd2b2821f755edd6', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '21f4e49db797a4ee2e6caee81d952858cc550567', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, hAsync("div", { key: '47452ca6883a16b292f37a5d1e9f3389a9864537', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'cb4511181318173ec678112195ae601dbd924e50', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '033bc354c872c0b9fb351182d7466515642d3f9b', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (hAsync("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), hAsync("slot", { key: '1dc6aa666c99246ba2d532c435987875528af5f6', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: 'b3ee48219bb9a50cdf9385607fcd5b764746db07', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (hAsync("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), hAsync("slot", { key: 'e41a06801fc11044122862e066f0691f611743f0', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;
@@ -23666,14 +23847,14 @@ class Label {
         this.keepMobileContent = false;
     }
     render() {
-        return (hAsync(Host, { key: '04c0b2510fd1ae8cad957ee02d7d54245b7fdbb0', class: 'p-label' }, hAsync("div", { key: '7dfd0871e52cef46c49f0c30e58facfa603c5d0f', class: label({
+        return (hAsync(Host, { key: 'f1dbab04a321adb28cd47e777cc47ef3e6e7f770', class: 'p-label' }, hAsync("div", { key: 'b1bb0deb6c4fd2055450f30b30e85bba3edd8acc', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (hAsync("p-icon", { key: 'b70587122206d6b26785cbf5e9e8219219aeb7d0', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (hAsync("div", { key: '5426ae86e86f205b04130628923f3d53747c85d5', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (hAsync("p-icon", { key: '8bc53a171591d529cf9f2608192749c9c6d7c48d', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (hAsync("div", { key: 'cace3296ad188e08576a9bf145663a9b457901bd', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, hAsync("slot", { key: '62413d44b71c12291cb13997e839774d2b047fdd' }))))));
+            }) }, hAsync("slot", { key: 'a449801a77365afd4ecf916434b3a889dea315ee' }))))));
     }
     static get style() { return PLabelStyle0; }
     static get cmpMeta() { return {
@@ -23702,7 +23883,7 @@ class Layout {
         this.variant = 'default';
     }
     render() {
-        return (hAsync(Host, { key: 'fa4b89568d7ec5962f4767566ca8d5d97c169314', class: `p-layout variant-${this.variant}` }, hAsync("div", { key: '21d92f4cfe34b655995fb9d984b1ef273f686ff2', class: "content" }, hAsync("div", { key: '9fec48f933afa2a151e3e050a04459a09f15cedb', class: "inner-content" }, hAsync("slot", { key: '0c8ff716020b44a9cf737e5c0390ec64e559b790', name: "content" }))), hAsync("div", { key: 'a4b88f57ea6c6ea9cacfe6b5865185a99f691146', class: "sidebar" }, hAsync("slot", { key: 'c2866ebb42b7a010ed08407fd4f75f6a86a669f1', name: "sidebar" })), hAsync("div", { key: '3cbe3287c3b1cfd8472f4e0e27301c31770e25fe', class: "topbar" }, hAsync("slot", { key: 'b36f43fdbacfc72357a63fbc85f65ec023f50b1a', name: "topbar" }))));
+        return (hAsync(Host, { key: '0b8db1b82acbea80f6b8d320b7f4815e0b6490b4', class: `p-layout variant-${this.variant}` }, hAsync("div", { key: '9103fd8a11822dd9ab1e98a6847de308a3ed5ab6', class: "content" }, hAsync("div", { key: 'ba6fd30a15bab6624016a252c0c9e16835e75bd1', class: "inner-content" }, hAsync("slot", { key: '2fa6b0d7047a414d89826faffc48de9e8b858d10', name: "content" }))), hAsync("div", { key: 'ec2d595137dd7b9085f4a76a21bbb9945a895603', class: "sidebar" }, hAsync("slot", { key: '05aad4cc9c4a78e53a98d5e01b3e3e4ed7a38aad', name: "sidebar" })), hAsync("div", { key: '9897bda1f1b8f38f4975c1441c3ef2d714366996', class: "topbar" }, hAsync("slot", { key: '53fb217063547eb68191c7d650c4cbe343e2cae9', name: "topbar" }))));
     }
     static get style() { return PLayoutStyle0; }
     static get cmpMeta() { return {
@@ -23873,7 +24054,7 @@ class ModalBody$1 {
         this.variant = 'default';
     }
     render() {
-        return (hAsync(Host, { key: 'f64516662a47c6af37cd5252f680034303e5d53b', class: `p-drawer-body variant-${this.variant}` }, hAsync("slot", { key: '12839b91a0a1c6f0f0ca17a3d1416ae99d9bdf6b' })));
+        return (hAsync(Host, { key: 'e5d1cb239fcdf768cbee8d8e2535f96c3986ee39', class: `p-drawer-body variant-${this.variant}` }, hAsync("slot", { key: 'fdd6be1de819accb8e62ad9d0379110782b2d41f' })));
     }
     static get style() { return PDrawerBodyStyle0; }
     static get cmpMeta() { return {
@@ -23900,7 +24081,7 @@ class ModalBody {
         this.padding = true;
     }
     render() {
-        return (hAsync(Host, { key: '1b4a6fedbf81cd30f7842fe48878ccae7c0cbb70', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, hAsync("slot", { key: '714bb76978da28bea87512fa36bd5b428ea2b31b' })));
+        return (hAsync(Host, { key: '2a417803d55036da218474c7c662e84285a9a1a9', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, hAsync("slot", { key: '965950e9f6768aaf454a79e2a8803be1de4c539d' })));
     }
     static get style() { return PModalBodyStyle0; }
     static get cmpMeta() { return {
@@ -23932,7 +24113,7 @@ class ModalContainer$1 {
         this.closing = false;
     }
     render() {
-        return (hAsync(Host, { key: '6592422471e0dee3fcafa7f67f287aec507efadf', class: `p-drawer-container ${this.closing && 'closing'}` }, hAsync("slot", { key: '6040e86276aa241295eff3c3015a124ce297a16c' })));
+        return (hAsync(Host, { key: '1e83da125ac254f3f929492411f899504ede61b9', class: `p-drawer-container ${this.closing && 'closing'}` }, hAsync("slot", { key: '5bbf994ddb8f3426dba93c28439d6ff7d913680d' })));
     }
     static get style() { return PDrawerContainerStyle0; }
     static get cmpMeta() { return {
@@ -23970,7 +24151,7 @@ class ModalContainer {
     }
     render() {
         const sizeClass = modalSizes[this.size];
-        return (hAsync(Host, { key: '43ff28201d70459575d8b37faae58aa8a992767a', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, hAsync("slot", { key: 'f44bb8738283f4f6143d4b45f7108340b6deef0b' })));
+        return (hAsync(Host, { key: '7ecc3199ccdd86d8c8c7009997e786d178106f0e', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, hAsync("slot", { key: 'f9183374e69279a4e000817392833da5b1e3946e' })));
     }
     static get style() { return PModalContainerStyle0; }
     static get cmpMeta() { return {
@@ -23994,7 +24175,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '01439496d0b4b238b8fdfffbf5c9fdf3088858ae', class: "p-modal-footer" }, hAsync("p-divider", { key: 'e7dc4fc0c16827f73af2f331faf0ab54cb740f21', class: "mb-6 mt-0 hidden desktop-xs:flex" }), hAsync("slot", { key: '8e3f0ddb9ff38562411e59868719dc7c3c8e51e0' })));
+        return (hAsync(Host, { key: '4568f3335f0fb02b824c6f579157af636bc039d1', class: "p-modal-footer" }, hAsync("p-divider", { key: '67f74c1b3ab8e1456223bca4b576ea7cf928f61a', class: "mb-6 mt-0 hidden desktop-xs:flex" }), hAsync("slot", { key: '400f438ad03d7b8aecdfe3c6f2bf340387b6d51a' })));
     }
     static get style() { return PModalFooterStyle0; }
     static get cmpMeta() { return {
@@ -24021,7 +24202,7 @@ class ModalHeader$1 {
      */
     close;
     render() {
-        return (hAsync(Host, { key: '6851cefd3c95acfd5b61f6564c515eb92fbbc438', class: 'p-drawer-header' }, this.showClose && (hAsync("p-button", { key: '3e22ec23f39ac10f2dd9610e769a201e0b2888b7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), hAsync("slot", { key: 'c23369be2268f7fb5bb62219183fc1efb83001c4' })));
+        return (hAsync(Host, { key: '52848fc893686c0e7e85e8b3d6cbe9731dfb03c8', class: 'p-drawer-header' }, this.showClose && (hAsync("p-button", { key: 'ce2841335f8e03516a27996a60cd50cc4f747ffe', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), hAsync("slot", { key: '83f78bbf3fac9eca7755526e3f1c10f0bad8faac' })));
     }
     static get style() { return PDrawerHeaderStyle0; }
     static get cmpMeta() { return {
@@ -24050,7 +24231,7 @@ class ModalHeader {
      */
     close;
     render() {
-        return (hAsync(Host, { key: '15d09e0835c1ac62e23d1da6fa59042505e8e287', class: 'p-modal-header' }, hAsync("span", { key: 'fe40f919874acd070ebcecaff47b80bd6f6889b7' }, hAsync("slot", { key: 'cd118fa1054845af4c98e9f6779a796a35965ed2' })), this.showClose && (hAsync("p-button", { key: '9d3c23704087e67a8e8e036532dc541b3bd2e022', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
+        return (hAsync(Host, { key: 'a9a3ff260aa488e506aef11e37da9cb643e4381b', class: 'p-modal-header' }, hAsync("span", { key: '1e0ed0fa40724ba2e4ab287013cf8d44683c82f2' }, hAsync("slot", { key: 'ead156233b89f5b5dd265608f2d790ffa9c3ab0e' })), this.showClose && (hAsync("p-button", { key: '8d84be66064a68dbcbfe9c6162652ded1fb561b3', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
     }
     static get style() { return PModalHeaderStyle0; }
     static get cmpMeta() { return {
@@ -24113,7 +24294,7 @@ class Navbar {
         this._show = false;
     }
     render() {
-        return (hAsync(Host, { key: '5a650991757775c859753a4cba897657673e2c16', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, hAsync("p-backdrop", { key: '7b9941b9890fe9b6caeec31abae0a3bd760122ff', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: 'a5e159a45366eaec2c82ad05a8cf1beba3019a26', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '2c0ac1808679344a2e13bb6226753b6ab22a612b', class: 'flex w-full items-center justify-between layout-1280:hidden' }, hAsync("p-button", { key: '3cb94341bf85ae8b06bae64cfb3ff23d1a2ba513', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), hAsync("div", { key: 'b1a7c5563b6e952a0bc9642c1f7838e078bb393e', class: 'flex w-full flex-col items-stretch' }, hAsync("slot", { key: 'ae42cffb58b026119581692611f9daff81e047cd', name: 'company' })), hAsync("div", { key: '5b5907be291cdb13e508316c238e2258d8333cc8', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: 'e5ad788e78dc14a77b0a49cc372851a446c5f9a8', name: 'content' })), hAsync("div", { key: '638e5b77b2bc7f92113e38f8926dcefffb9cbaf3', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, hAsync("slot", { key: '5a0b81c1d1901a7f59b612f2ef56893ace17f4ec', name: 'user' }))), hAsync("div", { key: '5cba6c913ed6c801c90096a8c7ec61850850982f', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '9588e62b42781a82c31ff815d49424c9750906bd', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), hAsync("slot", { key: '78d2d84e2fe4e99bd8f188d8231a5250271e92bd', name: 'topbar' }))));
+        return (hAsync(Host, { key: '70ca0cfea5bb8c474c0815dad243022f7b44316e', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, hAsync("p-backdrop", { key: '65a2f6ffd16d53c9075db8151a294d116ac5f04d', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: '00e71ef350584ffd464d6019b4d54a7c86031e7e', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: 'feaf8c5239f00c7dfa0ff30c6056e358aeea1560', class: 'flex w-full items-center justify-between layout-1280:hidden' }, hAsync("p-button", { key: 'cd7e44187c32818c9155669401741b2c9b96feae', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), hAsync("div", { key: 'cc62d840eb9c3d53b964e9a8d8f749680960c3e3', class: 'flex w-full flex-col items-stretch' }, hAsync("slot", { key: 'd88e28add3173d9622322f172a1f43a67c67fb99', name: 'company' })), hAsync("div", { key: 'a20bee71e8e185a514b73c3bb99202d62a4b8796', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '73cd26f5a02640d8bab32ee94d328c51838d3872', name: 'content' })), hAsync("div", { key: '0b3ad5fe38446eb236271abbe470d903d295bc98', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, hAsync("slot", { key: '5f5b1fd9234dda2f266a1c299fde03d0594037ad', name: 'user' }))), hAsync("div", { key: '07db4db22d0b9a67e89217f41342bd2c799b6c41', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '281a11e80d46851aa94622e53a215cd6fd4f025f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), hAsync("slot", { key: '7d0886fe095516747e2cf069573a958c58544123', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;
@@ -24180,10 +24361,10 @@ class NavigationItem {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: '79388e74c4f842451ba5bfc706b69905cdbd23f3', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '6f7f1bcabc8818c254af81a137c4f111e7405302', class: navigationItem({
+        return (hAsync(Host, { key: '988a4b84ab9146aa06de915a06092894e9cf0a68', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '8cade7e9dc59ae1adc5fb6325d6c008e8f0a207f', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, hAsync("div", { key: '37f9fea4dafa366137346990d27b1c4ed483f9f7', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: 'ac71d3273d79a30dfdf3383ad988fc57755676dd', variant: this.icon })), hAsync("span", { key: '2125e1909ebdb212e6b873b73edcbaae7d936d50', class: this.counter && 'has-counter' }, hAsync("slot", { key: 'dd26013244c8282e21de4c32c6a7a28a15e52433' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: 'c8a88ea5590e98e8d2e9fe3f381a334167ae7920' }, this.counter)), !!this.loading && hAsync("p-loader", { key: 'ba965e9b68f55340f3c69fc4dd120b6ee7dcbb44', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, hAsync("div", { key: '5f6cc2d0065d91bf7f5d943b2c62d28c0282a553', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: '727250f6b3a18be24f2e8071cd2e8a0ba42c0ee5', variant: this.icon })), hAsync("span", { key: 'c8d4814d0144a79305fc07ac5707a530a88a6628', class: this.counter && 'has-counter' }, hAsync("slot", { key: '03b08d43b3185ddcff581f2704037ff3268cc7f0' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: '8d3e54e2dd4d9e6c37c6fa7f9a29b09f743c6cc6' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '7f1fc5d2e891a3ae79bb56497823017d264843cd', class: 'ml-auto' }))));
     }
     static get style() { return PNavigationItemStyle0; }
     static get cmpMeta() { return {
@@ -24214,7 +24395,7 @@ class NavigationSection {
         this.header = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'd08d6483e06b2f42650d3b866d9b80b3ecf493fe', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '36c6cad94d0d3372fd81448f29011ee6eb880447' }, this.header)), hAsync("div", { key: '0592eab02c6dfbaea10457f7c148b00de228f1e5', class: 'flex flex-col' }, hAsync("slot", { key: 'e1f2e8847c6b7cdb10696ac9a2a5409a00a94018' }))));
+        return (hAsync(Host, { key: '6cddd1e00b61b3f1a3567a69d2de1c1117822fa3', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '084887a5d8fc5d0c45c2faac96aead364bf93fa8' }, this.header)), hAsync("div", { key: '1b8b27d6fbeee63a2262bfe2e4d72a4eb0ebd5a5', class: 'flex flex-col' }, hAsync("slot", { key: '1bbd452c7ecd6bee4d79678b849e02164c828f9f' }))));
     }
     static get style() { return PNavigationSectionStyle0; }
     static get cmpMeta() { return {
@@ -24237,7 +24418,7 @@ class NavigationTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd23a12fb430b0821eff7412dd658f9e35d6ab30e', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, hAsync("slot", { key: '942a9b87a9a230dbfc3c54b40b64f3b67714f35e' })));
+        return (hAsync(Host, { key: 'fbd7677985ddc349ad5d4942717d7e3b387fb802', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, hAsync("slot", { key: 'a8824564dbb03f7fbad48bec1c80fca9a21073d4' })));
     }
     static get style() { return PNavigationTitleStyle0; }
     static get cmpMeta() { return {
@@ -24253,72 +24434,97 @@ class NavigationTitle {
 const defaultSize = 12;
 const defaultSizeOptions = [12, 24, 68, 136];
 
-class PageSizeSelect {
+const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";
+var PPaginationStyle0 = paginationComponentCss;
+
+const pagination$1 = cva([
+    'p-pagination',
+    'items-center gap-2',
+    'rounded-full',
+    'bg-off-white-300 border border-off-white-700',
+    'p-1',
+], {
+    variants: {
+        hidden: {
+            false: 'flex',
+            true: 'hidden',
+        },
+    },
+});
+class Pagination {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.sizeChange = createEvent(this, "sizeChange", 3);
-        this.size = defaultSize;
-        this.sizeOptions = defaultSizeOptions;
-        this.chevronPosition = 'start';
-        this.buttonSize = 'sm';
-        this.buttonTemplate = this._defaultButtonTemplate;
-        this.itemTemplate = this._defaultItemTemplate;
-        this.hidden = false;
-        this._locales = {};
+        this.pageChange = createEvent(this, "pageChange", 3);
+        this.pageSizeChange = createEvent(this, "pageSizeChange", 3);
+        this.hideOnSinglePage = true;
+        this.enablePaginationSize = true;
+        this.enablePaginationPages = true;
+        this.page = 1;
+        this.total = undefined;
+        this.pageSize = defaultSize;
+        this.pageSizeOptions = defaultSizeOptions;
+        this._hasPaginationPages = true;
     }
-    _defaultButtonTemplate = size => formatTranslation(this._locales.item, { size });
-    _defaultItemTemplate = size => formatTranslation(this._locales.item, { size });
     /**
-     * Event whenever the size changes
+     * Event whenever the page changes
      */
-    sizeChange;
-    get _el() { return getElement(this); }
-    componentWillLoad() {
-        this._setLocales();
-    }
+    pageChange;
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange;
     render() {
-        return (hAsync(Host, { key: 'fed0ed91432b016ba89756bbb1da23280d53fbad', class: `p-page-size-select ${this.hidden && 'hidden'}` }, hAsync("p-dropdown", { key: 'e0c88d1e79a318d6722aa930d398c2885c25db55', placement: 'top-start', chevronPosition: this.chevronPosition, chevronDirection: 'down' }, hAsync("p-button", { key: '5533afc447a3cc32e173e5043461e503d79d85ca', variant: 'secondary', slot: 'trigger', size: this.buttonSize }, this.buttonTemplate
-            ? this.buttonTemplate(this.size)
-            : this._defaultButtonTemplate(this.size)), hAsync("slot", { key: '03b5da08593e42e2c632418d3c40621377e181c9', slot: 'items' }, this.sizeOptions.map(option => (hAsync("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
-            ? this.itemTemplate(option)
-            : this._defaultItemTemplate(option))))))));
-    }
-    async _setLocales() {
-        this._locales = await getLocaleComponentStrings(this._el);
+        const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
+        return (hAsync(Host, { key: '90a23cd6c05cf683d848afc24ee03b95426e791e', class: pagination$1({
+                hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
+                    (!this.enablePaginationSize && !this.enablePaginationPages),
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (hAsync(Fragment, { key: 'c7f8ec9ddbf7a3e40ab466e5d356901df2ea6f3f' }, hAsync("p-pagination-size", { key: 'f98822e9feab28e4a9bcec27229096f28e462158', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            this.hideOnSinglePage &&
+            this._hasPaginationPages && (hAsync("p-divider", { key: '1f32c4da7c21822e2c4392c6f1e56e8048aa3f2f', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (hAsync("p-pagination-pages", { key: '2bab7184cf3a49073cd26c68662532e00c5ffda2', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
-    _changeSize(s) {
+    _changePageSize(s) {
         if (!s) {
             return;
         }
-        this.size = s;
-        this.sizeChange.emit(this.size);
+        this.pageSize = s;
+        this.pageSizeChange.emit(this.pageSize);
     }
+    static get style() { return PPaginationStyle0; }
     static get cmpMeta() { return {
-        "$flags$": 9,
-        "$tagName$": "p-page-size-select",
+        "$flags$": 0,
+        "$tagName$": "p-pagination",
         "$members$": {
-            "size": [1538],
-            "sizeOptions": [16],
-            "chevronPosition": [1, "chevron-position"],
-            "buttonSize": [1, "button-size"],
-            "buttonTemplate": [16],
-            "itemTemplate": [16],
-            "hidden": [4],
-            "_locales": [32]
+            "hideOnSinglePage": [4, "hide-on-single-page"],
+            "enablePaginationSize": [4, "enable-pagination-size"],
+            "enablePaginationPages": [4, "enable-pagination-pages"],
+            "page": [1538],
+            "total": [2],
+            "pageSize": [2, "page-size"],
+            "pageSizeOptions": [16],
+            "_hasPaginationPages": [32]
         },
-        "$listeners$": [[16, "localeChanged", "_setLocales"]],
+        "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["size", "size"]]
+        "$attrsToReflect$": [["page", "page"]]
     }; }
 }
 
-const paginationComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.hidden{display:none!important}";
-var PPaginationStyle0 = paginationComponentCss;
+const paginationPagesComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";
+var PPaginationPagesStyle0 = paginationPagesComponentCss;
 
-class Pagination {
+const pagination = cva(['p-pagination', 'flex gap-2 items-center'], {
+    variants: {
+        hidden: {
+            false: 'flex',
+            true: 'hidden',
+        },
+    },
+});
+class PaginationPages {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.pageChange = createEvent(this, "pageChange", 3);
+        this.pagesChange = createEvent(this, "pagesChange", 7);
         this.page = 1;
         this.pageSize = 12;
         this.hideOnSinglePage = false;
@@ -24328,22 +24534,28 @@ class Pagination {
      * Event whenever the page changes
      */
     pageChange;
+    /**
+     * The pages that were generated
+     */
+    pagesChange;
     _pages = [];
     _set = [];
     componentWillRender() {
         this._generate();
     }
     render() {
-        return (hAsync(Host, { key: '3568c3e866dcd2ffee3fb8acd34a81d63e564068', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+        return (hAsync(Host, { key: 'e0690bf05d27e87d7e85b24cd2944ed338296dbf', class: pagination({
+                hidden: this.hideOnSinglePage && this._set?.length === 3,
+            }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
-                return (hAsync("p-pagination-item", { onClick: () => p.type === 'previous'
+                return (hAsync("p-pagination-pages-item", { variant: 'carousel', disabled: this._carouselDisabled(p.type), onClick: () => p.type === 'previous'
                         ? this._previousClick()
                         : this._nextClick() }, p.value));
             }
             if (p.type === 'ellipsis') {
-                return hAsync("p-pagination-item", null, "...");
+                return (hAsync("p-pagination-pages-item", { hover: false }, "..."));
             }
-            return (hAsync("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
+            return (hAsync("p-pagination-pages-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
         })));
     }
     pageChangeHandler() {
@@ -24364,18 +24576,31 @@ class Pagination {
         this.pageChange.emit(this.page);
     }
     _previousClick() {
-        const previousPage = this.page - 1;
-        if (previousPage < this._pages[0]) {
+        if (this._carouselDisabled('previous')) {
             return;
         }
-        this._changePage(previousPage);
+        this._changePage(this.page - 1);
     }
     _nextClick = () => {
-        const nextPage = this.page + 1;
-        if (nextPage > this._pages[this._pages.length - 1]) {
+        if (this._carouselDisabled('next')) {
             return;
         }
-        this._changePage(nextPage);
+        this._changePage(this.page + 1);
+    };
+    _carouselDisabled = (type) => {
+        if (type === 'next') {
+            const nextPage = this.page + 1;
+            if (nextPage > this._pages[this._pages.length - 1]) {
+                return true;
+            }
+        }
+        if (type === 'previous') {
+            const previousPage = this.page - 1;
+            if (previousPage < this._pages[0]) {
+                return true;
+            }
+        }
+        return false;
     };
     _pageClick = (p) => this._changePage(p);
     _generatePages() {
@@ -24383,6 +24608,7 @@ class Pagination {
             return [];
         }
         const pages = Math.ceil(this.total / this.pageSize);
+        this.pagesChange.emit(pages);
         return new Array(pages).fill(undefined).map((_, i) => i + 1);
     }
     _generateSet = (range = 1, enableBoundaries = true) => {
@@ -24404,11 +24630,11 @@ class Pagination {
         const set = [];
         const previous = {
             type: 'previous',
-            value: (hAsync("p-icon", { variant: 'caret', rotate: 90 })),
+            value: (hAsync("p-icon", { variant: 'caret', size: 'sm', rotate: 90 })),
         };
         const next = {
             type: 'next',
-            value: (hAsync("p-icon", { variant: 'caret', rotate: -90 })),
+            value: (hAsync("p-icon", { variant: 'caret', size: 'sm', rotate: -90 })),
         };
         // Disable page range, display all the pages
         if (range === null) {
@@ -24472,10 +24698,10 @@ class Pagination {
         "pageSize": ["pageChangeHandler"],
         "total": ["pageChangeHandler"]
     }; }
-    static get style() { return PPaginationStyle0; }
+    static get style() { return PPaginationPagesStyle0; }
     static get cmpMeta() { return {
         "$flags$": 0,
-        "$tagName$": "p-pagination",
+        "$tagName$": "p-pagination-pages",
         "$members$": {
             "page": [1538],
             "pageSize": [2, "page-size"],
@@ -24488,23 +24714,93 @@ class Pagination {
     }; }
 }
 
-const paginationItemComponentCss = ".flex{display:flex!important}.h-8{height:2rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";
-var PPaginationItemStyle0 = paginationItemComponentCss;
+const paginationPagesItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\\:bg-dark-teal-700:hover{--tw-bg-opacity:1!important;background-color:rgb(0 56 50/var(--tw-bg-opacity,1))!important}.hover\\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.focus\\:bg-dark-teal-800:focus{--tw-bg-opacity:1!important;background-color:rgb(1 37 33/var(--tw-bg-opacity,1))!important}";
+var PPaginationPagesItemStyle0 = paginationPagesItemComponentCss;
 
-class PaginationItem {
+const item = cva([
+    'p-pagination-item',
+    'text-sm ',
+    'h-6 w-6',
+    'flex items-center justify-center text-center',
+], {
+    variants: {
+        variant: {
+            default: 'rounded text-black-teal-500',
+            carousel: 'rounded-full text-white',
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        hover: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'cursor-not-allowed',
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'default',
+            active: false,
+            class: 'bg-off-white-300',
+        },
+        {
+            variant: 'default',
+            active: false,
+            hover: true,
+            class: 'hover:bg-off-white-500 cursor-pointer',
+        },
+        {
+            variant: 'default',
+            active: true,
+            class: 'bg-off-white-700 font-semibold',
+        },
+        {
+            variant: 'carousel',
+            disabled: false,
+            class: 'bg-dark-teal-600',
+        },
+        {
+            variant: 'carousel',
+            disabled: false,
+            hover: true,
+            class: 'hover:bg-dark-teal-700 focus:bg-dark-teal-800 cursor-pointer',
+        },
+        {
+            variant: 'carousel',
+            disabled: true,
+            class: 'bg-dark-teal-600 opacity-20',
+        },
+    ],
+});
+class PaginationPagesItem {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.variant = 'default';
         this.active = false;
+        this.hover = true;
+        this.disabled = false;
     }
     render() {
-        return (hAsync(Host, { key: '5df379f6f05c43ebfc4ab5445126f51d722f4a2e', class: `p-pagination-item ${this.active && 'active'}` }, hAsync("slot", { key: '9b26d26a42d4766cc3050a851b106ad211787b30' })));
+        return (hAsync(Host, { key: 'f3420e85e92135dff1fc18e3cdf3b394de06bcf4', class: item({
+                variant: this.variant,
+                active: this.active,
+                hover: this.hover,
+                disabled: this.disabled,
+            }) }, hAsync("slot", { key: '154f74a83839bd6ffadd22e8df43a635bffe1f14' })));
     }
-    static get style() { return PPaginationItemStyle0; }
+    static get style() { return PPaginationPagesItemStyle0; }
     static get cmpMeta() { return {
-        "$flags$": 9,
-        "$tagName$": "p-pagination-item",
+        "$flags$": 4,
+        "$tagName$": "p-pagination-pages-item",
         "$members$": {
-            "active": [4]
+            "variant": [1],
+            "active": [4],
+            "hover": [4],
+            "disabled": [4]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -24512,6 +24808,87 @@ class PaginationItem {
     }; }
 }
 
+const paginationSizeComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-dark-teal-800{--tw-bg-opacity:1!important;background-color:rgb(1 37 33/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-dark-teal-700:hover{--tw-bg-opacity:1!important;background-color:rgb(0 56 50/var(--tw-bg-opacity,1))!important}";
+var PPaginationSizeStyle0 = paginationSizeComponentCss;
+
+const paginationSize = cva('p-pagination-size', {
+    variants: {
+        hidden: {
+            false: null,
+            true: 'hidden',
+        },
+    },
+});
+const trigger = cva([
+    'flex items-center gap-2',
+    'px-2 h-6',
+    'text-sm text-white font-medium ',
+    'cursor-pointer rounded-full',
+], {
+    variants: {
+        active: {
+            false: 'bg-dark-teal-600 hover:bg-dark-teal-700',
+            true: 'bg-dark-teal-800',
+        },
+    },
+});
+class PaginationSize {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sizeChange = createEvent(this, "sizeChange", 3);
+        this.size = defaultSize;
+        this.sizeOptions = defaultSizeOptions;
+        this.itemTemplate = this._defaultItemTemplate;
+        this.hidden = false;
+        this.dropdownIsOpen = false;
+        this._locales = {};
+    }
+    _defaultItemTemplate = size => formatTranslation(this._locales.item, { size });
+    /**
+     * Event whenever the size changes
+     */
+    sizeChange;
+    get _el() { return getElement(this); }
+    componentWillLoad() {
+        this._setLocales();
+    }
+    render() {
+        return (hAsync(Host, { key: 'c6a8bdc78842d4eea1a88621dfea502146de809e', class: paginationSize({ hidden: this.hidden }) }, hAsync("p-dropdown", { key: '426f6a7215cf96574d6b541582730f486d99f603', variant: 'dark-teal', placement: 'top-start', chevronDirection: 'down', calculateWidth: true, onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, hAsync("div", { key: '1d0e91bbda0055e463d5240b58ddb5a1fa4f4ff5', class: trigger({
+                active: this.dropdownIsOpen,
+            }), slot: 'trigger' }, hAsync("p", { key: '22fd50f9438b897fd2e44ae1c7b36f2964c6b415', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            ? this.itemTemplate(this.size)
+            : this._defaultItemTemplate(this.size)), hAsync("p-icon", { key: '0d1b2ef85f9a19593e454923adc3c969c8c4351d', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), hAsync("slot", { key: '95bb00e64170b9df61ba489343e58fdf647051b3', slot: 'items' }, this.sizeOptions.map(option => (hAsync("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            ? this.itemTemplate(option)
+            : this._defaultItemTemplate(option))))))));
+    }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
+    }
+    _changeSize(s) {
+        if (!s) {
+            return;
+        }
+        this.size = s;
+        this.sizeChange.emit(this.size);
+    }
+    static get style() { return PPaginationSizeStyle0; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "p-pagination-size",
+        "$members$": {
+            "size": [1538],
+            "sizeOptions": [16],
+            "itemTemplate": [16],
+            "hidden": [4],
+            "dropdownIsOpen": [32],
+            "_locales": [32]
+        },
+        "$listeners$": [[16, "localeChanged", "_setLocales"]],
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["size", "size"]]
+    }; }
+}
+
 class Portal {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -24528,7 +24905,7 @@ class Portal {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (hAsync(Host, { key: '7604d2cbdf309fb03b9a051d737f2b92fa57a354' }, hAsync("slot", { key: 'f4edec28f68504e7622f7fcffe9a80cf55501af9' })));
+        return (hAsync(Host, { key: 'bb0d2d84023af6e4d6b9d87ebeba83d16c37949b' }, hAsync("slot", { key: '014316bcd782e41366cbf3489357b1ea47b5d23b' })));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -24567,7 +24944,7 @@ class Profile {
     }
     render() {
         const content = this._getContent();
-        return (hAsync(Host, { key: '155d1be3f5cd2acbed03155a869ced051470fbca', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (hAsync("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, hAsync("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), hAsync("div", { slot: 'items' }, hAsync("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (hAsync(Host, { key: 'c0fbe8fa2fbbcae04a370f132ce02091039a4007', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (hAsync("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, hAsync("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), hAsync("div", { slot: 'items' }, hAsync("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();
@@ -24675,13 +25052,13 @@ class Radio {
      */
     checkedChange;
     render() {
-        return (hAsync(Host, { key: '5e349c36969c1072d5ed2fe06f788a57e8d66073', class: 'p-radio' }, hAsync("label", { key: '9f6ef133f032478a0b14316a3c23cf15afbc59c4', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: '956e61210c310820dd33b01b4c9ca52170b525b1', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '3b4344b7f05d0499bf0d30503ac8515be914d4be', class: radio({
+        return (hAsync(Host, { key: 'b2ec6cf9d5661f57b7e28120148fcf9007069395', class: 'p-radio' }, hAsync("label", { key: '782f32d703c4f897b287e7dfb80fd3b06f5e0abe', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: '45580ebf3a62a9f9a1e746c15b7d15139a38a47c', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '2262b932817e69fea5c5dd5c5046d9050d1b52a1', class: radio({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'e71f83506d266d6dccacbe238b1760196a8b4044', class: circle$1({
+            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: '18275011c0989071809d90c21e477e70099a1f4e', class: circle$1({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), hAsync("slot", { key: '1badbdded10dfcbd39f7f8f34f673453e3901ff5' }))));
+            }) })), hAsync("slot", { key: '02d03f675466bef15f63ab49240a53e1607c3ff2' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -24720,7 +25097,7 @@ class SegmentContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'f79a4fe8be098c3d1b6fd7665fd1f9b6c60ea6b7', class: 'p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1' }, hAsync("slot", { key: '0ef77a6b16756590ada3d45dd706cb7067aabebf' })));
+        return (hAsync(Host, { key: 'e171752c7eb839f1efea4ffe9c09caa08da154bc', class: 'p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1' }, hAsync("slot", { key: 'a9fba3fe448232dffc7a495507d53faa059e405d' })));
     }
     static get style() { return PSegmentContainerStyle0; }
     static get cmpMeta() { return {
@@ -24763,10 +25140,10 @@ class SegmentItem {
         this.iconRotate = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'af7456be3e588b691ccd3b1adda951e04adf5ba2', class: segmentItem({
+        return (hAsync(Host, { key: 'b038e9d37e1ed6fef2c26b526f756d5b4d3969c8', class: segmentItem({
                 active: this.active,
                 iconOnly: this.iconOnly,
-            }) }, this.icon && (hAsync("p-icon", { key: 'dc5df1291d42c311a2c24c7a6fd89ce03f716e46', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), hAsync("slot", { key: '65c6decbb477758300ce389a7a07f0ac174867f8' })));
+            }) }, this.icon && (hAsync("p-icon", { key: '01ad5164e37f166395422a6a5ffe38499a42b26b', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), hAsync("slot", { key: '0b8d0661e1f774422008fc22e3c96e64c8388ac4' })));
     }
     static get style() { return PSegmentItemStyle0; }
     static get cmpMeta() { return {
@@ -24963,7 +25340,7 @@ class Select {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'e1703146f61fa0572b6af24a5acf6793f664cf8d', class: 'p-select' }, hAsync("p-dropdown", { key: '7fcdf8d0721f6f5ab4a2994ed6b1a082bcf025d9', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: '0311a190d5313817e29382e4bf97d568f2221062', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: '16d91a2912b63316fe3203a54b27bb80b6157a50', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, hAsync("div", { key: 'f6dcac20124cd16f8dc802c4c6f09bff7eeb8e3a', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (hAsync(Host, { key: '0535ba59ab5b32d65e1f2672a49b404f015bc7ea', class: 'p-select' }, hAsync("p-dropdown", { key: '84b70085736f0943eddc1a0bae65460b78f13aad', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: 'daa079d94004685de5816f0d06fa8f07539900eb', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, hAsync("p-button", { key: 'c0f4640c1cd9047fae73594bef62a7b28f84a9f8', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, hAsync("div", { key: '2479f6d8ff8dea97e8592ba6059371a3967f852a', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -25280,7 +25657,7 @@ class SliderIndicator {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: '3fea5f2ed9499de58de65a9d313a9b84813af48c', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (hAsync(Host, { key: 'b4a76296cb2107ee168a257a89fcf4cd75a724dc', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get style() { return PSliderIndicatorStyle0; }
     static get cmpMeta() { return {
@@ -25307,8 +25684,8 @@ class Status {
         this.iconRotate = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'bc0d4df80dd57789f44a87f8b54c4b23947229aa', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), hAsync("slot", { key: '2275a7e8b94d3a2dc43b584d5d889114c5e978c2' })));
+        return (hAsync(Host, { key: 'e7ee3ba3c0b6e4b8b72f666f4e8d17eed22a588a', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), hAsync("slot", { key: '485021196c8b4bac9a05021699b5796b7073d86f' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();
@@ -25469,7 +25846,7 @@ class Stepper {
         }
     }
     render() {
-        return (hAsync(Host, { key: '7987eb70811222b9a526c9a8b156cb483018259c', class: 'p-stepper' }, hAsync("slot", { key: 'f613c5c39f66396df4eef136e1c5fec38f48b218', onSlotchange: () => this._generateStepsOnce() })));
+        return (hAsync(Host, { key: 'ea1674841729093f8c7c93a22362efcb9fe7a410', class: 'p-stepper' }, hAsync("slot", { key: 'bda39ed6b0ee781f9edd0ff5150521feb77bceb2', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();
@@ -25506,7 +25883,7 @@ class StepperItem {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: '5b5c0a4e500578e55b5d7c55a913cea70e9fbb23', class: "p-stepper-item" }, hAsync("div", { key: '0f6311a964269c5a03c915feb1abcd425552cf59', class: "circle" }, this.finished && hAsync("p-icon", { key: '789a03346900f7b7e52b7336d3f2ed25b41502f8', variant: "checkmark" })), hAsync("div", { key: '7eae0631b8f7d20b010e808dc9e2309f15b1b6a3', class: "content" }, hAsync("slot", { key: '4bccba5c636b8a7e649aea2141b5c87c149a98cd', name: "content" }))));
+        return (hAsync(Host, { key: '3d485ab1326327a11f843a10a06976dbfaa5e69e', class: "p-stepper-item" }, hAsync("div", { key: '77778ae9a704c43da71e62455e5ba6c00c9e575f', class: "circle" }, this.finished && hAsync("p-icon", { key: 'ba5127ed6b27595d9e730ce72a7842e3a4aae60e', variant: "checkmark" })), hAsync("div", { key: 'dd5ea1dd939440735e0fb32c981054ff6bd78966', class: "content" }, hAsync("slot", { key: 'c1c73ee1f7d719d8f8da88dda286a01875ee9032', name: "content" }))));
     }
     static get style() { return PStepperItemStyle0; }
     static get cmpMeta() { return {
@@ -25535,7 +25912,7 @@ class StepperLine {
         this.direction = 'horizontal';
     }
     render() {
-        return hAsync(Host, { key: 'a92797d409afb13452d2e973fc0ad35e7d5e6dee', class: "p-stepper-line" });
+        return hAsync(Host, { key: '1f10907cd345fbd5beda9a9d022426dbeb1d769d', class: "p-stepper-line" });
     }
     static get style() { return PStepperLineStyle0; }
     static get cmpMeta() { return {
@@ -25556,7 +25933,7 @@ class TabGroup {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '4c7116038f4e902779bcc675b8c1b4c393a8bf9b', class: "p-tab-group relative flex w-full flex-col" }, hAsync("div", { key: 'f6f23c1137257a186fe344d1bc3107759628cb3f', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, hAsync("slot", { key: 'f4060cd466b9672bbdc827e644e7c73f5051ecc2' })), hAsync("p-divider", { key: 'fbb9c916923ed562dff16233405f17a17e2f3839', class: "absolute bottom-0 left-0 m-0 w-full" })));
+        return (hAsync(Host, { key: '0196a50b1603687c6966ddfe57f93f5163d8a53f', class: "p-tab-group relative flex w-full flex-col" }, hAsync("div", { key: '0c5412d0724d086fc4ef2a7ad8dc306e9769d130', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, hAsync("slot", { key: '31bb8480ea930c664473c8b77f9cb97276b5af16' })), hAsync("p-divider", { key: '8e4668bc349afae1e1772a1b1f5bb3f3476a5aaf', class: "absolute bottom-0 left-0 m-0 w-full" })));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -25577,7 +25954,7 @@ class TabItem {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: '089d3d7d47eacf3257b0e242fcf1646f3c3a7306', class: `p-tab-item ${this.active && 'active'}` }, hAsync("slot", { key: '29e458fd3167121bddb9b35fa0e236a201745fd9' })));
+        return (hAsync(Host, { key: '8ede23aa9899c3bdea0191542b007fa77dd54fe8', class: `p-tab-item ${this.active && 'active'}` }, hAsync("slot", { key: 'd6ecbb51b03ab4791f3153bdf6c7c98623bdd0b1' })));
     }
     static get style() { return PTabItemStyle0; }
     static get cmpMeta() { return {
@@ -25592,7 +25969,7 @@ class TabItem {
     }; }
 }
 
-const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-checkbox{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.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)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";
+const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-checkbox{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.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)!important}";
 var PTableStyle0 = tableComponentCss;
 
 class Table {
@@ -25736,7 +26113,7 @@ class Table {
         this.hasRendered.emit();
     }
     render() {
-        return (hAsync(Host, { key: '07f810e3e22d4e84be51cc8489adc253ba40c953', class: 'p-table' }, hAsync("p-table-container", { key: '500d002895d31f4ee1d68ea68a3121aaa80f8a7e', shadow: this.shadow }, this.enableHeader && (hAsync("p-table-header", { key: 'baee39602cdca62207f2438d386492d75a16f8b3',
+        return (hAsync(Host, { key: '115781a7ed9724c4e45f91400483141b578cf54b', class: 'p-table' }, hAsync("p-table-container", { key: '6c354c314ccb5e4c167b0a7d6cd43bbc421d3456', shadow: this.shadow }, this.enableHeader && (hAsync("p-table-header", { key: 'e2b80da28b457dce197f231850e3f9961cb63977',
             // quick filters
             quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
             // search
@@ -25746,7 +26123,7 @@ class Table {
             // action button
             enableAction: this.enableAction, actionIcon: this.actionButtonIcon, actionText: this.actionButtonText, actionLoading: this.actionButtonLoading, canUseAction: this.actionButtonEnabled, actionButtonTemplate: this.actionButtonTemplate, onAction: () => this.action.emit(), itemsSelectedAmount: this.selectedRows?.length,
             //loading
-            loading: this.headerLoading }, this._hasCustomFilterSlot && (hAsync("slot", { key: 'a0cfc4cc04b6f5c2f8f79a551c345c7dda705f92', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (hAsync("slot", { key: '06562edb6f3ae626a42a5c2cee1718342f7d6fee', name: 'custom-actions', slot: 'custom-actions' })))), this._getHeader(), hAsync("div", { key: '04a4ce4368a48a7ff9a4b97b5c7717e2a3432cea', class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFooter && (hAsync("p-table-footer", { key: '4155594950f0a0e6c95eef2079f07cc1c9c06b87',
+            loading: this.headerLoading }, this._hasCustomFilterSlot && (hAsync("slot", { key: 'b83f2bceda8502cb14dbe0691ee0f9ea53f3be2c', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (hAsync("slot", { key: 'a9bad5a3a28e176fb81df14d4a418f8ba2d29542', name: 'custom-actions', slot: 'custom-actions' })))), this._getHeader(), hAsync("div", { key: '5d57a53317fcb3621d4bf6b6abb1662dfeb217c4', class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFooter && (hAsync("p-table-footer", { key: '8c4df256292e0ec8246bba9e1dbbf81c51cd89bb',
             // overall
             hideOnSinglePage: this.hideOnSinglePage,
             // page size select
@@ -25756,13 +26133,13 @@ class Table {
             // export
             enableExport: this.enableExport, onExport: () => this.export.emit(),
             //loading
-            loading: this.footerLoading })), this.enableFloatingMenu && this._enableRowSelection ? (hAsync("p-floating-menu-container", { usedInTable: true, class: `${this.selectedRows?.length ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, hAsync("p-floating-menu-item", { hover: false, slot: 'floating-menu-item', class: this._rowActionsFloating?.length ? 'hidden tablet:flex' : '' }, this.floatingMenuAmountSelectedTemplate(this.selectedRows?.length)), hAsync("p-divider", { class: `mx-0 text-storm ${this._rowActionsFloating?.length ? 'hidden tablet:flex' : ''}`, variant: 'vertical', slot: 'floating-menu-item' }), this._rowActionsFloating?.length &&
-            this._rowActionsFloating.map(a => (hAsync("p-floating-menu-item", { slot: 'floating-menu-item', disabled: a.disabled, onClick: () => !a.disabled &&
+            loading: this.footerLoading })), this.enableFloatingMenu && this._enableRowSelection ? (hAsync("p-floating-menu-container", { usedInTable: true, class: `${this.selectedRows?.length ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}`, amountSelectedTemplate: this.floatingMenuAmountSelectedTemplate, amount: this.selectedRows?.length, enableAmountSelected: !!this._rowActionsFloating?.length, onClose: () => this._selectAllChange(null, false) }, this._rowActionsFloating?.length &&
+            this._rowActionsFloating.map(a => (hAsync("p-floating-menu-item", { slot: 'floating-menu-item', disabled: a.disabled, loading: a.loading, icon: a.icon, iconRotate: a.iconRotate, iconFlip: a.iconFlip, onClick: () => !a.disabled &&
                     !a.loading &&
                     !!a.action &&
                     a.type === 'single'
                     ? a.action(this.selectedRows[0], false)
-                    : a.action(this.selectedRows, true) }, a.label, ' ', a.loading ? (hAsync("p-loader", null)) : (hAsync("p-icon", { variant: a.icon, rotate: a.iconRotate, flip: a.iconFlip }))))), this._rowActionsFloating?.length && (hAsync("p-divider", { class: 'mx-0 text-storm', variant: 'vertical', slot: 'floating-menu-item' })), hAsync("p-floating-menu-item", { slot: 'floating-menu-item', onClick: () => this._selectAllChange(null, false) }, hAsync("p-icon", { variant: 'negative' })))) : (''))));
+                    : a.action(this.selectedRows, true) }, a.label))))) : (''))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -25909,10 +26286,11 @@ class Table {
         }
         return (hAsync("div", { class: `flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${this.enableEmptyStateAction && 'cursor-pointer'}`, onClick: () => this.enableEmptyStateAction && this.emptyStateActionClick.emit(null) }, hAsync("p-illustration", { variant: 'empty-state-add', class: 'mb-6' }), hAsync("p", { class: 'text-storm-default font-semibold' }, this.emptyStateHeader()), hAsync("p", { class: 'mb-6 text-sm text-storm-medium' }, this.emptyStateContent()), this.enableEmptyStateAction && (hAsync("p-button", { variant: 'secondary', icon: 'plus', size: 'sm' }, this.emptyStateAction()))));
     }
-    _selectAllChange({ detail: checked }, forceValue) {
+    _selectAllChange(ev, forceValue) {
         if (!this._enableRowSelection) {
             return;
         }
+        const checked = ev?.detail ?? forceValue ?? false;
         const value = forceValue === undefined ? checked : forceValue;
         if (value) {
             const toAdd = [];
@@ -26326,7 +26704,7 @@ class TableCell {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'fdd68a4b75fa75a0301b2721d81a069cac64d098', class: {
+        return (hAsync(Host, { key: '5ea2d685b03dbab341e3dc4707a2fec3b1959e2c', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -26423,7 +26801,7 @@ class TableContainer {
         this.shadow = true;
     }
     render() {
-        return (hAsync(Host, { key: '73eb4897c9a50ca1f673eff5d331d180462d3b5d', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, hAsync("slot", { key: 'ee29b6fd875e4e170343caf2e1c04e6177779425' })));
+        return (hAsync(Host, { key: 'f9b97958a4f0e448258e16b116fe42a81b014eb8', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, hAsync("slot", { key: 'dfb4247a6e6a80479c44ae9481d620666fad2a55' })));
     }
     static get style() { return PTableContainerStyle0; }
     static get cmpMeta() { return {
@@ -26438,7 +26816,7 @@ class TableContainer {
     }; }
 }
 
-const tableFooterComponentCss = ".flex{display:flex!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.justify-self-end{justify-self:end!important}.justify-self-center{justify-self:center!important}*{box-sizing:border-box}:host{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));padding:1.5rem;width:100%}:host>p-pagination{display:flex;grid-column-start:1;justify-self:center}:host>p-loader{grid-column-start:1}@media (min-width:64rem){:host{grid-template-areas:\"page-size pagination export\";grid-template-columns:repeat(3,minmax(0,1fr))}:host>p-page-size-select{grid-column-start:1}:host>p-pagination{grid-column-start:2}:host>p-loader{grid-column-start:2}:host>p-button{grid-column-start:3;justify-self:end}}:host(.page-size-disabled.export-disabled){grid-template-columns:repeat(1,minmax(0,1fr))}:host(.page-size-disabled.export-disabled)>p-pagination{grid-column-start:1}.static{position:static!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-full{width:100%!important}.rounded{border-radius:.25rem!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";
+const tableFooterComponentCss = ".col-start-1{grid-column-start:1!important}.col-start-3{grid-column-start:3!important}.flex{display:flex!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}*{box-sizing:border-box}:host{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));padding:1.5rem;width:100%}:host>p-pagination{display:flex;grid-column-start:1;justify-self:center}:host>p-loader{grid-column-start:1}@media (min-width:64rem){:host{grid-template-areas:\"page-size pagination export\";grid-template-columns:repeat(3,minmax(0,1fr))}:host>p-pagination-size{grid-column-start:1}:host>p-pagination-pages{grid-column-start:2}:host>p-loader{grid-column-start:2}:host>p-button{grid-column-start:3;justify-self:end}}:host(.page-size-disabled.export-disabled){grid-template-columns:repeat(1,minmax(0,1fr))}:host(.page-size-disabled.export-disabled)>p-pagination{grid-column-start:1}.static{position:static!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-full{width:100%!important}.rounded{border-radius:.25rem!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";
 var PTableFooterStyle0 = tableFooterComponentCss;
 
 class TableFooter {
@@ -26476,7 +26854,7 @@ class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (hAsync(Host, { key: '8c85669efe0bdc3f14fe0dfb5cbca5a38451b2ca', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (hAsync("p-page-size-select", { key: '69cb04177926201d314ab138ac72452d9a32ccd3', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (hAsync("p-loader", { key: '4601f2a8736bb05af33159769bfba2e1854c8cdf', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (hAsync("p-pagination", { key: 'e9c672d24d92cb973482a37b16f8a1210fb17345', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (hAsync("p-button", { key: '3f6942fb87389cb69281e397134f857d2cedb87c', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (hAsync(Host, { key: 'cb2418de42dab7f9020c52c4883d11dd74ada665', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (hAsync("p-pagination-size", { key: '7e35edad34ffafecbfd1574025e43accf4d6875c', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (hAsync("p-loader", { key: 'ef267282c339b87669ec03e7e7c2d01969480563', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (hAsync("p-pagination-pages", { key: '7524b69f3ec82817f753ac66bd6a791bb905b4a0', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (hAsync("p-button", { key: '508ddec714228b334d682f93185a555a030c5cd2', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -27485,13 +27863,13 @@ class TableHeader {
         const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
         const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
         const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-        return (hAsync(Host, { key: '9261f1ac3d1ffc7b3f696d7dc528eb39d21e39f3', class: 'p-table-header' }, this.loading && (hAsync("p-loader", { key: '52cb48056ac2ce46ae3825e97a83735c90926e4e', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-            (hasCustomFilterSlot || this.quickFilters.length > 0) && (hAsync("div", { key: '4c1a883ae11bb2a8a9a0a3d1339600d58174543b', class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && hAsync("slot", { key: '0ef29f9afb9cb27761f11146fa41933e64e7fed8', name: 'custom-filter' }), this.quickFilters.length > 0 && (hAsync("p-segment-container", { key: '480435085fab332399b5386d33fed70b0d96d718', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (hAsync("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), hAsync("div", { key: 'a5c1add14f7a2c3056195936325004ed8d1710fe', class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (hAsync("p-field", { key: '0bd8f8e0037be9c1eef724d158542f2815990fd7', icon: 'search', size: 'sm', class: 'desktop-xs:w-48', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), this.enableFilter && (hAsync("p-button", { key: 'b101dd2da885d7abc10c2d2e76e9d4f6e549e984', icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
+        return (hAsync(Host, { key: '7ca9e5d35de2a348f49b1d21f97d9e0ab363b4fd', class: 'p-table-header' }, this.loading && (hAsync("p-loader", { key: 'a839bd495927d4ee2fc06f07adb8aa32d9a18e93', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || this.quickFilters.length > 0) && (hAsync("div", { key: 'a200ab308bc8a16aff2e611fc438fc6a31cdc92f', class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && hAsync("slot", { key: '712c11750cc41a874823a70ead4fedc95fac1df5', name: 'custom-filter' }), this.quickFilters.length > 0 && (hAsync("p-segment-container", { key: 'acf8f0d1b01a91750ca501a94527b247509a15c0', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (hAsync("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), hAsync("div", { key: '0b82b63c0f79f376b2134f6e31f475831d0e0715', class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (hAsync("p-field", { key: 'e9e9f525d88b1ecc619adf3dfc8f5c4af0c9a541', icon: 'search', size: 'sm', class: 'desktop-xs:w-48', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), this.enableFilter && (hAsync("p-button", { key: '4444a6ef4b2229c11df9d85df652a25b71a0bb48', icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
                 : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '0d1293590817ed31001298900752cc1ee09b61f9', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '41dce94131e7458342885f2e5451efad7a0e85ef', class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '6606497a19a00cf0ddcdca6aedc61d893bac1f25', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '8f5ad8071074b89dc1e8700e6f72c48619fcb9c5', class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -27545,9 +27923,9 @@ class TableRow {
         this.enableHover = true;
     }
     render() {
-        return (hAsync(Host, { key: '962ec4f0187a22416270df391edb910c6584fc57', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (hAsync(Host, { key: '30832de6f65ec6849708070a37a0a1e93a627d56', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, hAsync("div", { key: '45deb1c2a22e4afdf99b3e4f407f8ceedc3769fc', class: "content" }, hAsync("slot", { key: 'd9bae05aad34f48ef13598e432813ffacab3d3f6' })), this.variant === 'default' && hAsync("p-divider", { key: 'efdc3dcb43ea3f74786495f62ceaf7b6a62908d6', class: "m-0" })));
+                'enable-hover'} group` }, hAsync("div", { key: '55c7a8370ab3b78a0fa61155eb9ca34106d9a576', class: "content" }, hAsync("slot", { key: '5b37ff815b031f54d518bea2ddc7bdcbe3448f83' })), this.variant === 'default' && hAsync("p-divider", { key: '9460911560d0fde992a41dac8a271ed2637e0479', class: "m-0" })));
     }
     static get style() { return PTableRowStyle0; }
     static get cmpMeta() { return {
@@ -27621,7 +27999,7 @@ class Toast {
      */
     action;
     render() {
-        return (hAsync(Host, { key: '8037040911805538a87e382891c638dc02b60206', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, hAsync("div", { key: '3d62bfbdc62f0aad9f0b2aa399b881498328329c', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '6025fc8d67bdaeff8e43ae6b65aed1c12a42a107', class: 'font-semibold text-storm' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '39b41b1033a0b4eaaca958949556cae1037d0019', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("p-button", { key: '0b58b68d606925c26007d2e00437a3e2c69bfd0f', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (hAsync(Host, { key: 'b3963d3a772d34006a840dd03dc13235b39d0ac6', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, hAsync("div", { key: 'c29cbf9dce21d078c21012e04e41898100f3a890', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '52836d0e58470c2db6c7a049f557cb35831f67d5', class: 'font-semibold text-storm' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '9cead413b861df8e58248e6c2fd3c2a3bbfd24f7', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("p-button", { key: '5b1343fcc47fd20ec5e5adc4f87fb51110cc1d00', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -27656,7 +28034,7 @@ class ToastContainer {
         this.placement = 'top-end';
     }
     render() {
-        return (hAsync(Host, { key: '08003fba3c68efb062495f15641c6e762dfb40b0', class: `p-toast-container placement-${this.placement}` }, hAsync("slot", { key: '121b4bca4f1f1db6bc9e5da976175bb496d4e61c' })));
+        return (hAsync(Host, { key: '084f8ee6efb5f3d4d28cd74ccdda9120e3cf67b6', class: `p-toast-container placement-${this.placement}` }, hAsync("slot", { key: '2bbc0227bfb59635caf0853773e6b573babf8e49' })));
     }
     static get style() { return PToastContainerStyle0; }
     static get cmpMeta() { return {
@@ -27770,13 +28148,13 @@ class Toggle {
      */
     indeterminateChange;
     render() {
-        return (hAsync(Host, { key: '7e7322642bd2ae209f3693d86f7d206ba48e32aa', class: 'p-checkbox' }, hAsync("label", { key: '6bcb61ef0326e9ae1df59c88c3fc8a1c09aa6c59', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'a4993dac0cf2193aab80749460615d1da97f91cc', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '9225f841e623b436930c116ddd6767a55e335001', class: checkbox({
+        return (hAsync(Host, { key: '40efaf95a6ccc2c3d1207e1c2aee5aa42928847f', class: 'p-checkbox' }, hAsync("label", { key: 'd0b47d2414464689189c04fd1087fa4e2670471b', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'bea89d82418991b598ca015d8916f31fb3240be4', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '69830e728c7093fd2b269e341678bf95caa2705d', class: checkbox({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: '4c6f3a78c1c9c483bb655ccb5555615fcdf338b3', class: circle({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), hAsync("div", { key: '89f8610d0e9ccb0daafeb325fdf89fafdf8afd00', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), hAsync("slot", { key: '25d9c3ce61d0ae9442092fe02b17fdd31a5b912b' }))));
+            }) })), hAsync("slot", { key: '5d202099b2fd82d6174bb31fa9ce7ba95b8a355a' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -27898,19 +28276,19 @@ class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (hAsync("div", { key: 'dffb30b5a876eea1666df8277d032a1f245d9998', class: popover({
+        const tooltipElement = (hAsync("div", { key: '6f9c3f17c03fd05f38542ae9c7c0bcbd974a5bbb', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, hAsync("div", { key: 'dadc96e74bd8b69a4dfef0f5a247a20690d8f31d', class: 'flex gap-2' }, this.variant === 'error' && (hAsync("div", { key: '94a267c1c89cae726db52160a9b6c08b66689426', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : hAsync("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, hAsync("div", { key: '24a0b7be9128f683c5b97b025c127ccc099a350d', class: 'flex gap-2' }, this.variant === 'error' && (hAsync("div", { key: 'bdef4cbe31d0642f4db9134e8b1dac420476f662', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : hAsync("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (hAsync("p-portal", { key: 'ea7f1b8bc46937a4cb3caa32f8fa905ea4c246a5', class: portal({
+            tooltip = (hAsync("p-portal", { key: '261fa01590875e3b7b89e1071340a28e1a9c0026', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (hAsync(Host, { key: 'db9de49ecbb2b080d3a44bf0931bc3b3df38bb17', class: 'p-popover flex cursor-pointer' }, hAsync("div", { key: '1e774544a922ce477a0006a4c86e3e1f28c5c9a7', class: 'relative h-inherit w-inherit' }, hAsync("slot", { key: '5ec39f84d2e3c6ac8131e1f147c72ec778a51241', name: 'trigger' }), tooltip)));
+        return (hAsync(Host, { key: '5bc62f68bb9f49ce77f5e50f3713ad8a9b68e350', class: 'p-popover flex cursor-pointer' }, hAsync("div", { key: '3792040756275f17dde8dad661af0cec0c40192b', class: 'relative h-inherit w-inherit' }, hAsync("slot", { key: '7426bd33a80902bd576168c6dff9cfcfc70c128f', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {
@@ -28082,9 +28460,10 @@ registerComponents([
   NavigationItem,
   NavigationSection,
   NavigationTitle,
-  PageSizeSelect,
   Pagination,
-  PaginationItem,
+  PaginationPages,
+  PaginationPagesItem,
+  PaginationSize,
   Portal,
   Profile,
   Radio,