@paperless/core 3.9.0 → 3.10.0

package/dist/collection/components/atoms/table/container/table-row-actions-container.component.js

@@ -7,16 +7,16 @@ export class TableRowActionsContainer {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, h("div", { key: '5a0480d4df301d4aa395f87fc93b2e068b9f79f4', class: cn(`
+        return (h(ThemedHost, { key: '4be2a6b0e22633e2d8e966077dbc353f298580ca' }, h("div", { key: '7cb5afe3757df775f8a15955ed24f43bf79e2182', class: cn(`
         flex
         before:w-4 before:bg-gradient-to-l before:from-off-white-200
       `, {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, h("div", { key: '6772a16f95a60938d7d8a019dcbd7c6e8f0d00c7', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: '26038bfcbc3fa8558beedeba280639dafe759f4d', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, h("slot", { key: '27f6a9bf20a79fc58b63412aa0943278408e6f90' })))));
+            }) }, h("slot", { key: '249ef823b37b9a894c158f23996432fd57f6e761' })))));
     }
     static get is() { return "p-table-row-actions-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toast-container/toast-container.component.js

@@ -39,9 +39,9 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: 'bd21d7bd4c72892795945f527a55d244c74a3e8a', class: container({
+        return (h("div", { key: '5d77cac640925586144faefc5d3df382af793133', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: 'c822ef2a7a7269a926b0e6d416d3f584e133e668' })));
+            }) }, h("slot", { key: '65b700d11dd0404bfb32e6361f20eb0c251f55bb' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toggle/toggle.component.js

@@ -132,11 +132,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: 'a112d0ed2ec3daa865c559d44c587d20f76822f3' }, h("label", { key: '36c971bf96e575e59f0e4ad39e1d917f255abaf9', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '5081f38fa7bfd14664f71c837db04473892c13b0', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '219ab4b5bb5e444e51987898e59c8c31a69b3d1a', checked: !!this.checked, class: toggle({
+        return (h(ThemedHost, { key: '78924c2da1482566b48d0c4508f2b2035da3f099' }, h("label", { key: '08a386bd28167e1e7a83e23289f421244e289bbd', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'e196c415e223b7d7a9bef873636243b9a9db1f8c', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '4b4984057a6eaf8860203db442c254117e9c3ee8', checked: !!this.checked, class: toggle({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '9182edb7d27559da52a34e5481ac505c0bdd1d9b', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: 'd3b1a3ff617e7c1c8e98e39bc6186517724e7a19', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: 'c3cff9609226e9e5ed671e9ed46506b8d996788f', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'b140f22e50a8030d3a9deba673e0d0c078e7b064' })))));
+            }) })), h("div", { key: 'e5a274897bb29464e05fb21b78d65dba550d95fa', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'e1de8c659c7411c7d63ab9bb5d8b79f61deb66f2' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/tooltip/tooltip.component.js

@@ -97,10 +97,10 @@ export class Tooltip {
         this._cleanup = null;
     }
     render() {
-        return (h(ThemedHost, { key: 'd6eed2d0ae314f5bc0c956df0360c7c3affe5349', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '68a50b13f23fbb9ff40b83d6a1f1cbad56a12add', name: 'trigger' }), h("div", { key: '6d4726e4663fe88a8758485c55ee003fca9e9c59', class: popover({
+        return (h(ThemedHost, { key: '20bdd1bec32da57c6726d73a07d5f82fb3acaa80', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '03034eaa1d19b613c4c097a378d224b79acab473', name: 'trigger' }), h("div", { key: 'd1ea8eed0b2ab04117f7e2f1d3b32a710c49726c', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: '9ded5ee86411c2d35b3ef4b75894740b5a9db814', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'fe330950d9662c415e99d1594581c096b5210cd7', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: '9ec941819d62d3fcca4edf9262d704644fb0f294', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: '91944080d3d30625478ed2c9f56dbafe7e34c253', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'c7f95766a424908bd4dabcbf6edd0e8ac4d815d0', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: '873c0139e49366b94630a5f40e56705a9ed89bf2', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -27,10 +27,10 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(ThemedHost, { key: '36d39106bf27e5005cfdd96f062e89d3be88dbef' }, h("div", { key: '3e08603b16cb1e63be370f3f69bf302d55a73a6d', class: 'flex w-full flex-col' }, h("div", { key: 'b434652c2acda88e09f87d7099cc10d87dba2799', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(ThemedHost, { key: '46d2a6ab93cf3af2c053edb6180a16f763696d74' }, h("div", { key: 'c9e649574c5d8a94ef37c4d3353718d5acb92a09', class: 'flex w-full flex-col' }, h("div", { key: 'f27109520c7d3f1b7344939f2840a9057fdd8908', 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: '1b56837e3c8c799e8c950cb435c1a41b1b34a93e', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '8e009479a0e30100ec50e0336758c67ef8b775e0', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '4b7029e11b60b2493b21a89fd377e42e9c6dbaf1', class: 'flex-1' })), this.open && (h("div", { key: '1e7b7f6b9d4d3983e77eee7ba02f6bb1f7a53819', class: 'mt-4' }, h("slot", { key: 'e7ea3de6a43120e5533f8f6f320eb6714bbae73a' }))))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: 'a266eee67ea2688c8dddca7b67fbde97b6baafa5', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '3d5e61488bd1f96d16b5b58815dd8973f67351b3', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '56116eca82c7a4f09d25f91d5d8aa7e94d7584db', class: 'flex-1' })), this.open && (h("div", { key: '488f62d90d405e7426d5c87edbce932d518c36f1', class: 'mt-4' }, h("slot", { key: '82827c68246c57c95b253fd8bbd24852aaf876a7' }))))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -101,27 +101,27 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: 'dd6a4fddd6e60cafff196b0229b125bc4475837f', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: '1c80587e39c1a195137110971a5ab8e55e279a62', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: '3afb112898ac70c5c07f36d1824f9ef982994185', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (h("p-icon", { key: '1a7d9cd50636935865f0c418b396e190d245f495', class: 'text-negative-red-500', variant: 'warning' }));
         }
         const isTouch = isTouchDevice();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: 'a60e9e326e5c70edb39e2c16353e30638ed04fbb' }, h("p-field-container", { key: '95255c8b0648f11d336fb5bb74e230bc8a15499e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: 'c6bb34cd296d4159c5cc1941af8a80d46b5b387e', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: 'b208ca920c5ff5b240d8226551b791d239ebf2c6', class: attachment({
+        return (h(Fragment, { key: '65a94a2b4fa4744f4f544d017d77bfe681f151e5' }, h("p-field-container", { key: '9f082375b6dfc5b7873dd6f3b7aebe1a1b68b48e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: 'e7ac2f0d6d0b313abc3f7930ad61db363187116e', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '0c70528558e7deff8e960018773542ef7d0eca04', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '8235dce3bc34299e779d435749ee27f40360e1be', class: cn(baseText, `
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '887bf7f40ceaebe0f5491bad5b09bddfa87a406b', class: cn(baseText, `
            peer
            empty:hidden
            dark:text-white
-         `) }, this.value), h("span", { key: '9227af7beb22f08663854ad118269879f5dc28d2', class: cn(baseText, `
+         `) }, this.value), h("span", { key: '103249ccca7ec5b41752263534cfbb47ed0af123', class: cn(baseText, `
            hidden
            peer-empty:block
-         `) }, this.placeholder)), h("p-tooltip", { key: '461c9426b1068552248d9a99810157a5dc437d35', class: 'w-8', content: this.mode === 'read'
+         `) }, this.placeholder)), h("p-tooltip", { key: '8791959427c3e811d4c650d030f0354b6f53d442', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: 'a61a19eca51f65b887cb5bc30c707903acdbed5e', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: 'bf55fc4ca413b095aa6448df20287175dbd7a514', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -132,7 +132,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isTouch &&
-            !this.value?.length && (h("p-tooltip", { key: '92eb29f63074268f3787fdd338bf52ab538652a4', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: 'd16292a48b3b65b88d3102ae9fd2a0b88905b117', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '8d4671d6374ff5c71a159113351fa2f8aabde9d7', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'd5d605e25ff006625eab9e3bd91c804f376f8945', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '3444a501c624978b9f1410bba7251455f0c8e4d7', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: 'b74f3a47eb2acc9b2966cbbd7c1cb59c2f2cacf1', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '6bf88f4c659226d1a61044523cdb3329987ac1c8', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: '467410b70364dd2ce94893d2df985d6681a898e2', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', 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: '0194482014cf63bb2b1b232f3a535dbc38fe3943', class: 'flex items-center' }, h("slot", { key: '29f15517952e4eea497b805c089a858d556394ab' })));
+        return (h(Host, { key: 'd0c4d09c70b2140832b4a0ed05725dae641642c1', class: 'flex items-center' }, h("slot", { key: '9ee836e72eeda929067bbb805d6127b4537cb66f' })));
     }
     slotchange() {
         this._checkButtons();

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

@@ -192,7 +192,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(ThemedHost, { key: 'b14ca11713b5ee2c0a5775230987b1654a3c58cc' }, h("div", { key: '467ce8181c5cbbec87de1ae4817ed47183dca8e8', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: 'af9b580a84030d4aca0e983eb1b12239875f0f55' }, h("div", { key: '81e938439eac92733ac0901caed9d441b762ed88', 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,13 +47,13 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'bf8924e96712792ca4cc1e41962dca8cc86f1a5e' }, h("div", { key: '7ab2192a27ea1a65f74462a1975880a2d32a7314', class: `
+        return (h(Host, { key: 'd732accc688b1df8c288d5ecd1025fa0b15007af' }, h("div", { key: 'bef92d3a68be80802dd9b62c2ffd8fbda0b5c72d', class: `
        slider
        ${!this.disableDrag && 'draggable'}
        ${this._dragging && 'dragging'}
      `, ref: el => (this._sliderRef = el), style: {
                 height: `${this._outerHeight}px`,
-            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: 'aa95fdb7ddcaf647947584ae4282822251be5136', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'cffb458194bbdf342e3840aa174469809e282be5', onSlotchange: () => this._slotChange() }))), h("div", { key: '51e08fcb4c2ae6296c1e5042445e40ad28610e84', class: `
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: 'a8a93a255fbb23b916cf2b858a84fd70f7d62a6b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'e707df540fe8628168d6451bedcd12848f1d7493', onSlotchange: () => this._slotChange() }))), h("div", { key: 'd9df569867bc0f78974726ae42f5f96f4a13fe62', class: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (h("div", { class: `

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

@@ -42,7 +42,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: '52a057456517492463f371277934b7e486dc5b79' }, this._loaded && (h("cropper-canvas", { key: 'a6322cc2fe70a66d880e7346b203dce27f8c9c5b', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: '10b5a28a47fcf404b7a715750407420bf565ed3c', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '72e99381cd0275245d7e09cad083743116bf2466', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '00294b6423488b070b998039e3bb096cdc1f621b', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '08bec65589e6f90042a0502f0def27e60383565d', action: 'move', plain: true }))), h("p-range", { key: '95c2c0305abbdd03271d1c02d6a8bcf896037a71', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: '009cda4ff4eb5d2a7ff777a901b67c83a5f37af5' }, this._loaded && (h("cropper-canvas", { key: '205006259f0393275f061f60d92ee9f3fdff16aa', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: 'd53e718c7c5c9da68c10e39ee67e2c98ad23e825', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: 'ce71d0a0602110c330746027f300d373b5142e55', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'a552b9b1fbcdc2c9d8707f309fe4cbd62b644ad5', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '1419ae877acfcb7ad6981cd825f57dc4e85b1aef', action: 'move', plain: true }))), h("p-range", { key: 'caa9104d95c54d50658ca146a6e875c944f0e0e6', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

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

@@ -213,7 +213,7 @@ export class Datepicker {
         }
     }
     render() {
-        return (h("p-dropdown", { key: 'e329571548f7fc670ea27b9096e43179bf575f48', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: '5904684c137055d5b2eb25890363ee8b458ce9ff', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '18243b5177bf1ccafc938199d17303a13e9c0a2d', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
+        return (h("p-dropdown", { key: 'f049a50e493e5fa104141f8e65b9077f41ecd5aa', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: '2869249c84a37034ce2ce630da493d397cc5f532', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'da643dba40ee7778ec14707db572f2d80cd58547', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
                 format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
                 }), min: this._minDate &&
@@ -222,7 +222,7 @@ export class Datepicker {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '72072c39f6b9f4234c39474084e10625bb739ff4', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '374b07930dfaa7f1c1cfdf528fd0b53158d482bc', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
+                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '5fd257d5996ba8aa8164acf82da3ada6803132ae', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '2864686436f1d4e6148ddfb65b44ef21f2f9f0bb', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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

@@ -133,12 +133,12 @@ export class Dropdown {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: 'bedacfe4315ca3990dd8b87c32dbae364722666d', class: 'relative' }, h("div", { key: 'd10200cc877f7ab3dcd3ba012b6ca9c6d622cee3', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '9b5929215afd8d87b966edad2a1093af1e80107a', name: 'trigger' })), h("div", { key: '11ab8f42724bd08e60dd2b492b6e88384be92312', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '1cfd2dd29d735f2f4fa7afe6cb3f6a8a0acb3b11', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        return (h(Host, { key: 'ba99b3088d39dec30e7d3559354221040007e521', class: 'relative' }, h("div", { key: '119b30bd52ca90cb238a7a1818a31ae53de9f47b', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '21d5a22224d7c085fc876005f824e7746d32f0c3', name: 'trigger' })), h("div", { key: 'f20832523805805a3d5d86fabf331cdbd7fdbd8c', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '2d4a8683d11a9b5e378ffb1a7fb62da82dc831c2', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '024950445590c6fe467cf729b0df8e8eaa87241b', name: 'items' })))));
+            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '84dc0c48a92c957de785d4323bd719b020f20212', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');

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: 'e156e226af805d55fb5d1ea617d5e219d8d265b7' }, h("div", { key: '417385b03f1494ba500540abf53b202a00140eb2', class: emptyState({
+        return (h(ThemedHost, { key: 'c992e849c678678864c5f9cfec46f3c48c1eb20c' }, h("div", { key: '3cb20168072cb532d3cefb9b955d3e51f673276d', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '2d95c6f7761f817b2bf4968118e7ac5dc6d62abe', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '79ea83f1d0060efe97457942a8de969f76fcc9b4', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, 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

@@ -371,8 +371,8 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: '693cc8cf7a010cadfec80e54b8f14d32a4482124' }, h("p-field-container", { key: 'fea01db8d3eb6b88a2a4fbd5b98f075f17d5c5a6', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '384d89cd1a88280eb15b5cc9f3d8802622982ec1', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'd5e65d7c7f012e4170a4564a0309333b4dc07c51', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '021caf77fec150537d3f44fbd1e6b4f8737ae5ff', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'd5f26184afc8a5e1246018d7596d44646f501e22', name: 'error', slot: 'error' })), h("div", { key: '10d18154e7596782fa82eefc479a5320db64d8b3', class: field({
+        return (h(ThemedHost, { key: '693e9a21acbdd989144794387bf0a6a9f37810fc' }, h("p-field-container", { key: '12a6fce14a365fdbb92647637c3d3226cd2037ff', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'a40ed4d8943adae016325f2c82a3c79364543b2e', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '0203bf72c3afc6c0f24c0e15cbf2f7271ca6a5a0', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'ca7d5bc949fb18d20eeebdcb86ed844f61f137c6', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'f4fa21946e61b81a002f96cbc85e4e786562cb87', name: 'error', slot: 'error' })), h("div", { key: '2c12320e5273b0cded4bc0e9e47aa5b2e6ff3f88', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -383,7 +383,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '1d30b1ed73b9ec5a34aeff93fbeb67c553b72958', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '68b8e1d339630c881583ea40fecb9cb414be1537', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -395,7 +395,7 @@ export class Field {
                 'mt-1': this.variant === 'read' && this.size === 'base',
             }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
             (this.type === 'password' && this.enablePasswordEye) ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '6a24b43778b4286c657bbfd5cb64ee7e3b0d5a73', class: cn(prefixAndSuffix({
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '35d35041e9751d701dc74357abe1961d98f12f7e', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

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

@@ -75,17 +75,17 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '11f93a805b545dbdf3d8f7f07d2ba9d9b72f9465' }, h("div", { key: '1947c9e35ae05a8ffda7d35c4f72edf8edd6eb78', class: label({
+        return (h(ThemedHost, { key: '104ee5d95a9a998e9ff5d50a0319db1131dd49a9' }, h("div", { key: 'd0d2d11eab222b5183d5a835b3bd2fb195295552', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '5531821ffd0f42ab9ed8c6eca76e8f1537bcb976', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'acefad061d0e66e1404fb3847b0853069179b306', class: cn(`
+            }) }, this.icon && (h("p-icon", { key: '920c633b134bfca8b0643e8a8174bf66aa7066de', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'a178ec5c8f8543cd6b2f746cff170e43be54ff04', 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: 'b96c6e958fb8786e078fa9cbdeb1daac494ef9f3' }))))));
+            }) }, h("slot", { key: 'd8ef0efd720dbb24690ef5b354277eb84ede8921' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -88,13 +88,13 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: '4ae6c89f2d7534c698b816955488c73bd358d70e', class: cn('inline-block', this.class) }, h(TagType, { key: '911611a89bf9c250328e5b5397d65b5c65970a74', class: navigationItem({
+        return (h(ThemedHost, { key: 'df75595509e2f081dbc13a244a77c07293d67bc1', class: cn('inline-block', this.class) }, h(TagType, { key: 'f6ad06191bdb4049387e1235a3a303718d8f6cc7', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: 'bfdc1882c4bedcd1ee2672b7112737eacbb4ad26', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'be619184b36c520b9e0b7b60963bffdec115b773', variant: this.icon })), h("span", { key: 'db23af321af6eebca65534c183451920932756d3', class: cn({
+            }), href: this.href, target: this.target }, h("div", { key: '147abbbc9e2c6508a66081ead4cea2aa797a9240', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '2f1fd8c183e2f527fcb37aed28da145d81ed1c89', variant: this.icon })), h("span", { key: 'ae75ec4ac9c43bbb0cd620dcdf42dbc62631825e', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, h("slot", { key: 'a555a9e414129555e1375b97f7f8e222fd412fe5' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'a6014594a3c7969cd44705420e285ea81478ac42' }, this.counter)), !!this.loading && h("p-loader", { key: '1755e9547e0fe49a6c9c7f254350ed21f74bca25', class: 'ml-auto' }))));
+            }) }, h("slot", { key: '0e92ba5694d3632367d37514bc72d9c7cbfa2a33' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '4046f6ab8a1a4c3c985c2f0a5d8cccafc562f3df' }, this.counter)), !!this.loading && h("p-loader", { key: '5ab0e3decd808a160bdc233835d91b505f3ad8b8', 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: '8fb1c4a553d9c4a5326c1692f50913be4d9865dc', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'e5d53c6cc8c05cfb0a0566b94ceebe1a894f77b3' }, this.header)), h("div", { key: 'a29814e605c46668e89773b1e7d3540aabd8c3ae', class: 'flex flex-col' }, h("slot", { key: '683d1571c171719465093efc4d6c9d7dcb3ddeb5' }))));
+        return (h(ThemedHost, { key: 'd8d654a28420f399fba691f0a7acd8499e5ba7b2', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '5e86faa0ea3bf13688086a881a6ab4a711fa0bd9' }, this.header)), h("div", { key: 'b78ef9a9c4e2493fcf80e1bb5a53fae31a449109', class: 'flex flex-col' }, h("slot", { key: '083951f8e74e0b70ef2102e523f9ed7e6f18e097' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

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

@@ -60,12 +60,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(ThemedHost, { key: '21cd272621360d4d505510c1faa0991e58cedd3a' }, h("div", { key: '2eff06826af604b9a8b640bd18b416b934c3dba8', class: pagination({
+        return (h(ThemedHost, { key: '3f1b6ea1ac6b1ddae922000ee90b9796287de51b' }, h("div", { key: '28561b81a9717cfc6ed3301215f47962349fccd2', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'd40e819bfb23ef1ce37df622c349c747c5e30430' }, h("p-pagination-size", { key: '8b974865374b5e1de9b7dc6649472f85a9b09333', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'b4523497dc4e2c988df6a3ae71cb240b54e17d75' }, h("p-pagination-size", { key: '01b5b234b713ecfcd2cf8910079f00614eb0fbbe', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '941d0fb3dedd42c1cfead1f95008fd81e5ea135d', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'dbe42788b40a0c071ef466e7a0896d269cb7d7c9', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: '7a8cfa9e69ae898cf2f2c25b4fffde7506fcc523', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'd8d7a7bce55b5958be33b51f175bd34b7f3c6ede', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, 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: 'ca4c5879a59946cdbbab9a802fbf62547194aaa9' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(ThemedHost, { key: 'b3e676c112e16fd42bae96f0e61d4f352d86d58d' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, 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: 'ae78cbe140c926f4c15da133c99dd2b84ff1060f' }, h("div", { key: '27a1f144fa8c1fa7c62ffb9b6300ce4f7b5d032c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: '353b493c7deb2a8de7b461dd5e78bf7af41ffbd2', variant: 'minus' }), h("div", { key: 'afb0b67c052ef23f0a85c5ed2b4286f3769114f2', class: 'relative h-6 flex-1' }, h("input", { key: '664649a633ea007d101dd7ef9a5dc528cd503bce', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        return (h(ThemedHost, { key: '9c0e2f83e080868ee358630e50c035b19ee829fa' }, h("div", { key: '12626f10b97ae5ecfa79eeb011bc8ec4108e2f8c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: '8736f5024ced2674bed1664f6344b590c22b2e60', variant: 'minus' }), h("div", { key: '68e128b70ee74c10707623b8299ef6eea346e1d5', class: 'relative h-6 flex-1' }, h("input", { key: '5e6e31c34953410d068332c5f7d34a9d682ee414', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
                 const value = ev.target.value;
                 this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), h("div", { key: 'aa3025e342179b0b046835aba388737e4d723986', class: '\n         absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
+            } }), h("div", { key: 'f85cae57ba6cd94c279ccac2753505018f8543d4', class: '\n         absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '7b7c6f55fe81458e96f8edf67f1fc47a028d707b', variant: 'plus' }))));
+            } })), h("p-icon", { key: 'c3e848da38711448a667d945be7d8303daaac7db', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -341,8 +341,8 @@ export class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: 'c15b8ad5b4581bc9d73caec74094d05a5eccdc87' }, h("p-field-container", { key: '79a06c8be8884124cccdb17baf8d386d34f01e47', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: '9844250bac67e239336290deb4203ae6ecf62be4', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: 'c33d47717e74742095e0bb6597ed74393782924a', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: 'b8153f212f6fbcaf9654f71cd15cfe274b95125c', 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: '51ebc8616be3744995c78d6e75bf747770cefeef' }, h("p-field-container", { key: '27fe6a7646d07bfbb9f7924c64f826a5ff8e2357', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: 'eb130f9ffc5f269c12eeba6c426160cac211b8d2', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: '7c1b53b621ec2f0491a10f3e20120e60af3688e0', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: 'a6e52a8d00aaf3bafa91618aed130356a293e2c8', 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

@@ -87,7 +87,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(ThemedHost, { key: 'f6abd4c007ae672b8d3bba899ee69ceaf5c258a3', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'd159248e3497fb96ce1c32cfd4a6a4844cbebf8d' }, h("div", { key: '4d3e542141053c22602cad4c90d4dba92623119c', class: 'pl-8' }), h("div", { key: '3949cd37f6ef5780d07edd596b5277328f3fbf49', class: '\n         text-storm-300 text-storm-400 text-storm-500\n         dark:text-hurricane-200 dark:text-white\n       ' }), h("div", { key: '052667e85e826a81165ed89ccc868b5a27d033e5', class: 'justify-start justify-end justify-center' }), h("div", { key: 'a5daeef9545ed0621440bed0d0ccfc4da823ccc6', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '9644bcf8534845b5994de63a355404e14640063e', class: '\n         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\n         w-9/12 w-full\n       ' }), h("div", { key: 'e4b339622abcbeb41fe04e11617b3c376b102557', class: '\n         tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12\n         tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12\n         tablet:w-9/12 tablet:w-full\n       ' }), h("div", { key: '5d1c171849417cea00b65f9028d43a8a4ed33a19', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: '0ff7ff7feff9bb5f4398be0ccf222c24af0c9ffa', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: 'a443302173a989b0efeb47e02c0186134207fd5e', class: '\n         desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12\n         desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12\n         desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12\n         desktop-sm:w-full\n       ' }), h("div", { key: 'ea801cbb837c30f6bf93b556d57920690faaf54d', class: '\n         desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12\n         desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12\n         desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-full\n       ' }), h("div", { key: '63d5d2516054847b99c711f6ca9177e102c7016f', class: '\n         desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12\n         desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12\n         desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12\n         desktop-lg:w-full\n       ' }), h("div", { key: 'd8c5562ecbaabf6aa8031267b002cd1a6d61df7d', class: '\n         desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12\n         desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12\n         desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12\n         desktop-xl:w-full\n       ' }), h("div", { key: '7905ab5d8d28c57d66f855219257688b975754e8', class: '\n         flex hidden\n         group-hover:flex group-hover:hidden\n       ' }), h("div", { key: '7252c96ddf8a8e1925c95a25d598f33c0cd31ec3', class: '\n         tablet:flex tablet:hidden\n         tablet:group-hover:flex tablet:group-hover:hidden\n       ' }), h("div", { key: '604b6ae34593fb237af64cda7f94038bf6aaa9a5', class: '\n         desktop-xs:flex desktop-xs:hidden\n         desktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n       ' }), h("div", { key: 'e0fd3a78c6c3ca78dc1cca453220cf27e482407a', class: '\n         desktop-sm:flex desktop-sm:hidden\n         desktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n       ' }), h("div", { key: 'bdeae20e2da2094d0d332c9b0370b86fd72e23ab', class: '\n         desktop:flex desktop:hidden\n         desktop:group-hover:flex desktop:group-hover:hidden\n       ' }), h("div", { key: 'a0483d5c76e8c5d29c9dbee479ac0451ca07ae53', class: '\n         desktop-lg:flex desktop-lg:hidden\n         desktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n       ' }), h("div", { key: '484239af649c9c8ff78d3f0046ecf69cc9929694', class: '\n         desktop-xl:flex desktop-xl:hidden\n         desktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n       ' }), h("div", { key: '87810fb881c72609cb81f0a6c0ee56c9c2454b3e', class: '\n         pr-0 pr-4\n         last-of-type:pr-0\n       ' }), h("div", { key: '3bfbfcff44dd9403d484a961039f6f753670570e', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: '8b1b9c999c09e900a6ae1a6c849d4aefa3da2b00', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: 'e86a9aa00985ce6be258c16c88a65cc27d191d48', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '583d14283901e179df7e5abbfe14777d553f73f9', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '6f7ed4a64f62d24abc43528eb7b4acfda580e5c8', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: 'def1e7396e879327c4c7532162d29083d95b5ee8', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
+        return (h(ThemedHost, { key: 'dfd539fd9035f67cce64188ab18c7a16e8533431', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: 'ae3c90711fd99d6ca5528dc04c00d16e76ae8451' }, h("div", { key: '4f42a9003f98bda6425845733b0459e7216bc8b0', class: 'pl-8' }), h("div", { key: '4668a15044f923954d610d60f8126c689a6b0fc0', class: '\n         text-storm-300 text-storm-400 text-storm-500\n         dark:text-hurricane-200 dark:text-white\n       ' }), h("div", { key: 'bb6f7f88b22ab088dc88e846c2e258c8b80505b7', class: 'justify-start justify-end justify-center' }), h("div", { key: '9c77ce1a1daf737242fed9dfbb3e553c65152648', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: '5efb48a9c5b53c708b99eb97bf061fb870cecf7f', class: '\n         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\n         w-9/12 w-full\n       ' }), h("div", { key: 'f6d0da3e666292aebce97d7929ee19780b9bd3bd', class: '\n         tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12\n         tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12\n         tablet:w-9/12 tablet:w-full\n       ' }), h("div", { key: '9e1520236e67e7a76ff919328cb84e2eca3ecb38', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: '57f9e89591ef728048c182cb1b1129abe7b7e55e', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: 'b5a15833e7e22da4c84d12d85ee7288e3d41d224', class: '\n         desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12\n         desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12\n         desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12\n         desktop-sm:w-full\n       ' }), h("div", { key: '57be1a30b957c78c1795d0148a65016db0b2948d', class: '\n         desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12\n         desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12\n         desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-full\n       ' }), h("div", { key: 'ee0ae4327929c55828d9950137efce5c4f8e09eb', class: '\n         desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12\n         desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12\n         desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12\n         desktop-lg:w-full\n       ' }), h("div", { key: 'cf7dd9fb34f8bb8343011ff46ee6b57bf1c25628', class: '\n         desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12\n         desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12\n         desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12\n         desktop-xl:w-full\n       ' }), h("div", { key: '8940e3bb54405263944db9a6cb6652303d23da21', class: '\n         flex hidden\n         group-hover:flex group-hover:hidden\n       ' }), h("div", { key: '91ed402f986d46503e9daeb1db2d2033ccde4143', class: '\n         tablet:flex tablet:hidden\n         tablet:group-hover:flex tablet:group-hover:hidden\n       ' }), h("div", { key: '45734f5081af6907f47caaa749bb53804e6580b3', class: '\n         desktop-xs:flex desktop-xs:hidden\n         desktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n       ' }), h("div", { key: '90817c67bf519692db4c32a1e5a9565633d2cefa', class: '\n         desktop-sm:flex desktop-sm:hidden\n         desktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n       ' }), h("div", { key: '33d3f02ace03ffaddac171408f8c29f021f8f37b', class: '\n         desktop:flex desktop:hidden\n         desktop:group-hover:flex desktop:group-hover:hidden\n       ' }), h("div", { key: 'b4e4ce5f531a48684fd8fe8683d41f0cff385b3b', class: '\n         desktop-lg:flex desktop-lg:hidden\n         desktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n       ' }), h("div", { key: 'fab1f4d2770d7b2ebac070109fe670ba1704b4d1', class: '\n         desktop-xl:flex desktop-xl:hidden\n         desktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n       ' }), h("div", { key: 'c2bdfa6d9f7abb5f463f000a9da7b4e71dfad7fd', class: '\n         pr-0 pr-4\n         last-of-type:pr-0\n       ' }), h("div", { key: 'faa9e804766f641a39519c3313dd468807f2ef45', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: 'ed0a796290e32cb85048bcf945901b1a0b26e01e', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: '4c43237986e5034279dfbf50ed55a3e5b468bff1', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '37565cc74ac70303c4754869b4790fb6a622fd50', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '371baaf895bc583cac7b28d9e2cec87766795c38', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: '53db780b1e434beaffc9e9ba936538f622f4aace', 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

@@ -107,12 +107,12 @@ export class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: '2a9d106d8fcda59dbe0615b936dec5c5a6c06ac3' }, h("div", { key: '92904418a7130a5b5b03c60c4ef9a5297fa67900', class: footer({
+        return (h(ThemedHost, { key: '4282e3a5a5036e596454dfb52c6323b80f469264' }, h("div", { key: 'f4d74e1168356b9c5768332f61ddd6de85170c0f', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: 'b085a53358757b965720f35ad4deb70a705b4cfd', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '7877e074aa9a6bf79f71ad8c17ca9e59c96c5cc8', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {

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

@@ -107,13 +107,13 @@ export class TableRow {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '0d120affd1a9979fee9871f4185e5be8128235e8' }, h("div", { key: '5686db4396a01a88c3962bc6a821c0e1552c13f1', class: 'flex flex-col' }, h("div", { key: '71e6470049acc4b3acebbb478ebd8fba5f36d688', class: row({
+        return (h(ThemedHost, { key: '4ae9344919a3b4dcd6c34fdf76828dbe3ce6b396' }, h("div", { key: '1a4de3b449898d697700799b13c78042d6eff300', class: 'flex flex-col' }, h("div", { key: '927396e7bf1198c6a5154e17be44c14d1afe4726', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: 'e2d1a4259be84eca424d30d53a88a7a8cdb2336c', class: content({
+            }) }, h("div", { key: '7f6272205310383055b3a37d51e4a83bd19557df', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '7457daaf7e4fd01b21c68d048ff9dfed9387b507' }), h("div", { key: '780993e2462abeb10d1c56a15bd29bc77348bcdd', class: actions() }, h("slot", { key: 'e2ff2aa57ae3754fe904cde800a0dc6d9da192ed', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '5a76c8dca2fa8bdfd6476362d83f30b0832d1762' })))));
+            }) }, h("slot", { key: 'f26ccd0768bee41ef2987e3e45f5a18e4a4b6e57' }), h("div", { key: '75230c7b9bc9fbb52ab407c0a22b8f177fd39407', class: actions() }, h("slot", { key: 'bbd6ec87b2f7e01e0e2dfc62295d1444ac1bbae5', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '08930ffe9f0f27060d9084bc3672fd32d9dd0648' })))));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(ThemedHost, { key: '8d36846b85c4e661ccd81533ac05eb6a651bedb6' }, h("div", { key: '5a60824f6868fa38893b7e451850f6e181caa95c', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, h("div", { key: 'c3ebd2eecb1f3378176653bfe7ae96bd9b7b4b13', class: indicator({ variant: this.variant }) }), h("div", { key: '89ce39565adb3958a12551d5021f7ab86c9babb5', class: content() }, h("div", { key: '9c833a877f81b34c53ff73378b799fad436e76fd', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '7ec87f298e4dda01ff689f877d436c726abef8a5', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '08c6c263d6ce9915b055fc24e4b0aca7d2b7bfc2', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '111084df846674e17f00ec8c7902a099f05a1e58', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, h("p-icon", { key: '660342af8a7f33cdd2495cf03fd54fe8923babc8', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (h(ThemedHost, { key: 'f1571a0deacd549291d1d04322a1cc80c3a0720e' }, h("div", { key: '345a479a1a9236dab89f1367d46d60b8f81c06d7', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, h("div", { key: '800075ff1075383ad9c879b6fd31870c1c990b5c', class: indicator({ variant: this.variant }) }), h("div", { key: 'd1818b747fa164991f4554d89c134cdb3dc956b2', class: content() }, h("div", { key: '66d3e58ab4014eb442ea19ba55169d0d31195f21', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '975545d9b32298494656e98168e468e5e90298ff', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '393b0ce56e3e61fda95cff12ca377bd8283b66ad', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '6967b09134dd543682accb499f529d17c9101d2b', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, h("p-icon", { key: '39bd7d0ba6e80b6287b117ec81c73afeee1968b9', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _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: 'bd62a9cb5f45d0be1bf09636a4d576a70a4350fb', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: '6530812142c92d48d2dc3a10456b6740545579dd', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: 'c762354f8f1f0023a6a73bff00fc5333431c8226', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: 'a9870a9992cc0cdaa49351e06fbde5bb77a717c5', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

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

@@ -61,7 +61,7 @@ const backdrop = cva([
 export class Navbar {
     _show = false;
     render() {
-        return (h(ThemedHost, { key: '814b399715eba8a9f4c81ed550431b8b3cc29d39' }, h("p-backdrop", { key: '59c99e5c8ce0dbacae386da8ceb4a7a23b4778bd', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '815fcb1b40cfdbe3a4bd47676b374254073254df', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'a078f18dcc8885db9bd3661cc227adccaf30b8c1', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: 'be1fbb0ee3d1455f4af3b5399a52c38a760ddb1f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: 'c4b1d03bb1c5fd109b99e3d587873b3f47ab1350', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'a981dbc4d887d420cb8b5c7c69fee4795cb07272', name: 'company' })), h("div", { key: '035880f4bb9d321c3d4f9d5fb6df34191ba1be13', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '0d75492d278db82db0a62a4717c94df59a02349c', name: 'content' })), h("div", { key: '66e0a56030477a2e3c8b1706f698114e85b88fe6', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '7ad2e2db299e914b8977f8c300d636d317c06741', name: 'user' }))), h("div", { key: '70be960e812e2b4904a3045193ca16fc2391e4a6', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '19b70f87d40558f633d5d9d8b42b60ba4c999826', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: 'c980989054dc51e2e54bf5d032895e297742fe61', name: 'topbar' }))));
+        return (h(ThemedHost, { key: '4fcecd6497f2005f962fd881113dea4b32bc99ff' }, h("p-backdrop", { key: '69ce86e6e113f15aa06c054522a0f79da89765f8', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e8cc52e1d42ba01936b58c1277b530eeb41e9d14', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'ff511d2b896f7aa47c7efe5ec2d5ae56e8337bab', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: '151a8c2badb81471dc9c9792fe2704216694e7da', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: '09e5f93575b322324b2c8bf091400138be67a885', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '43f0f25dc8228bc05c3dc0a78435eade4448d7fe', name: 'company' })), h("div", { key: '35a814822b5a947de473e18fc52a07680356742a', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '9e39958d9580dff4ba5dc13fd2fc04bf4d9ba412', name: 'content' })), h("div", { key: 'b168df56d5ae5bb27fefaaf177d1e8525cf7751e', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '5db700de8a58e00dedf489ffe6c390852c61bf56', name: 'user' }))), h("div", { key: '05f066e4b8a7fdd3b8850f9997851330efd217af', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '63340bf3435a0c513203c5c71316f56a3a936bd8', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: '3fbd734259acb3571910290acc4dc67f2c9ff5fd', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/{p-qeQ4j6y4.js → p-3Vtsi6MW.js}

@@ -1 +1 @@
-import{t,p as r,H as a,h as e}from"./p-CySg37XO.js";import{T as o}from"./p-Au2WuEGF.js";import{c as i}from"./p-xs4N_Y-0.js";const n=r(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}checked=!1;render(){return e(o,{key:"05b47280bc380ad0960a69c27fa641ea735a94f4"},e("div",{key:"5a0480d4df301d4aa395f87fc93b2e068b9f79f4",class:i("\n        flex\n        before:w-4 before:bg-gradient-to-l before:from-off-white-200\n      ",{"dark:before:from-hurricane-600":!this.checked,"dark:before:from-hurricane-400":!!this.checked})},e("div",{key:"6772a16f95a60938d7d8a019dcbd7c6e8f0d00c7",class:i("flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3",{"dark:bg-hurricane-600":!this.checked,"dark:bg-hurricane-400":!!this.checked})},e("slot",{key:"27f6a9bf20a79fc58b63412aa0943278408e6f90"}))))}static get style(){return'.flex{display:flex}.h-full{height:100%}*{box-sizing:border-box}:host{--tw-content:"";display:flex;height:100%;justify-content:flex-end}.static{position:static}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-hurricane-600{--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.bg-off-white-200{--tw-bg-opacity:1;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))}.from-hurricane-400{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-hurricane-600{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.pr-3{padding-right:.75rem}.before\\:w-4:before{content:var(--tw-content);width:1rem}.before\\:bg-gradient-to-l:before{background-image:linear-gradient(to left,var(--tw-gradient-stops));content:var(--tw-content)}.before\\:from-off-white-200:before{--tw-gradient-from:#faf9f8 var(--tw-gradient-from-position);--tw-gradient-to:hsla(30,17%,98%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}'}},[769,"p-table-row-actions-container",{checked:[4]}]);function d(){"undefined"!=typeof customElements&&["p-table-row-actions-container"].forEach((r=>{"p-table-row-actions-container"===r&&(customElements.get(t(r))||customElements.define(t(r),n))}))}d();export{n as T,d}
+import{t,p as r,H as e,h as a}from"./p-CySg37XO.js";import{T as o}from"./p-Au2WuEGF.js";import{c as i}from"./p-xs4N_Y-0.js";const n=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}checked=!1;render(){return a(o,{key:"4be2a6b0e22633e2d8e966077dbc353f298580ca"},a("div",{key:"7cb5afe3757df775f8a15955ed24f43bf79e2182",class:i("\n        flex\n        before:w-4 before:bg-gradient-to-l before:from-off-white-200\n      ",{"dark:before:from-hurricane-600":!this.checked,"dark:before:from-hurricane-400":!!this.checked})},a("div",{key:"26038bfcbc3fa8558beedeba280639dafe759f4d",class:i("flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3",{"dark:bg-hurricane-600":!this.checked,"dark:bg-hurricane-400":!!this.checked})},a("slot",{key:"249ef823b37b9a894c158f23996432fd57f6e761"}))))}static get style(){return'.flex{display:flex}.h-full{height:100%}*{box-sizing:border-box}:host{--tw-content:"";display:flex;height:100%;justify-content:flex-end}.static{position:static}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-hurricane-600{--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.bg-off-white-200{--tw-bg-opacity:1;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))}.from-hurricane-400{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-hurricane-600{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.pr-3{padding-right:.75rem}.before\\:w-4:before{content:var(--tw-content);width:1rem}.before\\:bg-gradient-to-l:before{background-image:linear-gradient(to left,var(--tw-gradient-stops));content:var(--tw-content)}.before\\:from-off-white-200:before{--tw-gradient-from:#faf9f8 var(--tw-gradient-from-position);--tw-gradient-to:hsla(30,17%,98%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:before\\:from-hurricane-400:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#464b54 var(--tw-gradient-from-position);--tw-gradient-to:rgba(70,75,84,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\\:before\\:from-hurricane-600:where([data-theme=dark],[data-theme=dark] *):before{--tw-gradient-from:#2e343e var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,52,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}'}},[769,"p-table-row-actions-container",{checked:[4]}]);function d(){"undefined"!=typeof customElements&&["p-table-row-actions-container"].forEach((r=>{"p-table-row-actions-container"===r&&(customElements.get(t(r))||customElements.define(t(r),n))}))}d();export{n as T,d}