@paperless/core 2.2.15 → 2.2.16

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

@@ -26,10 +26,10 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(Host, { key: '390dfeb4a9976d3c86d8289198000cfdf165158a' }, h("div", { key: '1bc5d3dedd5dff15bb6d455bfb4ff37fba9e4274', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(Host, { key: 'd2e37d05f1613dd53e323417a4a73d398ac82c27' }, h("div", { key: '4fea985a4506c4c48f2986c4c22c7278e7e843fd', class: cn('flex cursor-pointer items-center gap-2', {
                 'text-storm-500': this.variant === 'primary',
                 'text-storm-300': this.variant === 'secondary',
-            }), onClick: () => this._onClick() }, h("p-icon", { key: '2898527c1503d5c55af9e43a096dfadc780a582e', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'cfabaa712300b89162e134257487c0307c2953df', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'a32bc3ce93d6c7c6d92249127e4dc936ae029aa7', class: 'flex-1' })), this.open && (h("div", { key: 'd473ffd144d9d9468fcfd7ea635eba0620ba65cc', class: 'mt-4' }, h("slot", { key: 'add9a8b15f0d3ec7c86e60b774883bdae3933a84' })))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '77eb66daf9468d06c536bd9868e434d447a0d21e', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: '585cc245deef9fb7f0f91a5cacf3d7f638a2293e', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'cee11872f03df816c7124358c2ca6a3942c3c3dd', class: 'flex-1' })), this.open && (h("div", { key: '4d7b6fa6bbccfa8f5bb1772855c7addecd7be97f', class: 'mt-4' }, h("slot", { key: 'c9b7d4855de13d7afffd67743db971f7a80213c7' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -93,21 +93,21 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: '6006d92c8d84259cc0e3527fe1d0550547b06041', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: 'ef9f92c1b9421cdaee48b464685814be3d0991b1', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '579481d900e588c2c533ee879b3c289eaf0d4a84', variant: 'warning', class: 'text-negative-red-500' }));
+            prefix = (h("p-icon", { key: 'bb274a448f58d535b0bc6219e642b8cfadc40990', 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: 'af1f04c34806128816b7aab2b16a5a0cf8aa51d2' }, h("p-field-container", { key: '657f30e3f77f7cf036448a897446e4c3a24fcfe7', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: '61e9cdc4767075475bb5f3e41e813df60e323c9c', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '2f3ddc2bd116171ffc7e0930d090d667b5450597', class: attachment({
+        return (h(Fragment, { key: '0dae99f1c48de12fdfba2968983799af9e0b754c' }, h("p-field-container", { key: '3e99a6b8a9866f3c60a116d2d642ee43af8335e3', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: 'c61ae992d03dbf6d6daee456f98f0f6bfc9890f8', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '52cdb4acf0017bced4b438fffe3027a1087fb314', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: 'e552d072f2f0f87ee1a7c5cb84ad0bfe5d5c4f73', class: cn(baseText, 'peer empty:hidden') }, this.value), h("span", { key: 'dafb10d7f2b9420947d3668f9ef3e22233df5ca5', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '5a4c4646a9e8796324af0ccdf2171dbfc37a7a02', class: 'w-8', content: this.mode === 'read'
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '4f1319740bb48888869a3f38b18d03a1eebfea2c', class: cn(baseText, 'peer empty:hidden') }, this.value), h("span", { key: '5bcf5788dfae682a5453e80c3f8a9d74815072cb', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: 'dc7f63beebb5972335d07daf641b0ce7f930986f', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: '3f268186415d92e9000921ffa7ab74e411baeb52', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: '5587300b92305a2d1e2f98da0d18cef2a8263b1f', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -118,7 +118,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: 'e7bb31cc3c6acdd2b5addadcab682ded6e329d54', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: '06d4e15177283476e374f591bad4b9596f0d744e', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: 'e60cf5c565c3f8ca12268e687e9509452ed419f7', 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: 'c90296bff1a15fd3b7feaf74a3395eec0ff3dea7', 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: '1e3e3839c88e13e200d05a780e1d26acc6619025', content: this.cameraTooltip, class: 'w-8 desktop-xs:hidden' }, h("p-button", { key: '61e030a7e9e8168bf24dd1da25be13d34185c6f5', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '3f6b962fc1c31ff37fdf7c73e632499c06a5b59a', 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: '96d7b8fa5c9f50d071291a6fa3d8185c85574dae', 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: 'bfe19fb4d37ba2fded7abb0949e1f8056d936267', class: 'flex items-center' }, h("slot", { key: '61284591c97d734310c0c80608632703b616d0fa' })));
+        return (h(Host, { key: '6849011685d17748cd4bf89366951a9849f64522', class: 'flex items-center' }, h("slot", { key: '8c2125dbcd5acdcfc50219ea973adb7ba34fc413' })));
     }
     slotchange() {
         this._checkButtons();

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

@@ -175,7 +175,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h("div", { key: 'dcd89c99581af4e4029a460ff7f27e36a62e0d58', class: calendar({ variant: this.variant }) }, this._getView()));
+        return (h("div", { key: '12ce0e7112f58b941d4ac2a07bab2b789a9937a9', 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: '6eea2b73b46872eb45a2531728894d08b7eb3001', class: 'p-content-slider' }, h("div", { key: '2b1659afb662e00e07e5927ea06dc5e6bbb7aa2b', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: 'b9e349c61110dedeaa3e94a8c1683808b071c8ae', class: 'p-content-slider' }, h("div", { key: '77818e653b59c0167c062479eb17f4aa1b45f23c', 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: 'dd8752cc0d7382f579bea7e53a75034be2847b9e', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '8fd288d09975c86b4b2f6afe75d7dfeb158d35a8', onSlotchange: () => this._slotChange() }))), h("div", { key: 'f95e232a1c0b6713559343fe5710a641bcb32f4c', 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: 'a8fa7d20d93d3bbec00e630549d942b5bc8fbd36', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '67599e1078d4f63e31271a27feb31895cc34c441', onSlotchange: () => this._slotChange() }))), h("div", { key: '4d0d9c52dbcc4bc5139e447b7f625ac204b4fba8', 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

@@ -36,7 +36,7 @@ export class Cropper {
         }, 200);
     }
     render() {
-        return (h(Host, { key: 'db766b98529252a83ca166150160760168a61f8c', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'a38bd16d3225487e83a0545aecd605e83d5ae61d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'd8b71d71d1cce2eca7da24cd16afba47d27155b9', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '4a8a5f6cc28d7ee6ffb2596dcde4f63bfc818e9c', class: 'aspect-branding rounded-full', "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '3befcb04ed20e7305d11e43b860ad97bf1c899dd', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'bf17457ff6e14a081a67cea4c3eb175402dec09c', action: 'move', plain: true }))), h("p-range", { key: 'cfb67b2c03606e6e9436e74c2fe97c7a45b489d9', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(Host, { key: '73891600139dada5b090e2ce5ec0cd58a6304313', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '9145012f667644418f424ce5b26fac90b811ce12', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'c34f7487ec31ef8d687cc533b332ddb900ccd277', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'c7a376a8b8d39735dd2fb1bf9253d442f9c25cd2', class: 'aspect-branding rounded-full', "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '0425f0a5bffc8c154a2e73891ca990b3835f7217', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '53c33637e98e98c05cceb4b1c796b5bcfacba2ad', action: 'move', plain: true }))), h("p-range", { key: '35bbdec7f1b54c49691c086cec05a0c6608365f5', 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

@@ -202,7 +202,7 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: '6d8e354163dc795029cb83211c2e3494cbbec9f3', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'e61110124fc8da4a0f3170120786fce36a9be76a', 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, 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: 'fe19ba3c518c03d991548f96841c5c4d5599ffb4', 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'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '520499413ee7872cea6f5c94dd320cff4084b9b6', slot: 'items' }, h("p-calendar", { key: '0e8d40a660cea70ea5a18f77fc9bbafd2e8934be', 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 }))));
+        return (h("p-dropdown", { key: '54a35d8bda73faf87404ee0b87f83300b5f305d8', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '021f621ef81f909333c98f267547fa71a2e87454', 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, 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: 'e7ee09df2d76b1d9655976d5d1aa263a2196f2e9', 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'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '337118c7bacf3ecf92e52c312d607be2a4d83886', slot: 'items' }, h("p-calendar", { key: 'a6bbf68d3527d303eebfd71145310c7009cceb8f', 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: '98d082fa223cf93a5d3bcadc5bd8e05f7d7399a4', class: 'relative' }, h("div", { key: '125242a760a6683510da0098a3e72d11b532389e', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: '2c4a0b3d17e1a5ff8bb5e0c4618356d2860d2bfa', name: 'trigger' })), h("div", { key: '7270676908ed4048abb16a13b6e92e5b1977e78e', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'd0854198cbbcc1dc4e0ed24573a289a01e3d3bcf', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: dropdownContainerClass({
+        return (h(Host, { key: '6da309650d75bc405bf08bff879ae2a99bc49118', class: 'relative' }, h("div", { key: 'dbc9d10a612d8af79516006c404d32a1d950ebea', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: '2185a9119d34299ec4766126f97b12744c4cefda', name: 'trigger' })), h("div", { key: '90a256c8b8432d2154e0bdb818b0740a4fb0a641', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'de4317aca95820d31801c29694e1c39510385439', 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: '54cb702a309d6e18b640244295a7257bdd00f105', name: 'items' })))));
+            }), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, h("slot", { key: 'e210733f18c7794bbe012996a4402a24b5fd1735', name: 'items' })))));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

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

@@ -58,11 +58,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("div", { key: 'c35868f65cbc84e193dea100f4f9d6ee2757501c', class: emptyState({
+        return (h("div", { key: 'e253ccbae25a9827540b7a507226f6457fc392a0', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: 'cff1e33209996280a1e75636cdf3403027439eed', 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' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '1719b632c75c7f33f0b9818691a2d45c9fd8de39', 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' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, 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

@@ -316,7 +316,7 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h("p-field-container", { key: '8fa8478c9c74710bccc22c85979746045d5d1026', forceShowTooltip: this.forceShowTooltip || this._focused || !!this.error?.length, 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: 'bab5578384a70fa2ebeed2f91e6a3642834bf86f', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '6bbff0d9b9cb608f43caf84f7b9b997b7afd4baf', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '27b79b9916ba411d8ab4e47f156ca0401a465da8', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'f1e045d748b8297e88be887ff8c89495a8548a9a', name: 'error', slot: 'error' })), h("div", { key: '4704d2a4edd8ce2564fc26489446b11edcf50169', class: field({
+        return (h("p-field-container", { key: 'edf29e9fd23f168988fceb00accec076f90a3166', forceShowTooltip: this.forceShowTooltip || this._focused || !!this.error?.length, 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: '952ba2a1dfd9bb57e65f3b992e54a521bb634048', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '345e234c0a3b8a08ecfb8ec968495fe573ce0ea4', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '3edf0e8d7a6f2a5d6fa23bea4779f7791eb394f6', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'f57448223003723d34f31834992d7e57ea1fa651', name: 'error', slot: 'error' })), h("div", { key: 'a83f383b6d9d3785899fad499399fc6517fc7fb5', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -327,7 +327,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined, slot: 'content' }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '39554fbd56a83188729ca917b37ed64b4cde760d', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '4162ebc0e667a4a4995ae8171cda44a268c67b18', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -337,7 +337,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: '31bdabaf47743659087802618803ed0ac4d0b9dc', 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: '8e74b26866c95479e7aefa2cf19a15166514e335', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

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

@@ -53,14 +53,14 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h("div", { key: 'aec794f51758071b7840756f6a695d6e865890b1', class: label({
+        return (h("div", { key: 'd2e807018525657070d427e0abcd37fecadca6d1', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: 'bba5b969a53ed4d832625dea43b9678aaf626b04', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'c721cef14ddca57bd49e2964ec6804278ecd814e', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (h("p-icon", { key: '1f4fae69fcf5af6ee6e1b43b7dae6a2d75018744', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '1afaf699ff7a08cc3373fd6fa7edcb62f5522cff', 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: 'ace424619fa087baece5f7e17a2d9bf4e8b48103' })))));
+            }) }, h("slot", { key: 'a07a3e60802525a6bd2ff80b769a7156f51990f1' })))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,10 +66,10 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: '4d3f4784df6b4da0b5dbafec9a2b6ea51e8fcdb9', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '0fe379a127034cf972f471bdffd1a2be827c2f98', class: navigationItem({
+        return (h(Host, { key: 'eb6b10ba66dba8fac446fe04d32508364e88f48f', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'e3bddc31268778ff0047606b0d5a041344eacfcf', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: 'e2b8ad0f5dabb8973bc36baf26bcf9dbad99909e', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '8115f5bcd202f51c9e0cfc2ace375ad6bd46821e', variant: this.icon })), h("span", { key: 'b8dc08d8d7b29ad47839656ac7c26c61f4209693', class: this.counter && 'has-counter' }, h("slot", { key: '297c0401b196814956dfdd486cd9feb6fa1e1f00' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '4ba77497e4dcd9fcff602061862b07c6779b4b14' }, this.counter)), !!this.loading && h("p-loader", { key: 'e1c899bd176ff90cce9d263aeb983f273306a82a', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '7a4847681f1b1891caa3516a7300bb67f86573f8', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'd15ad1cdffa02057a0f54ffa294bcd464ff9ce59', variant: this.icon })), h("span", { key: '3f85e45d6a1de30cd9eb2a9d78ef07a55735e437', class: this.counter && 'has-counter' }, h("slot", { key: 'fd5979b6f1a79e972b26b59bd2cb09ff325a4bfa' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '942167259e3775c65702bf3caf3540632e6366d6' }, this.counter)), !!this.loading && h("p-loader", { key: '34e5a62bef8b27bd9796096749b63836f5fb802a', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get originalStyleUrls() {

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

@@ -5,7 +5,7 @@ export class NavigationSection {
      */
     header;
     render() {
-        return (h(Host, { key: '380224737b054f5350b21e76aae2efbaf6062fd3', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'dd310eba6bdb6f091ff0e0a56d9f5e4869172c2b' }, this.header)), h("div", { key: '511448bfa0f8948b76c626118551f9bdf4886450', class: 'flex flex-col' }, h("slot", { key: '3f00cdeca8d743ec8cd6ce9915b684ecda7b0191' }))));
+        return (h(Host, { key: 'b5fd5eb8c323213f8f4e8a35356e3f02dc5274bb', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '8ef7d0eae599dcedc193888175226be9776cf5f6' }, this.header)), h("div", { key: '08fcb13e77b81da664133a11fa92833095e2c4ff', class: 'flex flex-col' }, h("slot", { key: 'f23a88ffd3b1a9c7c9811433f211b3f74c98baa2' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

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

@@ -39,7 +39,7 @@ export class PaginationPages {
         this._generate();
     }
     render() {
-        return (h("div", { key: '177c873efe855b7b63335c82e44ce58ee6d95c94', class: pagination({
+        return (h("div", { key: 'd57a07032260d58bac44e4107a29d9e1935925c8', 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

@@ -59,12 +59,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h("div", { key: 'd71b4fd93003e6dcc9b7699e6cee7fab373ae64f', class: pagination({
+        return (h("div", { key: '1d6fa4eee108d6fb429fbd222880278e504fe5bd', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'f0ab7f491d37fe73ac573622f97a24303e4d40e7' }, h("p-pagination-size", { key: '7586f9cbc5b1f90c6547b69b65f22508a2b08d32', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '6e6bcd8f70f0ab34b8373c4b7664061bd6b04e59' }, h("p-pagination-size", { key: '5c56ec9b539bde62cdaac2524713f2c7c1eb1254', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'cb5f98d95fc4fe04b7611b6c9d1b801bbfc0cebf', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '01077dfd1b84024c7bf5d9120f9f7fe638180556', 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: '5d088202768ee9b0c14cedd97c75d06aa75b9f60', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '6c6a67c1f6e46d1cd2c56efad2ba6e5cab36cefd', 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/range/range.component.js

@@ -22,9 +22,9 @@ export class Range {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h("div", { key: 'ff88f5c1cdb25020d3e96133f48d0612cb2643b7', class: 'flex w-inherit items-center gap-2 text-storm-300' }, h("p-icon", { key: '51e5587f756c5a706a23094922f914f60e1a2fa7', variant: 'minus' }), h("div", { key: '722a6d69163d7b1fab3695dc94fc189a3c50263c', class: 'relative h-6 flex-1' }, h("input", { key: '47ad42be4dd66ff2581bc44dbe232c2291e93d10', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), h("div", { key: '2110884cea37e4bbf697b4b0b366d819c1161594', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
+        return (h("div", { key: 'd752a36ccbbd0f58e037efd7930f1383e990fdf1', class: 'flex w-inherit items-center gap-2 text-storm-300' }, h("p-icon", { key: '073a9283d49be1186521f2523ef34951d661e639', variant: 'minus' }), h("div", { key: 'ad06185fd986cbd65e12158ffba7be707a5f1dcb', class: 'relative h-6 flex-1' }, h("input", { key: '4077fb3587f98508dea3d0447d2ac965c7bcdcf8', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), h("div", { key: '6c7e786746ba2feec543d2aa53bdc67afd2cfc6e', 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: 'a51d86e815e4907b4545f1ee1c6d8b6262021f0a', variant: 'plus' })));
+            } })), h("p-icon", { key: '74abe8e6c7bd8c75fa6813d0b02df8a589b3f0e3', variant: 'plus' })));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -305,7 +305,7 @@ export class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h("p-field-container", { key: 'ee0c32c048a09f196ee6db5ebef62ee2b63a5ece', 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: '33f5c1b187c1e4491aa2dd3bce5435edcfc755c6', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: '54202208c289cbc866f3f19eef518d2a0472ecb3', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, disabled: this.disabled, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, onClick: ev => this._onClick(ev) }, h("div", { key: '8c3671135140f0b912799bf703cd6e49e4a6e0c8', 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("p-field-container", { key: 'ade8bf1d8ba4064793820482327dff8906a35eb3', 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: '015b145c15f659b318af58f193ffea092f4557ce', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, h("p-button", { key: 'c07fe8d349a7bbbc8b33dcdd14b2231b5d4595d9', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, disabled: this.disabled, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, onClick: ev => this._onClick(ev) }, h("div", { key: '83f16d864b540b3ae9cf59c17b2159a3d965b777', 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

@@ -107,7 +107,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: 'bffbae30640f82eb5f7c93d397d363650084d316', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (h(Host, { key: '437ab7bb8fcf49589162f78716e35b8cc4e9db7c', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {

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

@@ -91,11 +91,11 @@ export class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
     }
     render() {
-        return (h("div", { key: 'f0dfb918f09245a585bcdedec9416b689ea7a406', class: footer({
+        return (h("div", { key: 'fb6580374d0dcdc950a169e0ceba8273e831cbe5', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '34f2c593437507449575891ba84ca6a030652a95', 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: '4f03e1e1a784bc6e20cf26c9403331ea28f80583', 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

@@ -76,13 +76,13 @@ export class TableRow {
      */
     isLast = false;
     render() {
-        return (h("div", { key: '53aeadd7e3d89a4ac2746e705136dc98e65646d8', class: 'flex flex-col' }, h("div", { key: 'e3c83a5a3d1c5b2147b7d1f05906e246890508b2', class: row({
+        return (h("div", { key: '75fbf56b747248064a8e26c033519e1d69262bb9', class: 'flex flex-col' }, h("div", { key: '75570ddee613e585cb01e0c2c1b4038a54bbc6a7', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: 'd66f67d46693ded0a8e0b0f4c0d83be3ad4d1e01', class: content({
+            }) }, h("div", { key: '8c91b99838270bda5e51b646a78c40617715507a', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: 'eba8b139c622797cce2282545535fbf131fa5ecd' }), h("div", { key: 'baccb125aa67657bc08be76318a729118f24922b', class: actions() }, h("slot", { key: '8fc003a9e28c361283a94af2b4f4383c661bb919', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: 'aea4cca577c987a385f771cd47065a7c57b0a81a' }))));
+            }) }, h("slot", { key: '9c0cbe5be28dd17f95e39aad48ab98fc3439bd87' }), h("div", { key: '28f1a34812f4aa406a317f7fc24b8e52219fceb4', class: actions() }, h("slot", { key: 'd8dc24127cca3f4684294648c628bf33b1405821', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: 'b916221d7a8f65b8fb940051f8ee206dda562919' }))));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h("div", { key: '728bf0cfbc86d6ebbdab07120b02c98fd2b011f1', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2', onClick: () => this._onClick() }, h("div", { key: 'a7867e21882aaf8487084f6a4d08389577498fc8', class: indicator({ variant: this.variant }) }), h("div", { key: '6f20b7863c926c09e6df41495cd4108e9b6822fa', class: content() }, h("div", { key: '20b273ba1f270b325e01e1022ddf84479a3fa823', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'ed592a393300025ac4e954d1113a5cf8a4d20c9f', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'ca2d67390253cfc321f43a829843a212e06d4c23', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '8d1b101087ef0f2484ffd81009fcb3a16906fac1', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500' }, h("p-icon", { key: '64f1349fc2217a8b2330e70998e032a73688477a', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate }))))));
+        return (h("div", { key: '85632e290cceb8e44c1d846a542b4be4ae710b52', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2', onClick: () => this._onClick() }, h("div", { key: '976492254a92d129114b39cc715a7ba4d284fb90', class: indicator({ variant: this.variant }) }), h("div", { key: '9eb4d859239ea6adead3ab1afdec23653643211c', class: content() }, h("div", { key: 'baae5161ccc1bd0f455b23dbf1388787cc32e4b0', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '3dc2c0e3c03ab3c037031dae236cdbeaa754eb6b', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '8f54e9d6f8c8cc59278e943676cc2396e3ea79ca', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '27583758fc5639866d3195d9d2b1eacaa7111401', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500' }, h("p-icon", { key: '0916610b404ea9ce90d61ec203bcbbff43e01761', 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: 'c6ec99923a27631b2ee50ab70094074bb365cad9', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: '756a9669e83dcea5fd61cbfa8cead90e6c13d030', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '1f951d7f973484efe4e3c2c1e209eb27d3fcd5d9', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: '24ebcbc78316d665ee8b93d66eed96c810cc2e82', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

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

@@ -42,7 +42,7 @@ const backdrop = cva(['z-navbar-backdrop layout-1280:hidden transition-opacity r
 export class Navbar {
     _show = false;
     render() {
-        return (h(Host, { key: 'ccea1ba5b71e5d7030fc0061c55e7b1f0cf199df' }, h("p-backdrop", { key: '6697e5a39331b9038c371528d030215019aec71b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '5dc02dabfa017fe2e0549b3464f3dae0686e7fdb', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '11a260faf10b536f8290f0867057dcd277a8c719', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '03e62091a348126658d98bcb72fb3f7f9e6769c1', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '3cbcca8874508aaaf5aaa9ad6c5277e365948a45', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '5365fbfc638c842e2bfee321518d3ec6bab10fa6', name: 'company' })), h("div", { key: 'd2674f0524cc3c76c95db63078f06adc4489e25b', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '0f97587cf2731754855151f36a637eac5cbda2dc', name: 'content' })), h("div", { key: 'd792158bcd6218408564ac0fdbe1a9b59d7270bf', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '0eed0cb1667e84047cd8cff0e89659fe521f8311', name: 'user' }))), h("div", { key: '9dd7a4d575c4084ab37e5a8bfc61f67200ab2919', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '98fbd49f0a6c42ddb5e0f06c09e23c97a5ddf9f2', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '84759812fe87db5eb4e57b8877ca41a9ec83800b', name: 'topbar' }))));
+        return (h(Host, { key: '18b587d46cf90a64839a92b384c0c846956ab719' }, h("p-backdrop", { key: '8fa1fc15cd2a3d73e184be1d8b05b00a2250a817', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'a86a6d8cb844535089dc0cfdd9e61be37f7a8aeb', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'c62d1a5e5b384ece436f73b5095bfcc32d2aa9a9', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '5d4344ea9d35b208e00a0a7c1d57653ab49ae869', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '1884206f5a1a5252b13134c6bed820ff754c8e94', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '3083671a2ce65ad3996d564852e605ccb3c8f3fd', name: 'company' })), h("div", { key: 'e1108ffe12ff5c29583133687ad4a03de9fdd422', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '671825c57316a77c44bcfb7c9cf4cf0c3e139471', name: 'content' })), h("div", { key: 'c9b380a6bebe537ee52ef72f0575d9e0629a07ef', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '863e5eca2a9e9dff830eece5f3e5a5d665767200', name: 'user' }))), h("div", { key: 'b505928cfbb0cbacf0821882b69d9bb28eff2d71', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'b01c8a60d3d5877ba959254093b252c5d7e0ad7b', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '4bccc7e1aa006b962fc13b117ec3a2657f2c81ca', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/{p-BcKK57hn.js → p-3TP-UX-Y.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
-import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-D9t79La9.js';
-import { d as defineCustomElement$9 } from './p-BppwDNy5.js';
-import { d as defineCustomElement$8 } from './p-Dl2d_IWC.js';
-import { d as defineCustomElement$7 } from './p-DMriM32U.js';
-import { d as defineCustomElement$6 } from './p-Dc8e00Zd.js';
-import { d as defineCustomElement$5 } from './p-B45E7xnR.js';
+import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-DzLUScwc.js';
+import { d as defineCustomElement$9 } from './p-CuGtA-02.js';
+import { d as defineCustomElement$8 } from './p-Fa6eP7ZQ.js';
+import { d as defineCustomElement$7 } from './p-B8Ai2EJn.js';
+import { d as defineCustomElement$6 } from './p-DUJkO2n3.js';
+import { d as defineCustomElement$5 } from './p-BfSo1qPy.js';
 import { d as defineCustomElement$4 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$3 } from './p-ByonmKJV.js';
-import { d as defineCustomElement$2 } from './p-BBho7Zjn.js';
+import { d as defineCustomElement$3 } from './p-CCJc8g8_.js';
+import { d as defineCustomElement$2 } from './p-BlwTel9F.js';
 
 const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-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}.text-off-white-700{--tw-text-opacity:1!important;color:rgb(222 219 213/var(--tw-text-opacity,1))!important}";
 
@@ -78,12 +78,12 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h("div", { key: 'd71b4fd93003e6dcc9b7699e6cee7fab373ae64f', class: pagination({
+        return (h("div", { key: '1d6fa4eee108d6fb429fbd222880278e504fe5bd', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'f0ab7f491d37fe73ac573622f97a24303e4d40e7' }, h("p-pagination-size", { key: '7586f9cbc5b1f90c6547b69b65f22508a2b08d32', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '6e6bcd8f70f0ab34b8373c4b7664061bd6b04e59' }, h("p-pagination-size", { key: '5c56ec9b539bde62cdaac2524713f2c7c1eb1254', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'cb5f98d95fc4fe04b7611b6c9d1b801bbfc0cebf', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '01077dfd1b84024c7bf5d9120f9f7fe638180556', 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: '5d088202768ee9b0c14cedd97c75d06aa75b9f60', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '6c6a67c1f6e46d1cd2c56efad2ba6e5cab36cefd', 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);
             } }))));
@@ -167,6 +167,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Pagination as P, defineCustomElement as d };
-//# sourceMappingURL=p-BcKK57hn.js.map
+//# sourceMappingURL=p-3TP-UX-Y.js.map
 
-//# sourceMappingURL=p-BcKK57hn.js.map
+//# sourceMappingURL=p-3TP-UX-Y.js.map

package/dist/components/{p-BcKK57hn.js.map → p-3TP-UX-Y.js.map}

@@ -1 +1 @@
-{"file":"p-BcKK57hn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-solid border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}
+{"file":"p-3TP-UX-Y.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-solid border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}

package/dist/components/{p-BWBwhUzi.js → p-B4inyr87.js}

@@ -120,17 +120,17 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
      */
     active = false;
     render() {
-        return (h("div", { key: '61619ad12dd19e3e6d44bc7d8386d66616a9c39e', class: item({
+        return (h("div", { key: '3fd869f7506b7254d517134e89d9daa35001cf46', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '80412632f918177f920d0f013456fb81df6e34d6', class: circle({
+            }) }, h("div", { key: '9609e9a660acdbfd6db973373266372f39bb8223', class: circle({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '3c57b2b7b6148f04f356276271641143464e4176', class: content({
+            }) }, this.number), h("div", { key: 'b273741186d17faa16687a1a433a8733c4d0d079', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: '70c74a476c90da251ea496cbe977b81c68885425' }))));
+            }) }, h("slot", { key: '34a911fa51007c340916f46894cddce7cde05ec2' }))));
     }
     static get style() { return stepperItemComponentCss; }
 }, [1, "p-stepper-item", {
@@ -157,6 +157,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { StepperItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-BWBwhUzi.js.map
+//# sourceMappingURL=p-B4inyr87.js.map
 
-//# sourceMappingURL=p-BWBwhUzi.js.map
+//# sourceMappingURL=p-B4inyr87.js.map

package/dist/components/{p-BWBwhUzi.js.map → p-B4inyr87.js.map}

@@ -1 +1 @@
-{"file":"p-BWBwhUzi.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/item/stepper-item.component.css?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva('flex gap-2', {\n\tvariants: {\n\t\talign: {\n\t\t\tstart: 'items-start',\n\t\t\tcenter: 'items-center',\n\t\t\tend: 'items-end',\n\t\t},\n\t\tcontentPosition: {\n\t\t\tstart: 'flex-row-reverse',\n\t\t\tend: null,\n\t\t},\n\t},\n});\n\nconst circle = cva(\n\t[\n\t\t'h-6 w-6 flex items-center justify-center',\n\t\t'text-sm text-center font-medium',\n\t\t'border border-solid border-indigo-600',\n\t\t'rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfinished: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfinished: false,\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-indigo-600 bg-indigo-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: true,\n\t\t\t\tfinished: false,\n\t\t\t\tclass: 'text-white bg-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: false,\n\t\t\t\tfinished: true,\n\t\t\t\tclass: 'text-white bg-indigo-600',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva('text-sm font-medium flex-1 mt-[1px]', {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tdirection: {\n\t\t\thorizontal: null,\n\t\t\tvertical: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-storm-400',\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-storm-500',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-storm-500',\n\t\t},\n\t\t{\n\t\t\tdirection: 'horizontal',\n\t\t\tactive: false,\n\t\t\tclass: 'hidden desktop-xs:inline-block',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.css',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The number of the step\n\t */\n\t@Prop() number: number = 1;\n\n\t/**\n\t * The direction of the item\n\t */\n\t@Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop() finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={item({\n\t\t\t\t\talign: this.align,\n\t\t\t\t\tcontentPosition: this.contentPosition,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={circle({\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.number}\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-B4inyr87.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/item/stepper-item.component.css?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva('flex gap-2', {\n\tvariants: {\n\t\talign: {\n\t\t\tstart: 'items-start',\n\t\t\tcenter: 'items-center',\n\t\t\tend: 'items-end',\n\t\t},\n\t\tcontentPosition: {\n\t\t\tstart: 'flex-row-reverse',\n\t\t\tend: null,\n\t\t},\n\t},\n});\n\nconst circle = cva(\n\t[\n\t\t'h-6 w-6 flex items-center justify-center',\n\t\t'text-sm text-center font-medium',\n\t\t'border border-solid border-indigo-600',\n\t\t'rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfinished: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfinished: false,\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-indigo-600 bg-indigo-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: true,\n\t\t\t\tfinished: false,\n\t\t\t\tclass: 'text-white bg-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: false,\n\t\t\t\tfinished: true,\n\t\t\t\tclass: 'text-white bg-indigo-600',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva('text-sm font-medium flex-1 mt-[1px]', {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tdirection: {\n\t\t\thorizontal: null,\n\t\t\tvertical: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-storm-400',\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-storm-500',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-storm-500',\n\t\t},\n\t\t{\n\t\t\tdirection: 'horizontal',\n\t\t\tactive: false,\n\t\t\tclass: 'hidden desktop-xs:inline-block',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.css',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The number of the step\n\t */\n\t@Prop() number: number = 1;\n\n\t/**\n\t * The direction of the item\n\t */\n\t@Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop() finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={item({\n\t\t\t\t\talign: this.align,\n\t\t\t\t\tcontentPosition: this.contentPosition,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={circle({\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.number}\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}