@breadstone/mosaik-elements-svelte 0.1.70 → 0.1.73

package/index.mjs

@@ -37192,7 +37192,7 @@ var GD = (e) => {
 		(this.host.shadowRoot?.querySelector("[part=\"label\"]"))?.classList.toggle("floating", this.shouldFloat());
 	}
 	hasValue() {
-		return this._valueProperties.some((e) => !this.isEmpty(Reflect.get(this.host, e)));
+		return this.host.hasSlotContent?.("value") === !0 || this._valueProperties.some((e) => !this.isEmpty(Reflect.get(this.host, e)));
 	}
 	isEmpty(e) {
 		return e == null || e === "" || Array.isArray(e) && e.length === 0;
@@ -38073,6 +38073,18 @@ function sO() {
   resize: none;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -38080,6 +38092,7 @@ function sO() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--textbox-padding-left) - var(--textbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -38359,6 +38372,18 @@ function cO() {
   resize: none;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -38366,6 +38391,7 @@ function cO() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--textbox-padding-left) - var(--textbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -38868,6 +38894,18 @@ function lO() {
   resize: none;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -38875,6 +38913,7 @@ function lO() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--textbox-padding-left) - var(--textbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -40621,11 +40660,12 @@ var NO = function(e, t, n, r) {
 		return this._slottedControl ?? this.control;
 	}
 	get isFloatingActive() {
-		return this.isOpen && this._anchorReady && this.anchorElement !== null;
+		return !this.disabled && this.isOpen && this._anchorReady && this.anchorElement !== null;
 	}
 	async open() {
+		if (this.disabled) return;
 		let e = this._connectionRevision;
-		await super.open(), this.isCurrentConnection(e) && (this.isOpen = !0);
+		await super.open(), this.isCurrentConnection(e) && !this.disabled && (this.isOpen = !0);
 	}
 	async close() {
 		if (this._staysOpen) return Promise.resolve(!1);
@@ -40706,7 +40746,7 @@ var NO = function(e, t, n, r) {
 		});
 	}
 	onDisabledPropertyChange() {
-		this.disabled && this.isOpen && this.close();
+		this.disabled && (this.clearHoverTimeout(), this.isOpen &&= !1);
 	}
 	onForPropertyChange() {
 		this.scheduleControlRebinding(!0);
@@ -69187,6 +69227,18 @@ function LI() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -69194,6 +69246,7 @@ function LI() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--chipbox-padding-left) - var(--chipbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -69416,6 +69469,18 @@ function RI() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -69423,6 +69488,7 @@ function RI() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--chipbox-padding-left) - var(--chipbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -69863,6 +69929,18 @@ function zI() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -69870,6 +69948,7 @@ function zI() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--chipbox-padding-left) - var(--chipbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -74263,6 +74342,18 @@ function QL() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -74270,6 +74361,7 @@ function QL() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--numberbox-padding-left) - var(--numberbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -74507,6 +74599,18 @@ function $L() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -74514,6 +74618,7 @@ function $L() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--numberbox-padding-left) - var(--numberbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -75005,6 +75110,18 @@ function eR() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -75012,6 +75129,7 @@ function eR() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--numberbox-padding-left) - var(--numberbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -80125,6 +80243,18 @@ function ez() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -80132,6 +80262,7 @@ function ez() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--colorbox-padding-left) - var(--colorbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -80364,6 +80495,18 @@ function tz() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -80371,6 +80514,7 @@ function tz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--colorbox-padding-left) - var(--colorbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -80821,6 +80965,18 @@ function nz() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -80828,6 +80984,7 @@ function nz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--colorbox-padding-left) - var(--colorbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -82815,6 +82972,18 @@ function Ez() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -82822,6 +82991,7 @@ function Ez() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datebox-padding-left) - var(--datebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -83059,6 +83229,18 @@ function Dz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -83066,6 +83248,7 @@ function Dz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datebox-padding-left) - var(--datebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -83417,6 +83600,18 @@ function Oz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -83424,6 +83619,7 @@ function Oz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datebox-padding-left) - var(--datebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -84973,6 +85169,18 @@ function Hz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -84980,6 +85188,7 @@ function Hz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datetimebox-padding-left) - var(--datetimebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -85253,6 +85462,18 @@ function Uz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -85260,6 +85481,7 @@ function Uz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datetimebox-padding-left) - var(--datetimebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -85730,6 +85952,18 @@ function Wz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -85737,6 +85971,7 @@ function Wz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datetimebox-padding-left) - var(--datetimebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -86690,6 +86925,18 @@ function Xz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -86697,6 +86944,7 @@ function Xz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--durationbox-padding-left) - var(--durationbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -86952,6 +87200,18 @@ function Zz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -86959,6 +87219,7 @@ function Zz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--durationbox-padding-left) - var(--durationbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -87455,6 +87716,18 @@ function Qz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -87462,6 +87735,7 @@ function Qz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--durationbox-padding-left) - var(--durationbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -88038,6 +88312,18 @@ function iB() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -88045,6 +88331,7 @@ function iB() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--filebox-padding-left) - var(--filebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -88261,6 +88548,18 @@ function aB() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -88268,6 +88567,7 @@ function aB() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--filebox-padding-left) - var(--filebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -88691,6 +88991,18 @@ function oB() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -88698,6 +89010,7 @@ function oB() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--filebox-padding-left) - var(--filebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -94964,6 +95277,18 @@ function eH() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -94971,6 +95296,7 @@ function eH() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--passwordbox-padding-left) - var(--passwordbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -95186,6 +95512,18 @@ function tH() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -95193,6 +95531,7 @@ function tH() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--passwordbox-padding-left) - var(--passwordbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -95615,6 +95954,18 @@ function nH() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -95622,6 +95973,7 @@ function nH() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--passwordbox-padding-left) - var(--passwordbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -101369,6 +101721,18 @@ function RU() {
   overflow-y: auto;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -101376,6 +101740,7 @@ function RU() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--prompt-box-padding-left) - var(--prompt-box-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -101578,6 +101943,18 @@ function zU() {
   overflow-y: auto;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -101585,6 +101962,7 @@ function zU() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--prompt-box-padding-left) - var(--prompt-box-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -101854,6 +102232,18 @@ function BU() {
   overflow-y: auto;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -101861,6 +102251,7 @@ function BU() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--prompt-box-padding-left) - var(--prompt-box-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -105326,6 +105717,18 @@ function KW() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -105333,6 +105736,7 @@ function KW() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--richtextbox-padding-left) - var(--richtextbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -105575,6 +105979,18 @@ function qW() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -105582,6 +105998,7 @@ function qW() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--richtextbox-padding-left) - var(--richtextbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -106056,6 +106473,18 @@ function JW() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -106063,6 +106492,7 @@ function JW() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--richtextbox-padding-left) - var(--richtextbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -115692,9 +116122,9 @@ function zK(e) {
             <slot name="prefix" slot="prefix"></slot>
             ${R(e.hasCustomTrigger, () => I`
             <slot name="trigger" slot="value"></slot>
-            `, () => I`
+            `, () => R(e.hasSelectionPresentation, () => I`
             <span part="selection-visuals" slot="value"></span>
-            `)}
+            `))}
             <slot name="suffix" slot="suffix"></slot>
             <mosaik-button part="caret"
                            slot="suffix"
@@ -120173,6 +120603,18 @@ function Lq() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -120180,6 +120622,7 @@ function Lq() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--timebox-padding-left) - var(--timebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -120432,6 +120875,18 @@ function Rq() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -120439,6 +120894,7 @@ function Rq() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--timebox-padding-left) - var(--timebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -120891,6 +121347,18 @@ function zq() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -120898,6 +121366,7 @@ function zq() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--timebox-padding-left) - var(--timebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -146056,9 +146525,22 @@ var Xfe = function(e, t, n, r) {
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, c1 = class extends CU {
+	_inheritance = wx(this, { context: Q$ });
 	static get is() {
 		return "mosaik-chat-prompt-box";
 	}
+	get variant() {
+		return this._inheritance.get("variant", super.variant);
+	}
+	set variant(e) {
+		this._inheritance.markExplicit("variant"), super.variant = e;
+	}
+	get appearance() {
+		return this._inheritance.get("appearance", super.appearance);
+	}
+	set appearance(e) {
+		this._inheritance.markExplicit("appearance"), super.appearance = e;
+	}
 };
 c1 = Xfe([L({
 	selector: "mosaik-chat-prompt-box",
@@ -146615,7 +147097,7 @@ var d1 = function(e, t, n, r) {
 		this.releaseMessageResizeObservations(), super.disconnectedCallback();
 	}
 	onSlotChanges(e) {
-		super.onSlotChanges(e), e === "input" && (this._promptBoxElement = this.getSlotAssignmentsOf("input", c1).at(0), this._promptBoxElement && (this._promptBoxElement.dir = this.dir, this._promptBoxElement.variant = this.variant, this._promptBoxElement.appearance = this.appearance, this._promptBoxElement.placeholder = this.intl.inputPlaceholder)), (e === void 0 || e === "message") && (this.syncObservedMessageElements(), this.hasUpdated && this.begin === W$.End && this.scrollToEnd && this._isScrollEndAnchored && this.scrollMessagesToEnd(!0));
+		super.onSlotChanges(e), e === "input" && (this._promptBoxElement = this.getSlotAssignmentsOf("input", c1).at(0), this._promptBoxElement && (this._promptBoxElement.dir = this.dir, this._promptBoxElement.placeholder = this.intl.inputPlaceholder)), (e === void 0 || e === "message") && (this.syncObservedMessageElements(), this.hasUpdated && this.begin === W$.End && this.scrollToEnd && this._isScrollEndAnchored && this.scrollMessagesToEnd(!0));
 	}
 	handleMessagesScroll(e) {
 		Number.isFinite(e) && (this._scrollEndDistance = Math.max(0, e), this._isScrollEndAnchored = this._scrollEndDistance <= this.scrollToEndThreshold);
@@ -148175,9 +148657,22 @@ var fpe = function(e, t, n, r) {
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, C1 = class extends FU {
+	_inheritance = wx(this, { context: Q$ });
 	static get is() {
 		return "mosaik-chat-prompt-box-attachment-list";
 	}
+	get variant() {
+		return this._inheritance.get("variant", super.variant);
+	}
+	set variant(e) {
+		this._inheritance.markExplicit("variant"), super.variant = e;
+	}
+	get appearance() {
+		return this._inheritance.get("appearance", super.appearance);
+	}
+	set appearance(e) {
+		this._inheritance.markExplicit("appearance"), super.appearance = e;
+	}
 };
 C1 = fpe([L({
 	selector: "mosaik-chat-prompt-box-attachment-list",
@@ -200769,13 +201264,14 @@ function bxe(e) {
                         .textAlign="${e.textAlign}"
                         ?disabled="${e.disabled}"
                         @click="${() => e.open()}"
-                        @input="${(t) => e.onEditorInput(t)}">
+                        @input="${(t) => e.onEditorInput(t)}"
+                        @cleared="${() => e.clear()}">
             <slot name="prefix" slot="prefix"></slot>
             ${R(e.hasCustomTrigger, () => I`
             <slot name="trigger" slot="value"></slot>
-            `, () => I`
+            `, () => R(e.hasSelectionPresentation, () => I`
             <span part="selection-visuals" slot="value"></span>
-            `)}
+            `))}
             <slot name="suffix" slot="suffix"></slot>
             <mosaik-button part="icon"
                            slot="suffix"
@@ -200847,22 +201343,14 @@ function xxe(e) {
         `)}
         </slot>
         <slot name="checkmark">
-            ${cb(e.parent.selectionMode, [
-		["none", () => I`
-            `],
-		["single", () => I`
-            `],
-		["multiple", () => I`
             ${R(e.isChecked, () => I`
-                <mosaik-checkmark part="checkmark"
+            <mosaik-checkmark part="checkmark"
                                 .appearance="${"plain"}"
                                 .variant="${e.variant}"
                                 .type="${"hook"}"
                                 ?checked="${e.isChecked}"
                                 ?disabled="${e.disabled}"></mosaik-checkmark>
             `)}
-            `]
-	])}
         </slot>
         <slot name="end"></slot>
     `;
@@ -200881,19 +201369,19 @@ function Sxe() {
   --combo-item-focus-ring-color: var(--cosmopolitan-color-light-secondary-400);
   --combo-item-focus-ring-inward-offset: 2px;
   --combo-item-focus-ring-outward-offset: 2px;
-  --combo-item-font-family: unset;
-  --combo-item-font-letter-spacing: unset;
-  --combo-item-font-line-height: unset;
-  --combo-item-font-size: unset;
-  --combo-item-font-text-decoration: unset;
-  --combo-item-font-text-transform: unset;
-  --combo-item-font-weight: unset;
+  --combo-item-font-family: var(--cosmopolitan-font-family);
+  --combo-item-font-letter-spacing: var(--cosmopolitan-typography-body2-letter-spacing);
+  --combo-item-font-line-height: var(--cosmopolitan-typography-body2-line-height);
+  --combo-item-font-size: 16px;
+  --combo-item-font-text-decoration: var(--cosmopolitan-typography-body2-text-decoration);
+  --combo-item-font-text-transform: var(--cosmopolitan-typography-body2-text-transform);
+  --combo-item-font-weight: normal;
   --combo-item-foreground-color: unset;
-  --combo-item-gap: unset;
-  --combo-item-padding-bottom: unset;
-  --combo-item-padding-left: unset;
-  --combo-item-padding-right: unset;
-  --combo-item-padding-top: unset;
+  --combo-item-gap: 8px;
+  --combo-item-padding-bottom: 8px;
+  --combo-item-padding-left: 16px;
+  --combo-item-padding-right: 16px;
+  --combo-item-padding-top: 8px;
   --combo-item-ripple-color: var(--cosmopolitan-color-light-secondary-200);
   --combo-item-ripple-duration: .2s;
   --combo-item-shadow: unset unset unset unset unset;
@@ -200902,9 +201390,9 @@ function Sxe() {
   --combo-item-shadow-offset-x: unset;
   --combo-item-shadow-offset-y: unset;
   --combo-item-shadow-spread: unset;
-  --combo-item-transition-duration: unset;
-  --combo-item-transition-mode: unset;
-  --combo-item-transition-property: unset;
+  --combo-item-transition-duration: var(--mosaik-duration-short);
+  --combo-item-transition-mode: ease;
+  --combo-item-transition-property: all;
   --combo-item-translate: none;
 }
 
@@ -200951,9 +201439,10 @@ function Sxe() {
   transition-duration: var(--combo-item-transition-duration);
   transition-timing-function: var(--combo-item-transition-mode);
   transition-property: var(--combo-item-transition-property);
-  background-color: var(--combo-item-background-color);
-  border-color: var(--combo-item-border-color);
+  translate: var(--combo-item-translate);
+  background: var(--combo-item-background-color);
   color: var(--combo-item-foreground-color);
+  border-color: var(--combo-item-border-color);
   border-width: var(--combo-item-border-width);
   border-radius: var(--combo-item-border-radius);
   border-style: var(--combo-item-border-style);
@@ -200964,7 +201453,21 @@ function Sxe() {
   display: flex;
 }
 
-:host(:not([disabled]:not([disabled="false"])):hover) {
+:host mosaik-text, :host mosaik-icon {
+  color: inherit;
+  font-size: inherit;
+}
+
+:host mosaik-icon {
+  flex-shrink: 0;
+}
+
+:host slot[name="label"] {
+  flex: 1;
+  display: block;
+}
+
+:host(:not([disabled]:not([disabled="false"])):hover:not(:active)) {
   cursor: pointer;
 }
 
@@ -200985,17 +201488,17 @@ function Cxe() {
   --combo-item-focus-ring-inward-offset: 2px;
   --combo-item-focus-ring-outward-offset: 2px;
   --combo-item-font-family: var(--joy-font-family);
-  --combo-item-font-letter-spacing: var(--joy-typography-body1-letter-spacing);
-  --combo-item-font-line-height: var(--joy-typography-body1-line-height);
-  --combo-item-font-size: var(--joy-typography-body1-font-size);
-  --combo-item-font-text-decoration: var(--joy-typography-body1-text-decoration);
-  --combo-item-font-text-transform: var(--joy-typography-body1-text-transform);
-  --combo-item-font-weight: var(--joy-typography-body1-font-weight);
+  --combo-item-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
+  --combo-item-font-line-height: var(--joy-typography-body2-line-height);
+  --combo-item-font-size: var(--joy-typography-body2-font-size);
+  --combo-item-font-text-decoration: var(--joy-typography-body2-text-decoration);
+  --combo-item-font-text-transform: var(--joy-typography-body2-text-transform);
+  --combo-item-font-weight: normal;
   --combo-item-foreground-color: var(--joy-scheme-foreground);
   --combo-item-gap: calc(var(--joy-layout-space) * 3);
   --combo-item-padding-bottom: var(--joy-layout-space);
-  --combo-item-padding-left: var(--joy-layout-space);
-  --combo-item-padding-right: var(--joy-layout-space);
+  --combo-item-padding-left: calc(var(--joy-layout-space) * 2);
+  --combo-item-padding-right: calc(var(--joy-layout-space) * 2);
   --combo-item-padding-top: var(--joy-layout-space);
   --combo-item-ripple-color: var(--joy-color-light-secondary-200);
   --combo-item-ripple-duration: .2s;
@@ -201007,7 +201510,7 @@ function Cxe() {
   --combo-item-shadow-spread: unset;
   --combo-item-transition-duration: var(--mosaik-duration-short);
   --combo-item-transition-mode: ease;
-  --combo-item-transition-property: background-color, color, border-color, opacity, box-shadow;
+  --combo-item-transition-property: all;
   --combo-item-translate: none;
 }
 
@@ -201054,9 +201557,10 @@ function Cxe() {
   transition-duration: var(--combo-item-transition-duration);
   transition-timing-function: var(--combo-item-transition-mode);
   transition-property: var(--combo-item-transition-property);
-  background-color: var(--combo-item-background-color);
-  border-color: var(--combo-item-border-color);
+  translate: var(--combo-item-translate);
+  background: var(--combo-item-background-color);
   color: var(--combo-item-foreground-color);
+  border-color: var(--combo-item-border-color);
   border-width: var(--combo-item-border-width);
   border-radius: var(--combo-item-border-radius);
   border-style: var(--combo-item-border-style);
@@ -201067,8 +201571,29 @@ function Cxe() {
   display: flex;
 }
 
-:host(:not([disabled]:not([disabled="false"])):hover) {
+:host mosaik-text, :host mosaik-icon {
+  color: inherit;
+  font-size: inherit;
+}
+
+:host mosaik-icon {
+  flex-shrink: 0;
+}
+
+:host slot[name="label"] {
+  flex: 1;
+  display: block;
+}
+
+:host(:not([disabled]:not([disabled="false"])):hover:not(:active)) {
   cursor: pointer;
+}
+
+:host([disabled]:not([disabled="false"])) {
+  --combo-item-foreground-color: var(--joy-scheme-disabled);
+}
+
+:host(:not([disabled]:not([disabled="false"])):hover) {
   --combo-item-background-color: var(--joy-scheme-highlight);
 }
 
@@ -201158,9 +201683,10 @@ function wxe() {
   transition-duration: var(--combo-item-transition-duration);
   transition-timing-function: var(--combo-item-transition-mode);
   transition-property: var(--combo-item-transition-property);
-  background-color: var(--combo-item-background-color);
-  border-color: var(--combo-item-border-color);
+  translate: var(--combo-item-translate);
+  background: var(--combo-item-background-color);
   color: var(--combo-item-foreground-color);
+  border-color: var(--combo-item-border-color);
   border-width: var(--combo-item-border-width);
   border-radius: var(--combo-item-border-radius);
   border-style: var(--combo-item-border-style);
@@ -201171,7 +201697,21 @@ function wxe() {
   display: flex;
 }
 
-:host(:not([disabled]:not([disabled="false"])):hover) {
+:host mosaik-text, :host mosaik-icon {
+  color: inherit;
+  font-size: inherit;
+}
+
+:host mosaik-icon {
+  flex-shrink: 0;
+}
+
+:host slot[name="label"] {
+  flex: 1;
+  display: block;
+}
+
+:host(:not([disabled]:not([disabled="false"])):hover:not(:active)) {
   cursor: pointer;
 }
 
@@ -201534,7 +202074,7 @@ function Axe() {
   --combo-background-color: unset;
   --combo-border-color: unset;
   --combo-border-radius: unset;
-  --combo-border-style: solid;
+  --combo-border-style: unset;
   --combo-border-width: unset;
   --combo-focus-ring-active-width: 8px;
   --combo-focus-ring-color: var(--cosmopolitan-color-light-secondary-400);
@@ -201543,12 +202083,12 @@ function Axe() {
   --combo-font-family: var(--cosmopolitan-font-family);
   --combo-font-letter-spacing: var(--cosmopolitan-typography-body2-letter-spacing);
   --combo-font-line-height: var(--cosmopolitan-typography-body2-line-height);
-  --combo-font-size: var(--cosmopolitan-typography-body2-font-size);
+  --combo-font-size: 16px;
   --combo-font-text-decoration: var(--cosmopolitan-typography-body2-text-decoration);
   --combo-font-text-transform: var(--cosmopolitan-typography-body2-text-transform);
-  --combo-font-weight: var(--cosmopolitan-typography-body2-font-weight);
-  --combo-foreground-color: var(--cosmopolitan-scheme-foreground);
-  --combo-gap: unset;
+  --combo-font-weight: normal;
+  --combo-foreground-color: unset;
+  --combo-gap: var(--cosmopolitan-layout-space);
   --combo-padding-bottom: calc(var(--cosmopolitan-layout-space) / 2);
   --combo-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
   --combo-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
@@ -201561,7 +202101,7 @@ function Axe() {
   --combo-shadow-spread: unset;
   --combo-transition-duration: var(--mosaik-duration-short);
   --combo-transition-mode: ease;
-  --combo-transition-property: transform;
+  --combo-transition-property: all;
   --combo-translate: none;
 }
 
@@ -201592,6 +202132,23 @@ function Axe() {
 }
 
 :host {
+  font-family: var(--combo-font-family);
+  font-size: var(--combo-font-size);
+  line-height: var(--combo-font-line-height);
+  font-weight: var(--combo-font-weight);
+  letter-spacing: var(--combo-font-letter-spacing);
+  -webkit-text-decoration: var(--combo-font-text-decoration);
+  text-decoration: var(--combo-font-text-decoration);
+  text-transform: var(--combo-font-text-transform);
+  transition-duration: var(--combo-transition-duration);
+  transition-timing-function: var(--combo-transition-mode);
+  transition-property: var(--combo-transition-property);
+  translate: var(--combo-translate);
+  background: var(--combo-background-color);
+  color: var(--combo-foreground-color);
+  box-shadow: var(--combo-shadow);
+  border-color: var(--combo-border-color);
+  border-radius: var(--combo-border-radius);
   cursor: pointer;
 }
 
@@ -201720,6 +202277,23 @@ function jxe() {
 }
 
 :host {
+  font-family: var(--combo-font-family);
+  font-size: var(--combo-font-size);
+  line-height: var(--combo-font-line-height);
+  font-weight: var(--combo-font-weight);
+  letter-spacing: var(--combo-font-letter-spacing);
+  -webkit-text-decoration: var(--combo-font-text-decoration);
+  text-decoration: var(--combo-font-text-decoration);
+  text-transform: var(--combo-font-text-transform);
+  transition-duration: var(--combo-transition-duration);
+  transition-timing-function: var(--combo-transition-mode);
+  transition-property: var(--combo-transition-property);
+  translate: var(--combo-translate);
+  background: var(--combo-background-color);
+  color: var(--combo-foreground-color);
+  box-shadow: var(--combo-shadow);
+  border-color: var(--combo-border-color);
+  border-radius: var(--combo-border-radius);
   cursor: pointer;
 }
 
@@ -201779,6 +202353,179 @@ function jxe() {
   transform: rotate(180deg);
 }
 
+:host([appearance="plain"]) {
+  --combo-border-width: 0;
+  --combo-background-color: var(--joy-scheme-transparent);
+  --combo-focus-ring-inward-offset: 0px;
+  --combo-focus-ring-outward-offset: 0px;
+}
+
+:host([appearance="plain"]) [part="focusRing"] {
+  --focus-ring-outward-offset: 0px;
+}
+
+:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-primary-500);
+  --combo-focus-ring-color: var(--joy-color-primary-500);
+}
+
+:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-primary-500);
+}
+
+:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-primary-500);
+  --combo-focus-ring-color: var(--joy-color-primary-500);
+}
+
+:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-primary-500);
+}
+
+:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-secondary-500);
+  --combo-focus-ring-color: var(--joy-color-secondary-500);
+}
+
+:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-secondary-500);
+}
+
+:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-secondary-500);
+  --combo-focus-ring-color: var(--joy-color-secondary-500);
+}
+
+:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-secondary-500);
+}
+
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-tertiary-500);
+  --combo-focus-ring-color: var(--joy-color-tertiary-500);
+}
+
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-tertiary-500);
+}
+
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-tertiary-500);
+  --combo-focus-ring-color: var(--joy-color-tertiary-500);
+}
+
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-tertiary-500);
+}
+
+:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-danger-500);
+  --combo-focus-ring-color: var(--joy-color-danger-500);
+}
+
+:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-danger-500);
+}
+
+:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-danger-500);
+  --combo-focus-ring-color: var(--joy-color-danger-500);
+}
+
+:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-danger-500);
+}
+
+:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-warning-500);
+  --combo-focus-ring-color: var(--joy-color-warning-500);
+}
+
+:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-warning-500);
+}
+
+:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-warning-500);
+  --combo-focus-ring-color: var(--joy-color-warning-500);
+}
+
+:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-warning-500);
+}
+
+:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-success-500);
+  --combo-focus-ring-color: var(--joy-color-success-500);
+}
+
+:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-success-500);
+}
+
+:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-success-500);
+  --combo-focus-ring-color: var(--joy-color-success-500);
+}
+
+:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-success-500);
+}
+
+:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-info-500);
+  --combo-focus-ring-color: var(--joy-color-info-500);
+}
+
+:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-info-500);
+}
+
+:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-info-500);
+  --combo-focus-ring-color: var(--joy-color-info-500);
+}
+
+:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-info-500);
+}
+
+:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-highlight-500);
+  --combo-focus-ring-color: var(--joy-color-highlight-500);
+}
+
+:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-highlight-500);
+}
+
+:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-highlight-500);
+  --combo-focus-ring-color: var(--joy-color-highlight-500);
+}
+
+:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-highlight-500);
+}
+
+:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
+  --combo-border-color: var(--joy-color-neutral-500);
+  --combo-focus-ring-color: var(--joy-color-neutral-500);
+}
+
+:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
+  --combo-border-color: var(--joy-color-neutral-500);
+}
+
+:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
+  --combo-border-color: var(--joy-color-neutral-500);
+  --combo-focus-ring-color: var(--joy-color-neutral-500);
+}
+
+:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
+  --combo-border-color: var(--joy-color-neutral-500);
+}
+
     `;
 }
 //#endregion
@@ -201786,11 +202533,11 @@ function jxe() {
 function Mxe() {
 	return F`
 :host {
-  --combo-background-color: unset;
-  --combo-border-color: unset;
-  --combo-border-radius: unset;
+  --combo-background-color: var(--memphis-scheme-background);
+  --combo-border-color: var(--memphis-color-light-secondary-400);
+  --combo-border-radius: calc(var(--memphis-layout-radius) * 1.5);
   --combo-border-style: solid;
-  --combo-border-width: unset;
+  --combo-border-width: var(--memphis-layout-thickness);
   --combo-focus-ring-active-width: 8px;
   --combo-focus-ring-color: var(--memphis-color-light-secondary-400);
   --combo-focus-ring-inward-offset: 2px;
@@ -201803,7 +202550,7 @@ function Mxe() {
   --combo-font-text-transform: var(--memphis-typography-body2-text-transform);
   --combo-font-weight: var(--memphis-typography-body2-font-weight);
   --combo-foreground-color: var(--memphis-scheme-foreground);
-  --combo-gap: var(--memphis-layout-space);
+  --combo-gap: calc(var(--memphis-layout-space) / 2);
   --combo-padding-bottom: calc(var(--memphis-layout-space) / 2);
   --combo-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --combo-padding-right: calc(var(--memphis-layout-space) * 1.5);
@@ -201816,7 +202563,7 @@ function Mxe() {
   --combo-shadow-spread: unset;
   --combo-transition-duration: var(--mosaik-duration-short);
   --combo-transition-mode: ease;
-  --combo-transition-property: transform;
+  --combo-transition-property: background-color, color, border-color, box-shadow, transform;
   --combo-translate: none;
 }
 
@@ -201847,6 +202594,23 @@ function Mxe() {
 }
 
 :host {
+  font-family: var(--combo-font-family);
+  font-size: var(--combo-font-size);
+  line-height: var(--combo-font-line-height);
+  font-weight: var(--combo-font-weight);
+  letter-spacing: var(--combo-font-letter-spacing);
+  -webkit-text-decoration: var(--combo-font-text-decoration);
+  text-decoration: var(--combo-font-text-decoration);
+  text-transform: var(--combo-font-text-transform);
+  transition-duration: var(--combo-transition-duration);
+  transition-timing-function: var(--combo-transition-mode);
+  transition-property: var(--combo-transition-property);
+  translate: var(--combo-translate);
+  background: var(--combo-background-color);
+  color: var(--combo-foreground-color);
+  box-shadow: var(--combo-shadow);
+  border-color: var(--combo-border-color);
+  border-radius: var(--combo-border-radius);
   cursor: pointer;
 }
 
@@ -201906,34 +202670,45 @@ function Mxe() {
   transform: rotate(180deg);
 }
 
-:host {
-  font-family: var(--combo-font-family);
-  font-size: var(--combo-font-size);
-  line-height: var(--combo-font-line-height);
-  font-weight: var(--combo-font-weight);
-  letter-spacing: var(--combo-font-letter-spacing);
-  -webkit-text-decoration: var(--combo-font-text-decoration);
-  text-decoration: var(--combo-font-text-decoration);
-  text-transform: var(--combo-font-text-transform);
-  padding-top: var(--combo-padding-top);
-  padding-right: var(--combo-padding-right);
-  padding-bottom: var(--combo-padding-bottom);
-  padding-left: var(--combo-padding-left);
-  color: var(--combo-foreground-color);
-  transition-duration: var(--combo-transition-duration);
-  transition-timing-function: var(--combo-transition-mode);
-  transition-property: var(--combo-transition-property);
-  translate: var(--combo-translate);
-}
-
 :host [part="focusRing"] {
   --focus-ring-inward-offset: var(--combo-focus-ring-inward-offset);
   --focus-ring-outward-offset: var(--combo-focus-ring-outward-offset);
   --focus-ring-border-color: var(--combo-focus-ring-color);
 }
 
+:host([appearance="plain"]) {
+  --combo-border-width: 0;
+  --combo-background-color: var(--memphis-scheme-transparent);
+}
+
+:host([appearance="plain"]) [part="focusRing"] {
+  --focus-ring-inward-offset: 0px;
+  --focus-ring-outward-offset: 0px;
+}
+
 :host(:not([disabled]:not([disabled="false"])):hover) {
-  --combo-translate: translateY(-1px);
+  --combo-border-color: var(--memphis-color-secondary-300);
+}
+
+:host(:not([disabled]:not([disabled="false"])):focus-within) {
+  --combo-border-color: var(--memphis-color-secondary-400);
+}
+
+:host([is-drop-down-open]) {
+  --combo-border-color: var(--memphis-color-secondary-500);
+}
+
+:host([invalid]:not([disabled]:not([disabled="false"]))) {
+  --combo-border-color: var(--memphis-color-danger-500);
+  --combo-foreground-color: var(--memphis-color-danger-500);
+}
+
+:host([invalid]:not([disabled]:not([disabled="false"]))) [part="focusRing"] {
+  --focus-ring-border-color: var(--memphis-color-danger-500);
+}
+
+:host([invalid]:not([disabled]:not([disabled="false"]))) [part="popup"] {
+  --combo-border-color: var(--memphis-color-danger-500);
 }
 
     `;
@@ -202032,6 +202807,9 @@ var F8 = function(e, t, n, r) {
 	get hasCustomTrigger() {
 		return this.hasSlotContent("trigger");
 	}
+	get hasSelectionPresentation() {
+		return this.hasCustomTrigger || this.selectedItems.length > 0;
+	}
 	get isEmpty() {
 		return this.items.length === 0 || !this.items.some((e) => !e.hidden);
 	}