@paperless/core 2.0.1-beta.21 → 2.0.1-beta.23

package/hydrate/index.mjs

@@ -2537,7 +2537,7 @@ class Accordion {
      */
     isOpen;
     render() {
-        return (hAsync(Host, { key: '1987c3d70bcb8cbf640c5df6f3f4f9d6b4e91580', class: 'p-accordion' }, hAsync("div", { key: '6b1b9e48c71f8eaf4d57d3ad0d200c7a1d5786e7', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, hAsync("p-icon", { key: 'a3730b1c6a0df8ea19b0bd0a860f297fda3950a1', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), hAsync("p", { key: 'd1c3e010caf52118b2f949f63cbf38f5958f08f8', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), hAsync("p-divider", { key: '64e9ea96be09d1c832ca29bb25d00ff8093d21ee' })), this.open && (hAsync("div", { key: '0b233c739b2b4f4619d59a479fb201bfff84d68d', class: 'mt-6' }, hAsync("slot", { key: '1c2423d144b81593b8a282233169be7d87271f5f' })))));
+        return (hAsync(Host, { key: '0f0edc75d92baaea28a9e4b4193dbfbc24b0dca8', class: 'p-accordion' }, hAsync("div", { key: '43df383fad37eb55fc3f2c25d468deae9dcbed1e', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, hAsync("p-icon", { key: '12527b51ce59eee60d78b3370d6108c6f726a5a4', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), hAsync("p", { key: '54a6d7034150bbca73d086538d3dfbd048d49293', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), hAsync("p-divider", { key: 'd4b96c50ca1a1c27b2b5da2a1cae9266427163bd' })), this.open && (hAsync("div", { key: 'b206b9f9f46a2c85c9b96377f011318af8108d6b', class: 'mt-6' }, hAsync("slot", { key: '95c99c9bb3a6f8da060271afe3f7e788c002df69' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {
@@ -2587,14 +2587,14 @@ class Attachment {
      */
     delete;
     render() {
-        let prefix = hAsync("p-icon", { key: '91f61402860b721f93e4d39092d1a7287c7d76be', variant: 'attachment' });
+        let prefix = hAsync("p-icon", { key: 'fc2ff12026a3d49835f060e38af081d923437e92', variant: 'attachment' });
         if (this.loading) {
-            prefix = hAsync("p-loader", { key: '2d80997d3d7586bd94cacf836973d52bf1e5d33c' });
+            prefix = hAsync("p-loader", { key: '13f037239a365ff64c3e1dafb693bd91307a5d4c' });
         }
         if (this.error) {
-            prefix = (hAsync("p-icon", { key: '79811465cf29931d832ceb81ba11a3d0aad8987b', variant: 'warning', class: 'text-negative' }));
+            prefix = (hAsync("p-icon", { key: '1d0b3853ea3f84afe570a91bc0186f611fd228bb', variant: 'warning', class: 'text-negative' }));
         }
-        return (hAsync(Host, { key: '159cf6563bbe844c1992605de10d1518e2087d77', class: 'p-attachment flex items-start gap-4' }, hAsync("div", { key: 'a04aad61a2ea29086ffc2fcbee6dd2c2299fab3b', 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: '5061aeaa9cc1884529a8b68a93f70180eca4cf8c', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, hAsync("slot", { key: '4a11f180fac573f1e5de447552f4f711e2d083d1' })), this.error?.length && hAsync("p-input-error", { key: 'cad249378d27241da65d7c1c15a886f12e8adbf2', error: this.error })), hAsync("p-button", { key: '1587915332cf3a281f88f8e0d28b525c37bafade', 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: '28770175f555d1e0c84707dce0ca4f2ce5106625', class: 'p-attachment flex items-start gap-4' }, hAsync("div", { key: 'e42f8fa6c30fe3b11c82c0de6887871e26f01446', 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: 'b8ab8bc0dd28eef5db6061a2efd659d029a1260d', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, hAsync("slot", { key: '7a55028d58a7d959be7ff9dbd0c3673b179fdc19' })), this.error?.length && hAsync("p-input-error", { key: '50a187071f5857dcb283245d8e94389fea97fff6', error: this.error })), hAsync("p-button", { key: '2bc5660510cb29ed05961d21bff89c977126ecfe', 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 {
@@ -3167,7 +3167,7 @@ class Button {
             ? 'a'
             : 'button';
         const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: 'c528dd1f603ec9602af623f74ff422d1745f5f88', class: 'p-button block' }, hAsync(VariableTag, { key: 'ed0b7309950f72321c0c355288afdaa3ffbe9a3c', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (hAsync(Host, { key: '6424b147500f9e23b58e9130969b3a6551207793', class: 'p-button block' }, hAsync(VariableTag, { key: '7e8ff2d9c88e22a000462e58f4b192403067843e', 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: '4f20df27c82f4b43f4b3d0ce1584571e0854c61d', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { key: 'efb172d6b7e7ec4a50f4afc85af7a0c83a65ebfd', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), hAsync("slot", { key: 'ce4ed96beafa7bebb83e8f8346350e56a27fc8e3' }), this.icon &&
+            this._getIcon(), hAsync("slot", { key: '0baa166aedacae64b04d99cd539224e9315fc106' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (hAsync("p-icon", { key: '1f2613670560b7ce499df4d08dddb011c92971a7', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && hAsync("p-loader", { key: '282534a7fb06fa16769cdb6dbd736564f8d41beb', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (hAsync("p-icon", { key: '2add95303af94434a77a0c6b1935c886d4a3ddfa', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && hAsync("p-loader", { key: '3aaa904697024393c651dcba83075bfcf07af844', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {
@@ -3245,7 +3245,7 @@ class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (hAsync(Host, { key: '7d49236b6a489e5581670eb011a9743cf3edec50', class: 'p-button-group flex items-center' }, hAsync("slot", { key: '40a1f245652f461c6c2619c3f2f3ceff9b11fd1f' })));
+        return (hAsync(Host, { key: '5320f683d3a2458172e091d07c79fb59ddf8890e', class: 'p-button-group flex items-center' }, hAsync("slot", { key: 'a9d1f6af847795a20f8389188a7e6fedd4ab2c60' })));
     }
     slotchange() {
         this._checkButtons();
@@ -11749,7 +11749,7 @@ class Calendar {
             .filter(date => isValid(date));
     }
     render() {
-        return (hAsync(Host, { key: '624da5939a3391fc98be636153ca8a296af47390', class: calendar$2({ variant: this.variant }) }, this._getView()));
+        return (hAsync(Host, { key: 'f63b07df1328a57cc35e085d1571e181ef7d4bc6', class: calendar$2({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {
@@ -12239,9 +12239,9 @@ class ContentSlider {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'e996c635c0cf4b6079e446ce63d73f1b9852726b', class: "p-content-slider" }, hAsync("div", { key: '184859d7f3cc545fed4b2cd81ec40f1faf231a14', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (hAsync(Host, { key: 'e783ded65669f94fb8f4890624b967de22aaa356', class: "p-content-slider" }, hAsync("div", { key: '596098993bda1ca9ae97a625986885c48eb6849b', 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: 'cbeab030c9c898ee3f13b18c542673057113a74d', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: '3a750b867b7abd33b4ad25dd08b7e634fbddd957' }))), hAsync("div", { key: '6fb3c9c1bfcaf67067858c71de4058be1e6fd8b8', 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: '40b9daccd158e980521b92d1e8bdfa85336c527f', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: '5ed5d24d35a24f2b69345d40aea7c488bc381ba3' }))), hAsync("div", { key: '9eed8a08f02b7aba97e04ff55e72c651347a7ac6', 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) {
@@ -15287,10 +15287,10 @@ class Cropper {
         }, 200);
     }
     render() {
-        return (hAsync(Host, { key: 'afd5e10b35660436241cd4bf34804ff18d38e63c', class: 'p-cropper' }, this._loaded && (hAsync("cropper-canvas", { key: 'b83a601fdc5e6dd0bdab4091dce8536dd8098abd', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, hAsync("cropper-image", { key: '92f70e3d205a72e87c4454f6f2ffb3ecb7c2a2c4', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), hAsync("cropper-shade", { key: 'cb819b4d9a2e28263555c888b4db913d6d8d9f45', class: clsx({
+        return (hAsync(Host, { key: 'cf3ff15123161c366d73c97eae8eaef57baa5452', class: 'p-cropper' }, this._loaded && (hAsync("cropper-canvas", { key: '28611bd08b26638165dbe3f18bec490a6ab2d90d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, hAsync("cropper-image", { key: '67bbbf0f4a0e835a410ec9812547624bc2b83909', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), hAsync("cropper-shade", { key: '264614024cdfc56792f2508203ebfc0a1d4ee8dc', 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: '65e6df8e4166009cc27e83c173203c7dfe163bd8', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: '2c7e8c3b91c7bf71ac9ab34f12d7533ac32686d1', action: 'move', plain: true }))), hAsync("div", { key: 'f8bdfafaebb8ec4da34b01bbbefc8a56f34a9696', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, hAsync("p-icon", { key: '883df6ef54a39ab1fbc2b1d3e1940aaec0f0d97f', variant: 'minus' }), hAsync("input", { key: '8d39562d4df89cf00479cc3ff97194c14622fd31', 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: '9b0ba4eae79add1f148a884013f8ad3f8d7d75cd', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), hAsync("cropper-selection", { key: '3dcc1ed6c57736a627b510f5294291b5c1214683', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: 'e987c84b87f01162c7ab093d606463f189a16bf7', action: 'move', plain: true }))), hAsync("div", { key: 'f75de6ebbd0e0e5e27ef6d455c5dad7467240d2e', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, hAsync("p-icon", { key: '115a2f9d9cd815b172ecf132db230fa6ed0d0855', variant: 'minus' }), hAsync("input", { key: '83aa40b551425dc62588d9308cc6c7a683fbbdf0', 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: '64e60553e7ea9ee72fde7acdc6ff05fe298a639d', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {
@@ -19921,7 +19921,7 @@ class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (hAsync(Host, { key: '81d0ef25f8732896445b7e5cb89d8442cc0db02e', class: 'p-datepicker' }, hAsync("p-dropdown", { key: 'ae2f387721b7b6799bf413e5f6622ab60ab0807f', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-field", { key: '263f9cada2705bcd9cd579f569aba59f49f69f8e', 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) }), hAsync("div", { key: '5669a50474ab48cc77391ab17c4e3b72ce3b8a7f', slot: 'items' }, hAsync("p-calendar", { key: 'db4da464f2e0a96fe6a7697c1107990202d1a102', 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 })))));
+        return (hAsync(Host, { key: '63453905266faabeedd7d701572cf9ac2a7722c1', class: 'p-datepicker' }, hAsync("p-dropdown", { key: '06f85b59084cd8ca887bf4299f7fc9f5dd4ca311', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-field", { key: 'fb5a0f909aa2ea65afd25227b54bbeb76e11f0bf', 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) }), hAsync("div", { key: 'f073cd37126b6540dc308b4c1770e906e31e95be', slot: 'items' }, hAsync("p-calendar", { key: 'd1ca3cf3058485e7bc5197f398bc2f7f3342cd7d', 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)) {
@@ -22284,12 +22284,12 @@ class Dropdown {
         };
         let dropdownContainer;
         if (this.usePortal) {
-            dropdownContainer = (hAsync("p-portal", { key: '5d9510a6759f791fb120fc06a31329a21f623f02', ...dropdownContainerProps }, hAsync("p-dropdown-menu-container", { key: 'ea8ef6c6bba695321c530e12051881613fb73fac', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, hAsync("slot", { key: '6ab8276bd86e17e48cea60aee12809edaf4d59ad', name: 'items' }))));
+            dropdownContainer = (hAsync("p-portal", { key: '86ffcff551d96bc243504d6d6b3d07bbfc34a0b5', ...dropdownContainerProps }, hAsync("p-dropdown-menu-container", { key: '0765572d22af5a168383b1d108d737f15c5fac27', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, hAsync("slot", { key: '7e07948c37401209ad263d489d84d3b228c1ebc9', name: 'items' }))));
         }
         else {
-            dropdownContainer = (hAsync("p-dropdown-menu-container", { key: 'fa587ed2bf372b31843d0e39b2cf5309d62fc0b5', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, hAsync("slot", { key: '91a76863819e3c4d2cfd97f7b935b0b444d9dacc', name: 'items' })));
+            dropdownContainer = (hAsync("p-dropdown-menu-container", { key: '02a521eec91448042ebe06a44eda62f3f7f2721d', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, hAsync("slot", { key: '9feadf39471cf9a21cc54f254e9606bed0a22add', name: 'items' })));
         }
-        return (hAsync(Host, { key: 'b5feffa63e8b3539ea8f7a00fcafab83d0be9c4e', class: 'p-dropdown relative' }, hAsync("div", { key: 'ffe6f1d230d2281e6c704683dd08c9e74261dbe3', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: 'f01bb68c26c92da98d639ba49aa1723a841c6c92', name: 'trigger' })), dropdownContainer));
+        return (hAsync(Host, { key: 'f5553c381b470b227e88cd89c9cd54f8c3b6a3a5', class: 'p-dropdown relative' }, hAsync("div", { key: 'b69a4afd2b82c44b3fe0a07f0de0c9f2c2298993', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: '88ee2ccfb753c4f8e8cc29c161124ad451f2530f', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {
@@ -22793,16 +22793,16 @@ class Field {
     _inputRef;
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, } = this._getSlotInfo();
-        return (hAsync(Host, { key: 'b4229a4e7257f7a929cc3208834d95ab97990bcf', class: 'p-field' }, hAsync("p-field-container", { key: '66c1e5bdc10bdc948e1e943fde89355e861135ae', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (hAsync("slot", { key: '045626975fa0861371d2ad830d9bf8ec5b80720d', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '43e613371e67f46a0c8ed5c9201b2b4e5fe91d7e', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: 'e26723ffb55166d67c50e761410cd62100d70fa1', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'b833ce639c3ff30e88ba86cdeb45dcf01ef866ac', name: 'error', slot: 'error' })), hAsync("div", { key: 'd6b045356bca57b02a4ea32096969b5e017e3884', class: field({
+        return (hAsync(Host, { key: '6ee18d3003f95e306599804827d24bccb869fbac', class: 'p-field' }, hAsync("p-field-container", { key: '253178a1a1f9d85dc5a2515d7daa3bdec3756685', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (hAsync("slot", { key: '9ae351e4b130f2097c459889614d627426eb73f1', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '06b232eb4d1101e51027b1fcb296076252ec73da', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '28bae575c273efc6373d30d80a403508bac4b5f5', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '9c43b918c2b1901f1e374f300d6189cb31608ecb', name: 'error', slot: 'error' })), hAsync("div", { key: 'e170a99bfbc5fa17c9c4465051219132360a8c3d', class: field({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 size: this.size,
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '6edc4f2c7b1b3bf470f7ab4a390655cdf0cf4d7f', class: prefixAndSuffic({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'ecf1fb9ec811e26c4123f97f5ba18d6cbc07750b', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '4b9d7579b8f08fb7fd7b6a2b69d0fb1a8a2bead5', class: prefixAndSuffic({
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: 'fb6fcf5c393812d91b01cdb7ebb5bd74767656be', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
@@ -23310,7 +23310,7 @@ class InputError {
         this._showTooltip = false;
     }
     render() {
-        return (hAsync(Host, { key: 'a5254a196be0c13c5f19f9db20eb14a606583fee', class: 'p-input-error' }, hAsync("p-tooltip", { key: 'de2160ad2666b3478aa67fc94ac0d662c25e188c', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, hAsync("p-icon", { key: 'ec0c8e2591ae2933997fe2890e03852e7ae4f0c5', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        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' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -23326,24 +23326,54 @@ class InputError {
     }; }
 }
 
-const labelComponentCss = ".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:9999px;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));color:rgb(152 154 183/var(--tw-text-opacity,1))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity,1))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(44 75 169/var(--tw-text-opacity,1))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity,1));color:rgb(30 218 227/var(--tw-text-opacity,1))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity,1))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1));color:rgb(40 209 124/var(--tw-text-opacity,1))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity,1))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1));color:rgb(255 199 45/var(--tw-text-opacity,1))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity,1))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1));color:rgb(185 30 40/var(--tw-text-opacity,1))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity,1))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";
+const labelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content: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-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/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-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/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}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/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-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";
 var PLabelStyle0 = labelComponentCss;
 
+const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full'], {
+    variants: {
+        variant: {
+            positive: 'bg-positive-green-100 text-positive-green-800',
+            biased: 'bg-amber-100  text-amber-800',
+            negative: 'bg-negative-red-100 text-negative-red-800',
+            neutral: 'bg-supportive-lilac-100 text-supportive-lilac-900',
+            unavailable: 'bg-white-700 text-dark-teal-800',
+        },
+        iconOnly: {
+            false: 'px-2',
+            true: 'p-2 w-6',
+        },
+        keepMobileContent: {
+            false: null,
+            true: null,
+        },
+    },
+    compoundVariants: [
+        {
+            keepMobileContent: false,
+            iconOnly: false,
+            class: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',
+        },
+    ],
+});
 class Label {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.variant = 'neutral';
-        this.behavior = 'circle';
-        this.iconPosition = 'start';
+        this.iconOnly = false;
         this.icon = undefined;
         this.iconFlip = undefined;
         this.iconRotate = undefined;
-        this.size = 'default';
         this.keepMobileContent = false;
     }
     render() {
-        return (hAsync(Host, { key: '8ba10d3dc16336fa12a22be608713816e04c3aa0', class: "p-label" }, this.icon && this.iconPosition === 'start' && (hAsync("p-icon", { key: '34f7daa79756f34cb957d9cfb1bb6f0e71ff5dc7', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
-            this.behavior === 'combination') && (hAsync("div", { key: 'daf1ac4d3f85cbc542db3ff74de2901254b4758a', class: "circle" })), hAsync("div", { key: 'f8481d947f4e51bd94c63179707816ca8e2b5696', class: "content" }, hAsync("slot", { key: '81bf0d5bff0879b811d66234f3dfe6e03ce3b13f' })), this.icon && this.iconPosition === 'end' && (hAsync("p-icon", { key: '46ebacc526e2f28a4b1a4c6df09bfaf18bd490be', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
+        return (hAsync(Host, { key: 'b65dfe6ae11bfa1309561cd1aa1fb0c2c71b5535', class: 'p-label' }, hAsync("div", { key: '4e6b4648f1778aadee757fab902bae7281f5a5ff', class: label({
+                variant: this.variant,
+                iconOnly: this.iconOnly,
+                keepMobileContent: this.keepMobileContent,
+            }) }, this.icon && (hAsync("p-icon", { key: 'a1ef1bf1d58046c3ceeadb1def0030b547a6297c', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (hAsync("div", { key: '961a9f05c969fdb3b1d31f706a370084dd365ab1', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+                hidden: !this.keepMobileContent,
+                'desktop-xs:block': !this.keepMobileContent,
+            }) }, hAsync("slot", { key: 'ffa41b6d694819b6b438c4ea58485e78c41d34a6' }))))));
     }
     static get style() { return PLabelStyle0; }
     static get cmpMeta() { return {
@@ -23351,17 +23381,15 @@ class Label {
         "$tagName$": "p-label",
         "$members$": {
             "variant": [513],
-            "behavior": [513],
-            "iconPosition": [1, "icon-position"],
+            "iconOnly": [516, "icon-only"],
             "icon": [513],
             "iconFlip": [1, "icon-flip"],
             "iconRotate": [2, "icon-rotate"],
-            "size": [513],
             "keepMobileContent": [516, "keep-mobile-content"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["variant", "variant"], ["behavior", "behavior"], ["icon", "icon"], ["size", "size"], ["keepMobileContent", "keep-mobile-content"]]
+        "$attrsToReflect$": [["variant", "variant"], ["iconOnly", "icon-only"], ["icon", "icon"], ["keepMobileContent", "keep-mobile-content"]]
     }; }
 }
 
@@ -23374,7 +23402,7 @@ class Layout {
         this.variant = 'default';
     }
     render() {
-        return (hAsync(Host, { key: '3831e9f213040c55cdaec97155df5489dff12170', class: `p-layout variant-${this.variant}` }, hAsync("div", { key: 'ca7b6362566d1b3ca050c9e156c0c3fb6392c580', class: "content" }, hAsync("div", { key: '560728eb60a95b855b09f91e925ec19044da413d', class: "inner-content" }, hAsync("slot", { key: '2168f3f031cac9b805b4ad4ed7d7b5e500208baa', name: "content" }))), hAsync("div", { key: '1cb5069c3e6bb1d2c90b678ec4a889c2724e4249', class: "sidebar" }, hAsync("slot", { key: 'febf7d89e6cb24e63afb5c54edf0a59ca2de0136', name: "sidebar" })), hAsync("div", { key: '714aaf2fb92091707671a8139bfc9c08591e8d5c', class: "topbar" }, hAsync("slot", { key: '6fae7e137447d6ae699e277fabe7c76a7c34031d', name: "topbar" }))));
+        return (hAsync(Host, { key: '87e6a518eeba1dae91acb44ca352f8d725dccbf7', class: `p-layout variant-${this.variant}` }, hAsync("div", { key: '2a0cdea6708770b219d5f413f7aac5fe0e51e26b', class: "content" }, hAsync("div", { key: '5db9b2431dd5ab288d21e37e99b03f07ffd27d26', class: "inner-content" }, hAsync("slot", { key: '17b8e22d6793123555c6436f0f0be92928bcf4e1', name: "content" }))), hAsync("div", { key: 'ebe171e640079f5232dce274f4160b74f0b96f23', class: "sidebar" }, hAsync("slot", { key: 'ea85cf354e08378c815fe45838c647d53c7ee4b8', name: "sidebar" })), hAsync("div", { key: '1998ccdec1e41b455fddbb7b3fad39dca3a87e21', class: "topbar" }, hAsync("slot", { key: 'ed0296f4df62ce628ad0b66a97f7d557d228842d', name: "topbar" }))));
     }
     static get style() { return PLayoutStyle0; }
     static get cmpMeta() { return {
@@ -23572,7 +23600,7 @@ class ModalBody {
         this.padding = true;
     }
     render() {
-        return (hAsync(Host, { key: 'd0b735c1c6aca053bb2d9b36f66dc8c3e6fe42da', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, hAsync("slot", { key: '2278b56bf9810ec13f90b8f14ae5167d26442e2f' })));
+        return (hAsync(Host, { key: 'a532bee499c8febcf134a82f54be79f73ce0ad07', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, hAsync("slot", { key: '7e7242d2d6183d5b70e5998afe059fce791cf225' })));
     }
     static get style() { return PModalBodyStyle0; }
     static get cmpMeta() { return {
@@ -23642,7 +23670,7 @@ class ModalContainer {
     }
     render() {
         const sizeClass = modalSizes[this.size];
-        return (hAsync(Host, { key: 'f8c36d282ba3b1f4265bad93d5facdeac272726f', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, hAsync("slot", { key: 'f70d967878d24e66e1bb41ef63690a1a6aa702e8' })));
+        return (hAsync(Host, { key: '03d34a11394216efb72a5e3a8baad0907a0d3bf3', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, hAsync("slot", { key: 'ab358b1bb4807f86447df561ffb22b37cc5729d9' })));
     }
     static get style() { return PModalContainerStyle0; }
     static get cmpMeta() { return {
@@ -23666,7 +23694,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '8b95e0bc8927f933dbde6532cfe674c3b795d91d', class: "p-modal-footer" }, hAsync("p-divider", { key: '44924282dcfa7271edb5468db39568bc9a348f6d', class: "mb-6 mt-0 hidden desktop-xs:flex" }), hAsync("slot", { key: 'b09dc0f60512eb72456fa7e3837487f16086ae10' })));
+        return (hAsync(Host, { key: '02c321c7c05c8ab41da5bae5006ab8400fe95132', class: "p-modal-footer" }, hAsync("p-divider", { key: '3537e43f5a58a6bf89dbb2a4d71f02576b99a106', class: "mb-6 mt-0 hidden desktop-xs:flex" }), hAsync("slot", { key: 'ed1cde027c3ead432f85a3a3458ffe8a364939cf' })));
     }
     static get style() { return PModalFooterStyle0; }
     static get cmpMeta() { return {
@@ -23722,7 +23750,7 @@ class ModalHeader {
      */
     close;
     render() {
-        return (hAsync(Host, { key: '420214cfdb2dd596f7538048593025801122a7b3', class: 'p-modal-header' }, hAsync("span", { key: '10f405e910552ccf368a7ce1ab0799ac193199c8' }, hAsync("slot", { key: '916197272fc2f43bd87f7c97bd36a0b94d304892' })), this.showClose && (hAsync("p-button", { key: 'bfdcec4df0c865693d8d9cc35a8556408447f76e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
+        return (hAsync(Host, { key: '9ca0dccd69c5721259467d356dc87071748d4d98', class: 'p-modal-header' }, hAsync("span", { key: '644a578e7317086396e2c1707d5dff14acc3e7f8' }, hAsync("slot", { key: 'ce354e873dca39bb77eb6406d48dfa3038eec125' })), this.showClose && (hAsync("p-button", { key: '0e9898dd7cf4b73b4df9cc28ac350491a9e88c63', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
     }
     static get style() { return PModalHeaderStyle0; }
     static get cmpMeta() { return {
@@ -23785,7 +23813,7 @@ class Navbar {
         this._show = false;
     }
     render() {
-        return (hAsync(Host, { key: 'd0fb08c272ed8209ba4b4eeb0e84db3af7f56b6c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, hAsync("p-backdrop", { key: '03c3f5a31cdb369c0fc9e2e2758c6124f8874323', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: 'e436eb63373ce0460d04c1e6bf9d2a6d5dd77a22', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '5cc267234e3f93766244c241c896004f0312e7ab', class: 'flex w-full items-center justify-between layout-1280:hidden' }, hAsync("p-button", { key: 'a1cf06f679fe209a5d9fee1e3f59e4ab1e2b3628', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), hAsync("div", { key: '3c2bc5439cfb75cc9d3134f987dc80ebd3971298', class: 'flex w-full flex-col items-stretch' }, hAsync("slot", { key: '9fc8ab5a7648ee33fe8fd7aeadcc6f612b636971', name: 'company' })), hAsync("div", { key: 'b7be3f50a653bb6ec6b175a0d5391555689f7b5d', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '941a9dea07c2270d9ccea702ed1bce4af6dda0a7', name: 'content' })), hAsync("div", { key: 'd104fa1db346b0f6fcd09d55ba3d2cb474a725f2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, hAsync("slot", { key: 'a20c417a192f6ec4c5eef06fe12118270fd299ac', name: 'user' }))), hAsync("div", { key: '3a1d9b69bde033789e2e420e49f8702b8a0c92bf', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: 'bbb50411a3ce918bfbd33f1bacfc14a053f7d118', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), hAsync("slot", { key: 'a931c9bc1a090b004788693f2fea96d76d2c43bd', name: 'topbar' }))));
+        return (hAsync(Host, { key: '933b55e6875b50546cd980e5c4f7c923cd6cbd11', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, hAsync("p-backdrop", { key: '9fb8220b757a0571b77620f394b92fe78d578ba5', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: 'c24c80eca5ec18ee39df438c591e55ff683a9c06', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '6338aee239fa25bef1555f5b085d0682c8122c94', class: 'flex w-full items-center justify-between layout-1280:hidden' }, hAsync("p-button", { key: '7768db8078e996b9b0d08a38d7a63329513d4d7b', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), hAsync("div", { key: 'b736053b767173fe3da99b1c270ce95eff3376fd', class: 'flex w-full flex-col items-stretch' }, hAsync("slot", { key: '570c7aab38574229bf5f118c7b8196cc93b69992', name: 'company' })), hAsync("div", { key: 'e0d69dc2869eda05e854eb167d72436412669978', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '02e79fdd87b22514e602fa8ace2b4091dde7126a', name: 'content' })), hAsync("div", { key: 'dc66843c8beabbbcb21b1e3c937192b2dba656d2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, hAsync("slot", { key: 'b08ed35bb831aa4bc6076a4d5b4d5d1fb4c960d3', name: 'user' }))), hAsync("div", { key: 'b15ae515d4872501b143aa3dc30d40e7004da088', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '96628a7f7741fc9d71d68e1744e727a95dec9552', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), hAsync("slot", { key: '22a596e750b0541a9dabf0d9857c294d77acea58', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;
@@ -23852,10 +23880,10 @@ class NavigationItem {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (hAsync(Host, { key: 'd87d8e76973078637e8c2d184b495d630f4fd556', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: 'db37312225ef973cb75c71b0b0b918ed2f8799c3', class: navigationItem({
+        return (hAsync(Host, { key: 'f87e67e61239b95e49d93b9bd07686b7b70477a9', class: cn('p-navigation-item inline-block', this.class) }, hAsync(TagType, { key: '67c327313aa12d7fe54389bc298ca23b3e17437a', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, hAsync("div", { key: '5f56c4395729260e25e6a71da5ac716b09193bd5', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: '0cc4e9b0f0cdf1ad574ef8ba5b8b80f3ce376d3f', variant: this.icon })), hAsync("span", { key: 'a52984e8227ec3af005d1b240944ff85ba58a37e', class: this.counter && 'has-counter' }, hAsync("slot", { key: 'eaa1a3e88f0d7517fc383d96fae3194522e4efb1' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: 'eb7b69d6235d7f1c72ca1045255d70764a9b179d' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '081c5f8b49dfb3a80429815de87f717cd70e39ae', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, hAsync("div", { key: 'b1de70235c4bb1bff509db3f1723c106e50614d9', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: 'debe4fce9441178c12c4198cab3c94247db0cd49', variant: this.icon })), hAsync("span", { key: 'f6e9daee27dc7fc467c1d6e5d50b3f2d9aaa3cf8', class: this.counter && 'has-counter' }, hAsync("slot", { key: 'c10c72c8c3ad0f8b238ed69636ca2b8e3291dc44' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: '4bb1889d85efdac8e80a398fcb3769dc55b26ee3' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '80b43031e00df08c342df9872caa928dcbc87650', class: 'ml-auto' }))));
     }
     static get style() { return PNavigationItemStyle0; }
     static get cmpMeta() { return {
@@ -23886,7 +23914,7 @@ class NavigationSection {
         this.header = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '796e5ed44de63dc1f59630dad492272b6451ed0e', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '09d6b3680a110b5cd88d5cc9b5265c4b604c8ab3' }, this.header)), hAsync("div", { key: '646ea16ad875dcfdf40aeb12657d946c39f44b3b', class: 'flex flex-col' }, hAsync("slot", { key: 'c11b12a07b3a65b5ca1e8d61910d8a5160e32ea7' }))));
+        return (hAsync(Host, { key: '2498f9f2121a61e9a086faa32e676ac8a59bbe7b', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '04a310fc04574b350c1d36cb57b23537a25a8b6e' }, this.header)), hAsync("div", { key: 'd444fee83c080992f04ed3e0c977b8687198633c', class: 'flex flex-col' }, hAsync("slot", { key: 'fde7c2c5be6223b0ae89c2708c74bd0d840de2f1' }))));
     }
     static get style() { return PNavigationSectionStyle0; }
     static get cmpMeta() { return {
@@ -23909,7 +23937,7 @@ class NavigationTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '03f65d5a95070603d879ebb523bef42234c2b84c', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, hAsync("slot", { key: '77812e71ced0173f0794306d312b8f93d3576aad' })));
+        return (hAsync(Host, { key: '77fef8b4447152587c36feef957ad90b2b02e316', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, hAsync("slot", { key: '961d39e654c4c112251d8f1086173e639974ed6c' })));
     }
     static get style() { return PNavigationTitleStyle0; }
     static get cmpMeta() { return {
@@ -24006,7 +24034,7 @@ class Pagination {
         this._generate();
     }
     render() {
-        return (hAsync(Host, { key: '81016401bd076834a83260a0a081fc738867c08e', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+        return (hAsync(Host, { key: 'b78ab074e0cbaf260070e2ae6689c58d44474132', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
                 return (hAsync("p-pagination-item", { onClick: () => p.type === 'previous'
                         ? this._previousClick()
@@ -24169,7 +24197,7 @@ class PaginationItem {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: '6a4e7f7bf424e158a087b7ba5e165f0f79293157', class: `p-pagination-item ${this.active && 'active'}` }, hAsync("slot", { key: '5fc864a64664a7ea8d45228c25b6c3fb909515ad' })));
+        return (hAsync(Host, { key: '7057240b7a1e8ad095e9c3414b03060f6f63bef2', class: `p-pagination-item ${this.active && 'active'}` }, hAsync("slot", { key: 'd55228d72fcf51a6c7bf9f848c401553b86e40d6' })));
     }
     static get style() { return PPaginationItemStyle0; }
     static get cmpMeta() { return {
@@ -24200,7 +24228,7 @@ class Portal {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (hAsync(Host, { key: '04f9a6ddfe5756fff19f51575ed4869d85c756d5' }, hAsync("slot", { key: 'ad0bd91e83e2b35f2bdb10ed17a1d77be095782d' })));
+        return (hAsync(Host, { key: 'ec6767f9ed9924ff88643c804db7c0e9687a9cc2' }, hAsync("slot", { key: '21ebee452f0f173c88840da9a190e4a7b072cd48' })));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -24239,7 +24267,7 @@ class Profile {
     }
     render() {
         const content = this._getContent();
-        return (hAsync(Host, { key: '1ff9fb75ed53f1e4c9e53dd942f150fae77484d4', 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: '9313ef616b33a4491b7a8bd6ebe647b3e334c168', 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();
@@ -24347,13 +24375,13 @@ class Radio {
      */
     checkedChange;
     render() {
-        return (hAsync(Host, { key: 'cadcfb2a903a3a9f70796770dc47f22caf199b5e', class: 'p-radio' }, hAsync("label", { key: 'bad70100ebbf0d8635fb9a50c274aac56b74735a', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: '87c8c6b485b23beb305450bb18416936425e000e', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '500655357e45b7ed47b651993b2a4e62aaae1818', class: radio({
+        return (hAsync(Host, { key: 'ef48217704ef103668234d8b3b8da720b58d90ee', class: 'p-radio' }, hAsync("label", { key: '29176e1a1f018a252f1c990d8ed02ab67b97297c', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: '785cfc9c4f61069a37efd36f39ed948eb08ffea0', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '8ef43efad2ebd27ea62dbd3254279901b7dc2504', 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: '23b0de0ff8913ed6bc66bddd50eea9117063b880', 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: 'fe41351c563e10018dfe02235faa98c1e883f153', class: circle$1({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), hAsync("slot", { key: 'bbf707984104b091871111ae1d1e79ea09f5e7b8' }))));
+            }) })), hAsync("slot", { key: '9821b79310a24b03420be123009471ec4e99fefe' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -24384,7 +24412,7 @@ class Radio {
     }; }
 }
 
-const segmentContainerComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(218 230 240/var(--tw-border-opacity,1));border-radius:.5rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";
+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}";
 var PSegmentContainerStyle0 = segmentContainerComponentCss;
 
 class SegmentContainer {
@@ -24392,7 +24420,7 @@ class SegmentContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'c8554666934a49559cb5b8a31e6d448d41445c10', class: "p-segment-container" }, hAsync("slot", { key: 'a99446441d550c8d87e0e40a6b8cd576d4be8ba3' })));
+        return (hAsync(Host, { key: '13dd4ad8e37de0c55abcc3748746bccd628da688', class: 'p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1' }, hAsync("slot", { key: 'c006b5f0ad06aa1f2d8a54faf2d1f6dcc97a7d83' })));
     }
     static get style() { return PSegmentContainerStyle0; }
     static get cmpMeta() { return {
@@ -24405,48 +24433,55 @@ class SegmentContainer {
     }; }
 }
 
-const segmentItemComponentCss = ".-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\\[9rem\\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.5rem;color:rgb(81 83 107/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity,1));font-size:.75rem;font-weight:400;line-height:1rem;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-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))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";
+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}";
 var PSegmentItemStyle0 = segmentItemComponentCss;
 
+const segmentItem = cva([
+    'p-segment-item',
+    'flex items-center justify-center',
+    'h-6 gap-2 rounded-full',
+    'cursor-pointer text-sm',
+], {
+    variants: {
+        active: {
+            false: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',
+            true: 'bg-dark-teal-600 text-white',
+        },
+        iconOnly: {
+            false: 'px-2',
+            true: 'w-6',
+        },
+    },
+});
 class SegmentItem {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.active = false;
         this.iconOnly = false;
-        this.size = 'small';
         this.icon = undefined;
         this.iconFlip = undefined;
         this.iconRotate = undefined;
     }
-    get _el() { return getElement(this); }
-    _hasDescriptionSlot = false;
-    componentWillLoad() {
-        this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
-    }
     render() {
-        return (hAsync(Host, { key: '0231e33d62667c6f6baf39907c52f1d05483b777', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), hAsync("slot", { key: 'b150ba986fdaef2a98661a48796bf43ff77e8c24' }), this.size === 'big' && this._hasDescriptionSlot && (hAsync("span", { key: '78017b51faf3a96f8fc8b8d59fc9a62bec694afd', class: "description" }, hAsync("slot", { key: '6d36db486c92e1324260ba88e91fe6d5c709798a', name: "description" })))));
-    }
-    _getIcon() {
-        if (!this.icon) {
-            return;
-        }
-        return (hAsync("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
+        return (hAsync(Host, { key: 'af4c3783e2791d61632bdb598682ad2f4f95539a', class: segmentItem({
+                active: this.active,
+                iconOnly: this.iconOnly,
+            }) }, this.icon && (hAsync("p-icon", { key: 'a554a9b7a78e0b4dba9b967b97cb98b49e28c9cf', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), hAsync("slot", { key: '17306fa82a398b6b7bc613f78197b425fd376af9' })));
     }
     static get style() { return PSegmentItemStyle0; }
     static get cmpMeta() { return {
-        "$flags$": 9,
+        "$flags$": 4,
         "$tagName$": "p-segment-item",
         "$members$": {
             "active": [4],
             "iconOnly": [4, "icon-only"],
-            "size": [513],
             "icon": [1],
             "iconFlip": [1, "icon-flip"],
             "iconRotate": [2, "icon-rotate"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["size", "size"]]
+        "$attrsToReflect$": []
     }; }
 }
 
@@ -24629,7 +24664,7 @@ class Select {
         }
     }
     render() {
-        return (hAsync(Host, { key: '9090270a3b0048ffbe8e8c37cbbcca384daf5f4d', class: 'p-select' }, hAsync("p-dropdown", { key: '6050a5d6358631b969c9675e5ae070def18b7f58', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: '074697f053f77cd31719f4b892cdd329061f8d9f', 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: '0b5986bf4408654eba76d85a5d43988971af866b', 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: '6bb8b4780aca7a525377c55611fba654764deaf5', 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: 'bbcf5a411b3516151b5cde49e83e637e8f275d6d', class: 'p-select' }, hAsync("p-dropdown", { key: '0a75a3e234fe53fd205cda607860b12ae864c998', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-field-container", { key: 'd09b7269c07ab493d9372481165f88c383210230', 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: 'ae1626f92d3a509e0cab45faa11a9965b12d27aa', 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: '9d53222285fdc827c4df5468e38a491399496f01', 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)) {
@@ -24946,7 +24981,7 @@ class SliderIndicator {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: 'b881e676d31e9db8b09093c2ad767467584194aa', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (hAsync(Host, { key: '4525154d8a2fa45a67c9194601c038ce4d68d93c', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get style() { return PSliderIndicatorStyle0; }
     static get cmpMeta() { return {
@@ -24973,8 +25008,8 @@ class Status {
         this.iconRotate = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '1d4fc08551aaa41e7b1e6f5cffe6bc6dce88b417', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), hAsync("slot", { key: '4b2d7a3a670c335b42905de63fb8aa1c8b0e34e3' })));
+        return (hAsync(Host, { key: 'c22a53f6a938b6b474cc0d3b48bafd1b86ac12ce', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), hAsync("slot", { key: '488fd658de93d5f4a7a32cfea4407df0953eb092' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();
@@ -25110,7 +25145,7 @@ class Stepper {
         this._generateSteps(true);
     }
     render() {
-        return (hAsync(Host, { key: '08618e878d073d704ee23f62df4c855d4a0cb86d', class: 'p-stepper' }, hAsync("slot", { key: 'd8dd06cb1ee5d662ea3b8aa4379b0d1e8877dbbd', onSlotchange: this._onSlotChange })));
+        return (hAsync(Host, { key: 'dab66ec915bdfc6db37204746035c9fa25beb364', class: 'p-stepper' }, hAsync("slot", { key: '614787c115b5f21dd50d589acfb830c84fc84173', onSlotchange: this._onSlotChange })));
     }
     _onActiveStepChange() {
         this._generateSteps();
@@ -25147,7 +25182,7 @@ class StepperItem {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: '8da0538e191e3cbe2bc2ffd34235e29bf36c5c4b', class: "p-stepper-item" }, hAsync("div", { key: '26ef593097c695a3944a7c50f941f566c2bada7b', class: "circle" }, this.finished && hAsync("p-icon", { key: '648760041a32cd018e7e5a7b76d7cdb19220425e', variant: "checkmark" })), hAsync("div", { key: 'fe3b931203de10909550032493c5d305187f9ef8', class: "content" }, hAsync("slot", { key: '16627589013f17c494e482c98b7e96aaed2de5a4', name: "content" }))));
+        return (hAsync(Host, { key: '1920bc6191385c5b1bcb32ffecfded7f7c1a3f40', class: "p-stepper-item" }, hAsync("div", { key: '743a51150e95b15bfd194498d9568821c50b4311', class: "circle" }, this.finished && hAsync("p-icon", { key: '876d225ca1f3c974c4f5c0cebd8d7eabff7a8336', variant: "checkmark" })), hAsync("div", { key: '42dfe103a364e5c8183bced9825f7d899fd7c01f', class: "content" }, hAsync("slot", { key: 'a9db4797ad8649458649df53a4edb91c46a8199e', name: "content" }))));
     }
     static get style() { return PStepperItemStyle0; }
     static get cmpMeta() { return {
@@ -25176,7 +25211,7 @@ class StepperLine {
         this.direction = 'horizontal';
     }
     render() {
-        return hAsync(Host, { key: 'a098b7140c582af2edc9cdd7b4f8c37f5396223f', class: "p-stepper-line" });
+        return hAsync(Host, { key: '9c523b4c1c77f12e65b9e8e97e447682089c6259', class: "p-stepper-line" });
     }
     static get style() { return PStepperLineStyle0; }
     static get cmpMeta() { return {
@@ -25197,7 +25232,7 @@ class TabGroup {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'f5db65ff43cf524cbbd2482ee29cf4e1d845e876', class: "p-tab-group relative flex w-full flex-col" }, hAsync("div", { key: '1f410d379e84904b6d658a82d9ccd43f7f863202', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, hAsync("slot", { key: 'a50bbd0b25ade7ffcfb8fd066afc2f0b08c2a4cb' })), hAsync("p-divider", { key: 'd814f2ad8339c98d524c522f2002cf9518ef603e', class: "absolute bottom-0 left-0 m-0 w-full" })));
+        return (hAsync(Host, { key: 'c2373e9bf105402dcb9fcdea9f00e96c3d22234f', class: "p-tab-group relative flex w-full flex-col" }, hAsync("div", { key: 'b5cd3a1a953b63d00ef2e5ab6ccb3a8dae482905', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, hAsync("slot", { key: '27402e28fe9d870007ce31601a0b5512df1f8e56' })), hAsync("p-divider", { key: '0abf3dd0edd40ec56abb9781d28a28d8336fc816', class: "absolute bottom-0 left-0 m-0 w-full" })));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -25218,7 +25253,7 @@ class TabItem {
         this.active = false;
     }
     render() {
-        return (hAsync(Host, { key: 'd728170a44b3c2ed1a55aa9f90a2e333811b53c5', class: `p-tab-item ${this.active && 'active'}` }, hAsync("slot", { key: '5e528d172aaef412521f6c93a755bd0bf9f9864a' })));
+        return (hAsync(Host, { key: '5bd9aae0c6b920150ab95027e301519ffdfa9b5c', class: `p-tab-item ${this.active && 'active'}` }, hAsync("slot", { key: '221acbe500445e4f104f7f26dc7a0d37c4818a99' })));
     }
     static get style() { return PTabItemStyle0; }
     static get cmpMeta() { return {
@@ -25967,7 +26002,7 @@ class TableCell {
         };
     }
     render() {
-        return (hAsync(Host, { key: '9d0c40d23049e13123b42e026cf617abe4e5f5f0', class: {
+        return (hAsync(Host, { key: 'e9622200c7747ae2dd3611252f87c1781ecfc0c0', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),
@@ -26064,7 +26099,7 @@ class TableContainer {
         this.shadow = true;
     }
     render() {
-        return (hAsync(Host, { key: '3093de271c11a50d334006232f4cd02a66131191', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, hAsync("slot", { key: '76d6ab8ecf532e2a4d43f6b7257135c4881176e3' })));
+        return (hAsync(Host, { key: '8400210ea3f34d240b032c875ef5e86dc218e7d5', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, hAsync("slot", { key: '6abc0755ec890cd9001aef58ac24acb3f2e4f529' })));
     }
     static get style() { return PTableContainerStyle0; }
     static get cmpMeta() { return {
@@ -26117,7 +26152,7 @@ class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (hAsync(Host, { key: '5d741b128761060367791b642d9105ab84b85fbd', 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: 'f2cd843ef2002d2c5efeeb6e0b0cc19e9ddcc459', 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: 'ba98725795479f4394f389af953a3691bc652504', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (hAsync("p-pagination", { key: 'a450cb9a2b7fcbb0ee63cd33466d4df2a34938e6', 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: 'ae71744adf3ed536d30570e69d7f54f6bd411028', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (hAsync(Host, { key: '16588e28b4c1a74e0d8fd1324ad0ca5f3d9764ec', 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: 'a09d397cc4f1792809aa2226280baf00db625b51', 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: '949f8e777163603ad66142ec7da8957c8eeb4600', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (hAsync("p-pagination", { key: '296c3e4d342def9fd72fff8c6d27561b3fbab522', 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: 'be27ba3f224e267b80f43d03d07be3359f22ef76', 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);
@@ -27143,7 +27178,7 @@ class TableHeader {
             : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
     }
     _getLabel(amount, variant = 'default') {
-        return (hAsync("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
+        return (hAsync("p-badge", { class: `ml-1 ${variant === 'default'
                 ? 'hidden desktop-xs:flex'
                 : 'flex desktop-xs:hidden'}` }, amount));
     }
@@ -27186,9 +27221,9 @@ class TableRow {
         this.enableHover = true;
     }
     render() {
-        return (hAsync(Host, { key: '5d5245faf40bfcfaf3008117ec6e604c45a716ea', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (hAsync(Host, { key: '84fafc96af5423eca823b2702a4b878a03c76565', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, hAsync("div", { key: '1ed45114cb5478ad37461fb4c7957b89e2f4e7d9', class: "content" }, hAsync("slot", { key: '029596bda8f0b019ec48fdf7b5cb00e2878f939d' })), this.variant === 'default' && hAsync("p-divider", { key: '5263474be1ce89579330294f80218e92a86d0a87', class: "m-0" })));
+                'enable-hover'} group` }, hAsync("div", { key: '968888482a3d22ec973cda8a9618e3a3b59c2ff4', class: "content" }, hAsync("slot", { key: '934e900af0720877e705d78a9cfbddf033206326' })), this.variant === 'default' && hAsync("p-divider", { key: '5c443bc203dd2cdb0641b41db9824a26646239eb', class: "m-0" })));
     }
     static get style() { return PTableRowStyle0; }
     static get cmpMeta() { return {
@@ -27262,7 +27297,7 @@ class Toast {
      */
     action;
     render() {
-        return (hAsync(Host, { key: '5e4d83ec435671553c45eeda6da3e0eca5abd816', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, hAsync("div", { key: 'cb8b4792e9911b09a0a75dad80df62180029b6d7', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '058db9e698fbbffa1206c9b55251e8452008c9b5', class: 'font-semibold text-storm' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '4d52640787c919fa2d2b7e0c18a0443b0ab3a554', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("p-button", { key: '69c6b038b1ea91492d77fc55144ca7d95fc00116', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (hAsync(Host, { key: '45995dbf55e1f5da083853de2a84a8b2fabecae3', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, hAsync("div", { key: '21cc758c734909d3ac31b57174ac48117086ea8b', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '6d9e38a1ff99eb3cca01492a1b23b1855d47e6c2', class: 'font-semibold text-storm' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: 'e9cb052a385dc14e0485944518548365f743a3e4', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("p-button", { key: '3622337e6595749610b400498a5c8860adc9ab32', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -27297,7 +27332,7 @@ class ToastContainer {
         this.placement = 'top-end';
     }
     render() {
-        return (hAsync(Host, { key: 'ab81aa8f5275de30e45826d232f2c551aded8cbe', class: `p-toast-container placement-${this.placement}` }, hAsync("slot", { key: '82cd3e00ce8242aaf2acdbe393fe4058949b73fe' })));
+        return (hAsync(Host, { key: '7ca829b625cb054e8d78fefdf89ecb42fc0b16e1', class: `p-toast-container placement-${this.placement}` }, hAsync("slot", { key: '8f2bbca37514fbb8db6e60e24c96e32320ebee8d' })));
     }
     static get style() { return PToastContainerStyle0; }
     static get cmpMeta() { return {
@@ -27421,13 +27456,13 @@ class Toggle {
      */
     indeterminateChange;
     render() {
-        return (hAsync(Host, { key: '665a9617a9ab6f36f84bb2431a1aae0b873acfab', class: 'p-checkbox' }, hAsync("label", { key: 'f9090b0b5cc6ca14c09a43e53f01bef33e411e5f', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: '9a47bbc17f2efb2cf196c558b67837b73531f02f', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'aead176166d2cc5799d3756076d9ed4085d67637', class: checkbox({
+        return (hAsync(Host, { key: '1f27b7358ddfe7998b7353f8365b728e9fb576cd', class: 'p-checkbox' }, hAsync("label", { key: 'b055b9953c464554baf6c2c958806ae6995a6359', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, hAsync("div", { key: 'd8da28b8229fba7a35af8a57c5dec386a93b543f', class: 'group relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '275d3d8e8f0cad0bb62c6c7b19cb8553f08e27c0', 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: 'f73eab7f22090288618a5e71f1a0ca9d7aa92733', 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: 'b0c8d090f118586f92e88f3c9eac715ee7c8da7d', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), hAsync("slot", { key: 'dbd72bce56cdad804076b3a51c921a877530ec8a' }))));
+            }) })), hAsync("slot", { key: '8e0571323057af097c6bf41a5ac7c0f0dc9dd71a' }))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -27549,19 +27584,19 @@ class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (hAsync("div", { key: 'e773c573f879f37ca26e3efb0621a148150cc988', class: popover({
+        const tooltipElement = (hAsync("div", { key: '0a9e167ddc84ee7f583d37aed323c2cf02c1fa9f', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, hAsync("div", { key: 'beae5aa49190a54cb3852aed32989e4393a4577b', class: 'flex gap-2' }, this.variant === 'error' && (hAsync("div", { key: '2df89a5828f590f1140e7b49d0fdbc0bbd342e76', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : hAsync("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, hAsync("div", { key: 'df2ac0c2212bdf2d0649ddb2a302fb74c654b262', class: 'flex gap-2' }, this.variant === 'error' && (hAsync("div", { key: '102d4eca5af055bd733edd49191787bf7cffdf02', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : hAsync("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (hAsync("p-portal", { key: 'b10a6efabbd222ac3f49ce1ed609225d43aef28c', class: portal({
+            tooltip = (hAsync("p-portal", { key: '1b8c71e02362b745c0db665215c3484f730b4261', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (hAsync(Host, { key: '49b2555dfde9308712f54352b71b6b3392237f92', class: 'p-popover flex cursor-pointer' }, hAsync("div", { key: '75bfdc10b8af271be06fb857d3f08e040c05711a', class: 'relative h-inherit w-inherit' }, hAsync("slot", { key: '9dae75ed3b6edb2384b8a5d5b573aad90278a875', name: 'trigger' }), tooltip)));
+        return (hAsync(Host, { key: '7a6070e29497d134306025162f4c6fb23dcf8a37', class: 'p-popover flex cursor-pointer' }, hAsync("div", { key: '0482d4946e076d56d7264727eab6f6467472f195', class: 'relative h-inherit w-inherit' }, hAsync("slot", { key: '7db62f696ce194cdded44a511d2f7dfd06ad7517', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {