@paperless/core 2.0.1-beta.37 → 2.0.1-beta.39

package/hydrate/index.js

@@ -2541,7 +2541,7 @@ class Accordion {
      */
     isOpen;
     render() {
-        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' })))));
+        return (hAsync(Host, { key: '7ad723f9d462475bbde3b153d9933ae8aa486087', class: 'p-accordion' }, hAsync("div", { key: 'd84095e73c10d45be714b9dc5be39f8cb46eae07', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, hAsync("p-icon", { key: '91b832f408a54a7c157de9da7e5eeceb2e40c22c', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), hAsync("p", { key: 'ecee19be59e16078a4b451674ed44d73114e523d', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), hAsync("p-divider", { key: '99dc087bff6db71f175f66ca150fe81eb1b77bc0' })), this.open && (hAsync("div", { key: 'cd20ff3a60c59c2b7f14ee7d4082fc9afe4064c8', class: 'mt-6' }, hAsync("slot", { key: '4b293f8ddc3dd60d1e2dae75f4707eb5b78e7183' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {
@@ -2591,14 +2591,14 @@ class Attachment {
      */
     delete;
     render() {
-        let prefix = hAsync("p-icon", { key: 'c09bb42c3b2468e6f9641b049143ba33bcf227ed', variant: 'attachment' });
+        let prefix = hAsync("p-icon", { key: 'e23ed6e11a562258c720881549f28a7abb584f3d', variant: 'attachment' });
         if (this.loading) {
-            prefix = hAsync("p-loader", { key: '4a47c764c8634c41a006cbcef0819ac495383d45' });
+            prefix = hAsync("p-loader", { key: 'f97752af8256bbdae224e3567d96004df480ce0b' });
         }
         if (this.error) {
-            prefix = (hAsync("p-icon", { key: 'b68414ca0c360344b803cb503bc97375c145cf26', variant: 'warning', class: 'text-negative' }));
+            prefix = (hAsync("p-icon", { key: '0a9913dded62bb2b899aebef67e612cf6decd4f8', variant: 'warning', class: 'text-negative' }));
         }
-        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() })));
+        return (hAsync(Host, { key: '9d4d8572b25dc995f2b1fc078cc6066124331ea1', class: 'p-attachment flex items-start gap-4' }, hAsync("div", { key: 'be153b4d1970343f7bb0ea67eac8b1fa246f9bb5', 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: '80d5a254322f25126ccfdd375bfd089c70513237', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, hAsync("slot", { key: '667ab94cb746606eb4f6466570b550c07aa97cfa' })), this.error?.length && hAsync("p-input-error", { key: '6edb2fdb1734929bf6288c1d3670678eef7f8c60', error: this.error })), hAsync("p-button", { key: '3d616711ff6c9f351410fe6b613edd04eee363c9', 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 {
@@ -2752,7 +2752,7 @@ class AvatarGroup {
     }; }
 }
 
-const backdropComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\\/40{background-color:rgba(0,2,2,.4)!important}.p-0{padding:0!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!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}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\\:items-start{align-items:flex-start!important}.desktop-xs\\:items-stretch{align-items:stretch!important}.desktop-xs\\:p-0{padding:0!important}.desktop-xs\\:p-16{padding:4rem!important}}";
+const backdropComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\\/40{background-color:rgba(0,2,2,.4)!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!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}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\\:items-start{align-items:flex-start!important}.desktop-xs\\:items-stretch{align-items:stretch!important}.desktop-xs\\:p-16{padding:4rem!important}}";
 var PBackdropStyle0 = backdropComponentCss;
 
 const backdrop$1 = cva([
@@ -2776,17 +2776,16 @@ const backdrop$1 = cva([
 });
 const contentContainer = cva([
     'h-full w-full overflow-y-auto overflow-x-hidden',
-    'pt-16 tablet:px-16 desktop-xs:p-16',
-    'flex items-end justify-center desktop-xs:items-stretch',
+    'flex',
     'max-h-screen max-w-screen',
 ], {
     variants: {
         variant: {
-            modal: null,
-            drawer: [
-                'items-start justify-end desktop-xs:items-start',
-                'p-0 tablet:p-0 desktop-xs:p-0',
+            modal: [
+                'pt-16 tablet:px-16 desktop-xs:p-16',
+                'items-end desktop-xs:items-stretch justify-center',
             ],
+            drawer: ['items-start justify-end desktop-xs:items-start'],
         },
         closing: {
             false: null,
@@ -2828,10 +2827,10 @@ class Backdrop {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'adf0f5476b6a9b1614c2428fd2c0d3cf33ccd015', class: backdrop$1({ blur: this.applyBlur, closing: this.closing }) }, hAsync("div", { key: '87a06fa6e629c7acc8f84da86891483ea156a174', class: contentContainer({
+        return (hAsync(Host, { key: '95ac511a34ab0b04574d8bef8b6b5730de679c09', class: backdrop$1({ blur: this.applyBlur, closing: this.closing }) }, hAsync("div", { key: 'd94b9d754981ac58f34ee3c8a8a4506640c65b22', class: contentContainer({
                 variant: this.variant,
                 closing: this.closing,
-            }) }, hAsync("slot", { key: 'a8baf30dd360b82e67e19a48ecdd7a9274fc2130' }))));
+            }) }, hAsync("slot", { key: '8ebcf135d1ea574e29210beebeab28998b563dff' }))));
     }
     handleClick(ev) {
         if (ev.target !== this._el && !this._el.contains(ev.target)) {
@@ -3171,7 +3170,7 @@ class Button {
             ? 'a'
             : 'button';
         const active = this.active || this.class?.includes('active');
-        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({
+        return (hAsync(Host, { key: '251179ea78d507fa286630b54a5f6428197b145d', class: 'p-button block' }, hAsync(VariableTag, { key: '092b9ca97a306740c172e7ed0219fa97a3df6141', 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,
@@ -3180,14 +3179,14 @@ class Button {
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: this.iconOnly,
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { key: '1d2c9857b333ce860e88cedd867a2d4e921202bd', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { key: '58c2c59f55ad78836ff6f2fca8682f9e6765116d', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), hAsync("slot", { key: 'f0406ef28f558774f9952e942cefb11b75ee8f5f' }), this.icon &&
+            this._getIcon(), hAsync("slot", { key: '33802c3da8a69fe76fdc3bfe04d3e631a49ddf5d' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            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 }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (hAsync("p-icon", { key: 'aeaca35833821ed80b487989421d3cae3fda143f', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && hAsync("p-loader", { key: '9cb1ca66aca004cda537a9e2b53a468b47714691', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -3252,7 +3251,7 @@ class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (hAsync(Host, { key: '0647722609a39d03bb20c84b52a9ddd35d96f582', class: 'p-button-group flex items-center' }, hAsync("slot", { key: 'b29b73fc742655442576b7f85d0de2ec37af8c1d' })));
+        return (hAsync(Host, { key: 'e6f8f11913c961bcd9eb60dbe3701d4d6b0ddda8', class: 'p-button-group flex items-center' }, hAsync("slot", { key: '0fc6046183416abb64e79afd71d388c02e88e13d' })));
     }
     slotchange() {
         this._checkButtons();
@@ -11804,7 +11803,7 @@ class Calendar {
             .filter(date => isValid(date));
     }
     render() {
-        return (hAsync(Host, { key: 'fe8fe4bdd71db351a46b4ee502a5b99d5cc9998b', class: calendar$2({ variant: this.variant }) }, this._getView()));
+        return (hAsync(Host, { key: '46faa32e58b38b7d391ab869ee87321605543a2a', class: calendar$2({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {
@@ -12288,9 +12287,9 @@ class ContentSlider {
         }
     }
     render() {
-        return (hAsync(Host, { key: '8eb11bf3cc0a423f409e4be422bc6317da9781d3', class: "p-content-slider" }, hAsync("div", { key: 'f8f2b83337877d30e99288c5dfe39fdd3c0d4836', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (hAsync(Host, { key: 'd6b4692cc1d43891354a500329fff9580ed44740', class: "p-content-slider" }, hAsync("div", { key: 'e8cc6a05ce6dc25b78965d668e3bace718f16a6a', 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: '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 })))))));
+            }, 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: '6168400b01a4f4effa2793fd39c1a1da08177944', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: '09562df788a6cf274356c8abd72939dfe3007d2b' }))), hAsync("div", { key: 'e1cab5a4ab8d6c8b580c484daf61ab5f7bb81c8c', 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) {
@@ -15336,10 +15335,10 @@ class Cropper {
         }, 200);
     }
     render() {
-        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({
+        return (hAsync(Host, { key: 'b2e007b713b03eb78e4be7089d12c98b340de901', class: 'p-cropper' }, this._loaded && (hAsync("cropper-canvas", { key: 'ebf28d49ad1946d5d436875dc9dc8339f926210d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, hAsync("cropper-image", { key: 'd6b6b2a3943c503aa0d2082be017c50563d0dfd9', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), hAsync("cropper-shade", { key: 'bad24efa774726cf6030d45657380a61149dce1f', 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: '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' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), hAsync("cropper-selection", { key: 'fa46a342c0cb0a42eb2ece0ab624bd9e5c086f3e', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: '5c6ab0d8b01095170e08717b37982f420c8de6f3', action: 'move', plain: true }))), hAsync("div", { key: '3d23297da018576b20048beaeff88158e311b726', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, hAsync("p-icon", { key: '8571b7630258792e532caee07f277d88ef111a6c', variant: 'minus' }), hAsync("input", { key: 'e3440014fafc4b7dd4f38684c7565ec807c897cb', 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: '047adaf1e384ae862200760220adc8d3027dc66c', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {
@@ -20002,9 +20001,9 @@ class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        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
+        return (hAsync(Host, { key: '859b876921f336859ff7e95b5c78517c74d795f7', class: 'p-datepicker' }, hAsync("p-dropdown", { key: '4f89918eee02180a5a5e75618c01949c37259a01', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-field", { key: '70bac67fc5253c58b8a9ea85458decc98680c789', 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: 'fbb07a9c49a08e16c741839eab8020ab7b520d7d', 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: '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 })))));
+            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: '932e4d12ff014bd5c87fcf4eabf2f4a8ca8d7855', slot: 'items' }, hAsync("p-calendar", { key: '54e2aecf8ec972795cbba708075e26561b7b4ea5', 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)) {
@@ -22402,12 +22401,12 @@ class Dropdown {
         };
         let dropdownContainer;
         if (this.usePortal) {
-            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' }))));
+            dropdownContainer = (hAsync("p-portal", { key: '188521ef2a7d7bc4717fd3661b015bc67c8f15c5', ...dropdownContainerProps }, hAsync("p-dropdown-menu-container", { key: 'f2eba007ccc859a0b4be038d32591f9baa763d44', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, hAsync("slot", { key: 'f35f9a5de0cace36910a23bcc997013a68dd2bdc', name: 'items' }))));
         }
         else {
-            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' })));
+            dropdownContainer = (hAsync("p-dropdown-menu-container", { key: '9f8d9139afc893f4254fffe6fc51ea1886f4626a', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, hAsync("slot", { key: '71a1a3b86796beb146db387981e6f433357aec6f', name: 'items' })));
         }
-        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));
+        return (hAsync(Host, { key: '6ae014439828ff99141a49489420a59132ab8f41', class: 'p-dropdown relative' }, hAsync("div", { key: '30b1fb302a160457356906ba9922155af3b572d6', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: '6144e09dd66466030d46d80a3264c1851923c398', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {
@@ -22994,19 +22993,19 @@ class Field {
     }
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        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({
+        return (hAsync(Host, { key: '49dcacd21d253634876b8fa53a963e0b6b3d7394', class: 'p-field' }, hAsync("p-field-container", { key: '3adc3178b001b559168f72bf7d14b23c9d5e9e1f', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '0e420edddd376cff9217eebe9aafebfee2b2de92', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'c7bba177220338bdbfc8d3e9c85d383677bde275', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '723f03014cad13533bfc4eb05544230b512bd8ac', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '95c1ffa450269b538c645375f9590ef2f60a9d60', name: 'error', slot: 'error' })), hAsync("div", { key: 'f745633c4dbb9dcf0bfea02a9482ac754ccf9fa7', class: field({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'a4e4b4cb9b9714036887783abea534760e191abc', class: prefixAndSuffix({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'ec9a003ef3ad3d57ec40bcce4e8e3850f553fceb', 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: 'c7814f67e1e466ba4c746e03ad3ac036fef817e0', 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: '62644a9bb5160bddeae4e75dc0ebfd95eb6c8205', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
@@ -23172,7 +23171,7 @@ class FieldContainer {
     render() {
         const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
         const contentSlot = (hAsync("slot", { key: 'a7e3919d645cc21fa538340b0c9ea7a98e66ca90', name: 'content', slot: 'trigger' }));
-        return (hAsync(Host, { key: '44a79d2058aafb4d9bf89f09cb3e7a1a708d99f9', class: 'p-field-container' }, hAsync("div", { key: '47af2893a5f27a1a905c846a016c183756d026f8', class: 'flex w-inherit flex-col gap-1' }, hAsync("div", { key: 'cd64bc812c19e11d35ea4eb1756f9885a1f2a148', class: 'flex items-end justify-between gap-1' }, label && (hAsync("div", { key: '962aecba76c4ba9326ed992d6ad39c1efbdab8ab', class: 'text-xs font-medium text-black-teal-300', onClick: () => this.focus.emit() }, label)), (!this.required || helper || hasHeaderSlot) && (hAsync("div", { key: 'd0cdd8810de8098eaca90d2aeddd1f01fbcd0faf', class: 'flex items-center gap-1' }, !this.required && this.variant === 'write' && (hAsync("span", { key: 'e83d37fcb0050bad328d0aa2d6890c1226fe17fb', class: 'text-xs font-medium text-black-teal-200' }, this.optionalTemplate())), (helper || hasHeaderSlot) && (hAsync(Fragment, { key: 'c156ee1c951fec9dbe602cf317ff7591a6bce9bf' }, hasHeaderSlot && hAsync("slot", { key: 'e568644b05673354c9059042b0ba40f137d1709c', name: 'header' }), helper && (hAsync("p-helper", { key: '7dcbdd61deb2eba74abf8f57b245b011fbf9066b', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))))), hAsync("p-tooltip", { key: '41588daf8a794d9d16d32bcd841f5f4cbe64349a', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean && this.forceShowTooltip, enableUserInput: false, placement: this.errorPlacement }, hasErrorSlot && (hAsync("slot", { key: 'a61dd91094db6ac2b016ee79320cffd887976e12', name: 'error', slot: 'content' })), contentSlot))));
+        return (hAsync(Host, { key: '44a79d2058aafb4d9bf89f09cb3e7a1a708d99f9', class: 'p-field-container' }, hAsync("div", { key: '47af2893a5f27a1a905c846a016c183756d026f8', class: 'flex w-inherit flex-col gap-1' }, hAsync("div", { key: 'cd64bc812c19e11d35ea4eb1756f9885a1f2a148', class: 'flex items-end justify-between gap-1' }, label && (hAsync("div", { key: '962aecba76c4ba9326ed992d6ad39c1efbdab8ab', class: 'text-xs font-medium text-black-teal-300', onClick: () => this.focus.emit() }, label)), (!this.required || helper || hasHeaderSlot) && (hAsync("div", { key: 'd0cdd8810de8098eaca90d2aeddd1f01fbcd0faf', class: 'flex items-center gap-1' }, !this.required && this.variant === 'write' && (hAsync("span", { key: 'e83d37fcb0050bad328d0aa2d6890c1226fe17fb', class: 'text-xs font-medium text-black-teal-200' }, this.optionalTemplate())), (helper || hasHeaderSlot) && (hAsync(Fragment, { key: 'c156ee1c951fec9dbe602cf317ff7591a6bce9bf' }, hasHeaderSlot && hAsync("slot", { key: 'e568644b05673354c9059042b0ba40f137d1709c', name: 'header' }), helper && (hAsync("p-helper", { key: '7dcbdd61deb2eba74abf8f57b245b011fbf9066b', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))))), hAsync("p-tooltip", { key: '08fa8890dc2c859d8e99ae26775cb3c5695cd037', class: this.variant === 'write' ? 'w-full' : '', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean && this.forceShowTooltip, enableUserInput: false, placement: this.errorPlacement }, hasErrorSlot && (hAsync("slot", { key: 'd81dd610ce5957a0f15e8afd02dca9c270a6f63b', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -23652,7 +23651,7 @@ class InputError {
         this._showTooltip = false;
     }
     render() {
-        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' }))));
+        return (hAsync(Host, { key: '9f868355d1054591b9a6ea4d74ed35d7ce403cc4', class: 'p-input-error' }, hAsync("p-tooltip", { key: '966da7a65c5a52d343e39e1d47fd2836c9abf78c', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, hAsync("p-icon", { key: '50e741bf36f05c5162c3e1ea51074d1c74717584', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -23702,11 +23701,11 @@ class InputGroup {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        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 &&
+        return (hAsync(Host, { key: '3b64813ba6c1b60adfc2d00b992c3f6b031444b8', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, hAsync("div", { key: '4ce62abdb4c16aa68b8d28197a852c47108f21ad', class: 'flex items-end justify-between' }, label && (hAsync("div", { key: 'b655dd1ef55d37287c3b17a579497139f169f84b', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && hAsync("span", { key: '7d79cabfba9cd13ab5adaf04a8bd2665974f9a1e', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (hAsync("div", { key: 'e4e8edc368c460d6caa122e7c2555298968f693a', class: 'input-header' }, hasHeaderSlot && hAsync("slot", { key: 'b192742c644473dd5a47009c59d6341294b5b68c', name: 'header' }), helper && (hAsync("p-helper", { key: '793bb03d5d343b9cb13e85ca5427e4af2aa0aa6d', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), hAsync("p-tooltip", { key: 'e608346e57da2bfee29e1d23c4f9cc78f8dcc4e9', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (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 ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, hAsync("div", { key: 'e56a794eec36a1dd6ff37998882206ca48b0ca0f', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'f7b2eb5147f395ccbcb6672a620dcd8d7310e9f1', 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: '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' })))));
+            (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '3f47b919dfbbb65f77a4480d2d7e6ff92f01f205', 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: 'bb147b856fa160f2266eb80fb373150bb58e67a1', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;
@@ -23855,14 +23854,14 @@ class Label {
         this.keepMobileContent = false;
     }
     render() {
-        return (hAsync(Host, { key: 'f1dbab04a321adb28cd47e777cc47ef3e6e7f770', class: 'p-label' }, hAsync("div", { key: 'b1bb0deb6c4fd2055450f30b30e85bba3edd8acc', class: label({
+        return (hAsync(Host, { key: '34bf8bc0e6ca29fbd6a889895d888fd179e21c34', class: 'p-label' }, hAsync("div", { key: '2ca6b618c3ef74001086fca0cf09ffaed8dc94be', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, 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', {
+            }) }, this.icon && (hAsync("p-icon", { key: '2e779cfb8f28ddb063448ebe70bbdfdece4471ec', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (hAsync("div", { key: '9ad259144a80cd32caf510f17d0741ac5a71ca12', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, hAsync("slot", { key: 'a449801a77365afd4ecf916434b3a889dea315ee' }))))));
+            }) }, hAsync("slot", { key: 'b53d67664231536f212587fd02e1bbc2fc25050f' }))))));
     }
     static get style() { return PLabelStyle0; }
     static get cmpMeta() { return {
@@ -24302,7 +24301,7 @@ class Navbar {
         this._show = false;
     }
     render() {
-        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' }))));
+        return (hAsync(Host, { key: '420e8206936530720b691c0b1afc04a2d608b04b', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, hAsync("p-backdrop", { key: '0ef0b72645f6318a41c5beac4b11bf0aca6e89e2', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: '306b0b341f807b440afb06db4620e1d5a531920a', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '15ee88d5fb65f2893b3bff37f5d6c95958758722', class: 'flex w-full items-center justify-between layout-1280:hidden' }, hAsync("p-button", { key: 'b64a58b653501f77dcca6c5de917fa73362f5b02', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), hAsync("div", { key: 'df946991b20959ee55b30778623da97f6bfa445e', class: 'flex w-full flex-col items-stretch' }, hAsync("slot", { key: '40f50a4fbe75c85e095176805ca6b49e4cb80a6a', name: 'company' })), hAsync("div", { key: 'b94aada53b4eb0ac86d52010cc3e07bb2fa0e682', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '28a927ba8b7eb84534ef66efaddac03c75bafb33', name: 'content' })), hAsync("div", { key: '7c8990fad4e46e05eaffda94aed8323afa6c1bf2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, hAsync("slot", { key: 'ec9d59ccedce6c8daba775f0b68d42290b7b9877', name: 'user' }))), hAsync("div", { key: 'c1bca26770942cfc04aca9dfee1f40b5e3ed885c', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '3d16426f5990c0a04cbd0befd4901fe09fcab33f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), hAsync("slot", { key: 'a49b86b11c0619d33dfb8cd59ca2b576d183d0cb', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;
@@ -24369,10 +24368,10 @@ class NavigationItem {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: '988a4b84ab9146aa06de915a06092894e9cf0a68', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '8cade7e9dc59ae1adc5fb6325d6c008e8f0a207f', class: navigationItem({
+        return (hAsync(Host, { key: 'dacf0b77def805153d8bb3d3c3b20a409852d1a7', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '8043fa7ede6155359324766529915b23764086f1', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), 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' }))));
+            }), href: this.href, target: this.target }, hAsync("div", { key: '7c6b27e1c9a7ff8e34dd7ae85b164c7453ca2fea', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: '0b6b9ea5681cc2f6f928167273118809e122b7b0', variant: this.icon })), hAsync("span", { key: '0177c3985d3b6c0534396747e3ea7cbb1d1d836e', class: this.counter && 'has-counter' }, hAsync("slot", { key: '758c961b2a30e1c56cfea749f37855a4709a1e02' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: '30573f9f22772d0e337c8fddb996e446e0aa1fbc' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '6c8b9c7b4d62c85000b862ac7f63c6190ad8cdd4', class: 'ml-auto' }))));
     }
     static get style() { return PNavigationItemStyle0; }
     static get cmpMeta() { return {
@@ -24403,7 +24402,7 @@ class NavigationSection {
         this.header = undefined;
     }
     render() {
-        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' }))));
+        return (hAsync(Host, { key: '12a7ddc1fc8a0510a789a82cd223c721f299821c', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '4f1687e4ccfb515e931806367a80ab18f96cb0ec' }, this.header)), hAsync("div", { key: '4f1b482d6c3b6767822936d538b0b1525471a63b', class: 'flex flex-col' }, hAsync("slot", { key: '880099723344f9c62559df0aa237bed57a51f23c' }))));
     }
     static get style() { return PNavigationSectionStyle0; }
     static get cmpMeta() { return {
@@ -24483,12 +24482,12 @@ class Pagination {
     pageSizeChange;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (hAsync(Host, { key: '90a23cd6c05cf683d848afc24ee03b95426e791e', class: pagination$1({
+        return (hAsync(Host, { key: 'a1a066729ca049c6b4ec615a216241404c9ba545', 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.enablePaginationPages && this.enablePaginationSize && (hAsync(Fragment, { key: '826dd028fe33cb8de4b5e692264f74963acdd60d' }, hAsync("p-pagination-size", { key: '505283b962f1d515073d62bd46cbd12b2bd522a2', 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) }))));
+            this._hasPaginationPages && (hAsync("p-divider", { key: '28879c1698226575969d43bc1c15eb45368a29a5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (hAsync("p-pagination-pages", { key: 'f88347164b140591930de78e9599760c2c787c86', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -24552,7 +24551,7 @@ class PaginationPages {
         this._generate();
     }
     render() {
-        return (hAsync(Host, { key: 'e0690bf05d27e87d7e85b24cd2944ed338296dbf', class: pagination({
+        return (hAsync(Host, { key: '3a62206e22addc7b51dadd6d01e26a9117099fa0', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -24952,7 +24951,7 @@ class Profile {
     }
     render() {
         const content = this._getContent();
-        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)));
+        return (hAsync(Host, { key: '26bc2fd668fdf024d9221d00655fb9838b08f2c7', 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();
@@ -25087,7 +25086,7 @@ class Radio {
     }; }
 }
 
-const segmentContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!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}";
+const segmentContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!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}";
 var PSegmentContainerStyle0 = segmentContainerComponentCss;
 
 class SegmentContainer {
@@ -25095,7 +25094,7 @@ class SegmentContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        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' })));
+        return (hAsync(Host, { key: 'bda5e2d5e7f7c9f0509d94cf39ff1eb215e6fd14', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, hAsync("slot", { key: '30330b65c7294c799737b218c0ba7b33c0030396' })));
     }
     static get style() { return PSegmentContainerStyle0; }
     static get cmpMeta() { return {
@@ -25108,16 +25107,20 @@ class SegmentContainer {
     }; }
 }
 
-const segmentItemComponentCss = "*{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-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!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}.px-2{padding-left:.5rem!important;padding-right:.5rem!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-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";
+const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-2xl{border-radius:1rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!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-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";
 var PSegmentItemStyle0 = segmentItemComponentCss;
 
 const segmentItem = cva([
     'p-segment-item',
     'flex items-center justify-center',
-    'h-6 gap-2 rounded-full',
+    'rounded-2xl',
     'cursor-pointer text-sm',
 ], {
     variants: {
+        variant: {
+            default: 'h-6 gap-2',
+            block: 'flex-col p-4',
+        },
         active: {
             false: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',
             true: 'bg-dark-teal-600 text-white',
@@ -25131,6 +25134,7 @@ const segmentItem = cva([
 class SegmentItem {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.variant = 'default';
         this.active = false;
         this.iconOnly = false;
         this.icon = undefined;
@@ -25138,16 +25142,20 @@ class SegmentItem {
         this.iconRotate = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'b038e9d37e1ed6fef2c26b526f756d5b4d3969c8', class: segmentItem({
+        const titleSlot = this.variant === 'block' ? hAsync("slot", { name: 'title' }) : hAsync("slot", null);
+        const descriptionSlot = this.variant === 'block' ? hAsync("slot", { name: 'description' }) : null;
+        return (hAsync(Host, { key: 'a160255a99d71a1e519b891344f71759a31ddd5f', class: segmentItem({
+                variant: this.variant,
                 active: this.active,
                 iconOnly: this.iconOnly,
-            }) }, this.icon && (hAsync("p-icon", { key: '01ad5164e37f166395422a6a5ffe38499a42b26b', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), hAsync("slot", { key: '0b8d0661e1f774422008fc22e3c96e64c8388ac4' })));
+            }) }, this.icon && (hAsync("p-icon", { key: '3772d4284db51ad59a43a491fabcdd17c8af4a87', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), hAsync("p", { key: 'f801028324c0570439d7834546b48b603942b6df', class: 'empty:hidden' }, titleSlot), descriptionSlot && hAsync("p", { key: '71bd8cdbd3058fbeaa76c5f84b35145f747ac318' }, descriptionSlot)));
     }
     static get style() { return PSegmentItemStyle0; }
     static get cmpMeta() { return {
         "$flags$": 4,
         "$tagName$": "p-segment-item",
         "$members$": {
+            "variant": [1],
             "active": [4],
             "iconOnly": [4, "icon-only"],
             "icon": [1],
@@ -25319,7 +25327,7 @@ class Select {
         }
     }
     render() {
-        return (hAsync(Host, { key: '5fca82e69df3bcdbff0b946c4ae1335f7bee738a', class: 'p-select' }, hAsync("p-dropdown", { key: 'c5fab92fa37891c3bf00cd7d512a0c8484267e6b', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, hAsync("p-field-container", { key: '85d39bac84e07e015c8d643a2f2372dfc259e9b6', 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: '62659969a3ea8c096af2f288b19a313cd3063254', 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: '8c1bb55bde3a7080f535c86709d010bd82a8c971', 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: 'db98edf55c36424552813113641795ff7b307a8f', class: 'p-select' }, hAsync("p-dropdown", { key: '1ac5cdc93f991f2fdf2c2e270466392b4aa9ac8a', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, hAsync("p-field-container", { key: '3ca712583d0404aee7ad05b64f24f80fa28529ea', 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: '0364ec672857ece310947f1b5685505cc69b9cc3', 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: '1fdadddd49a027ec44c95b703ddfb18eb5112ab4', 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)) {
@@ -25666,7 +25674,7 @@ class SliderIndicator {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: 'b4a76296cb2107ee168a257a89fcf4cd75a724dc', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (hAsync(Host, { key: '75891ea5bef3249a9b82b1d3d56d5d39eb34f56a', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get style() { return PSliderIndicatorStyle0; }
     static get cmpMeta() { return {
@@ -25693,8 +25701,8 @@ class Status {
         this.iconRotate = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'e7ee3ba3c0b6e4b8b72f666f4e8d17eed22a588a', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), hAsync("slot", { key: '485021196c8b4bac9a05021699b5796b7073d86f' })));
+        return (hAsync(Host, { key: '499d3f5d02b2353eb69deb0b19aca1b644607753', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), hAsync("slot", { key: '81228565af00f0c884d208521eaa9a3f9ffab0fa' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();
@@ -25855,7 +25863,7 @@ class Stepper {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ea1674841729093f8c7c93a22362efcb9fe7a410', class: 'p-stepper' }, hAsync("slot", { key: 'bda39ed6b0ee781f9edd0ff5150521feb77bceb2', onSlotchange: () => this._generateStepsOnce() })));
+        return (hAsync(Host, { key: '82953a962d2152945a8f29ef45e1c5d7a686988d', class: 'p-stepper' }, hAsync("slot", { key: 'aa8408d3d675c47ce5ee617900a0ac1605f80ddb', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();
@@ -25892,7 +25900,7 @@ class StepperItem {
         this.active = false;
     }
     render() {
-        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" }))));
+        return (hAsync(Host, { key: '8c8def1ebade0d9cd397e5f0593bb53e260f5866', class: "p-stepper-item" }, hAsync("div", { key: 'd390d2d924ac898040b4e29dcb901a46c875ca95', class: "circle" }, this.finished && hAsync("p-icon", { key: '86c795551b6c27c5a0af895309ef2d8abba5b2d5', variant: "checkmark" })), hAsync("div", { key: 'f68e98d31d1cc5e81e94b543e53841788c98b96d', class: "content" }, hAsync("slot", { key: '9a7a64a7d97a4b0f80cbd1be99a67984127d9074', name: "content" }))));
     }
     static get style() { return PStepperItemStyle0; }
     static get cmpMeta() { return {
@@ -25921,7 +25929,7 @@ class StepperLine {
         this.direction = 'horizontal';
     }
     render() {
-        return hAsync(Host, { key: '1f10907cd345fbd5beda9a9d022426dbeb1d769d', class: "p-stepper-line" });
+        return hAsync(Host, { key: 'b059725be480ead173c2c60f9168651e62a9ad8a', class: "p-stepper-line" });
     }
     static get style() { return PStepperLineStyle0; }
     static get cmpMeta() { return {
@@ -25942,7 +25950,7 @@ class TabGroup {
         registerInstance(this, hostRef);
     }
     render() {
-        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" })));
+        return (hAsync(Host, { key: '430a46106f076dec549408e4960a632148f9f475', class: "p-tab-group relative flex w-full flex-col" }, hAsync("div", { key: '4726d8caaa2c45198c417cd3ee17856c1a35a14d', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, hAsync("slot", { key: '72e3e7708fd5357add57ba486f68c3df6013dbef' })), hAsync("p-divider", { key: 'c14b0a4d76b8ac4ad34dce239705b59f6c87cb1e', class: "absolute bottom-0 left-0 m-0 w-full" })));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -25963,7 +25971,7 @@ class TabItem {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: '8ede23aa9899c3bdea0191542b007fa77dd54fe8', class: `p-tab-item ${this.active && 'active'}` }, hAsync("slot", { key: 'd6ecbb51b03ab4791f3153bdf6c7c98623bdd0b1' })));
+        return (hAsync(Host, { key: '7c8d7cd3f1c21579c74e07b6d9dcdceca3f44ff5', class: `p-tab-item ${this.active && 'active'}` }, hAsync("slot", { key: '0bc4f5cb7e2026a7446b9227351b9acb664416f6' })));
     }
     static get style() { return PTabItemStyle0; }
     static get cmpMeta() { return {
@@ -26713,7 +26721,7 @@ class TableCell {
         };
     }
     render() {
-        return (hAsync(Host, { key: '5ea2d685b03dbab341e3dc4707a2fec3b1959e2c', class: {
+        return (hAsync(Host, { key: '3ee5dc1b38a97dd051e92244510ee788da353f86', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -26810,7 +26818,7 @@ class TableContainer {
         this.shadow = true;
     }
     render() {
-        return (hAsync(Host, { key: 'f9b97958a4f0e448258e16b116fe42a81b014eb8', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, hAsync("slot", { key: 'dfb4247a6e6a80479c44ae9481d620666fad2a55' })));
+        return (hAsync(Host, { key: '1620fc3c471e1742c2d573cc1aed5cebfc06b733', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, hAsync("slot", { key: 'aac6e741bd0d970dfe62cae13f40d482bba73803' })));
     }
     static get style() { return PTableContainerStyle0; }
     static get cmpMeta() { return {
@@ -26863,7 +26871,7 @@ class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        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)))));
+        return (hAsync(Host, { key: '3f3fb01b9dfc6478a92cebabafbaabc09d9f668c', 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: 'aecc6975f3b4f3a9a1f5fbc4499f55d950485153', 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: '6600175af8ae1c6ca1398b9f7faf67ab075e5756', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (hAsync("p-pagination-pages", { key: '3de08299ab61880c9a694d2ddac8c5a6b5c23d67', 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: '704479e31d00ce99fc44b9f3a47c1fa7b111e773', 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);
@@ -27932,9 +27940,9 @@ class TableRow {
         this.enableHover = true;
     }
     render() {
-        return (hAsync(Host, { key: '30832de6f65ec6849708070a37a0a1e93a627d56', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (hAsync(Host, { key: 'b3334bb02a39cb94645988ab4f8e6499fd9f14dc', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, hAsync("div", { key: '55c7a8370ab3b78a0fa61155eb9ca34106d9a576', class: "content" }, hAsync("slot", { key: '5b37ff815b031f54d518bea2ddc7bdcbe3448f83' })), this.variant === 'default' && hAsync("p-divider", { key: '9460911560d0fde992a41dac8a271ed2637e0479', class: "m-0" })));
+                'enable-hover'} group` }, hAsync("div", { key: 'a7e53f9a41fc46c690e1da35817ed6e5a3db8542', class: "content" }, hAsync("slot", { key: '68363f50f183b16665cedafa70adb19282378d2c' })), this.variant === 'default' && hAsync("p-divider", { key: '39336cf15687ee6a2ee4ec1756eaa46c3cc5c4c7', class: "m-0" })));
     }
     static get style() { return PTableRowStyle0; }
     static get cmpMeta() { return {
@@ -28008,7 +28016,7 @@ class Toast {
      */
     action;
     render() {
-        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' }))));
+        return (hAsync(Host, { key: '82dd80eb14644f0c713602e2e80b4f213f5aa7e7', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, hAsync("div", { key: 'cbf8211b98f27da8486d2bb2e7291a0e1a467daf', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '11857210e1dbf308d3d4d21602e5183d7ca40bad', class: 'font-semibold text-storm' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '500b58e1b1cb8856a829698606dd46d29ca54811', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("p-button", { key: 'fb4f4f27bef95c200929eb7f945583192c6d49a3', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -28043,7 +28051,7 @@ class ToastContainer {
         this.placement = 'top-end';
     }
     render() {
-        return (hAsync(Host, { key: '084f8ee6efb5f3d4d28cd74ccdda9120e3cf67b6', class: `p-toast-container placement-${this.placement}` }, hAsync("slot", { key: '2bbc0227bfb59635caf0853773e6b573babf8e49' })));
+        return (hAsync(Host, { key: '66a096c3f431e2f13a1fe41c62dbd4304499ebd0', class: `p-toast-container placement-${this.placement}` }, hAsync("slot", { key: '7b542a7d0fbc4721fcc7614f8a1a2565beff1028' })));
     }
     static get style() { return PToastContainerStyle0; }
     static get cmpMeta() { return {
@@ -28124,11 +28132,11 @@ class Toggle {
      */
     indeterminateChange;
     render() {
-        return (hAsync(Host, { key: 'af914441aaa48a4ae3b5b962cf85d47480ffad83', class: 'p-checkbox' }, hAsync("label", { key: '83d44d8292c5f0d82b1f0a0561e8906ae057d74c', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'a40171d14d2c82e2f0c04c27c0eb092850589bd1', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'b056cad8a4e5764bdbab0875a88bbf07c6ff3d09', class: checkbox({
+        return (hAsync(Host, { key: '343a2f15e00552e1c98099187d517ee5382a8212', class: 'p-checkbox' }, hAsync("label", { key: 'a49806ad26fa79f7305c2b0409b4f34682df9da6', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'c83e7b20bae3ce7253109250e3241aed337e8a6a', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '1d4a8f295d844486020be169f4dd241564c2f9b4', class: checkbox({
                 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: '9c0fd9118fdec489c4eaa1a202e26d4199ee9be7', 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: '81fd3e19d2b08cd58000a9a6b8bda688591c7cfd', class: circle({
                 disabled: this.disabled,
-            }) })), hAsync("slot", { key: 'd2cdec166bbf1e2f4b8ec6dc06342cb8051933d1' }))));
+            }) })), hAsync("slot", { key: 'f620848c4a6576f9e573d0fad4433525e7153291' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -28249,19 +28257,19 @@ class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (hAsync("div", { key: '6f9c3f17c03fd05f38542ae9c7c0bcbd974a5bbb', class: popover({
+        const tooltipElement = (hAsync("div", { key: 'cdbd3581045fcc75697729ef130a3889678548e8', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(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' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, hAsync("div", { key: '1f63d8147a4e72c11bfab46ee5024a8375062a9f', class: 'flex gap-2' }, this.variant === 'error' && (hAsync("div", { key: '7058fe70c44b493597311c7c1411c7c4df841674', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : hAsync("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (hAsync("p-portal", { key: '261fa01590875e3b7b89e1071340a28e1a9c0026', class: portal({
+            tooltip = (hAsync("p-portal", { key: '96739f0e7e664da33491259e2f15e894ff69920f', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        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)));
+        return (hAsync(Host, { key: 'ebe04491e3fea086bc1930399482a3ed78e985d2', class: 'p-popover flex cursor-pointer' }, hAsync("div", { key: '38ecf980c282fb9b2ba83d08b0b53bfd16c87482', class: 'relative h-inherit w-inherit' }, hAsync("slot", { key: '56f04f37ee6cbdb038718090c82d4ea1b2e382f3', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {