@paperless/core 3.4.0 → 3.4.1

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

@@ -150,24 +150,24 @@ const button = cva([
             disabled: false,
             error: false,
             class: `
-      text-storm-500
-      dark:text-white
-    `,
+					text-storm-500
+					dark:text-white
+				`,
         },
         {
             variant: 'primary',
             class: `
-      dark:border-0
-      dark:active:border-0
-    `,
+					dark:border-0
+					dark:active:border-0
+				`,
         },
         {
             variant: 'primary',
             disabled: true,
             class: `
-      bg-indigo-200
-      dark:bg-indigo-600/30 dark:text-white/30
-    `,
+					bg-indigo-200
+					dark:bg-indigo-600/30 dark:text-white/30
+				`,
         },
         {
             variant: 'primary',
@@ -180,14 +180,14 @@ const button = cva([
             loading: false,
             class: [
                 `
-       active:border-storm-500/10 active:text-white/60 active:ring-2
-       dark:active:ring-0
-     `,
+						active:border-storm-500/10 active:text-white/60 active:ring-2
+						dark:active:ring-0
+					`,
                 `
-       drop-shadow-primary-button
-       hover:bg-indigo-700 hover:drop-shadow-2
-       active:ring-indigo-100
-     `,
+						drop-shadow-primary-button
+						hover:bg-indigo-700 hover:drop-shadow-2
+						active:ring-indigo-100
+					`,
             ],
         },
         {
@@ -208,17 +208,17 @@ const button = cva([
             variant: ['secondary', 'dropdown'],
             disabled: true,
             class: `
-      border bg-white-600 text-storm-100
-      dark:border-white/5 dark:bg-white/5 dark:text-hurricane-400
-    `,
+					border bg-white-600 text-storm-100
+					dark:border-white/5 dark:bg-white/5 dark:text-hurricane-400
+				`,
         },
         {
             variant: ['secondary', 'dropdown'],
             disabled: false,
             class: `
-      text-storm-500
-      dark:text-white
-    `,
+					text-storm-500
+					dark:text-white
+				`,
         },
         {
             variant: ['secondary', 'dropdown'],
@@ -226,14 +226,14 @@ const button = cva([
             loading: false,
             class: [
                 `
-       drop-shadow-1
-       hover:bg-white-600 hover:drop-shadow-1
-       active:text-storm-500/60 active:ring-indigo-100
-     `,
+						drop-shadow-1
+						hover:bg-white-600 hover:drop-shadow-1
+						active:text-storm-500/60 active:ring-indigo-100
+					`,
                 `
-       dark:hover:bg-white/25
-       dark:active:bg-white/25 dark:active:text-white/60 dark:active:ring-0
-     `,
+						dark:hover:bg-white/25
+						dark:active:bg-white/25 dark:active:text-white/60 dark:active:ring-0
+					`,
             ],
         },
         {
@@ -260,9 +260,9 @@ const button = cva([
             active: false,
             class: [
                 `
-       border-storm-500/20
-       dark:border-transparent
-     `,
+						border-storm-500/20
+						dark:border-transparent
+					`,
             ],
         },
         {
@@ -270,23 +270,23 @@ const button = cva([
             error: true,
             class: [
                 `
-       border border-negative-red-500 text-negative-red-800 ring ring-2
-       ring-negative-red-50
-       active:text-negative-red-800
-     `,
+						border border-negative-red-500 text-negative-red-800 ring ring-2
+						ring-negative-red-50
+						active:text-negative-red-800
+					`,
                 `
-       dark:border-negative-red-700 dark:text-negative-red-alternative
-       dark:ring-0
-     `,
+						dark:border-negative-red-700 dark:text-negative-red-alternative
+						dark:ring-0
+					`,
             ],
         },
         {
             variant: ['text', 'transparent'],
             disabled: false,
             class: `
-      text-indigo-700
-      hover:text-indigo-800
-    `,
+					text-indigo-700
+					hover:text-indigo-800
+				`,
         },
         {
             variant: ['text', 'transparent'],
@@ -376,10 +376,10 @@ const icon = cva([], {
             active: false,
             error: false,
             class: `
-     text-indigo-300
-     group-hover/button:text-white
-     group-active/button:text-white/60
-   `,
+				text-indigo-300
+				group-hover/button:text-white
+				group-active/button:text-white/60
+			`,
         },
         {
             variant: 'primary',
@@ -394,14 +394,14 @@ const icon = cva([], {
             error: false,
             class: [
                 `
-      text-storm-300
-      group-hover/button:text-storm-500
-      group-active/button:text-storm-500/60
-    `,
+					text-storm-300
+					group-hover/button:text-storm-500
+					group-active/button:text-storm-500/60
+				`,
                 `
-      dark:group-hover/button:text-white
-      dark:group-active/button:text-white/60
-    `,
+					dark:group-hover/button:text-white
+					dark:group-active/button:text-white/60
+				`,
             ],
         },
         {
@@ -426,29 +426,29 @@ const icon = cva([], {
             active: true,
             error: false,
             class: `
-     text-storm-500/60
-     dark:text-white/60
-   `,
+				text-storm-500/60
+				dark:text-white/60
+			`,
         },
         {
             variant: ['transparent', 'text'],
             disabled: false,
             active: false,
             class: `
-     text-indigo-500
-     group-hover/button:text-indigo-700
-     group-active/button:text-indigo-800
-   `,
+				text-indigo-500
+				group-hover/button:text-indigo-700
+				group-active/button:text-indigo-800
+			`,
         },
         {
             variant: ['secondary', 'dropdown'],
             active: false,
             error: true,
             class: `
-     text-negative-red-500
-     group-hover/button:text-negative-red-800
-     dark:text-negative-red-alternative
-   `,
+				text-negative-red-500
+				group-hover/button:text-negative-red-800
+				dark:text-negative-red-alternative
+			`,
         },
         {
             variant: ['secondary', 'dropdown'],
@@ -579,7 +579,7 @@ export class Button {
             : 'button';
         const hostClass = cn('p-button inline-block', this.class);
         const active = asBoolean(this.active) || hostClass?.includes('active');
-        return (h(ThemedHost, { key: '96d79703fdd577fadf843e31db00fc39c7a0f60b', class: hostClass }, h(VariableTag, { key: 'b61672659ecbd461e3ee99ac8288f90fddc9f2e1', class: button({
+        return (h(ThemedHost, { key: 'c0fe856fcd5ab189c559abf555a4a21da109f7c1', class: hostClass }, h(VariableTag, { key: '8aac63ae1180877e1353bf4c07fcc7316d51c486', class: button({
                 variant: this.variant,
                 size: this.size,
                 loading: asBoolean(this.loading),
@@ -589,14 +589,14 @@ export class Button {
                 active,
                 error: asBoolean(this.error),
                 underline: asBoolean(this.underline) && VariableTag === 'a',
-            }), disabled: asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '53ad0547df945a2055d9d9a8e9a4e32f8b4474d6', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
+            }), disabled: asBoolean(this.disabled), href: this.href, tabIndex: this.tabIndex, target: this.target, type: this.variant === 'text' ? undefined : this.type }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '5c421fb3f9870651653785d0e2122679d62d0a7b', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), this.label ?? h("slot", { key: '59dc0d14a430e8e47fa46752025d76c0848bcbc4' }), this.icon &&
+            this._getIcon(), this.label ?? h("slot", { key: '2094a7c2cc5723121825f12c5d39e25c36a963a7' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '5e1c8d2f5781900af5ff53b565f7904a42df2c23', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && h("p-loader", { key: 'a760f9a6c098b0857225acd689bda1824021455a', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'ff2e2cf61ec457c79199bc3fee6eaf45e661e1b0', rotate: this.chevron === 'up' ? 180 : 0, variant: 'caret' })), this.loading && h("p-loader", { key: '6865b26534efb4d475a725b41afb046b42817087', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

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

@@ -17,9 +17,9 @@ const header = cva([
     'flex items-center gap-2',
     'w-full rounded-lg p-2',
     `
-    bg-off-white-300
-    dark:bg-white/15
-  `,
+			bg-off-white-300
+			dark:bg-white/15
+		`,
 ], {
     variants: {
         type: {
@@ -189,7 +189,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '396e1c7059b24d8aec57317d839f448be1e37f26' }, h("div", { key: '9030d30aa2fbd06919ec711c01f135ef35c5d7f6', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: 'c84fae4629bc69e0cb42c7fcaa37237d3244509e' }, h("div", { key: 'e2759c9e4f9857534b2c050c09ae7e7319f073ad', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && isAfter(this._today, this._maxDate)) {
@@ -223,13 +223,13 @@ export class Calendar {
         return (h("div", { class: view({ view: 'day' }) }, this._getHeader('day'), h("div", { class: 'grid grid-cols-7 justify-between gap-1' }, this._weekDays.map(weekday => (h("span", { class: 'w-8 text-center text-xs text-storm-200' }, format(addDays(new Date(2022, 7, 1), weekday), state.locale === 'nl' ? 'EEEEEE' : 'eee', {
             locale: state.locale === 'nl' ? nl : enUS,
         })))), daysInMonth.map(day => day.active ? (h("p-button", { class: cn('w-8', `
-           col-start-${day.offset}
-         `), tabIndex: -1, variant: 'primary', onClick: () => this._setValue(day.date) }, day.day)) : (h("time", { class: cn('normal flex items-center justify-center rounded-lg', 'h-8 w-8 text-sm font-semibold', 'text-storm-300', 'dark:bg-white/15', {
+										col-start-${day.offset}
+									`), tabIndex: -1, variant: 'primary', onClick: () => this._setValue(day.date) }, day.day)) : (h("time", { class: cn('normal flex items-center justify-center rounded-lg', 'h-8 w-8 text-sm font-semibold', 'text-storm-300', 'dark:bg-white/15', {
                 'cursor-pointer hover:bg-white-600 hover:text-storm-500 dark:text-white dark:hover:bg-hurricane-300 dark:hover:text-white': !day.disabled,
                 'dark:text-hurricane-200': day.disabled,
             }, `
-           col-start-${day.offset}
-         `, { 'cursor-not-allowed opacity-60': day.disabled }, {
+										col-start-${day.offset}
+									`, { 'cursor-not-allowed opacity-60': day.disabled }, {
                 'border border-solid border-off-white-700 bg-off-white-300 text-storm-500 dark:border-none dark:bg-hurricane-200 dark:text-white': !day.disabled && isSameDay(day.date, new Date()),
             }), onClick: () => this._setValue(day.date) }, day.day))))));
     }

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

@@ -47,19 +47,19 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'ced2d428e5bb5831898a3092ea2f0d7b9802ef02', class: 'p-content-slider' }, h("div", { key: 'e3dfda6e2643f979be7d68b908dd282c94c39b1d', class: `
-       slider
-       ${!this.disableDrag && 'draggable'}
-       ${this._dragging && 'dragging'}
-     `, ref: el => (this._sliderRef = el), style: {
+        return (h(Host, { key: 'ced2d428e5bb5831898a3092ea2f0d7b9802ef02', class: 'p-content-slider' }, h("div", { key: '3ca653a9fa8645adf7c72d163c8af0b7824b01f6', 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: 'cfef628f79dd457341ff316119afe53386585fd4', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '08496344b73b4fb1c84d0df7e53d01b83c54a01c', onSlotchange: () => this._slotChange() }))), h("div", { key: '1f058ce1a871ce924a19e5f03733087b347fe7dc', class: `
-       indicator
-       ${this.hideMobileIndicator && 'hidden'}
-     ` }, this._filteredItems.map((_, i) => (h("div", { class: `
-         item
-         ${!this.disableIndicatorClick && 'cursor-pointer'}
-       `, onClick: () => this._scrollTo(i, true) }, h("div", { class: cn('block h-2 w-2 rounded-full', {
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '0851691fb6ac28cf5de7ec52f5825fefb806dd90', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '3ad03b0e3026b57af0421db764aec45e7bd8de2e', onSlotchange: () => this._slotChange() }))), h("div", { key: 'fef7a983d1618ed3aabe65a768df7be78ad69b44', class: `
+						indicator
+						${this.hideMobileIndicator && 'hidden'}
+					` }, this._filteredItems.map((_, i) => (h("div", { class: `
+								item
+								${!this.disableIndicatorClick && 'cursor-pointer'}
+							`, onClick: () => this._scrollTo(i, true) }, h("div", { class: cn('block h-2 w-2 rounded-full', {
                 'bg-indigo-600': i === this._visibleIndex,
                 'bg-indigo-300': i !== this._visibleIndex,
             }) })))))));

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

@@ -1 +1 @@
-.mb-6{margin-bottom:1.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static}.hidden{display:none}.aspect-branding{aspect-ratio:23/24}.h-\[17\.5rem\]{height:17.5rem}.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))}.resize{resize:both}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-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-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-14{padding-left:3.5rem;padding-right:3.5rem}@media (min-width:40rem){.tablet\:max-w-xs{max-width:20rem}.tablet\:px-1{padding-left:.25rem;padding-right:.25rem}}.dark\:border-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}.dark\:border-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(163 165 169/var(--tw-border-opacity,1))}
+.mb-6{margin-bottom:1.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static}.hidden{display:none}.aspect-branding{aspect-ratio:23/24}.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))}.resize{resize:both}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-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))}.px-14{padding-left:3.5rem;padding-right:3.5rem}@media (min-width:40rem){.tablet\:px-1{padding-left:.25rem;padding-right:.25rem}}

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: '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) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

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

@@ -1 +1 @@
-*{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)}
+*{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)}

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: '910da60dd3e8493be39af5153ec17fcaa712d547', 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: '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 &&
                 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: '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) }))));
+                }), 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) }))));
     }
     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}.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))}
+*{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))}

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          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: '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 &&
             (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-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))}
+*{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))}

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: '512c7c3162d9a40483f5d43d7fbea5635c40b45d', class: cn(`
-         flex items-end justify-between gap-1
-         empty:hidden
-       `, {
+            }), htmlFor: this.id }, h("div", { key: '460ad5c8a40a699cf07a7647d94982bbc19a050e', class: cn(`
+								flex items-end justify-between gap-1
+								empty:hidden
+							`, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!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) &&
+            }) }, (!!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) &&
             asBoolean(this.showOptional) &&
-            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({
+            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({
                 '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: '45fc720b8771ffca3ce381fcc98c162947aa1e71', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '5b396d454ec6d1a17f69327a88d4998765621102', 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: '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({
+        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({
                 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: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '42da31abb85a0a59b4257392f240abb8412a08eb', 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: '696e95bfe4ee145a02e4de13f697a01b62bb2678', 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: 'c6c9ae5a876c6845ae1ade9386db42c746ee928e', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),