@paperless/core 2.12.15 → 2.12.16

package/dist/collection/components/molecules/accordion/accordion.component.js

@@ -27,10 +27,10 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(ThemedHost, { key: '0d4727e14d3ac0003eb92ed1fef2b5c3550b5b1e' }, h("div", { key: '64d6399372ba32e67835650ccff6c77932ac6948', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(ThemedHost, { key: '12fbff336768433948b9d384528d595808295fb9' }, h("div", { key: 'd49e477d32da230a91eda03f8d4ba2e56bf3daed', class: cn('flex cursor-pointer items-center gap-2', {
                 'text-storm-500 dark:text-white': this.variant === 'primary',
                 'text-storm-300 dark:text-hurricane-200': this.variant === 'secondary',
-            }), onClick: () => this._onClick() }, h("p-icon", { key: 'cdd5eb390ba766d29aceace7e6d8d48925d9cbdb', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: '5346b36f85cf39cbce85f83fd4017a45f0e7c7a9', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '43fd7b8f63c7c642d994f48bbf196335df16450b', class: 'flex-1' })), this.open && (h("div", { key: 'd1cd1854c8014d772decbb06522f98775a7ba3cf', class: 'mt-4' }, h("slot", { key: '863e6f867dc6f8f2db1a774fd39e1e70b64222a2' })))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '145e3327d49ae7b660175ca886b2248aba1c8054', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ac26cc99a24c03c9dba432f737616bcfcab7b313', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'f99a5a61e0f1d8d06e4adcd1fad6860607162185', class: 'flex-1' })), this.open && (h("div", { key: '1ea4d6ab9fb6991971c460b452b7d95a19f56b36', class: 'mt-4' }, h("slot", { key: 'f126b1599886ccc3a6db40c15a2c8874bc62b012' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

package/dist/collection/components/molecules/attachment/attachment.component.js

@@ -95,21 +95,21 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: 'e3041d87911b3ef89be9ae6dd57d9ad51b4b6ba3', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: 'be618d8484432870e28ebc0cb053644364f6a428', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '8cd0ea7fd1848a8f9d3ee96d42b4ecdb5f4ed27b', variant: 'warning', class: 'text-negative-red-500' }));
+            prefix = (h("p-icon", { key: 'd937e55a4039f62d6dc0b7975197e6951b5b9a4d', variant: 'warning', class: 'text-negative-red-500' }));
         }
         // const isMobileDevice = isMobile();
         const isMobileDevice = isTablet();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: 'a5e44898b46871afa963d7e0f18d915394bddd40' }, h("p-field-container", { key: '310c1d8f8ef45b99eeed799593712a9f3dbce009', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '2032dd135e492b7ea868f7c32e0cf6ca6b3b960a', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '9455fb465e6a71680cd2910c8b3c19b28f7bec0e', class: attachment({
+        return (h(Fragment, { key: 'ae4592f8c9586b0322cdea7b15667900d0a5a2b0' }, h("p-field-container", { key: '5ceb544db8a82a57ec10d002e448ea9f8e726032', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '2f37933fa6d1a930ddb07e5ceb716ec04cbff2e1', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: 'f116650d2975cea68050315fcfc25776c1f2e1f7', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '2ddab39315ea1006fbc0cebc98f38fefdef8a178', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '1cc5632998dbbdaf1c389af86a7ee001547dd93a', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '337fbce2b16a1a73f21fceceb28403ac545e3e10', class: 'w-8', content: this.mode === 'read'
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '0ec0b9971d7ba20cf682a60816307787503da946', class: cn(baseText, 'peer empty:hidden dark:text-white') }, this.value), h("span", { key: '2b754f7101e71e4fb3466806beedd3bd230f8740', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: 'd5079acda601bee27379f4607ef23232ff744f9f', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: '6b6771622ae63afb048494ff702bdf2d4bf8bb23', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: 'dd17172a5e921a11517bfbbd0eec2ad49afbc4cf', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -120,7 +120,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: '242226f8304108a78a2df043cce33aa039da8691', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: 'd2438f478b6f724007b5d412ab00594fda47c980', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '9b39b1a1e8f30e1f0f6c07fc99c1449465ff0d65', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a844a95a4c34fcae3c76c92d06fc08aa91685e54', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '66e1a9bae5041f09d626073a4bcbfad55ef3c2af', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: '7b9f10d744bb26885fdaaaba3d66be83228053ad', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '1b36e1332831dfc11fba2c1d0f1b46e9bbf7584e', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: 'cb4d507633be0ed55ba5f135952b049aa347efe0', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

package/dist/collection/components/molecules/button-group/button-group.component.js

@@ -12,7 +12,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: 'b9b4580c83a470f5757610dda8916bdc1b3ed5f5', class: 'flex items-center' }, h("slot", { key: '50790e114cf09dbc97225ce55b4237d0c7e99f21' })));
+        return (h(Host, { key: 'a1da21729b15d719031ff57ea9fb4b7b51c18bfb', class: 'flex items-center' }, h("slot", { key: 'a797445c7c70a66a75a6946423419b49625aa5e4' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/collection/components/molecules/calendar/calendar.component.js

@@ -182,7 +182,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '3e8f512cbdb7d44b80f80d70c5c7d4b1c0933942' }, h("div", { key: '34bca740dbd0e3df43899a7ba1c745dd0e121e83', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: '096ab769bc6d1df1481f412ab64047d75682aced' }, h("div", { key: '48f95e63542d93fb5ba7ca6c276280adca0d9e87', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && isAfter(this._today, this._maxDate)) {

package/dist/collection/components/molecules/content-slider/content-slider.component.js

@@ -47,9 +47,9 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'f0049b9064462d362bda18bb1134e2457f8cbf35', class: 'p-content-slider' }, h("div", { key: '3e1e018f5b0c5e2966cc8b556f640b1c71d0c36e', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: '3082a3d1c0416b593e3a3d158d9eb076113f042f', class: 'p-content-slider' }, h("div", { key: '48e1f7e9e22fc71775354a47b960055ea050635e', 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) }, h("div", { key: '4ed7e07800e19bb2abde082c08b51f188122af08', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '0f86e7c0590f21b6ff65da06c011e39acaa2ed36', onSlotchange: () => this._slotChange() }))), h("div", { key: 'd9211a164fa4bb149db55cde4c1f62a8bd597159', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("div", { class: cn('block h-2 w-2 rounded-full', {
+            }, 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) }, h("div", { key: 'e1a0dcc1c1ef51c96549ad06f446290c8a927766', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'a291e9568a8c1bfd1a717b2c7a1acaaa65801abe', onSlotchange: () => this._slotChange() }))), h("div", { key: '5092b037cf36ced7b7a49cbc38aebe62028ba841', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._filteredItems.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("div", { class: cn('block h-2 w-2 rounded-full', {
                 'bg-indigo-600': i === this._visibleIndex,
                 'bg-indigo-300': i !== this._visibleIndex,
             }) })))))));

package/dist/collection/components/molecules/cropper/cropper.component.js

@@ -41,7 +41,7 @@ export class Cropper {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: 'ae4281b414955bb53ea4042ec2050b65c5fef056' }, this._loaded && (h("cropper-canvas", { key: 'c8becb46481827657e07f9bd960f72c1f8d82498', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, h("cropper-image", { key: '104e1a53a5f3593e20275678d20555b30c3be4d7', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '14548d6b2aab143d94ce6358765bd6fb67005c90', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '7549481bbaf624aee354f37331ef3e015e44c4c0', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '6f126629472478eea2f546a625b27f49bea55915', action: 'move', plain: true }))), h("p-range", { key: '9792a42b439310835a5fe88f68b6b8425cb21878', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: '8de79414d99c04fce4f0c7b640bed695e4cc5853' }, this._loaded && (h("cropper-canvas", { key: '1180efdfdae579c524e03c6d5318d98a8882554f', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, h("cropper-image", { key: '27f2096a8780043674bfcedbc80124d7a7616874', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '9f8680d14c514aded609bf4b3fc15ca2f958fc32', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '101c1b6e1856da2900416d169820cc24d4ac03d6', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '17db2d8220c79692a96adee92c73f2e11b6a5f46', action: 'move', plain: true }))), h("p-range", { key: 'e29991c21cb4034b4fcc47c4bbf7b8f6a1e1567d', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/collection/components/molecules/datepicker/datepicker.component.js

@@ -204,7 +204,7 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: 'dcc984f2f94249b1b999b5642e076b1502a67ea7', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '5b359fd4a928da0a0b373c7e5d3823196bf93b02', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean(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 && (h("input", { key: '1273bd273cb7590e1f4a5eca7e5dd730180993c4', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
+        return (h("p-dropdown", { key: '4400ed720e3b79d14c9c0f7a778ebad8594bc600', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '667d56425f4a91e036345ec4a960bd56f437e775', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean(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 && (h("input", { key: '6741f5b236b64eddd4a8e6cc35532cb310590722', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
                 format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
                 }), min: this.minDate &&
@@ -213,7 +213,7 @@ export class Datepicker {
                 }), max: this.maxDate &&
                 format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
-                }) })), h("div", { key: 'a5ea49580d178d2e3514b57acc53b2d498dc059e', slot: 'items' }, h("p-calendar", { key: '15e87133e58e7cf209a03c4a2eb18c235a1f3742', 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, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
+                }) })), h("div", { key: '21bb536f91293aeb7bf9575bb4eb357bf89d0b1d', slot: 'items' }, h("p-calendar", { key: 'db5798f487ba8a1cdaf1826f30dcc36a9d292fb8', 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, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/molecules/dropdown/dropdown.component.js

@@ -115,11 +115,11 @@ export class Dropdown {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: 'ed870d44153eab4d7b3dbb6e3e424aa459d39acf', class: 'relative' }, h("div", { key: '4966a1141bbb0c52ea0cce7a3d4fe4993f60c953', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: 'd782fc6e0ed8c575d56cf1e170c88ad5ce384713', name: 'trigger' })), h("div", { key: '72a3c18133657d18c98ebcdad2f376aa1d1f493f', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'f573b7446cb5fec75e31fc1659a7c44165f74ed8', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: dropdownContainerClass({
+        return (h(Host, { key: '9e793781c686849fbb772f61204aa04b997a5140', class: 'relative' }, h("div", { key: 'f282f409c2a302995f294bb7ba09d9dbaae56631', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: '3f8a29f23d515c923a32273a79ecca589f9b094c', name: 'trigger' })), h("div", { key: '9401e7ce9b0683b1431ac3a39b6d6cc5c94f1236', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '21d44fc86648a7e8b027ce5b7730ce0f56d1b790', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
-            }), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, h("slot", { key: 'cf458650189cc97441506649cc5dbb3cad9b2304', name: 'items' })))));
+            }), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, h("slot", { key: '66b5da85c37a9b91fc5aaabed34c6b4731bb358a', name: 'items' })))));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

package/dist/collection/components/molecules/empty-state/empty-state.component.js

@@ -59,11 +59,11 @@ export class EmptyState {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (h(ThemedHost, { key: '2bdc6f6d1fe79fc5b4fbd34c911a1eaa96cd6257' }, h("div", { key: 'c4a6260f4557144ebdcbab77756084a916ebb520', class: emptyState({
+        return (h(ThemedHost, { key: 'a7178e18d2a830fa44b73825c8abf2940b29c40a' }, h("div", { key: 'dfde89ed956be692bd107ae2084422f35cb2991c', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: 'd772c46da64905e75989c1d44e1337f557d8a85f', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '36f836019e28b73d1694b7268e24959ec90b1d3c', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
     static get is() { return "p-empty-state"; }

package/dist/collection/components/molecules/field/field/field.component.js

@@ -325,8 +325,8 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: '8323b3130e6a4464a4d3162b34640f8a7cc94a9a' }, h("p-field-container", { key: '23df944a261bfcd4db83f51285f21d6f682cc94e', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '6c413b9170a3d267b7e794a715a77c5817f80223', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'f5c7fc6f42efdfb8f3d68b0be140c8942fa5fdc9', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '4ea6ba9f4c40d9a27dd2f0dadddeb8740bb02445', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '895e0a71d3b27639b0b67acc0492c79a41c9d83b', name: 'error', slot: 'error' })), h("div", { key: '0caa5a2f5fd8229dc8602084a46062686d5dc031', class: field({
+        return (h(ThemedHost, { key: 'dafed84a3cebd3183f9e7750201e23c8a35e12b1' }, h("p-field-container", { key: '4bdd13136ac2f1761d5fa286f5c488a4e9763716', forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '66d128a4ffaa837b19125cfed07914706fad9306', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '70dad7a55744308710a39bbac389288903a05b14', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'b282396971c47f0f56e195f34c845267ed31b9a2', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '3d128969d9706b12e405fa685bb6f1be4d5eada9', name: 'error', slot: 'error' })), h("div", { key: '7a7377358c3f5e09381990acfd9a4393419885f5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -337,7 +337,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '03c67459dc5b49d5a13df2e90504f9192cb23451', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'f70ce94cc37be4edc3dcec1cbc072f2398779e91', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -347,7 +347,7 @@ export class Field {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (h("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '12f1f01600ae1cf9a1987b2c79335f06631c34af', class: prefixAndSuffix({
+            }), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'd87ff3eafbf692f0276e597ed0e9cacfb5d89235', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

package/dist/collection/components/molecules/label/label.component.js

@@ -69,14 +69,14 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '26b91701657358cc35850bbff513aca7c0eaa319' }, h("div", { key: 'd9a14bcef10db5757b208acbcd69b4395baf1860', class: label({
+        return (h(ThemedHost, { key: '81d0988d1395a9689894b923f703afc1b846e0d3' }, h("div", { key: 'a34233e4ef34f3a2709ca28715a967ae3466e4c2', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '90d1a63ac83715e342efa44ce7333e8701709106', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '6f35431029fbc1a73fce431b30645384d73c270a', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (h("p-icon", { key: '65babdbf6313700725a485b078e4b66938f0cf07', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'de6cc8e7b553cfbf318018defd3c2e7b6a3d32bc', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'b4f2763e4b930f6327a48f5415d5af8d21e5c006' }))))));
+            }) }, h("slot", { key: '4982a62ed0b0178252315c543cad09ccc6a659c4' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/navigation/item/navigation-item.component.js

@@ -76,13 +76,13 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: '00fe55de2abc63e7d21eb25af9185a2218409fcf', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '9b604e531a822b7f83ade8b27f9905d5e32c38f3', class: navigationItem({
+        return (h(ThemedHost, { key: '2d29f70e6ec2ba062b2ce4f2757f705cfad3ae12', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '04332bd09399e88de1e58218c7de4e56357d0836', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: 'd0bfc8961060791efae455c6699e37156212c133', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'e2a337552737b6270fa2eb3470415ad99b6bde94', variant: this.icon })), h("span", { key: 'ad5a23c485a4f5175a94c7d9a189874dd5329107', class: cn({
+            }), href: this.href, target: this.target }, h("div", { key: '9c054d73cdbc086f385899cec281cd8b5cae4d5a', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '1d06647840b67887bbb43eb6dbc632fd79a1aca2', variant: this.icon })), h("span", { key: 'a83535b05b7635bf4a5401ce27591fc98829ffc1', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, h("slot", { key: '919803097262d08996eaee98dc0db9559da3f497' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '823a97ddee0f9ffae8f782c3c097eea529d18939' }, this.counter)), !!this.loading && h("p-loader", { key: '5e534b6d7e06273330c94fd23d5b887faa592399', class: 'ml-auto' }))));
+            }) }, h("slot", { key: '5863363e5a23002347e28729d5919a8705b862e9' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '82b0eedf127b7b01237cff0833764c09ed612089' }, this.counter)), !!this.loading && h("p-loader", { key: 'd91a386bc9f56c02f06588a55af808a5a6888e59', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/molecules/navigation/section/navigation-section.component.js

@@ -6,7 +6,7 @@ export class NavigationSection {
      */
     header;
     render() {
-        return (h(ThemedHost, { key: 'f0d9d4b1f7b0e5073296f80b63d54289823298b0', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '13e029662fc3d222df838a5f907d8c4bf3d6ec34' }, this.header)), h("div", { key: 'f7cba24d9dba5e064ce3ee8feada8ce768ee4904', class: 'flex flex-col' }, h("slot", { key: 'b33f95d01a0bb8b57c3ffa6693499a641bccf413' }))));
+        return (h(ThemedHost, { key: '002ed7acb41410e679f8a58eb22a3abc8b558156', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'c2cb70e21a2b546f90cb7e7562798e33f7b57563' }, this.header)), h("div", { key: '30c52779d5d2c810a0c088efa6d023b433d63095', class: 'flex flex-col' }, h("slot", { key: 'a757faba94597f2476c2a1166c10170c4ed2d6c1' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/pagination/pages/pagination-pages.component.js

@@ -40,7 +40,7 @@ export class PaginationPages {
         this._generate();
     }
     render() {
-        return (h(ThemedHost, { key: '9fc6250a834947887a822426decfe9add0f61c63' }, h("div", { key: '2f325d83cd151044606bebeabde5d75847e81da4', class: pagination({
+        return (h(ThemedHost, { key: 'fac924cdf7545478c541427ebe8d888e19a01598' }, h("div", { key: '924356249ec8d6ba2ec4d215f122ce3d5f605a17', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {

package/dist/collection/components/molecules/pagination/pagination/pagination.component.js

@@ -61,12 +61,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(ThemedHost, { key: '1bb03df49f4d8b9950e0faf80cf9bf5c6570c46b' }, h("div", { key: '7e27be458d9f809605cbd51960d4a8643f55e4cb', class: pagination({
+        return (h(ThemedHost, { key: 'a559316eebf880454bea768eba343b67de16b5e7' }, h("div", { key: 'fbabe3134439dc52c661751a79039aecbbebe659', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '5848d599f02ecf5e270dda9be1c721183737f440' }, h("p-pagination-size", { key: '674215f91b9e729f76644cb60c3524fad2e112c9', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '2c862ee1c1c8ca70a26d040146f0da65d01d714a' }, h("p-pagination-size", { key: '1990fe2b9cbdc90846aacadbf4b73658c7a3064b', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'e04aaf8b673b854aea0e7b4bb46cbc735f673b1b', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'a52004d9ec4abec9361dde638354c1da1562e054', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: '17b9ef49c977fa90555dd98b0697ef9e056aeb3e', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '3b06eace9b53c2901e93d35c88ae41b6a04cb7ec', 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.pagesChange.emit(detail);
             } })))));

package/dist/collection/components/molecules/profile/profile.component.js

@@ -28,7 +28,7 @@ export class Profile {
     }
     render() {
         const content = this._getContent();
-        return (h(ThemedHost, { key: 'f862389b4c94d808c6d28830d3baa7a67c894f12' }, this._hasDropdownSlot ? (h("p-dropdown", { strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(ThemedHost, { key: '9856f8b723b8c4e764ae8176ad16d1dc2241b934' }, this._hasDropdownSlot ? (h("p-dropdown", { strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/collection/components/molecules/range/range.component.js

@@ -23,13 +23,13 @@ export class Range {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h(ThemedHost, { key: '1943dd474ed5b2e781996a02ab368db8b809afa5' }, h("div", { key: '66a7180727d337fb1174451b2130945afcaa9c2f', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, h("p-icon", { key: '60d96ca3cc5ba318340588ad810bbb757d4dfc73', variant: 'minus' }), h("div", { key: 'fc0dfa7384160affc00e37b784139f3f9ae1f0ff', class: 'relative h-6 flex-1' }, h("input", { key: 'fa8df7e7b794bc6e48118a9c977ae72fef71974f', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => {
+        return (h(ThemedHost, { key: 'c937c22c26281de6e233d8cf8ab0cb13af1973b2' }, h("div", { key: '0eed98812f468dff396750ca4d1a804de945c8b3', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, h("p-icon", { key: '1e71cf8f4866f97dd1f3985e45d489e2ed6f4f0c', variant: 'minus' }), h("div", { key: '558f3fc8d5fd578e3510aab6c617a4a69ff9d19f', class: 'relative h-6 flex-1' }, h("input", { key: 'f61117e1cf805b58a274873c4bb062e827fd1ef2', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => {
                 const value = ev.target.value;
                 this.value = parseFloat(value);
                 this.valueChange.emit(value);
-            } }), h("div", { key: '31731dfb11b02a81d8d504a2fc6ccbd78ddfad9a', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
+            } }), h("div", { key: '8c247df11ce56689438e3edf381972b95360f7cf', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '353399656b5daf4016ea8e654955c785e33aa687', variant: 'plus' }))));
+            } })), h("p-icon", { key: '10738ff8b64a0d3c0d354c166c80175876a1195b', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/select/select.component.js

@@ -321,8 +321,8 @@ export class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: '9439487b74e09bb8808ff811a2c733e222210448' }, h("p-field-container", { key: 'dd6a355d244590e5fb0063ae8a44df9758cb7716', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, showOptional: this.showOptional, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-dropdown", { key: '236da5b3db7ff74fc175e79e91bfc35d7aad2eeb', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, "disable-trigger-click": this.disabled, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: 'd688d0ff91ea09d413c5c53d7416b6bf65e9c13a', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], onClick: ev => this._onClick(ev) }, h("div", { key: '20ba382b0663009f96335c0139935156e9161411', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
+        return (h(ThemedHost, { key: 'c4ede01413b6ecc94698220e38612b7ee86cf4a2' }, h("p-field-container", { key: '8380ad89a6c1001832978455054c7d450306fea5', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, showOptional: this.showOptional, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-dropdown", { key: 'd91a5985868814e2e24ee5cc912f87ea056f20d1', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, "disable-trigger-click": this.disabled, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: '0c68ef89ac2239a56144a284151112a57a02dc22', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], onClick: ev => this._onClick(ev) }, h("div", { key: '0c7ae720d59661f750f3b3f79cba40fe36a7de64', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {

package/dist/collection/components/molecules/table/cell/table-cell.component.js

@@ -83,7 +83,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(ThemedHost, { key: '9379194afed85cd76e08376396c90c5802417ccb', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'ce347a63c415ce1d61733421e61675b30232224a' }, h("div", { key: '6219c17b908507969e1b92d42f0fc16ed513ceef', class: 'text-storm-300 text-storm-400 text-storm-500 dark:text-hurricane-200 dark:text-white' }), h("div", { key: '31a30936200384968a95ed455945190f94b6c140', class: 'justify-start justify-end justify-center' }), h("div", { key: '22dc5790a2114ee5fc46e168ff4a4947f3e00a25', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '50c2259bbcc14257bc9ada4ede17a054f1e69e8f', class: 'w-12/12 w-1/12 w-10/12 w-11/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12' }), h("div", { key: '0ce6fdd8a20fb8bce9df902dd0cfa9a3f5d9b658', class: 'tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12' }), h("div", { key: '03a2b121f4963a0c5a7c719ffc135bc5db0856be', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: 'ed07c7ea579e377a6a49d20e08556fe73fad9864', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: '6cf0a1b650b76395898adb7f6583101ca14e746b', class: 'desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12' }), h("div", { key: '63c424a9d6bf1eaeec2ca41e16068784bfb3ba82', class: 'desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12' }), h("div", { key: 'bf9c428d8cfccc6f60a4a4697e3c355f979c2d73', class: 'desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12' }), h("div", { key: 'ab0b0b446c75ced20b84f6086fa7326319664fe4', class: 'desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12' }), h("div", { key: '8a569e21e179cb78be7bd07fc0a6fe632c4839d3', class: 'flex hidden group-hover:flex group-hover:hidden' }), h("div", { key: '077e8b74c2abb8a190a6077a8968ab95164e8faa', class: 'tablet:flex tablet:hidden tablet:group-hover:flex tablet:group-hover:hidden' }), h("div", { key: '85850c75671b179b6c10dfc223c681c65f1f8ba8', class: 'desktop-xs:flex desktop-xs:hidden desktop-xs:group-hover:flex desktop-xs:group-hover:hidden' }), h("div", { key: 'c6e6733bd29ce794e1201f3b9e213a98d4fdcc2a', class: 'desktop-sm:flex desktop-sm:hidden  desktop-sm:group-hover:flex desktop-sm:group-hover:hidden' }), h("div", { key: 'e8475f1712ca4fdc019e9383f063031a2e9feadf', class: 'desktop:flex desktop:hidden desktop:group-hover:flex desktop:group-hover:hidden' }), h("div", { key: '389efe4c3e9a4f09fb8356714ca6b25ed3b5891f', class: 'desktop-lg:flex desktop-lg:hidden desktop-lg:group-hover:flex desktop-lg:group-hover:hidden' }), h("div", { key: '0a0b42ccae403eb69c152fc994565462bb169a51', class: 'desktop-xl:flex desktop-xl:hidden desktop-xl:group-hover:flex desktop-xl:group-hover:hidden' }), h("div", { key: 'b61e8551a9e505d26062c01e41f16af632729f6c', class: 'pr-0 pr-4 last-of-type:pr-0' }), h("div", { key: 'bdb339b91bcf59f133c9862f533956099378f215', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: 'f0ccfe67e55569de7aef32204bddd2995857740c', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: '97492c4667eccfb49a30f02b9021c0141eecb221', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: 'f6da333ca5452356860a859653b4217a29e386f3', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '1accba11c4b937ca3930397dd82de4f634a097c4', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: 'b736c038e500b18d6b354d0c1e26b445e6cf4a91', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
+        return (h(ThemedHost, { key: 'cd757cfb2a27c50feef5127165eb99b071238872', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'cee33b8580e78e39d2567b92696d4b38ebfa5c56' }, h("div", { key: '5d519c083da98149208c0e88ae7c9fd21c848e04', class: 'text-storm-300 text-storm-400 text-storm-500 dark:text-hurricane-200 dark:text-white' }), h("div", { key: 'f296e7adc1229b338d92a5d18eafba5f208b41ca', class: 'justify-start justify-end justify-center' }), h("div", { key: 'fd5854b0f3a24d482dbedca031e2184418bac4b4', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: 'c780b3ac8c5a6c8c2b0f92d07537aed9358f447b', class: 'w-12/12 w-1/12 w-10/12 w-11/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12' }), h("div", { key: '1ff079d3a61e419fca39119ad254415332546e71', class: 'tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12' }), h("div", { key: 'cd2fb0523fdcd1d9c26a60dc6fd808d46e8b7957', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: '7bb766b68ebb4b1fdeb79de0e01b9fd005e89965', class: 'desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12' }), h("div", { key: 'a0b9a56086e2ae818d72fbafbf1b097bc73aed3e', class: 'desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12' }), h("div", { key: '9425fce4acd1a1a3c0bad85f7d172125baa09d63', class: 'desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12' }), h("div", { key: '7f599e6c359e1e1b8ce09153b1c13babba424a13', class: 'desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12' }), h("div", { key: 'c67bd330cc055edb416f0a6cc01b188a73c58462', class: 'desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12' }), h("div", { key: '166b82949ef1713f4eee23068bfde63b0bb0dff9', class: 'flex hidden group-hover:flex group-hover:hidden' }), h("div", { key: 'ad04aa8cf128d4fda3581907ba147f9f9d64df29', class: 'tablet:flex tablet:hidden tablet:group-hover:flex tablet:group-hover:hidden' }), h("div", { key: '96fca39ba7eae1c4b6d7f7a83ff5148784263d8d', class: 'desktop-xs:flex desktop-xs:hidden desktop-xs:group-hover:flex desktop-xs:group-hover:hidden' }), h("div", { key: '5f27fef437cc2ebc965b235e3e731f324c85590b', class: 'desktop-sm:flex desktop-sm:hidden  desktop-sm:group-hover:flex desktop-sm:group-hover:hidden' }), h("div", { key: '7b21f8a5056168a3906deb2d5b3bc7906715ad21', class: 'desktop:flex desktop:hidden desktop:group-hover:flex desktop:group-hover:hidden' }), h("div", { key: 'dd58cfc8bcc768ef574279ef43b2b20c368fab20', class: 'desktop-lg:flex desktop-lg:hidden desktop-lg:group-hover:flex desktop-lg:group-hover:hidden' }), h("div", { key: 'bf54fbdf8d971df872dd93f3499f7a0f20288711', class: 'desktop-xl:flex desktop-xl:hidden desktop-xl:group-hover:flex desktop-xl:group-hover:hidden' }), h("div", { key: 'e828635f2281c78e535781fc777bc32f5b6834f9', class: 'pr-0 pr-4 last-of-type:pr-0' }), h("div", { key: 'c9b0ea3df3103dca2c5a7cbaf9bf35f4160dfc19', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: '55314977008960b068314740a686301700c589e2', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: '2c5f60ccdd95eeea93165a3d06eb2b0cb07c8e0b', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '91e704406f68cfd88523055a197b0506360f8c9a', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '01f44080a5cae4940dcbf1fb1af538f2ca035da8', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: '3419c371f9df3e6c5c7fa2ae4e1d1e9278169124', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
     }
     _getContent() {
         if (this.variant === 'loading') {

package/dist/collection/components/molecules/table/footer/table-footer.component.js

@@ -92,11 +92,11 @@ export class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
     }
     render() {
-        return (h(ThemedHost, { key: '47c7df230bf03cbdafb55c227eb7c4139ff98f1c' }, h("div", { key: '721794704451893ae3504baef3b06c4183eee867', class: footer({
+        return (h(ThemedHost, { key: '40a461aa422e9fa9355b3c80dd2a587921757c97' }, h("div", { key: 'aaaf82bf2a2dee5d27f2347fed248c879e8fd630', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '718cef96e025faf9f7e6427fc2fd9552d140ea5b', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '258b98819e5f8737463af4336bf820f427b0acf4', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/collection/components/molecules/table/row/table-row.component.js

@@ -88,13 +88,13 @@ export class TableRow {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '77f0b78ed94f35b1ce43d35cd0638ea57679671d' }, h("div", { key: '263e4628d647256e237dd79ee7ce29a7f1cc6450', class: 'flex flex-col' }, h("div", { key: '3384055777b62ea108191f1fb1cb295d479e84bd', class: row({
+        return (h(ThemedHost, { key: '57cefd78545981975ff160405e54a614c52b2d10' }, h("div", { key: '752a97669376b1503b44ee3d53eb6a70fa22dabe', class: 'flex flex-col' }, h("div", { key: 'd764d107929e299979d1c859ae0a6ab571bd1561', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: '7c87e9ef1ed4342e7a9b73a54979b369d85414d5', class: content({
+            }) }, h("div", { key: '1d695cfc2826074c699f948869f648b165b2d617', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: 'a40866335aef2e94fd988187a7825fead4a08d41' }), h("div", { key: '491868157575a205a19456a2dbd6398f822057c0', class: actions() }, h("slot", { key: 'b8c08593ad1c5484cdfc757d037b09a562e74df1', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '12b2bb0d242e7049606ae0a0b3495696a83dfc03' })))));
+            }) }, h("slot", { key: '6195e8107e31ade2831f9bd53408ab03a12ee651' }), h("div", { key: 'fc8b47883f833b5e04fbf59ed1670fe6bca72102', class: actions() }, h("slot", { key: '00574d5c478f7bd740bef1a159a26071e25ffef7', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '7b408d711e1e08ab375587d474cfaebd89043276' })))));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/toast/toast.component.js

@@ -49,7 +49,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(ThemedHost, { key: '1d3d5ff149959ae2dfd4faf192e385befcfd281e' }, h("div", { key: '9fe352d50b64480ebd2a011cedf83984705a8217', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, h("div", { key: '89320334df8de8937a008c74c88db83cd1170dc7', class: indicator({ variant: this.variant }) }), h("div", { key: 'd246b279889a9c4a11b0cad5b929c6d3d15f022b', class: content() }, h("div", { key: '58d0092ea7e71fcf90e7a3e2150cc27ffdab3b4b', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '996faafb1c62cb9d593d3d11fcbff43ee9fb61f5', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'ea2c5f7d028d4ca099d28cda372501be6b8a1167', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '95d601b04ed09864d99a8ce91a58b8faf8a28540', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, h("p-icon", { key: 'f9a88408b5e6b9f7babf01506fce4f070e106112', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
+        return (h(ThemedHost, { key: 'd0cacbaaf93bfb9f98061e16892ad1c9331f98e0' }, h("div", { key: '74cb104d0c07fbdbf47f8884737af64fc4e78faf', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, h("div", { key: '92dbc67246e8cea086e66598a966b424c1783380', class: indicator({ variant: this.variant }) }), h("div", { key: 'c556f645622a403241fd30501b6e584659a1c28f', class: content() }, h("div", { key: '9d71be40edbbececfe7b2bf07fcf12e4dd2d0775', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '7c397d10916c460a72cc5ffb62d2db6551af00d5', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '7018743c217932aa4fb988511d482d8bf9b7b745', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: 'a960ca7bb2e3530ce977536f0e6d7137bdd6ac70', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, h("p-icon", { key: 'daf1bf85797180442d76fe75c261e21ddc4d15da', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/organisms/listing/listing.component.js

@@ -18,10 +18,10 @@ export class Listing {
         }
     }
     render() {
-        return (h("div", { key: 'e954f284515928191687375a05d5208ee17ffbe3', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: 'fa1711147b6dad9acbbd5b5a5fb798299e22bf2a', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '039dbd2fd4e623de55b5ff54be2b52a4a1f91ad6', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: '8e3b03479567559ba00e7839e7f9555d142f520c', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

package/dist/collection/components/organisms/navbar/navbar.component.js

@@ -44,7 +44,7 @@ const backdrop = cva(['z-navbar-backdrop layout-1280:hidden transition-opacity r
 export class Navbar {
     _show = false;
     render() {
-        return (h(ThemedHost, { key: '5f2ff4851da03caa40914c81f493e0053186a1d2' }, h("p-backdrop", { key: 'b247ba9092f0506407c64e8e748df9d6de9e36f1', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '3c99121497113fefb1ac2f2fc2b676acc31b4c63', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '5ad7202d1d7e028ca77014ce98002ac10e64a32f', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '243ccff24471f9ab3aa25612f7ed97650687c918', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: 'ef8804d44857bee2d615a2bd486ef4ed77b7c14b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '7ed9c5f1df92979c4c224cf678bfb376394bbb89', name: 'company' })), h("div", { key: '69d8cdba81b2b3319e04cc0b723796ea60481d1d', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'bbdcd62739cbcf28f9833ced398144945363c387', name: 'content' })), h("div", { key: '4712c063614b6f3cc911e98bd901ab158acb7613', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: 'f436a502abbf43e780d6e6ad225fa00232623ea7', name: 'user' }))), h("div", { key: '7a478d1164b7da40eedc60e7599e4a3f21eb9cc0', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '5a39fe6c9efe0294fe4871716960ca92444a449e', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '6627f251315d0180b8b5d08bd9e0887259410862', name: 'topbar' }))));
+        return (h(ThemedHost, { key: 'f18236b1eecebb2364756c2ec45dd5547e5c2b8a' }, h("p-backdrop", { key: 'd6c6c3c6913c64801c3210b3f9356a7d2f88f685', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '26fa33772a4437faaec4d5bbce86f5fcf5e06f1d', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'c41a829e518a972b4c7030fb0500a1501fa3835b', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: 'ee1d0e561764ddbf58797ca8ea6ca08bb726aa6d', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '531559e69a4158a2271be6d63ab7537f866f8eaf', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '97b8397a519af90da71aa53ec90ffad88a723657', name: 'company' })), h("div", { key: '4c526a339ac703505b3dd2ac8a4959e3b4bc47ee', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '6047b39501d08754bcb7264142cf713297cf9e01', name: 'content' })), h("div", { key: '18cbd646cbefb9031e74f712afdc7075d8aec953', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: '15cbd9e622dbda0c2e09e2353143ffd164a41cfc', name: 'user' }))), h("div", { key: 'f54474e0a0b298dd986be0b6e74c9fb0cff05945', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'a9cb10403323860b08a5131d928d19f9fdfb6afa', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: 'ccfaa956eb493047a8ce2f0c3a1c89d62e47a0c3', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/{p-BWS61QL4.js → p-1TpRsovb.js}

@@ -4,10 +4,10 @@ import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj
 import { c as cn } from './p-CT54OXR2.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 import { T as ThemedHost } from './p-7QA93RrV.js';
-import { d as defineCustomElement$4 } from './p-BjTLGpAE.js';
+import { d as defineCustomElement$4 } from './p-CAvUntoE.js';
 import { d as defineCustomElement$3 } from './p-BHphGfv6.js';
 import { d as defineCustomElement$2 } from './p-BFbLqg3-.js';
-import { d as defineCustomElement$1 } from './p-BUzthIe4.js';
+import { d as defineCustomElement$1 } from './p-BgJXDL3C.js';
 
 const fieldContainerComponentCss = "*{box-sizing:border-box}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.cursor-auto{cursor:auto!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
@@ -210,6 +210,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FieldContainer as F, defineCustomElement as d };
-//# sourceMappingURL=p-BWS61QL4.js.map
+//# sourceMappingURL=p-1TpRsovb.js.map
 
-//# sourceMappingURL=p-BWS61QL4.js.map
+//# sourceMappingURL=p-1TpRsovb.js.map

package/dist/components/{p-BWS61QL4.js.map → p-1TpRsovb.js.map}

@@ -1 +1 @@
-{"file":"p-BWS61QL4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":["","import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tcn,\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\t/**\n\t * The id for the label\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * Align content to the start or end\n\t */\n\t@Prop() align: 'start' | 'end' = 'start';\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tslot='trigger'\n\t\t\t\tname='content'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id}\n\t\t\t\t\tclass={cn('flex w-inherit flex-col gap-1', {\n\t\t\t\t\t\t'cursor-auto': this.variant === 'read',\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn('flex items-end justify-between gap-1 empty:hidden', {\n\t\t\t\t\t\t\t'flex-row-reverse': this.align === 'end',\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(!!label?.length || !!helper?.length) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='flex min-w-0 gap-2'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class='min-w-0 overflow-hidden text-ellipsis text-xs font-medium text-storm-300 dark:text-hurricane-200'>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\tclass='flex flex-shrink-0'\n\t\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{((!asBoolean(this.required) && asBoolean(this.showOptional)) ||\n\t\t\t\t\t\t\thasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!asBoolean(this.required) &&\n\t\t\t\t\t\t\t\t\tasBoolean(this.showOptional) &&\n\t\t\t\t\t\t\t\t\tthis.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-storm-200 dark:text-hurricane-300'>\n\t\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t\t'w-full': this.variant === 'write' || this.loading,\n\t\t\t\t\t\t\t'ml-auto': this.align === 'end',\n\t\t\t\t\t\t\t'font-normal': this.variant === 'read',\n\t\t\t\t\t\t\t'text-storm-500 dark:text-white': this.variant === 'read',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={\n\t\t\t\t\t\t\terrorAndErrorIsNotBoolean &&\n\t\t\t\t\t\t\tasBoolean(this.forceShowTooltip, false)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{contentSlot}\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"version":3}
+{"file":"p-1TpRsovb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":["","import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tcn,\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\t/**\n\t * The id for the label\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * Align content to the start or end\n\t */\n\t@Prop() align: 'start' | 'end' = 'start';\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tslot='trigger'\n\t\t\t\tname='content'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id}\n\t\t\t\t\tclass={cn('flex w-inherit flex-col gap-1', {\n\t\t\t\t\t\t'cursor-auto': this.variant === 'read',\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn('flex items-end justify-between gap-1 empty:hidden', {\n\t\t\t\t\t\t\t'flex-row-reverse': this.align === 'end',\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(!!label?.length || !!helper?.length) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='flex min-w-0 gap-2'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class='min-w-0 overflow-hidden text-ellipsis text-xs font-medium text-storm-300 dark:text-hurricane-200'>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\tclass='flex flex-shrink-0'\n\t\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{((!asBoolean(this.required) && asBoolean(this.showOptional)) ||\n\t\t\t\t\t\t\thasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!asBoolean(this.required) &&\n\t\t\t\t\t\t\t\t\tasBoolean(this.showOptional) &&\n\t\t\t\t\t\t\t\t\tthis.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-storm-200 dark:text-hurricane-300'>\n\t\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t\t'w-full': this.variant === 'write' || this.loading,\n\t\t\t\t\t\t\t'ml-auto': this.align === 'end',\n\t\t\t\t\t\t\t'font-normal': this.variant === 'read',\n\t\t\t\t\t\t\t'text-storm-500 dark:text-white': this.variant === 'read',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={\n\t\t\t\t\t\t\terrorAndErrorIsNotBoolean &&\n\t\t\t\t\t\t\tasBoolean(this.forceShowTooltip, false)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{contentSlot}\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"version":3}