@paperless/core 3.0.2 → 3.1.0

package/dist/cjs/p-radio.cjs.entry.js

@@ -11,24 +11,42 @@ require('./state-DM8SZBNO.js');
 const radioComponentCss = () => `*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.m-0{margin:0}.block{display:block}.flex{display:flex}.h-2{height:.5rem}.h-4{height:1rem}.w-2{width:.5rem}.w-4{width:1rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{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))}.-translate-y-1\\/2{--tw-translate-y:-50%}.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))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-50{--tw-border-opacity:1;border-color:rgb(232 232 234/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.checked\\:cursor-auto:checked{cursor:auto}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/radio-label:hover .group-hover\\/radio-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:checked~.peer-checked\\:ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)}.dark\\:border-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.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\\:checked\\:ring-0:checked:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}.dark\\:border-white\\/10:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.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\\:checked\\:ring-0:checked:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))}`;
 
 const radio = index$1.cva([
-    'peer appearance-none m-0 outline-none flex-shrink-0',
-    'rounded-full border border-inset border-solid ',
-    'w-4 h-4',
+    'peer m-0 flex-shrink-0 appearance-none outline-none',
+    'border-inset rounded-full border border-solid',
+    'h-4 w-4',
 ], {
     variants: {
         disabled: {
             false: [
                 'cursor-pointer shadow-1',
-                'bg-white border-storm-100 dark:bg-white/10 dark:border-white/15',
-                'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',
-                'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',
+                `
+       border-storm-100 bg-white
+       dark:border-white/15 dark:bg-white/10
+     `,
+                `
+       hover:border-storm-500/20 hover:bg-indigo-100
+       dark:hover:border-white/15 dark:hover:bg-white/20
+     `,
+                `
+       group-hover/radio-label:border-storm-500/20
+       group-hover/radio-label:bg-indigo-100
+     `,
                 'checked:cursor-auto',
-                'checked:bg-indigo-600 checked:border-storm-500/20',
-                'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',
-                'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',
-                'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',
+                'checked:border-storm-500/20 checked:bg-indigo-600',
+                `
+       checked:ring-2 checked:ring-indigo-100
+       dark:checked:ring-0
+     `,
+                'checked:hover:border-storm-500/20 checked:hover:bg-indigo-700',
+                `
+       checked:group-hover/radio-label:border-storm-500/20
+       checked:group-hover/radio-label:bg-indigo-700
+     `,
             ],
-            true: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',
+            true: `
+      cursor-not-allowed border-storm-50 bg-white-600
+      dark:border-white/10 dark:bg-white/5
+    `,
         },
     },
     compoundVariants: [
@@ -36,9 +54,12 @@ const radio = index$1.cva([
             disabled: false,
             class: [
                 'cursor-pointer shadow-1',
-                'bg-white border-storm-100',
-                'hover:bg-indigo-100 hover:border-storm-500/20',
-                'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',
+                'border-storm-100 bg-white',
+                'hover:border-storm-500/20 hover:bg-indigo-100',
+                `
+       group-hover/radio-label:border-storm-500/20
+       group-hover/radio-label:bg-indigo-100
+     `,
             ],
         },
     ],
@@ -46,13 +67,19 @@ const radio = index$1.cva([
 const circle = index$1.cva([
     'block',
     'rounded-full bg-transparent',
-    'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',
-    'w-2 h-2',
+    `
+    pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2
+    -translate-y-1/2 transform
+  `,
+    'h-2 w-2',
 ], {
     variants: {
         disabled: {
             false: 'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',
-            true: 'peer-checked:bg-storm-200 dark:peer-checked:bg-hurricane-300',
+            true: `
+      peer-checked:bg-storm-200
+      dark:peer-checked:bg-hurricane-300
+    `,
         },
     },
 });
@@ -109,11 +136,11 @@ const Radio = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (index.h(themedHost_component.ThemedHost, { key: '6c93ef349dcabcef38658f27359a441fd4cd3813' }, index.h("label", { key: '291d100b75f53e0b26ed7684329ab8b47c67d89d', class: 'flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: '0db6d40c88eb7e38d49a7b00c51a9527bcb07919', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'c37a2ca4f67b57fb6fe4c5db31f047928eed1e70', checked: this.checked, class: radio({
+        return (index.h(themedHost_component.ThemedHost, { key: '6d6c70b28586db5068f33308fff1c3a35bce641c' }, index.h("label", { key: 'd6741f15e337174a3576163e6b27b65dd54773f4', class: 'flex items-center justify-start gap-2', htmlFor: id }, index.h("div", { key: 'c82520956d1f16cc1a7b6740ab4e03299d5f2039', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '80a7c6b02ff323e646a739cfcfee1652f2ec4df2', checked: this.checked, class: radio({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), disabled: asBoolean.asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), index.h("div", { key: 'f062fa8dba4c876a5cce25d5777bf11ae936764a', class: circle({
+            }), disabled: asBoolean.asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), index.h("div", { key: 'a46921d80daadde9058060754c65b11d17b47b71', class: circle({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) })), index.h("div", { key: '90340477396fd987eabbe4cc7aeebb38a548ec68', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, index.h("slot", { key: 'b66d366cac0e5c99903edc18f4256c045d3a5b10' })))));
+            }) })), index.h("div", { key: 'cd295853a620d74ece3521b96daac11a871cad1d', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, index.h("slot", { key: '7775f245e2652c7b010c34d52376908f2b4a2f99' })))));
     }
     _onChange(ev) {
         if (asBoolean.asBoolean(this.disabled)) {

package/dist/cjs/p-range.cjs.entry.js

@@ -33,13 +33,13 @@ const Range = class {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (index.h(themedHost_component.ThemedHost, { key: 'cb6a6b717940ba17aa7a6df5cc36577a991d3831' }, index.h("div", { key: '86f3c5cfa6b35bab44279382db58fc28cbfb864d', class: 'flex w-inherit items-center gap-2 text-storm-300 dark:text-hurricane-200' }, index.h("p-icon", { key: 'c39ee42a23403c618cf6980ee68610b0d2210f59', variant: 'minus' }), index.h("div", { key: 'ea69ab86a1006f763f2306cc5a644b12ebd68540', class: 'relative h-6 flex-1' }, index.h("input", { key: '36594b239d75623d5494a27ac44fffab83f2c51d', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        return (index.h(themedHost_component.ThemedHost, { key: 'cb6a6b717940ba17aa7a6df5cc36577a991d3831' }, index.h("div", { key: '82e000061159418bb6dc5ba3c72dc9c36315777f', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, index.h("p-icon", { key: 'f3825df8da36fd3e28988753db4216e613336749', variant: 'minus' }), index.h("div", { key: '1020caacf9987bfa348181c6a90b430805f1888f', class: 'relative h-6 flex-1' }, index.h("input", { key: '05fb1b7ed4af1392f107bf27977aab3a80f45c98', 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);
-            } }), index.h("div", { key: 'f995f4c46fe41f30f4702636192835fa9a62141f', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
+            } }), index.h("div", { key: '90cdf9d7a326ec8764722cda4167a2260eff1e93', 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))`,
-            } })), index.h("p-icon", { key: 'f10c499d92c17fa6ad450416490f42155f7b2f22', variant: 'plus' }))));
+            } })), index.h("p-icon", { key: 'b80ba4a88335c01383d94bbb661f7c1300c88e3b', variant: 'plus' }))));
     }
 };
 Range.style = rangeComponentCss();

package/dist/cjs/p-select.cjs.entry.js

@@ -13,7 +13,7 @@ const selectComponentCss = () => `*{box-sizing:border-box}:host{--tw-translate-y
 
 const multiContainer = index$1.cva([
     'flex items-center gap-2',
-    'flex-1 min-w-0 h-full',
+    'h-full min-w-0 flex-1',
     'pointer-events-none overflow-hidden',
 ]);
 const multiItem = index$1.cva([
@@ -21,7 +21,7 @@ const multiItem = index$1.cva([
     'pointer-events-auto cursor-pointer',
     'flex h-[1.625rem] items-center gap-2',
     'h-[1.625rem] px-2',
-    'text-sm font-semibold whitespace-nowrap',
+    'whitespace-nowrap text-sm font-semibold',
     'rounded-lg',
     'bg-indigo-100',
     'dark:bg-white/15',
@@ -29,7 +29,10 @@ const multiItem = index$1.cva([
 const textContainer = index$1.cva('block w-full overflow-hidden text-start', {
     variants: {
         variant: {
-            placeholder: 'text-storm-400 dark:text-white',
+            placeholder: `
+     text-storm-400
+     dark:text-white
+   `,
             default: null,
         },
         enableTextWrap: {
@@ -37,7 +40,11 @@ const textContainer = index$1.cva('block w-full overflow-hidden text-start', {
             false: 'text-ellipsis whitespace-nowrap',
         },
         error: {
-            true: 'text-negative-red-700 dark:text-negative-red-alternative group-hover/button:text-negative-red-800',
+            true: `
+     text-negative-red-700
+     group-hover/button:text-negative-red-800
+     dark:text-negative-red-alternative
+   `,
             false: null,
         },
     },
@@ -274,7 +281,7 @@ const Select = class {
             if (this._selectedItem?.length === 0) {
                 return placeholder;
             }
-            return (index.h("div", { class: multiContainer(), ref: ref => (this._multiContainerRef = ref) }, this._selectedItem.map(item => (index.h("div", { class: multiItem(), onClick: () => this._selectValue(item) }, item[this.selectionDisplayKey ?? this.displayKey], index.h("p-icon", { class: 'text-xs text-indigo-500 group-hover/item:text-indigo-800 dark:text-white/15 dark:group-hover/item:text-white', variant: 'negative' })))), index.h("div", { class: 'extra pointer-events-none hidden text-sm text-storm-100' }, "+", this._amountHidden)));
+            return (index.h("div", { class: multiContainer(), ref: ref => (this._multiContainerRef = ref) }, this._selectedItem.map(item => (index.h("div", { class: multiItem(), onClick: () => this._selectValue(item) }, item[this.selectionDisplayKey ?? this.displayKey], index.h("p-icon", { class: '\n          text-xs text-indigo-500\n          group-hover/item:text-indigo-800\n          dark:text-white/15\n          dark:group-hover/item:text-white\n        ', variant: 'negative' })))), index.h("div", { class: 'extra pointer-events-none hidden text-sm text-storm-100' }, "+", this._amountHidden)));
         }
         return this._getDisplay(this._selectedItem, true);
     }
@@ -342,8 +349,8 @@ const Select = class {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (index.h(themedHost_component.ThemedHost, { key: '617063ca6cf31255928f6f6856cb1902b1d225a2' }, index.h("p-field-container", { key: '4a6d95f7bfbc79b886044f2fe31695990b4e210d', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, index.h("p-dropdown", { key: '86dd982fca64c61a7c54a6ce104a358a8bfc4c04', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, index.h("p-button", { key: '21fe3c6214c05e6a8f90fd817ecb793bed8b7c3b', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, index.h("div", { key: '7e5b6ceacca4ca732caa7385b96c22d0c8436ac5', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
+        return (index.h(themedHost_component.ThemedHost, { key: '76b10df3dbbf0a1758ea13c7205ea4c11ea05056' }, index.h("p-field-container", { key: 'e17bca429b8a24a4c5e4399911c9efcebd8a6b24', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, index.h("p-dropdown", { key: '1bcd1b15692330794bed8b34fbe203b8015681d9', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, index.h("p-button", { key: '383466f2cec3fa3e7aa65aa3db077445cb2917ef', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, index.h("div", { key: '8d5b4d842f4d49f029f1a61f98a8d768c61cf3ef', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOf.childOfComposed(event, this._el)) {
@@ -504,7 +511,7 @@ const Select = class {
         });
         if (this._items.length === 0) {
             items = [
-                index.h("p", { class: 'w-full p-2 text-center text-sm text-storm-400 dark:text-hurricane-200', slot: 'items' }, this.emptyStateText),
+                index.h("p", { class: '\n       w-full p-2 text-center text-sm text-storm-400\n       dark:text-hurricane-200\n     ', slot: 'items' }, this.emptyStateText),
             ];
         }
         if (this.enableSelectAll && this._items.length > 0) {
@@ -597,7 +604,10 @@ const Select = class {
                 }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
         }
         if (this.iconKey && (!isSelection || this.showIconOnSelectedItem)) {
-            content = (index.h("span", { class: 'flex items-center gap-2' }, item[this.iconKey] && (index.h("p-icon", { class: cn.cn('text-storm-300 dark:text-hurricane-200', (!isSelection || !!this.applyClassOnSelectedItem) &&
+            content = (index.h("span", { class: 'flex items-center gap-2' }, item[this.iconKey] && (index.h("p-icon", { class: cn.cn(`
+          text-storm-300
+          dark:text-hurricane-200
+        `, (!isSelection || !!this.applyClassOnSelectedItem) &&
                     (!isSelectedInMenu || !!this.applyClassOnSelectedItemInMenu)
                     ? (item?.[this.iconClassKey] ?? '')
                     : ''), variant: item[this.iconKey] })), index.h("div", { class: textContainer({

package/dist/cjs/p-smile.cjs.entry.js

@@ -23,7 +23,10 @@ const smile = index$1.cva(null, {
     compoundVariants: [
         {
             variant: ['modal', 'card'],
-            class: 'absolute bottom-0 left-1/2 -translate-x-1/2 z-[-1] aspect-[8/3] text-off-white-500',
+            class: `
+     absolute bottom-0 left-1/2 z-[-1] aspect-[8/3] -translate-x-1/2
+     text-off-white-500
+   `,
         },
     ],
 });
@@ -51,7 +54,7 @@ const Smile = class {
      */
     variant = 'modal';
     render() {
-        return (index.h(index.Host, { key: '4a84d723aa104604444b292f01a6b4e342945992', class: smile({ variant: this.variant }) }, index.h("div", { key: '437b7370a3177f0d9266fd7f3595df703a035312', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (index.h(index.Host, { key: '6c99a0206e831d9122665ca9f17c1f533a9c8bc2', class: smile({ variant: this.variant }) }, index.h("div", { key: 'f157da0f0fae32f1355533d6a9fafe69c73a3309', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
 };
 Smile.style = smileComponentCss();

package/dist/cjs/p-stepper-item_2.cjs.entry.js

@@ -23,8 +23,8 @@ const item = index$1.cva('flex gap-2', {
     },
 });
 const circle = index$1.cva([
-    'h-6 w-6 flex items-center justify-center',
-    'text-sm text-center font-medium',
+    'flex h-6 w-6 items-center justify-center',
+    'text-center text-sm font-medium',
     'border border-solid',
     'rounded-full',
 ], {
@@ -52,19 +52,19 @@ const circle = index$1.cva([
             finished: false,
             active: false,
             class: [
-                'text-indigo-600 bg-indigo-50 border-indigo-600',
-                'dark:text-hurricane-200 dark:bg-white/15 dark:border-white/15',
+                'border-indigo-600 bg-indigo-50 text-indigo-600',
+                'dark:border-white/15 dark:bg-white/15 dark:text-hurricane-200',
             ],
         },
         {
             active: true,
             finished: false,
-            class: 'text-white bg-indigo-600 border-indigo-600',
+            class: 'border-indigo-600 bg-indigo-600 text-white',
         },
         {
             active: false,
             finished: true,
-            class: 'text-white bg-indigo-600 border-indigo-600',
+            class: 'border-indigo-600 bg-indigo-600 text-white',
         },
         {
             direction: 'vertical',
@@ -78,7 +78,7 @@ const circle = index$1.cva([
         },
     ],
 });
-const content = index$1.cva('text-sm font-medium flex-1 mt-[1px]', {
+const content = index$1.cva('mt-[1px] flex-1 text-sm font-medium', {
     variants: {
         finished: {
             true: null,
@@ -97,22 +97,34 @@ const content = index$1.cva('text-sm font-medium flex-1 mt-[1px]', {
         {
             finished: false,
             active: false,
-            class: 'text-storm-400 dark:text-hurricane-200',
+            class: `
+     text-storm-400
+     dark:text-hurricane-200
+   `,
         },
         {
             active: true,
             finished: false,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+     text-storm-500
+     dark:text-white
+   `,
         },
         {
             active: false,
             finished: true,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+     text-storm-500
+     dark:text-white
+   `,
         },
         {
             direction: 'horizontal',
             active: false,
-            class: 'hidden desktop-xs:inline-block',
+            class: `
+     hidden
+     desktop-xs:inline-block
+   `,
         },
     ],
 });
@@ -145,19 +157,19 @@ const StepperItem = class {
      */
     active = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '197bcb21f1d28e35bee93f7fe3efa2c70361a4dc' }, index.h("div", { key: '8c0e55e1ca56a4b2c3107542c5533c5166686215', class: item({
+        return (index.h(themedHost_component.ThemedHost, { key: '59225e7cf6387dc74870532f93d41f017ac2b917' }, index.h("div", { key: '3405b371edfc473077228b13dfb6642af24ca7b3', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, index.h("div", { key: '5905ce66b404e06f9c1b79818bc1167adbcdd4de', class: circle({
+            }) }, index.h("div", { key: 'd4c559d9f794406bd0c967a0b8d02437b1fa5770', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean.asBoolean(this.active),
                 finished: asBoolean.asBoolean(this.finished),
-            }) }, this.number), index.h("div", { key: '829cb80e0b3873461f91cb63521ca70e8578c909', class: content({
+            }) }, this.number), index.h("div", { key: 'e62cac677b32c265bafaa4f7e0844dae1fdee71b', class: content({
                 active: asBoolean.asBoolean(this.active),
                 finished: asBoolean.asBoolean(this.finished),
                 direction: this.direction,
-            }) }, index.h("slot", { key: '38fd35eb991bdfbc3884c93cc710067e7cb4435a' })))));
+            }) }, index.h("slot", { key: '853a7664d61bd16d5e0da555bf779a250ba9c15f' })))));
     }
 };
 StepperItem.style = stepperItemComponentCss();

package/dist/cjs/p-tab-container.cjs.entry.js

@@ -9,7 +9,7 @@ const TabContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, index.h("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'scrollbar-hide flex w-full gap-5 overflow-x-auto' }, index.h("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), index.h("p-divider", { key: '994c5d428c65eaf22f2d720a586809f888a567e9', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
+        return (index.h("div", { key: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, index.h("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, index.h("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), index.h("p-divider", { key: '153374f8cc24d554a8beeef4fdaa30a93173d3fc', class: '\n       absolute bottom-0 left-0 m-0 w-full text-off-white-700\n       dark:text-hurricane-400\n     ' })));
     }
 };
 TabContainer.style = tabContainerComponentCss();

package/dist/cjs/p-tab-item.cjs.entry.js

@@ -9,16 +9,32 @@ require('./state-DM8SZBNO.js');
 const tabItemComponentCss = () => `*{box-sizing:border-box}:host{--tw-content:" "}.static{position:static}.flex{display:flex}.h-8{height:2rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.text-sm{font-size:.875rem;line-height:1.25rem}.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))}.after\\:h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:bg-indigo-600:after{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:bg-transparent:after{background-color:transparent;content:var(--tw-content)}.hover\\:text-storm-400:hover{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.hover\\:after\\:bg-storm-400:hover:after{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1));content:var(--tw-content)}.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\\:hover\\:text-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:after\\:bg-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *):after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.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\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:after\\:bg-white:hover:where([data-theme=dark],[data-theme=dark] *):after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}`;
 
 const item = index$1.cva([
-    'h-8 flex flex-col justify-between text-sm',
+    'flex h-8 flex-col justify-between text-sm',
     'cursor-pointer',
-    "after:h-[2px] after:content-[' ']",
+    `
+    after:content-['
+    ']
+    after:h-[2px]
+  `,
 ], {
     variants: {
         active: {
-            true: 'after:bg-indigo-600 text-indigo-600',
+            true: `
+      text-indigo-600
+      after:bg-indigo-600
+    `,
             false: [
-                'text-storm-300 after:bg-transparent hover:after:bg-storm-400 hover:text-storm-400',
-                'dark:text-hurricane-200 dark:hover:after:bg-white dark:hover:text-white',
+                `
+       text-storm-300
+       after:bg-transparent
+       hover:text-storm-400
+       hover:after:bg-storm-400
+     `,
+                `
+       dark:text-hurricane-200
+       dark:hover:text-white
+       dark:hover:after:bg-white
+     `,
             ],
         },
     },
@@ -32,7 +48,7 @@ const TabItem = class {
      */
     active = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '8795ed5e38ffff0da5edb9154fd084c690e2b95d' }, index.h("div", { key: 'dfd1fd4d2deeebfe2eac22eae0b84985c158ed26', class: item({ active: this.active }) }, index.h("slot", { key: '418044c86b215e216a9df1fd9398fd008fa1c41f' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: '68381d5e607b93bd36eaac21b4548f1a8cbe1169' }, index.h("div", { key: 'fe0d645f2421de9d8f0c3c2b008125b9c70244d4', class: item({ active: this.active }) }, index.h("slot", { key: 'bba769a606b49e9f5eab7f47a3bdd263bbc34f3f' }))));
     }
 };
 TabItem.style = tabItemComponentCss();

package/dist/cjs/p-table.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGtpSJv_.js');
 var localization = require('./localization-CTvpcGDo.js');
-var tableHelpers = require('./table-helpers-D7cRsAPO.js');
+var tableHelpers = require('./table-helpers-CskH_8AL.js');
 var screens = require('./screens-AithmFZ8.js');
 var cn = require('./cn-Cd68UVBT.js');
 var constants = require('./constants-BuWBrjuU.js');

package/dist/cjs/p-toast-container.cjs.entry.js

@@ -7,11 +7,16 @@ require('./clsx-BtxeOLZW.js');
 const toastContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.fixed{position:fixed}.bottom-\\[calc\\(env\\(safe-area-inset-bottom\\2c 0\\)\\+1rem\\)\\]{bottom:calc(env(safe-area-inset-bottom,0) + 1rem)}.left-\\[calc\\(env\\(safe-area-inset-left\\2c 0\\)\\+1rem\\)\\]{left:calc(env(safe-area-inset-left,0) + 1rem)}.right-\\[calc\\(env\\(safe-area-inset-right\\2c 0\\)\\+1rem\\)\\]{right:calc(env(safe-area-inset-right,0) + 1rem)}.top-\\[calc\\(env\\(safe-area-inset-top\\2c 0\\)\\+1rem\\)\\]{top:calc(env(safe-area-inset-top,0) + 1rem)}.z-\\[600\\]{z-index:600}.z-toast{z-index:700}.flex{display:flex}.max-w-\\[calc\\(100\\%-\\(env\\(safe-area-inset-left\\2c 0\\)\\+env\\(safe-area-inset-right\\2c 0\\)\\+2rem\\)\\)\\]{max-width:calc(100% - env(safe-area-inset-left,0) - env(safe-area-inset-right,0) - 2rem)}.flex-col{flex-direction:column}.gap-4{gap:1rem}.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}}@media (min-width:40rem){.tablet\\:max-w-\\[26\\.5rem\\]{max-width:26.5rem}}`;
 
 const container = index$1.cva([
-    'fixed flex flex-col gap-4 z-toast',
+    'fixed z-toast flex flex-col gap-4',
     'tablet:max-w-[26.5rem]',
     'z-[600]',
-    'w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right, 0)+2rem))]',
-    'max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]',
+    `
+    w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,
+    0)+2rem))]
+  `,
+    `
+    max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]
+  `,
 ], {
     variants: {
         placement: {
@@ -43,9 +48,9 @@ const ToastContainer = class {
      */
     placement = 'top-end';
     render() {
-        return (index.h("div", { key: '9f7195032efea614ae656d732d69b987cb7f8f58', class: container({
+        return (index.h("div", { key: 'bd21d7bd4c72892795945f527a55d244c74a3e8a', class: container({
                 placement: this.placement,
-            }) }, index.h("slot", { key: '8ded7b7a44be3acdf86942a0af7487e536c47560' })));
+            }) }, index.h("slot", { key: 'c822ef2a7a7269a926b0e6d416d3f584e133e668' })));
     }
 };
 ToastContainer.style = toastContainerComponentCss();

package/dist/cjs/p-toast.cjs.entry.js

@@ -8,18 +8,30 @@ require('./state-DM8SZBNO.js');
 
 const toastComponentCss = () => `*{box-sizing:border-box}.static{position:static}.m-0{margin:0}.flex{display:flex}.h-9{height:2.25rem}.w-\\[2px\\]{width:2px}.w-\\[calc\\(100\\%-2px-0\\.5rem\\)\\]{width:calc(100% - 2px - .5rem)}.w-full{width:100%}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))}.bg-indigo-800{--tw-bg-opacity:1;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))}.bg-negative-red-500{--tw-bg-opacity:1;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))}.bg-positive-green-500{--tw-bg-opacity:1;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.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))}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(24 30 41/var(--tw-border-opacity,1))}.dark\\:bg-amber-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 231 92/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))}.dark\\:bg-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 92 92/var(--tw-bg-opacity,1))}.dark\\:bg-positive-green-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(98 255 92/var(--tw-bg-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\\:border-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(24 30 41/var(--tw-border-opacity,1))}.dark\\:bg-amber-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 231 92/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))}.dark\\:bg-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 92 92/var(--tw-bg-opacity,1))}.dark\\:bg-positive-green-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(98 255 92/var(--tw-bg-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))}`;
 
-const indicator = index$1.cva('w-[2px] rounded-full h-9 flex-shrink-0', {
+const indicator = index$1.cva('h-9 w-[2px] flex-shrink-0 rounded-full', {
     variants: {
         variant: {
-            neutral: 'bg-indigo-800 dark:bg-indigo-400',
-            positive: 'bg-positive-green-500 dark:bg-positive-green-alternative',
-            biased: 'bg-amber-500 dark:bg-amber-alternative',
-            negative: 'bg-negative-red-500 dark:bg-negative-red-alternative',
+            neutral: `
+     bg-indigo-800
+     dark:bg-indigo-400
+   `,
+            positive: `
+     bg-positive-green-500
+     dark:bg-positive-green-alternative
+   `,
+            biased: `
+     bg-amber-500
+     dark:bg-amber-alternative
+   `,
+            negative: `
+     bg-negative-red-500
+     dark:bg-negative-red-alternative
+   `,
         },
     },
 });
 const content = index$1.cva([
-    'flex justify-between items-center gap-2',
+    'flex items-center justify-between gap-2',
     'w-[calc(100%-2px-0.5rem)]',
 ]);
 const Toast = class {
@@ -60,7 +72,7 @@ const Toast = class {
      */
     action;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '6fd875b74af13f4a1c7dd6e924d7044ff06c944f' }, index.h("div", { key: 'f908fa3fc32e0818e5b7ccd64adf925678719072', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, index.h("div", { key: '7f2788fde508ad480ffaaf544f6815f87e520499', class: indicator({ variant: this.variant }) }), index.h("div", { key: '99bde4f91347f270375852e62b573cba43d570d2', class: content() }, index.h("div", { key: '2ea0b73745021b483607c52166204f3e00b33d38', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: 'd9cf48a043d897e211da6ce6d389ee65c59d7560', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: 'cbae153aafab6f54d0af33ab3a99f1c03a44cd78', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("div", { key: '300ae00c2e2e30c87c32f78bf05a3bb3a65e2a97', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, index.h("p-icon", { key: 'a7849a36ec22b1a300c0d788c0e41ea1e8e76340', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (index.h(themedHost_component.ThemedHost, { key: '691f56d7bd82c2c908b4773e39bf327174af3784' }, index.h("div", { key: 'd7ea2273b9ac2685b2a6583d25f7e7236061eeda', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, index.h("div", { key: 'e7dba6bb34063d4c20df2c16bd87be7dbbe53815', class: indicator({ variant: this.variant }) }), index.h("div", { key: '1fc1320c89627a6da22f3010abcb7c6b7af25109', class: content() }, index.h("div", { key: '1122c87ff8fa6f3410d416ee223fc7532c723652', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '78ea333ecd424872e1a1e99b14e6427ec1b3a68d', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: '899613703dc181f980c2e45ef54d6aeb24d7f3ab', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("div", { key: '2fcede21976b5f039715905c282c0990f7b7b7cf', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, index.h("p-icon", { key: '12a6725ddedad306f9af430fb0e61f6ad3d4f9ef', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {