@paperless/core 3.4.1 → 3.4.2

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: '723cfb05a2337adfb08f9e0b89f7d1e70e9654ac', class: '\n\t\t\t\t\t\t\th-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n\t\t\t\t\t\t\tbg-white\n\t\t\t\t\t\t\tdark:border-hurricane-200\n\t\t\t\t\t\t', onAction: () => this._onAction() }, h("cropper-image", { key: '87137daa950d1615812b636fb52f91c73e44c057', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '3e40f74e65db70a4082a18f57f0213aafd621fff', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '0ec21d32a5786fe2eb5271e753de89b8538871e7', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'ff08b6346fac41a80f41620798997c5ad02adaab', action: 'move', plain: true }))), h("p-range", { key: '5c9ad96aa66743609ccf43b57cff1d1edec41029', class: '\n\t\t\t\t\t\tw-full px-14\n\t\t\t\t\t\ttablet:max-w-xs tablet:px-1\n\t\t\t\t\t', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        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) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.z-\[-10\]{z-index:-10}.overflow-hidden{overflow:hidden}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
+*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.z-\[-10\]{z-index:-10}.overflow-hidden{overflow:hidden}.opacity-0{opacity:0}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}

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

@@ -210,7 +210,7 @@ export class Datepicker {
         }
     }
     render() {
-        return (h("p-dropdown", { key: '9bd033bcc9c678b922d2708f0115359a10eda050', 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: '9954ad569303d1c301e9e23c11ddc8667ed5885b', 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: 'fa4fa3a1bcbdda2681fc4fde380ef683cc7c0f1d', class: '\n\t\t\t\t\t\t\tpointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n\t\t\t\t\t\t\topacity-0\n\t\t\t\t\t\t', max: this.maxDate &&
+        return (h("p-dropdown", { key: '9bd033bcc9c678b922d2708f0115359a10eda050', 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: '9954ad569303d1c301e9e23c11ddc8667ed5885b', 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: '910da60dd3e8493be39af5153ec17fcaa712d547', 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 &&
@@ -219,7 +219,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: '824855bf12848182090e9ef508a4ec63cabfdf30', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '5864d9f86c35883f613456760045ae6a621dd7e5', 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: 'dbc9708700e9da87b6eaed0074b2c0874af1273e', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: 'f209ed8fb397826f9d17f1d635e815418335903c', 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/empty-state/empty-state.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.max-w-\[20rem\]{max-width:20rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.max-w-\[20rem\]{max-width:20rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

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

@@ -63,7 +63,7 @@ export 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\t\t\t\t\t\t\t\t\tmy-0 text-center font-ambit text-sm font-bold text-storm-500\n\t\t\t\t\t\t\t\t\tdark:text-white\n\t\t\t\t\t\t\t\t' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n\t\t\t\t\t\t\t\t\tmy-0 text-center text-sm font-normal text-storm-300\n\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t' }, this.content))), this.enableAction &&
+                : 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 &&
             (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/container/field-container.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\:hidden:empty{display:none}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\:hidden:empty{display:none}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

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

@@ -111,21 +111,21 @@ export class FieldContainer {
         }
         return (h(ThemedHost, { key: '9b4ab7a1d59cead07a2065b0d6bc72be41d24287' }, h("label", { key: 'ac31d16bdd75b4b236479638efd367f4771627d1', class: cn('flex w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, h("div", { key: '460ad5c8a40a699cf07a7647d94982bbc19a050e', class: cn(`
-								flex items-end justify-between gap-1
-								empty:hidden
-							`, {
+            }), htmlFor: this.id }, h("div", { key: '512c7c3162d9a40483f5d43d7fbea5635c40b45d', class: cn(`
+         flex items-end justify-between gap-1
+         empty:hidden
+       `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: '0db937fbb83c462b3fe6b0804312ea3be1bb7397', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: 'b2306fe3788e40f9e0485d361dd96657db109167', class: '\n\t\t\t\t\t\t\t\t\t\tmin-w-0 overflow-hidden text-ellipsis text-xs font-medium\n\t\t\t\t\t\t\t\t\t\ttext-storm-300\n\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t\t' }, label), helper && (h("p-helper", { key: '676d385ef6ce89323ae8fa5dd8fbc00785ee9c83', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (h("div", { key: 'af4a8faeb4c3fca4554b306ab252378d8a39ab95', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: '77b5887681e6537714b0352a02873a56ab22e304', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: '786e241b3537a05c4bf12f58333d5c10065879c3', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: 'd14700f7a78349ffb1de0a39bcb92ca9833e7f3b', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (h("div", { key: 'a3f63057ac68b62a68cf4d0b31b09039817ea87f', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
             asBoolean(this.showOptional) &&
-            this.variant === 'write' && (h("span", { key: '55bc53b5cdbaccf21d088ad061c0da7f5270bf8e', class: '\n\t\t\t\t\t\t\t\t\t\t\t\ttext-xs font-medium text-storm-200\n\t\t\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-300\n\t\t\t\t\t\t\t\t\t\t\t' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: '9105c1857ad70a42363be7695b698a499467fe9b', name: 'header' })))), h("p-tooltip", { key: 'cac4a2b20a6876bab0b53c9d03f514f31bd1d38c', class: cn({
+            this.variant === 'write' && (h("span", { key: '6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: 'e4b5a07a66a036c619d0a788c959a3d80af2f58c', name: 'header' })))), h("p-tooltip", { key: 'd482091d838534d3f3e3f177c9f5ccd605e8e519', class: cn({
                 'w-full': this.variant === 'write' || this.loading,
                 'ml-auto': this.align === 'end',
                 'font-normal': this.variant === 'read',
                 'text-storm-500 dark:text-white': this.variant === 'read',
             }), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
-                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '5b396d454ec6d1a17f69327a88d4998765621102', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '45fc720b8771ffca3ce381fcc98c162947aa1e71', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

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

@@ -59,9 +59,9 @@ const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relati
             focused: false,
             error: false,
             class: `
-					border-storm-100
-					dark:border-hurricane-400
-				`,
+      border-storm-100
+      dark:border-hurricane-400
+    `,
         },
         {
             variant: 'write',
@@ -69,26 +69,26 @@ const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relati
             focused: true,
             error: false,
             class: `
-					border-indigo-600 ring ring-indigo-100
-					selection:bg-indigo-500
-					dark:ring-0
-				`,
+      border-indigo-600 ring ring-indigo-100
+      selection:bg-indigo-500
+      dark:ring-0
+    `,
         },
         {
             variant: 'write',
             disabled: false,
             class: `
-					bg-white
-					dark:bg-hurricane-500
-				`,
+      bg-white
+      dark:bg-hurricane-500
+    `,
         },
         {
             variant: 'write',
             disabled: true,
             class: `
-					cursor-not-allowed bg-white-600
-					dark:border-hurricane-500 dark:bg-hurricane-600
-				`,
+      cursor-not-allowed bg-white-600
+      dark:border-hurricane-500 dark:bg-hurricane-600
+    `,
         },
         {
             disabled: false,
@@ -100,24 +100,24 @@ const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relati
             focused: true,
             error: true,
             class: `
-					ring ring-negative-red-50
-					selection:bg-negative-red-50
-					dark:ring-0
-				`,
+      ring ring-negative-red-50
+      selection:bg-negative-red-50
+      dark:ring-0
+    `,
         },
     ],
 });
 const input = cva([
     `
-			text-sm
-			placeholder:text-sm placeholder:text-storm-500/40
-			dark:placeholder:text-hurricane-200
-		`,
+    text-sm
+    placeholder:text-sm placeholder:text-storm-500/40
+    dark:placeholder:text-hurricane-200
+  `,
     'min-w-0 flex-1 border-none bg-transparent p-0',
     `
-			outline-none
-			focus:outline-none
-		`,
+    outline-none
+    focus:outline-none
+  `,
     'font-geist',
 ], {
     variants: {
@@ -131,9 +131,9 @@ const input = cva([
         },
         error: {
             false: `
-					text-storm-500
-					dark:text-white
-				`,
+      text-storm-500
+      dark:text-white
+    `,
             true: 'text-negative-red-500',
         },
     },
@@ -147,9 +147,9 @@ const prefixAndSuffix = cva(['flex flex-shrink-0 items-center justify-center tex
         disabled: {
             false: null,
             true: `
-					text-storm-100
-					dark:text-hurricane-400
-				`,
+      text-storm-100
+      dark:text-hurricane-400
+    `,
         },
         focused: {
             false: null,
@@ -174,18 +174,18 @@ const prefixAndSuffix = cva(['flex flex-shrink-0 items-center justify-center tex
             focused: false,
             error: false,
             class: `
-					text-storm-300
-					dark:text-hurricane-200
-				`,
+      text-storm-300
+      dark:text-hurricane-200
+    `,
         },
         {
             disabled: false,
             focused: true,
             error: false,
             class: `
-					text-storm-500
-					dark:text-white
-				`,
+      text-storm-500
+      dark:text-white
+    `,
         },
         {
             disabled: false,
@@ -365,8 +365,8 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: '2d3efe62a6b9463bba1e39d2794fabda20c6f038' }, h("p-field-container", { key: 'a55a299950823dba5cbb8ec33946426430a54a2b', 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: 'ae63afe892c4abfe02e57f2e40d135b394786d21', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '0325dfdefaee16f52fc34f34251fffbce423ea39', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'fa2afa7090e5021b669e5b57cd749aad558fc6b7', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'a45dbb5e6505221f441feb3f1adb03bbd8326ba4', name: 'error', slot: 'error' })), h("div", { key: '75dc9396f2c2a63206f4df5e238327b90caaf7d9', class: field({
+        return (h(ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, h("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', 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: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), h("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -377,7 +377,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '42da31abb85a0a59b4257392f240abb8412a08eb', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -387,7 +387,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',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'c6c9ae5a876c6845ae1ade9386db42c746ee928e', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

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

@@ -8,8 +8,9 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
             positive: [
                 'bg-positive-green-100 text-positive-green-800',
                 `
-						dark:bg-positive-green-alternative/15 dark:text-positive-green-alternative
-					`,
+       dark:bg-positive-green-alternative/15
+       dark:text-positive-green-alternative
+     `,
             ],
             biased: [
                 'bg-amber-100 text-amber-800',
@@ -42,9 +43,9 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
             keepMobileContent: false,
             iconOnly: false,
             class: `
-					w-6 p-2
-					desktop-xs:w-auto desktop-xs:py-0
-				`,
+      w-6 p-2
+      desktop-xs:w-auto desktop-xs:py-0
+    `,
         },
     ],
 });
@@ -74,17 +75,17 @@ export class Label {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '009d258fa4ce7e33a83e62d6bce8acd25d8ea6fe' }, h("div", { key: 'c5b00cdbe8abbd6ea6416c4369eb0aba19cf6c8f', class: label({
+        return (h(ThemedHost, { key: '11f93a805b545dbdf3d8f7f07d2ba9d9b72f9465' }, h("div", { key: '1947c9e35ae05a8ffda7d35c4f72edf8edd6eb78', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '7a24ea37145d4fe0a8b0fc3ab168beb89348d7ba', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'eb27da1ebf6563a36c155625202abdeef3b31a7d', class: cn(`
-									flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
-									font-medium
-								`, {
+            }) }, 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(`
+          flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
+          font-medium
+        `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'ae9d74fecc3264b953e9cd04273c7deaf5b34ca3' }))))));
+            }) }, h("slot", { key: 'b96c6e958fb8786e078fa9cbdeb1daac494ef9f3' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,9 +7,9 @@ const navigationItem = cva([
     'h-8 w-[inherit]',
     'flex items-center gap-2',
     `
-			hover:text-storm-500
-			dark:hover:text-white
-		`,
+    hover:text-storm-500
+    dark:hover:text-white
+  `,
     'rounded-lg',
     'px-2 py-1',
     'text-sm font-medium',
@@ -19,19 +19,19 @@ const navigationItem = cva([
         active: {
             false: [
                 `
-						text-storm-400
-						dark:text-hurricane-200
-					`,
+       text-storm-400
+       dark:text-hurricane-200
+     `,
                 `
-						hover:bg-off-white-500
-						dark:hover:bg-white/10
-					`,
+       hover:bg-off-white-500
+       dark:hover:bg-white/10
+     `,
             ],
             true: [
                 `
-						bg-off-white-600 font-semibold text-storm-500
-						dark:bg-white/10 dark:text-white
-					`,
+       bg-off-white-600 font-semibold text-storm-500
+       dark:bg-white/10 dark:text-white
+     `,
             ],
         },
         icon: {
@@ -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: 'c7730724fe55ee9583ae72160cf5fb70fdb327d2', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'a54016852cc91b8a3d5bb8cf64e18f3b5771b787', class: navigationItem({
+        return (h(ThemedHost, { key: 'f683b2979f9fde20b6e37ba7f3460fd052cce426', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '8f9b4557b535d893375bcbe9108a618aff26974e', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '3be0687a5118e1fa2269b4d8a3998ddf5706e71b', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '3ee2c812465939991adcdda70b6a1bccee3d5af7', variant: this.icon })), h("span", { key: '6bd30976ccca7bc65e7bcc47d5981945fecb64e9', class: cn({
+            }), href: this.href, target: this.target }, h("div", { key: '6a32cd63b465492becb679ba08175e79a9c053c8', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '5fd49857c3f424479731379311ee426d2bf9b79e', variant: this.icon })), h("span", { key: '8d1527282d584b49e7990455e6bba80debd48cd5', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, h("slot", { key: 'ae3887b12e2079e0afbc094c99d6a166ec8edc84' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'a9514b0f7a9d03ea306bdd6d1f4243854eabd375' }, this.counter)), !!this.loading && h("p-loader", { key: '973fc2aab3a3d6e738f2bde25659dd69fa55c3bc', class: 'ml-auto' }))));
+            }) }, h("slot", { key: '6b9480c94455eeb524a029f21794fc89cb31c857' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7677e25cb31c5f98bbe70b05e4ca95c518ab696c' }, this.counter)), !!this.loading && h("p-loader", { key: 'c006a2604a54309028adda2d3aaff26e1d0acd3c', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.dark\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.mx-0{margin-left:0;margin-right:0}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.dark\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}

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

@@ -66,7 +66,7 @@ export class Pagination {
                     (!this.enablePaginationSize && !this.enablePaginationPages),
             }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'bb6985dd638fea4e904aae04ba70edc7d94b3c52' }, h("p-pagination-size", { key: '730a4c91d7b3d8d0e2c57dc5e120222daef8b3c4', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: 'a753bfd40be06bb678b68f17625421a90df08ac0', class: '\n\t\t\t\t\t\t\t\t\t\t\tmx-0 h-4 text-off-white-700\n\t\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-400\n\t\t\t\t\t\t\t\t\t\t', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '40a6c5fd4919a35b21b01f9dc6efc70e6a8bb01e', 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: '1496283b26ea9d0801e94bd8dc3987a6dc14480f', 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: '5aaf4021a8b4166bbb8a50b0e6127af1fc0995f7', 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/pagination/size/pagination-size.component.js

@@ -26,13 +26,13 @@ const trigger = cva([
         active: {
             false: [
                 `
-						border-transparent bg-white
-						hover:bg-white-600
-					`,
+       border-transparent bg-white
+       hover:bg-white-600
+     `,
                 `
-						dark:bg-white/15
-						dark:hover:bg-white/25
-					`,
+       dark:bg-white/15
+       dark:hover:bg-white/25
+     `,
             ],
             true: [
                 'border-indigo-600 bg-white-600 ring ring-2 ring-indigo-100',
@@ -79,18 +79,18 @@ export class PaginationSize {
         this._setLocales();
     }
     render() {
-        return (h(ThemedHost, { key: '773f94cdcda81fd680e3eafc033124d1e1aee274', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '3115308f23d1d31fdd8504c0f6c353d1e70fa5a0', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '3832a59b3a44aacb1356fb6485ca6dee5b873d47', class: trigger({
+        return (h(ThemedHost, { key: 'bd468fb3b2889b8cd35ea4cbe39423e47c804e20', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'd8e97c2c1f86d393d7c2c2bb6e8fbf6a0f44567e', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: 'ff75dd123c0a3543ef2118d0a14f15aae96f49f8', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: '8c3d11159ae6c83dbef976c222d0aaa351022559', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: '986ddcf2e5c81ff4dc132aa3612764508e6287d4', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), h("p-icon", { key: '0cbe7e1ead385ea4fbbb4ce63523f671307928c1', class: cn([
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: '4b335f1178302bcbd7682be7c442eab43e8950d5', class: cn([
                 'flex-shrink-0',
                 'group-hover/pagination-size-trigger:text-storm-500',
                 'dark:group-hover/pagination-size-trigger:text-white',
             ], {
                 'text-storm-300 dark:text-hurricane-200': !this.dropdownIsOpen,
                 'text-storm-500 dark:text-white': !!this.dropdownIsOpen,
-            }), size: 'sm', variant: 'double-caret' })), h("slot", { key: 'd133bc7f260622d63aca14db0af22a8eee45c4f6', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            }), size: 'sm', variant: 'double-caret' })), h("slot", { key: 'b26417bae87adfb4d18452c8d953fe4faa4bd868', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.flex{display:flex}.h-10{height:2.5rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.py-1{padding-bottom:.25rem;padding-top:.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.my-0{margin-bottom:0;margin-top:0}.flex{display:flex}.h-10{height:2.5rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

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

@@ -42,7 +42,7 @@ export class Profile {
     _getContent() {
         return (h("div", { class: profileContent({
                 dropdown: this._hasDropdownSlot,
-            }) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: '\n\t\t\t\t\t\t\tmy-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n\t\t\t\t\t\t\ttext-sm font-semibold text-storm-500\n\t\t\t\t\t\t\tdark:text-white\n\t\t\t\t\t\t' }, h("slot", { name: 'title' })), h("p", { class: '\n\t\t\t\t\t\t\tmy-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n\t\t\t\t\t\t\ttext-xs font-medium text-storm-400\n\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
+            }) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: '\n        my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n        text-sm font-semibold text-storm-500\n        dark:text-white\n      ' }, h("slot", { name: 'title' })), h("p", { class: '\n        my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n        text-xs font-medium text-storm-400\n        dark:text-hurricane-200\n      ' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
     }
     _updateAvatar() {
         const avatar = this._el.querySelector('p-avatar[slot="avatar"]');

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

@@ -1 +1 @@
-.m-0{margin:0}.mt-\[calc\(\(0\.5rem-1px\)\*-1\)\]{margin-top:calc(-.5rem + 1px)}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[2px\]{height:2px}.w-4{width:1rem}.w-full{width:100%}.appearance-none{appearance:none}.rounded-full{border-radius:9999px}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}*{box-sizing:border-box}:host{input{appearance:none;background-color:transparent;height:1.5rem;margin:0;width:100%}input::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input::-webkit-slider-thumb{--tw-bg-opacity:1;appearance:none;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;margin-top:calc(-.5rem + 1px);width:1rem}input::-webkit-slider-thumb:hover{cursor:grab}input::-webkit-slider-thumb:active,input::-webkit-slider-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-webkit-slider-thumb:active{cursor:grabbing}input::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}input::-moz-range-thumb:hover{cursor:grab}input::-moz-range-thumb:active,input::-moz-range-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-moz-range-thumb:active{cursor:grabbing}}.hover\:cursor-grab:hover{cursor:grab}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.active\:cursor-grabbing:active{cursor:grabbing}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-1\/2{top:50%}.w-inherit{width:inherit}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.gap-2{gap:.5rem}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}
+.m-0{margin:0}.mt-\[calc\(\(0\.5rem-1px\)\*-1\)\]{margin-top:calc(-.5rem + 1px)}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[2px\]{height:2px}.w-4{width:1rem}.w-full{width:100%}.appearance-none{appearance:none}.rounded-full{border-radius:9999px}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}*{box-sizing:border-box}:host{input{appearance:none;background-color:transparent;height:1.5rem;margin:0;width:100%}input::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.15)}input::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1));height:2px}input:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input:where([data-theme=dark],[data-theme=dark] *)::-moz-range-track{background-color:hsla(0,0%,100%,.15)}input::-webkit-slider-thumb{--tw-bg-opacity:1;appearance:none;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;margin-top:calc(-.5rem + 1px);width:1rem}input::-webkit-slider-thumb:hover{cursor:grab}input::-webkit-slider-thumb:active,input::-webkit-slider-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-webkit-slider-thumb:active{cursor:grabbing}input::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}input::-moz-range-thumb:hover{cursor:grab}input::-moz-range-thumb:active,input::-moz-range-thumb:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}input::-moz-range-thumb:active{cursor:grabbing}}.hover\:cursor-grab:hover{cursor:grab}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.active\:cursor-grabbing:active{cursor:grabbing}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-1\/2{top:50%}.flex{display:flex}.w-inherit{width:inherit}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.gap-2{gap:.5rem}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}

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: '087df5c538f39763a358341b78fe177e85e5c671', class: '\n\t\t\t\t\t\tflex w-inherit items-center gap-2 text-storm-300\n\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t' }, h("p-icon", { key: 'd98e4cdb39318356589bb04408374833c992bf02', variant: 'minus' }), h("div", { key: '880807ec718ac293fb195d54af976925813c4aac', class: 'relative h-6 flex-1' }, h("input", { key: 'f0163e6cf72cf43528eaaf4ebe3fce6ced3d0bf9', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        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 => {
                 const value = ev.target.value;
                 this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), h("div", { key: '418cd6ad97fe19e358064df6c484ff1951ef42dc', class: '\n\t\t\t\t\t\t\t\tz-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform\n\t\t\t\t\t\t\t\tbg-indigo-600\n\t\t\t\t\t\t\t', style: {
+            } }), h("div", { key: '0bea7f03b87ab00d74780796f00f3eda90bc1b96', class: '\n         z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '1a1893ede867fa2aa768e75075f9e5f1f7df5d23', variant: 'plus' }))));
+            } })), h("p-icon", { key: '8136e15955e461ec30c3bb8d83cabbd80c8089f2', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[1\.625rem\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/button:hover .group-hover\/button\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.dark\:bg-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[1\.625rem\]{height:1.625rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-indigo-500{--tw-text-opacity:1;color:rgb(142 179 251/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-negative-red-700{--tw-text-opacity:1;color:rgb(147 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/button:hover .group-hover\/button\:text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.group\/item:hover .group-hover\/item\:text-indigo-800{--tw-text-opacity:1;color:rgb(27 88 210/var(--tw-text-opacity,1))}.dark\:bg-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.group\/item:hover .dark\:group-hover\/item\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-white\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}.group\/item:hover .dark\:group-hover\/item\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}