@luzmo/lucero 2.5.0 → 2.5.2

package/components/{prompt-box-Cz_m2wso.js → prompt-box-CrtFGmjm.js}

@@ -16,19 +16,19 @@
  * SOFTWARE.
  * */
 import "./tokens.js";
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { n } from "./sized-mixin-DzQTebN-.js";
-import "./icon-CsJZMhIm.js";
-import "./action-button-BRijXjEz.js";
-import { v as r } from "./overlay-DpHIYJtd.js";
-import "./button-DIV_j_U3.js";
-import "./text-field-CmyqQxq0.js";
-import "./skeleton-loader-BeCsYADg.js";
-import { t as i } from "./voice-recorder-CTg3kRxx.js";
+import { n as e, t } from "./decorate-CpKsOs9z.js";
+import { n } from "./sized-mixin-BmxIAuoH.js";
+import "./icon-DADJww_a.js";
+import "./action-button-BB3ZZFNN.js";
+import { v as r } from "./overlay-D_Xfq92b.js";
+import "./button-CpaltgRZ.js";
+import "./text-field-D49lAD7L.js";
+import "./skeleton-loader-tin9y3xc.js";
+import { t as i } from "./voice-recorder-BXY_l_78.js";
 import { html as a, nothing as o, unsafeCSS as s } from "lit";
 import { property as c, query as l, state as u } from "lit/decorators.js";
 import { luzmoArrowEnter as d, luzmoArrowUp as f, luzmoCheck as p, luzmoClear as m, luzmoFileCsv as h, luzmoFileDoc as g, luzmoFileExcel as _, luzmoFilePdf as v, luzmoFileVideo as y, luzmoMicrophone as b, luzmoStop as ee } from "@luzmo/icons";
-//#region src/components/prompt-box/controllers/attachments-controller.ts
+// src/components/prompt-box/controllers/attachments-controller.ts
 var x = class {
 	constructor(e) {
 		this._attachments = [], this._idCounter = 0, this._host = e, e.addController(this);
@@ -92,7 +92,7 @@ var x = class {
 			let e = n.getAsFile();
 			e && t.push(e);
 		}
-		return t.length > 0 ? (this.addFiles(t), !0) : !1;
+		return t.length > 0 && (this.addFiles(t), !0);
 	}
 	getAcceptAttribute() {
 		if (this._host.acceptedFileTypes.length > 0) return this._host.acceptedFileTypes.join(",");
@@ -140,23 +140,15 @@ var x = class {
 		this._destroy();
 	}
 	async start(e) {
-		if (!i.isSupported()) {
-			this._host.dispatchEvent(new CustomEvent("luzmo-record-error", {
-				bubbles: !0,
-				composed: !0,
-				detail: { error: "Voice recording is not supported in this browser" }
-			}));
-			return;
-		}
-		if (this.isRecording) {
-			this.stop();
-			return;
-		}
-		this.shouldFocusFinishButton = e, this._init(), this._voiceRecorder && (await this._voiceRecorder.startRecording() && (this.isRecording = !0, this.duration = 0, this.audioLevel = 0, this._host.requestUpdate()), this._host.dispatchEvent(new CustomEvent("luzmo-record", {
+		i.isSupported() ? this.isRecording ? this.stop() : (this.shouldFocusFinishButton = e, this._init(), this._voiceRecorder && (await this._voiceRecorder.startRecording() && (this.isRecording = !0, this.duration = 0, this.audioLevel = 0, this._host.requestUpdate()), this._host.dispatchEvent(new CustomEvent("luzmo-record", {
 			bubbles: !0,
 			composed: !0,
 			detail: { isRecording: this.isRecording }
-		})));
+		})))) : this._host.dispatchEvent(new CustomEvent("luzmo-record-error", {
+			bubbles: !0,
+			composed: !0,
+			detail: { error: "Voice recording is not supported in this browser" }
+		}));
 	}
 	stop() {
 		this._voiceRecorder?.stopRecording();
@@ -202,8 +194,7 @@ var x = class {
 		this._voiceRecorder &&= (this._voiceRecorder.destroy(), null), this.isRecording = !1, this.duration = 0, this.audioLevel = 0;
 	}
 };
-//#endregion
-//#region src/components/prompt-box/range-from-point.ts
+// src/components/prompt-box/range-from-point.ts
 function S(e, t) {
 	let n = document.createRange();
 	return n.setStart(e, t), n.collapse(!0), n;
@@ -252,14 +243,15 @@ function w(e, t, n, r, i) {
 		let e = o.caretPositionFromPoint(n, r);
 		e && (a = S(e.offsetNode, e.offset));
 	} else o?.caretRangeFromPoint && (a = o.caretRangeFromPoint(n, r));
-	if (!a) if ("caretPositionFromPoint" in document) {
-		let e = document.caretPositionFromPoint(n, r);
-		e && (a = S(e.offsetNode, e.offset));
-	} else "caretRangeFromPoint" in document && (a = document.caretRangeFromPoint(n, r));
-	return (!a || !t.contains(a.startContainer)) && (a = re(t, n, r, i)), a;
+	if (!a) {
+		if ("caretPositionFromPoint" in document) {
+			let e = document.caretPositionFromPoint(n, r);
+			e && (a = S(e.offsetNode, e.offset));
+		} else "caretRangeFromPoint" in document && (a = document.caretRangeFromPoint(n, r));
+	}
+	return a && t.contains(a.startContainer) || (a = re(t, n, r, i)), a;
 }
-//#endregion
-//#region src/components/prompt-box/selection-utils.ts
+// src/components/prompt-box/selection-utils.ts
 function T(e) {
 	if (e) {
 		let t = e.getSelection?.();
@@ -313,7 +305,7 @@ function O(e) {
 	}
 	return !1;
 }
-function ie(e, t) {
+function k(e, t) {
 	let n = T(e);
 	if (!n) {
 		if (!t) return null;
@@ -351,7 +343,7 @@ function ie(e, t) {
 		y: o.bottom
 	};
 }
-function ae(e, t) {
+function ie(e, t) {
 	let n = T(e);
 	if (!n || !n.collapsed) return null;
 	let r = n.startContainer, i = n.startOffset;
@@ -359,7 +351,7 @@ function ae(e, t) {
 	let a = (r.textContent ?? "").slice(0, Math.max(0, i)), o = a.lastIndexOf(t);
 	return o === -1 ? null : a.slice(Math.max(0, o + 1));
 }
-function k(e, t) {
+function A(e, t) {
 	if (e.focus(), !t) return;
 	let n = e.querySelector(`[data-element-id="${t}"]`);
 	if (!n) return;
@@ -374,7 +366,7 @@ function k(e, t) {
 	let a = document.createRange();
 	a.setStartAfter(n), a.collapse(!0), i.removeAllRanges(), i.addRange(a);
 }
-function oe(e, t, n, r) {
+function ae(e, t, n, r) {
 	let i = T(e);
 	if (i) {
 		let e = i.startContainer, r = i.startOffset;
@@ -395,9 +387,8 @@ function oe(e, t, n, r) {
 		}
 	}
 }
-//#endregion
-//#region src/components/prompt-box/types.ts
-var A = "application/x-luzmo-element", j = class {
+// src/components/prompt-box/types.ts
+var j = "application/x-luzmo-element", oe = class {
 	constructor(e) {
 		this._elements = /* @__PURE__ */ new Map(), this._idCounter = 0, this._dragCaret = null, this.isDragOver = !1, this.richInputElement = null, this.handleRichInput = () => {
 			this.syncValue(), this._host.dispatchEvent(new Event("input", {
@@ -427,18 +418,15 @@ var A = "application/x-luzmo-element", j = class {
 			this._cannotEditRichContent() || e.dataTransfer?.types.includes("application/x-luzmo-element") && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), this.isDragOver = !0, this._host.requestUpdate(), this._positionCaretAtPoint(e.clientX, e.clientY), this._showDragCaret(e.clientX, e.clientY));
 		}, this.handleRichDragLeave = (e) => {
 			let t = e.relatedTarget;
-			(!t || !this.richInputElement?.contains(t)) && (this.isDragOver = !1, this._hideDragCaret(), this._host.requestUpdate());
+			t && this.richInputElement?.contains(t) || (this.isDragOver = !1, this._hideDragCaret(), this._host.requestUpdate());
 		}, this.handleRichDrop = (e) => {
 			if (e.preventDefault(), this.isDragOver = !1, this._hideDragCaret(), this._cannotEditRichContent()) {
 				this._host.requestUpdate();
 				return;
 			}
-			let t = e.dataTransfer?.getData(A);
-			if (!t) {
-				this._host.requestUpdate();
-				return;
-			}
-			try {
+			let t = e.dataTransfer?.getData(j);
+			if (!t) this._host.requestUpdate();
+			else try {
 				let n = JSON.parse(t);
 				if (n.elementType && n.label) {
 					this.richInputElement?.focus();
@@ -466,11 +454,7 @@ var A = "application/x-luzmo-element", j = class {
 		}] : this._parseSegments();
 	}
 	setSegments(e) {
-		if (!this._host.allowElements) {
-			this._host.value = this._segmentsToPlainText(e);
-			return;
-		}
-		this._elements.clear(), this._host.updateComplete.then(() => {
+		this._host.allowElements ? (this._elements.clear(), this._host.updateComplete.then(() => {
 			if (this.richInputElement) {
 				this.richInputElement.innerHTML = "";
 				for (let t of e) if (t.type === "text" && t.value) this.richInputElement.append(document.createTextNode(t.value));
@@ -480,7 +464,7 @@ var A = "application/x-luzmo-element", j = class {
 				}
 				this.syncValue();
 			}
-		});
+		})) : this._host.value = this._segmentsToPlainText(e);
 	}
 	insertElement(e, t, n, r) {
 		return this._insertElementAtRange(e, t, n, r, null);
@@ -503,9 +487,9 @@ var A = "application/x-luzmo-element", j = class {
 				let t = e.previousSibling;
 				t?.classList?.contains("element-badge") && this._ensureSpaceAfter(t);
 			}
-			this._ensureSpaceAfter(s), k(c, a), l = !0;
+			this._ensureSpaceAfter(s), A(c, a), l = !0;
 		}
-		return l || (c.append(s), this._ensureSpaceAfter(s), k(c, a)), this.syncValue(), this._host.dispatchEvent(new CustomEvent("luzmo-element-inserted", {
+		return l || (c.append(s), this._ensureSpaceAfter(s), A(c, a)), this.syncValue(), this._host.dispatchEvent(new CustomEvent("luzmo-element-inserted", {
 			bubbles: !0,
 			composed: !0,
 			detail: { element: o }
@@ -549,14 +533,16 @@ var A = "application/x-luzmo-element", j = class {
 		if (e.nodeType === Node.ELEMENT_NODE) {
 			let n = e.childNodes[t - 1];
 			if (n?.classList?.contains("element-badge")) return n;
-		} else if (e.nodeType === Node.TEXT_NODE) if (t === 0) {
-			let t = e.previousSibling;
-			if (t?.classList?.contains("element-badge")) return t;
-		} else {
-			let n = (e.textContent ?? "").slice(0, t);
-			if (/^[\u200B\uFEFF]*$/.test(n)) {
+		} else if (e.nodeType === Node.TEXT_NODE) {
+			if (t === 0) {
 				let t = e.previousSibling;
 				if (t?.classList?.contains("element-badge")) return t;
+			} else {
+				let n = (e.textContent ?? "").slice(0, t);
+				if (/^[\u200B\uFEFF]*$/.test(n)) {
+					let t = e.previousSibling;
+					if (t?.classList?.contains("element-badge")) return t;
+				}
 			}
 		}
 		return null;
@@ -590,7 +576,7 @@ var A = "application/x-luzmo-element", j = class {
 		let t = this.richInputElement;
 		if (!t) return;
 		let n = this._elements.size === 0 && e.trim().length === 0, r = this._dragCaret?.parentNode === t;
-		!n || r || t.innerHTML === "" || (t.innerHTML = "", this._host.value = "");
+		n && !r && t.innerHTML !== "" && (t.innerHTML = "", this._host.value = "");
 	}
 	syncValue() {
 		if (!this.richInputElement) return;
@@ -740,13 +726,13 @@ var A = "application/x-luzmo-element", j = class {
 	}
 	handleInput(e) {
 		if (this.activeTrigger) {
-			let e = ae(this._host.shadowRoot, this.activeTrigger) ?? this._extractTriggerSearchFromContent(this.activeTrigger);
+			let e = ie(this._host.shadowRoot, this.activeTrigger) ?? this._extractTriggerSearchFromContent(this.activeTrigger);
 			e === null ? this.close() : (this.searchString = e, this._updateFilteredOptions(), this.highlightedIndex = this._findSelectableIndex(0, 1), this._dispatchChange(!0), this._host.requestUpdate(), document.dispatchEvent(new Event("luzmo-update-overlays")));
 		} else this._detectTrigger(e);
 	}
 	open(e) {
 		if (!this._triggers.find((t) => t.key === e)) return;
-		let t = ie(this._host.shadowRoot, this.richInputElement);
+		let t = k(this._host.shadowRoot, this.richInputElement);
 		if (!t) return;
 		this.activeTrigger = e, this.searchString = "", this._updateFilteredOptions(), this.highlightedIndex = this._findSelectableIndex(0, 1);
 		let n = this.richInputElement?.getBoundingClientRect().top ?? t.y;
@@ -769,12 +755,12 @@ var A = "application/x-luzmo-element", j = class {
 		})), this._host.requestUpdate();
 	}
 	handleKeydown(e) {
-		return this.activeTrigger ? e.key === "Escape" ? (e.preventDefault(), this.close(), this.richInputElement?.focus(), !0) : e.key === "Tab" ? (this.close(), !1) : e.key === "ArrowDown" ? (e.preventDefault(), this._moveHighlight(1), !0) : e.key === "ArrowUp" ? (e.preventDefault(), this._moveHighlight(-1), !0) : e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), this._selectHighlighted(), !0) : !1 : !1;
+		return this.activeTrigger ? e.key === "Escape" ? (e.preventDefault(), this.close(), this.richInputElement?.focus(), !0) : e.key === "Tab" ? (this.close(), !1) : e.key === "ArrowDown" ? (e.preventDefault(), this._moveHighlight(1), !0) : e.key === "ArrowUp" ? (e.preventDefault(), this._moveHighlight(-1), !0) : e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this._selectHighlighted(), !0) : !1;
 	}
 	_detectTrigger(e) {
 		if (this._host.disabled || this._host.readonly || this._host.pending) return;
 		let t = e?.data ?? "";
-		t.length !== 1 || !this._isTriggerKey(t) || O(this._host.shadowRoot) && this.open(t);
+		t.length === 1 && this._isTriggerKey(t) && O(this._host.shadowRoot) && this.open(t);
 	}
 	_extractTriggerSearchFromContent(e) {
 		let t = this.richInputElement?.textContent ?? "";
@@ -793,22 +779,12 @@ var A = "application/x-luzmo-element", j = class {
 			this.filteredOptions = [];
 			return;
 		}
-		if (e.lazy) {
-			this.filteredOptions = e.options;
-			return;
-		}
-		if (!this.searchString) {
+		if (e.lazy || !this.searchString) {
 			this.filteredOptions = e.options;
 			return;
 		}
 		let t = this.searchString.toLowerCase(), n = [], r = null;
-		for (let i of e.options) {
-			if (i.header) {
-				r = i;
-				continue;
-			}
-			(i.label.toLowerCase().includes(t) || (i.description?.toLowerCase().includes(t) ?? !1)) && (r &&= (n.push(r), null), n.push(i));
-		}
+		for (let i of e.options) i.header ? r = i : (i.label.toLowerCase().includes(t) || (i.description?.toLowerCase().includes(t) ?? !1)) && (r &&= (n.push(r), null), n.push(i));
 		this.filteredOptions = n;
 	}
 	_findSelectableIndex(e, t) {
@@ -831,20 +807,16 @@ var A = "application/x-luzmo-element", j = class {
 	}
 	_selectHighlighted() {
 		let e = this.filteredOptions[this.highlightedIndex];
-		if (!e) {
-			this.close();
-			return;
-		}
-		this.selectOption(e);
+		e ? this.selectOption(e) : this.close();
 	}
 	selectOption(e) {
 		if (!this.activeTrigger || !this.richInputElement) return;
 		let t = this.activeTrigger, n = this.richInputElement, r = this._host.shadowRoot;
-		oe(r, n, t, this.searchString);
+		ae(r, n, t, this.searchString);
 		let i = e.elementType ?? t, a = this._host.insertElement(i, e.label, e.data ?? null, e.icon);
-		k(n, a), this.close(), this._host.updateComplete.then(() => {
+		A(n, a), this.close(), this._host.updateComplete.then(() => {
 			requestAnimationFrame(() => {
-				k(n, a);
+				A(n, a);
 			});
 		});
 	}
@@ -881,8 +853,7 @@ function B() {
 function V() {
 	return N;
 }
-//#endregion
-//#region src/components/prompt-box/prompt-box-templates.ts
+// src/components/prompt-box/prompt-box-templates.ts
 function H(e, t, n) {
 	return a`
     <div class="top-actions ${t ? "" : "empty"}" part="top-actions">
@@ -1022,20 +993,23 @@ function q(e) {
 function se(e, t) {
 	if (!t) return e;
 	let n = e.toLowerCase().indexOf(t.toLowerCase());
-	return n === -1 ? e : a`${e.slice(0, n)}<mark class="trigger-option-highlight">${e.slice(n, n + t.length)}</mark>${e.slice(n + t.length)}`;
+	if (n === -1) return e;
+	let r = e.slice(0, n), i = e.slice(n, n + t.length), o = e.slice(n + t.length);
+	return a`${r}<mark class="trigger-option-highlight">${i}</mark>${o}`;
 }
 function ce(e, t) {
+	let n = t?.iconTemplate ? a`<span class="trigger-option-header-icon">${t.iconTemplate(e)}</span>` : e.icon ? a`<luzmo-icon
+          class="trigger-option-header-icon"
+          .icon=${e.icon}
+          size="s"
+        ></luzmo-icon>` : o;
 	return a`
     <div
       class="trigger-option-header"
       part="trigger-option-header"
       role="presentation"
     >
-      ${t?.iconTemplate ? a`<span class="trigger-option-header-icon">${t.iconTemplate(e)}</span>` : e.icon ? a`<luzmo-icon
-          class="trigger-option-header-icon"
-          .icon=${e.icon}
-          size="s"
-        ></luzmo-icon>` : o}
+      ${n}
       <span class="trigger-option-header-label">${e.label}</span>
     </div>
   `;
@@ -1047,11 +1021,11 @@ function le(e, t, n, r, i) {
 		e.triggerMenuController.pointerMovedSinceKeyNav && (e.triggerMenuController.hoveredIndex = n, e.highlightTriggerOption(n));
 	}, l = () => {
 		e.triggerMenuController.hoveredIndex === n && (e.triggerMenuController.hoveredIndex = -1, e.requestUpdate());
-	}, u = n === r, f = n === e.triggerMenuController.hoveredIndex, p = e.triggerMenuController.searchString, m = a`${i?.iconTemplate ? a`<span class="trigger-option-icon">${i.iconTemplate(t)}</span>` : t.icon ? a`<luzmo-icon
+	}, u = n === r, f = n === e.triggerMenuController.hoveredIndex, p = e.triggerMenuController.searchString, m = i?.iconTemplate ? a`<span class="trigger-option-icon">${i.iconTemplate(t)}</span>` : t.icon ? a`<luzmo-icon
           class="trigger-option-icon"
           .icon=${t.icon}
           size="s"
-        ></luzmo-icon>` : o}
+        ></luzmo-icon>` : o, h = a`${m}
     <div class="trigger-option-content">
       <span class="trigger-option-label"
         >${i?.highlightSearch && p ? se(t.label, p) : t.label}</span
@@ -1070,7 +1044,7 @@ function le(e, t, n, r, i) {
       @pointerenter=${c}
       @pointerleave=${l}
     >
-      ${m}
+      ${h}
       ${u ? a`<luzmo-icon
               class="trigger-option-enter-icon"
               .icon=${d}
@@ -1195,7 +1169,7 @@ function ge(e) {
 	let t = { ...Y };
 	for (let [n, r] of Object.entries(e)) {
 		let e = X(n);
-		!e || me.has(e) || (t[e] = r);
+		e && !me.has(e) && (t[e] = r);
 	}
 	return t;
 }
@@ -1290,8 +1264,7 @@ function xe(e) {
     />
   `;
 }
-//#endregion
-//#region src/components/prompt-box/slot-state-sync.ts
+// src/components/prompt-box/slot-state-sync.ts
 var Z = "luzmo-button, luzmo-action-button, luzmo-switch, luzmo-picker, luzmo-picker-button, luzmo-select, luzmo-text-field, luzmo-number-field";
 function Q(e) {
 	let t = [];
@@ -1327,8 +1300,7 @@ function Ce(e) {
 	}
 	return t;
 }
-//#endregion
-//#region src/components/prompt-box/prompt-box.module.scss?inline
+// src/components/prompt-box/prompt-box.module.scss?inline
 var we = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-font-family));font-size:var(--luzmo-prompt-box-font-size,var(--prompt-box-font-size));line-height:var(--luzmo-prompt-box-line-height,var(--prompt-box-line-height));color:var(--highcontrast-prompt-box-text-color,var(--luzmo-prompt-box-text-color,var(--prompt-box-text-color)));flex-direction:column;width:100%;display:flex}:host([disabled]){opacity:var(--luzmo-prompt-box-disabled-opacity,var(--prompt-box-disabled-opacity));pointer-events:none}.container{gap:var(--luzmo-prompt-box-gap,var(--prompt-box-gap));padding:var(--luzmo-prompt-box-vertical-padding,var(--prompt-box-vertical-padding)) var(--luzmo-prompt-box-horizontal-padding,var(--prompt-box-horizontal-padding));background-color:var(--highcontrast-prompt-box-background-color,var(--luzmo-prompt-box-background-color,var(--prompt-box-background-color)));border-radius:var(--luzmo-prompt-box-border-radius,var(--prompt-box-border-radius));border-width:var(--luzmo-prompt-box-border-width,var(--prompt-box-border-width));border-style:solid;border-color:var(--highcontrast-prompt-box-border-color,var(--luzmo-prompt-box-border-color,var(--prompt-box-border-color)));box-shadow:var(--luzmo-prompt-box-shadow,var(--prompt-box-shadow));transition:border-color var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out, box-shadow var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-direction:column;display:flex}.container.input-focused{border-color:var(--highcontrast-prompt-box-border-color-focus,var(--luzmo-prompt-box-border-color-focus,var(--prompt-box-border-color-focus)))}.container.drag-over{border-color:var(--luzmo-prompt-box-border-color-drag,var(--luzmo-primary,#0064fa))}:host(:focus-visible) .container,:host(.focus-visible) .container{border-color:var(--highcontrast-prompt-box-border-color-focus,var(--luzmo-prompt-box-border-color-focus,var(--prompt-box-border-color-focus)));box-shadow:var(--luzmo-prompt-box-shadow-focus,var(--prompt-box-shadow-focus))}:host(:focus){outline:none}.top-actions{align-items:center;gap:var(--luzmo-prompt-box-top-actions-gap,var(--prompt-box-top-actions-gap));opacity:var(--luzmo-prompt-box-actions-opacity,var(--prompt-box-actions-opacity,1));transition:opacity var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-wrap:wrap;display:flex}.top-actions.empty{display:none}.hidden-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.attachments{align-items:center;gap:var(--luzmo-prompt-box-attachments-gap,var(--prompt-box-attachments-gap,8px));flex-flow:row;display:flex;overflow:auto hidden}.attachments::-webkit-scrollbar{width:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width));height:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width))}.attachments::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-scrollbar-track-border-radius,var(--prompt-box-scrollbar-track-border-radius))}.attachments::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-scrollbar-thumb-border-radius,var(--prompt-box-scrollbar-thumb-border-radius))}.attachments::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-scrollbar-thumb-hover-background,var(--prompt-box-scrollbar-thumb-hover-background))}.attachments{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background)) var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background))}.image-attachment,.file-attachment{width:var(--luzmo-prompt-box-image-preview-size,var(--prompt-box-image-preview-size,80px));height:var(--luzmo-prompt-box-image-preview-size,var(--prompt-box-image-preview-size,80px));border-radius:var(--luzmo-prompt-box-image-border-radius,var(--prompt-box-image-border-radius,8px));background-color:var(--luzmo-prompt-box-image-background,var(--prompt-box-image-background,#0000000d));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:100%}.file-attachment-icon{--luzmo-icon-size:var(--luzmo-prompt-box-file-icon-size,var(--prompt-box-file-icon-size,28px));color:var(--luzmo-prompt-box-file-icon-color,var(--prompt-box-file-icon-color,var(--luzmo-font-color-extra-dimmed)))}.attachment-skeleton{--luzmo-skeleton-loader-border-radius:var(--luzmo-prompt-box-image-border-radius,var(--prompt-box-image-border-radius,8px));block-size:100%;inline-size:100%}.attachment-remove{width:var(--luzmo-prompt-box-remove-button-size,var(--prompt-box-remove-button-size,24px));height:var(--luzmo-prompt-box-remove-button-size,var(--prompt-box-remove-button-size,24px));background-color:var(--luzmo-prompt-box-remove-button-background,var(--prompt-box-remove-button-background,#00000080));--luzmo-clear-button-icon-color:var(--luzmo-prompt-box-remove-button-icon-color,var(--prompt-box-remove-button-icon-color,#fff));border-radius:50%;position:absolute;top:4px;right:4px}.attachment-remove:hover{background-color:var(--luzmo-prompt-box-remove-button-background-hover,var(--prompt-box-remove-button-background-hover,#000000b3))}.input-wrapper{flex:1;display:flex;position:relative}.input-field{--luzmo-text-field-focus-indicator-width:0;--luzmo-text-field-border-width:0;--luzmo-text-field-width:100%;--luzmo-text-field-min-width:0;--luzmo-text-field-placeholder-text-color-default:var(--luzmo-prompt-box-placeholder-color,var(--prompt-box-placeholder-color));flex:1;width:100%;min-width:0}.error{color:var(--luzmo-prompt-box-error-color,var(--prompt-box-error-color,var(--luzmo-negative-color)));font-size:var(--luzmo-prompt-box-error-font-size,var(--prompt-box-error-font-size,var(--luzmo-font-size-s)));line-height:var(--luzmo-prompt-box-error-line-height,var(--prompt-box-error-line-height,1.4))}.error.empty{display:none}::slotted([slot=error]){color:inherit;font-size:inherit;line-height:inherit}.actions-row{justify-content:space-between;align-items:center;gap:var(--luzmo-prompt-box-actions-gap,var(--prompt-box-actions-gap));display:flex}.bottom-actions{align-items:center;gap:var(--luzmo-prompt-box-bottom-actions-gap,var(--prompt-box-bottom-actions-gap));opacity:var(--luzmo-prompt-box-actions-opacity,var(--prompt-box-actions-opacity,1));transition:opacity var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-wrap:wrap;flex:1;display:flex}.button-group{align-items:center;gap:var(--luzmo-prompt-box-button-group-gap,var(--prompt-box-button-group-gap));margin-left:auto;display:flex}.submit-button{margin-inline-start:var(--luzmo-prompt-box-submit-button-margin-inline-start,var(--prompt-box-submit-button-margin-inline-start))}.recording-ui{align-items:center;gap:var(--luzmo-prompt-box-recording-gap,var(--prompt-box-recording-gap));display:flex}.waveform{align-items:center;gap:var(--luzmo-prompt-box-waveform-gap,var(--prompt-box-waveform-gap,3px));height:var(--luzmo-prompt-box-waveform-height,var(--prompt-box-waveform-height,24px));padding:0 4px;display:flex}.waveform-bar{width:var(--luzmo-prompt-box-waveform-bar-width,var(--prompt-box-waveform-bar-width,3px));height:calc(var(--bar-height,.3) * var(--luzmo-prompt-box-waveform-height,var(--prompt-box-waveform-height,24px)));background-color:var(--luzmo-prompt-box-waveform-bar-color,var(--prompt-box-waveform-bar-color,currentColor));border-radius:var(--luzmo-prompt-box-waveform-bar-radius,var(--prompt-box-waveform-bar-radius,2px));min-height:4px;transition:height 50ms ease-out;animation:1s ease-in-out infinite waveform-pulse}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.1s}.waveform-bar:nth-child(5){animation-delay:0s}@keyframes waveform-pulse{0%,to{opacity:.6}50%{opacity:1}}.recording-duration{font-family:var(--luzmo-prompt-box-recording-duration-font-family,var(--prompt-box-recording-duration-font-family,monospace));font-size:var(--luzmo-prompt-box-recording-duration-font-size,var(--prompt-box-recording-duration-font-size,14px));font-weight:var(--luzmo-prompt-box-recording-duration-font-weight,var(--prompt-box-recording-duration-font-weight,500));color:var(--luzmo-prompt-box-recording-duration-color,var(--prompt-box-recording-duration-color,currentColor));text-align:center}.rich-input{width:100%;min-width:0;min-height:1.5em;max-height:var(--luzmo-prompt-box-max-height,var(--prompt-box-max-height,200px));flex:1;overflow-y:auto}.rich-input::-webkit-scrollbar{width:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width));height:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width))}.rich-input::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-scrollbar-track-border-radius,var(--prompt-box-scrollbar-track-border-radius))}.rich-input::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-scrollbar-thumb-border-radius,var(--prompt-box-scrollbar-thumb-border-radius))}.rich-input::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-scrollbar-thumb-hover-background,var(--prompt-box-scrollbar-thumb-hover-background))}.rich-input{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background)) var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));padding:var(--luzmo-prompt-box-rich-input-padding,var(--prompt-box-rich-input-padding,4px 0));font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none}.rich-input:empty:before{content:attr(data-placeholder);color:var(--luzmo-prompt-box-placeholder-color,var(--prompt-box-placeholder-color));pointer-events:none}.rich-input[contenteditable=false]{opacity:.5;cursor:default}.drag-caret{background:var(--luzmo-primary,#0064fa);pointer-events:none;border-radius:1px;width:2px}.element-badge{align-items:center;gap:var(--luzmo-prompt-box-badge-gap,var(--prompt-box-badge-gap,6px));vertical-align:baseline;padding:var(--luzmo-prompt-box-badge-padding,var(--prompt-box-badge-padding,1px 6px));background-color:var(--luzmo-prompt-box-badge-background,var(--prompt-box-badge-background,rgba(var(--luzmo-primary-rgb,0, 100, 250), .1)));color:var(--luzmo-prompt-box-badge-color,var(--prompt-box-badge-color,var(--luzmo-primary,#0064fa)));border-radius:var(--luzmo-prompt-box-badge-border-radius,var(--prompt-box-badge-border-radius,4px));font-size:var(--luzmo-prompt-box-badge-font-size,var(--prompt-box-badge-font-size,.9em));font-weight:var(--luzmo-prompt-box-badge-font-weight,var(--prompt-box-badge-font-weight,500));cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:var(--luzmo-prompt-box-badge-max-width,var(--prompt-box-badge-max-width,200px));margin:0 1px;line-height:1.4;display:inline-flex}.element-badge-icon{flex-shrink:0;display:inline-flex}.element-badge-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.element-badge-remove{appearance:none;font:inherit;color:inherit;width:var(--luzmo-prompt-box-badge-remove-size,var(--prompt-box-badge-remove-size,14px));height:var(--luzmo-prompt-box-badge-remove-size,var(--prompt-box-badge-remove-size,14px));font-size:var(--luzmo-prompt-box-badge-remove-font-size,var(--prompt-box-badge-remove-font-size,12px));cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:opacity .1s,background-color .1s;display:inline-flex}.element-badge-remove:hover{opacity:1;background-color:var(--luzmo-prompt-box-badge-remove-hover-background,var(--prompt-box-badge-remove-hover-background,#0000001a))}.element-badge-remove:focus-visible{opacity:1;outline:2px solid var(--luzmo-primary,#0064fa);outline-offset:1px}:host([single-line]) .container{align-items:center;gap:var(--luzmo-prompt-box-single-line-gap,var(--prompt-box-single-line-gap));flex-flow:wrap}:host([single-line]) .top-actions{flex-wrap:nowrap;flex-shrink:0}:host([single-line]) .attachments{max-height:var(--luzmo-prompt-box-single-line-attachments-max-height,var(--prompt-box-single-line-attachments-max-height));flex-direction:row;flex-shrink:0;align-items:center;overflow:auto hidden}:host([single-line]) .image-attachment,:host([single-line]) .file-attachment{width:var(--luzmo-prompt-box-single-line-image-size,var(--prompt-box-single-line-image-size));height:var(--luzmo-prompt-box-single-line-image-size,var(--prompt-box-single-line-image-size))}:host([single-line]) .file-attachment-icon{--luzmo-icon-size:var(--luzmo-prompt-box-single-line-file-icon-size,var(--prompt-box-single-line-file-icon-size,14px))}:host([single-line]) .input-wrapper{min-width:0}:host([single-line]) .input-field{--luzmo-text-area-min-block-size-quiet:auto;--luzmo-text-field-spacing-block-start:0px;--luzmo-text-field-spacing-block-end:0px}:host([single-line]) .rich-input{min-height:unset;padding:0}:host([single-line]) .actions-row{flex-shrink:0}:host([single-line]) .bottom-actions{flex-wrap:nowrap;flex:0}:host([single-line]) .error:not(.empty){flex-basis:100%;order:1;inline-size:100%}::slotted([slot=top-actions]),::slotted([slot=bottom-actions]){align-items:center;display:inline-flex}::slotted([slot=record-button]){display:inline-flex}::slotted([slot=submit-button]){margin-inline-start:var(--luzmo-prompt-box-submit-button-margin-inline-start,var(--prompt-box-submit-button-margin-inline-start));display:inline-flex}luzmo-overlay[part=trigger-menu-overlay]{--luzmo-overlay-min-width:0}.trigger-options{min-width:var(--luzmo-prompt-box-trigger-menu-min-width,var(--prompt-box-trigger-menu-min-width,250px));max-width:var(--luzmo-prompt-box-trigger-menu-max-width,var(--prompt-box-trigger-menu-max-width,400px));max-height:var(--luzmo-prompt-box-trigger-menu-max-height,var(--prompt-box-trigger-menu-max-height,300px));flex-direction:column;display:flex;overflow-y:auto}.trigger-options::-webkit-scrollbar{width:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width));height:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width))}.trigger-options::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-scrollbar-track-border-radius,var(--prompt-box-scrollbar-track-border-radius))}.trigger-options::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-scrollbar-thumb-border-radius,var(--prompt-box-scrollbar-thumb-border-radius))}.trigger-options::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-scrollbar-thumb-hover-background,var(--prompt-box-scrollbar-thumb-hover-background))}.trigger-options{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background)) var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));background-color:var(--luzmo-prompt-box-trigger-menu-background,var(--prompt-box-trigger-menu-background,var(--luzmo-background-color,#fff)));border:1px solid var(--luzmo-prompt-box-trigger-menu-border-color,var(--prompt-box-trigger-menu-border-color,var(--luzmo-border-color,#0000001a)));border-radius:var(--luzmo-prompt-box-trigger-menu-border-radius,var(--prompt-box-trigger-menu-border-radius,var(--luzmo-border-radius-100,8px)));box-shadow:0 2px 8px var(--luzmo-prompt-box-trigger-menu-shadow-color,var(--prompt-box-trigger-menu-shadow-color,var(--luzmo-shadow-color)))}.trigger-option{align-items:center;gap:var(--luzmo-prompt-box-trigger-option-gap,var(--prompt-box-trigger-option-gap,10px));min-block-size:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));padding-block:var(--luzmo-prompt-box-trigger-option-padding-block,var(--prompt-box-trigger-option-padding-block,4px));padding-inline:var(--luzmo-prompt-box-trigger-option-padding-inline,var(--prompt-box-trigger-option-padding-inline,10px));cursor:pointer;box-sizing:border-box;scroll-margin-block:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));transition:background-color .1s;display:flex}.trigger-option.has-description{padding-block:var(--luzmo-prompt-box-trigger-option-description-padding-block,var(--prompt-box-trigger-option-description-padding-block,4px));min-block-size:auto}.trigger-option.hovered,.trigger-option.highlighted{background-color:var(--luzmo-prompt-box-trigger-option-background-hover,var(--prompt-box-trigger-option-background-hover,var(--luzmo-background-color-hover,#0000000f)))}.trigger-option-icon{width:var(--luzmo-prompt-box-trigger-option-icon-width,var(--prompt-box-trigger-option-icon-width,20px));color:var(--luzmo-prompt-box-trigger-option-icon-color,var(--prompt-box-trigger-option-icon-color,var(--luzmo-font-color,inherit)));font-size:var(--luzmo-prompt-box-trigger-option-icon-size,var(--prompt-box-trigger-option-icon-size,var(--luzmo-font-size,14px)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.trigger-option-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.trigger-option-label{font-size:var(--luzmo-prompt-box-trigger-option-font-size,var(--prompt-box-trigger-option-font-size,var(--luzmo-font-size,14px)));line-height:var(--luzmo-prompt-box-trigger-option-line-height,var(--prompt-box-trigger-option-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-color,var(--prompt-box-trigger-option-color,var(--luzmo-font-color,#333)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trigger-option-description{font-size:var(--luzmo-prompt-box-trigger-option-description-font-size,var(--prompt-box-trigger-option-description-font-size,var(--luzmo-font-size-xs,12px)));line-height:var(--luzmo-prompt-box-trigger-option-description-line-height,var(--prompt-box-trigger-option-description-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-description-color,var(--prompt-box-trigger-option-description-color,var(--luzmo-font-color,#6e6e6e)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trigger-option-enter-icon{color:var(--luzmo-prompt-box-trigger-option-enter-icon-color,var(--prompt-box-trigger-option-enter-icon-color,var(--luzmo-font-color-dimmed,#0006)));flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.trigger-option-highlight{background-color:var(--luzmo-prompt-box-trigger-option-highlight-background,var(--prompt-box-trigger-option-highlight-background,rgba(var(--luzmo-primary-rgb,0, 100, 250), .12)));color:inherit;border-radius:2px;padding:0 1px}.trigger-option-header{align-items:center;gap:var(--luzmo-prompt-box-trigger-option-header-gap,var(--prompt-box-trigger-option-header-gap,10px));min-block-size:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));padding-block:var(--luzmo-prompt-box-trigger-option-header-padding-block,var(--prompt-box-trigger-option-header-padding-block,4px));padding-inline:var(--luzmo-prompt-box-trigger-option-header-padding-inline,var(--prompt-box-trigger-option-header-padding-inline,10px));background-color:var(--luzmo-prompt-box-trigger-option-header-background,var(--prompt-box-trigger-option-header-background));border-block-start:1px solid var(--luzmo-prompt-box-trigger-option-header-border-color,var(--prompt-box-trigger-option-header-border-color,var(--luzmo-border-color,#0000001f)));border-block-end:1px solid var(--luzmo-prompt-box-trigger-option-header-border-color,var(--prompt-box-trigger-option-header-border-color,var(--luzmo-border-color,#0000001f)));box-sizing:border-box;-webkit-user-select:none;user-select:none;display:flex}.trigger-options>.trigger-option-header:first-child{border-block-start:none}.trigger-option-header-icon{width:var(--luzmo-prompt-box-trigger-option-icon-width,var(--prompt-box-trigger-option-icon-width,20px));color:var(--luzmo-prompt-box-trigger-option-header-icon-color,var(--prompt-box-trigger-option-header-icon-color,var(--luzmo-font-color,#333)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.trigger-option-header-label{font-size:var(--luzmo-prompt-box-trigger-option-header-font-size,var(--prompt-box-trigger-option-header-font-size,var(--luzmo-font-size,14px)));font-weight:var(--luzmo-prompt-box-trigger-option-header-font-weight,var(--prompt-box-trigger-option-header-font-weight,normal));line-height:var(--luzmo-prompt-box-trigger-option-header-line-height,var(--prompt-box-trigger-option-header-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-header-color,var(--prompt-box-trigger-option-header-color,var(--luzmo-font-color,#333)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}luzmo-overlay[part=trigger-menu-overlay] ::slotted(*){min-width:var(--luzmo-prompt-box-trigger-menu-min-width,var(--prompt-box-trigger-menu-min-width,250px));max-height:var(--luzmo-prompt-box-trigger-menu-max-height,var(--prompt-box-trigger-menu-max-height,300px));visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important}@media (forced-colors:active){:host{--highcontrast-prompt-box-background-color:Canvas;--highcontrast-prompt-box-border-color:CanvasText;--highcontrast-prompt-box-border-color-focus:Highlight;--highcontrast-prompt-box-text-color:CanvasText}}:host{--prompt-box-font-family:var(--luzmo-font-family);--prompt-box-font-size:var(--luzmo-font-size);--prompt-box-line-height:1.5;--prompt-box-text-color:var(--luzmo-font-color);--prompt-box-background-color:var(--luzmo-background-color);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-border-width:var(--luzmo-border-width);--prompt-box-border-color:var(--luzmo-border-color);--prompt-box-border-color-focus:var(--luzmo-primary);--prompt-box-shadow:0 2px 8px var(--luzmo-shadow-color);--prompt-box-shadow-focus:0 2px 12px rgba(var(--luzmo-primary-rgb), .15);--prompt-box-gap:var(--luzmo-spacing-5);--prompt-box-recording-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--prompt-box-vertical-padding:var(--luzmo-spacing-4);--prompt-box-horizontal-padding:var(--luzmo-spacing-5);--prompt-box-actions-gap:var(--luzmo-spacing-3);--prompt-box-top-actions-gap:var(--luzmo-spacing-2);--prompt-box-bottom-actions-gap:var(--luzmo-spacing-2);--prompt-box-button-group-gap:var(--luzmo-spacing-2);--prompt-box-submit-button-margin-inline-start:var(--luzmo-spacing-3);--prompt-box-max-height:200px;--prompt-box-rich-input-padding:4px 0;--prompt-box-placeholder-color:var(--luzmo-font-color-extra-dimmed);--prompt-box-animation-duration:var(--luzmo-animation-duration,.15s);--prompt-box-disabled-opacity:.5;--prompt-box-error-color:var(--luzmo-negative-color);--prompt-box-error-font-size:var(--luzmo-font-size-s);--prompt-box-error-line-height:1.4;--prompt-box-attachments-gap:var(--luzmo-spacing-2);--prompt-box-image-preview-size:64px;--prompt-box-image-border-radius:var(--luzmo-border-radius);--prompt-box-image-background:#0000000d;--prompt-box-file-icon-size:var(--luzmo-icon-size-xl);--prompt-box-file-icon-color:var(--luzmo-font-color-extra-dimmed);--prompt-box-remove-button-size:20px;--prompt-box-remove-button-background:#00000080;--prompt-box-remove-button-background-hover:#000000b3;--prompt-box-remove-button-icon-color:#fff;--prompt-box-scrollbar-width:var(--luzmo-scrollbar-size);--prompt-box-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--prompt-box-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--prompt-box-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--prompt-box-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--prompt-box-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--prompt-box-badge-gap:6px;--prompt-box-badge-padding:1px 6px;--prompt-box-badge-background:rgba(var(--luzmo-primary-rgb,0, 100, 250), .1);--prompt-box-badge-color:var(--luzmo-primary,#0064fa);--prompt-box-badge-border-radius:4px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-font-weight:500;--prompt-box-badge-max-width:200px;--prompt-box-badge-remove-size:14px;--prompt-box-badge-remove-font-size:12px;--prompt-box-badge-remove-hover-background:#0000001a;--prompt-box-waveform-gap:3px;--prompt-box-waveform-height:24px;--prompt-box-waveform-bar-width:3px;--prompt-box-waveform-bar-color:currentColor;--prompt-box-waveform-bar-radius:2px;--prompt-box-recording-duration-font-family:monospace;--prompt-box-recording-duration-font-size:14px;--prompt-box-recording-duration-font-weight:500;--prompt-box-recording-duration-color:currentColor;--prompt-box-trigger-menu-min-width:250px;--prompt-box-trigger-menu-max-width:300px;--prompt-box-trigger-menu-max-height:300px;--prompt-box-trigger-menu-background:var(--luzmo-background-color,#fff);--prompt-box-trigger-menu-border-color:var(--luzmo-border-color,#0000001a);--prompt-box-trigger-menu-border-radius:var(--luzmo-border-radius-100,8px);--prompt-box-trigger-menu-shadow-color:var(--luzmo-shadow-color);--prompt-box-single-line-gap:var(--luzmo-spacing-3);--prompt-box-single-line-attachments-max-height:32px;--prompt-box-single-line-image-size:28px;--prompt-box-single-line-file-icon-size:var(--luzmo-icon-size-s);--prompt-box-trigger-option-gap:10px;--prompt-box-trigger-option-min-height:var(--luzmo-component-height,32px);--prompt-box-trigger-option-padding-block:4px;--prompt-box-trigger-option-padding-inline:10px;--prompt-box-trigger-option-description-padding-block:4px;--prompt-box-trigger-option-background-hover:var(--luzmo-background-color-highlight,#f5f5f5);--prompt-box-trigger-option-icon-color:var(--luzmo-font-color,inherit);--prompt-box-trigger-option-icon-width:20px;--prompt-box-trigger-option-icon-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-font-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-color:var(--luzmo-font-color,#333);--prompt-box-trigger-option-description-font-size:var(--luzmo-font-size-xs,12px);--prompt-box-trigger-option-description-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-description-color:var(--luzmo-font-color,#6e6e6e);--prompt-box-trigger-option-enter-icon-color:var(--prompt-box-trigger-option-icon-color,var(--luzmo-font-color,inherit));--prompt-box-trigger-option-highlight-background:rgba(var(--luzmo-primary-rgb,0, 100, 250), .12);--prompt-box-trigger-option-header-gap:10px;--prompt-box-trigger-option-header-padding-block:4px;--prompt-box-trigger-option-header-padding-inline:10px;--prompt-box-trigger-option-header-background:var(--luzmo-background-color-highlight,#f5f5f5);--prompt-box-trigger-option-header-border-color:var(--luzmo-border-color,#0000001f);--prompt-box-trigger-option-header-icon-color:var(--luzmo-font-color,#333);--prompt-box-trigger-option-header-font-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-header-font-weight:normal;--prompt-box-trigger-option-header-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-header-color:var(--luzmo-font-color,#333)}:host([size=xs]){--prompt-box-font-size:var(--luzmo-font-size-xs);--prompt-box-border-radius:var(--luzmo-border-radius);--prompt-box-vertical-padding:var(--luzmo-spacing-2);--prompt-box-horizontal-padding:var(--luzmo-spacing-3);--prompt-box-gap:var(--luzmo-spacing-3);--prompt-box-attachments-gap:var(--luzmo-spacing-1);--prompt-box-recording-gap:var(--luzmo-spacing-3);--prompt-box-max-height:120px;--prompt-box-image-preview-size:40px;--prompt-box-file-icon-size:var(--luzmo-icon-size-m);--prompt-box-remove-button-size:16px;--prompt-box-badge-font-size:.8em;--prompt-box-badge-padding:0px 3px;--prompt-box-badge-remove-size:10px;--prompt-box-badge-remove-font-size:9px}:host([size=s]){--prompt-box-font-size:var(--luzmo-font-size-s);--prompt-box-border-radius:var(--luzmo-border-radius-l);--prompt-box-vertical-padding:var(--luzmo-spacing-3);--prompt-box-horizontal-padding:var(--luzmo-spacing-4);--prompt-box-gap:var(--luzmo-spacing-4);--prompt-box-attachments-gap:var(--luzmo-spacing-1);--prompt-box-recording-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--prompt-box-max-height:150px;--prompt-box-image-preview-size:48px;--prompt-box-file-icon-size:var(--luzmo-icon-size-l);--prompt-box-remove-button-size:18px;--prompt-box-badge-font-size:.85em;--prompt-box-badge-padding:0px 4px;--prompt-box-badge-remove-size:12px;--prompt-box-badge-remove-font-size:10px}:host([size=l]){--prompt-box-font-size:var(--luzmo-font-size-l);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-vertical-padding:var(--luzmo-spacing-5);--prompt-box-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--prompt-box-gap:var(--luzmo-spacing-4);--prompt-box-attachments-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--prompt-box-recording-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--prompt-box-max-height:250px;--prompt-box-image-preview-size:72px;--prompt-box-file-icon-size:var(--luzmo-icon-size-xxl);--prompt-box-remove-button-size:24px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-padding:2px 8px;--prompt-box-badge-remove-size:16px;--prompt-box-badge-remove-font-size:13px}:host([size=xl]){--prompt-box-font-size:var(--luzmo-font-size-xl);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-vertical-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--prompt-box-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--prompt-box-gap:var(--luzmo-spacing-5);--prompt-box-attachments-gap:var(--luzmo-spacing-3);--prompt-box-max-height:300px;--prompt-box-image-preview-size:96px;--prompt-box-file-icon-size:var(--luzmo-icon-size-xxl);--prompt-box-remove-button-size:28px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-padding:2px 10px;--prompt-box-badge-remove-size:18px;--prompt-box-badge-remove-font-size:14px}:host([pending]){--prompt-box-actions-opacity:.75}", $ = class extends n(e, {
 	validSizes: [
 		"xs",
@@ -1340,7 +1312,7 @@ var we = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 	defaultSize: "m"
 }) {
 	constructor(...e) {
-		super(...e), this.rows = 1, this.grows = !1, this.maxRows = -1, this.recording = !1, this.hideSubmit = !1, this.disableSubmit = !1, this.singleLine = !1, this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.maxlength = -1, this.pending = !1, this.stoppable = !1, this.allowImages = !1, this.allowFiles = !1, this.acceptedFileTypes = [], this.fileIcons = {}, this.removeAttachmentLabel = (e) => `Remove ${e}`, this.allowElements = !1, this.acceptedElementTypes = [], this._hasTopActions = !1, this._hasBottomActions = !1, this._hasError = !1, this._hasRecordButton = !1, this._hasSubmitButton = !1, this._inputFocused = !1, this._attachments = new x(this), this._recording = new te(this), this._richInput = new j(this), this._triggerMenu = new M(this), this.handleRecordButtonSlotChange = this._slotPresenceHandler((e) => this._hasRecordButton = e), this.handleSubmitButtonSlotChange = this._slotPresenceHandler((e) => this._hasSubmitButton = e), this.handleRecordClick = (e) => {
+		super(...e), this.rows = 1, this.grows = !1, this.maxRows = -1, this.recording = !1, this.hideSubmit = !1, this.disableSubmit = !1, this.singleLine = !1, this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.maxlength = -1, this.pending = !1, this.stoppable = !1, this.allowImages = !1, this.allowFiles = !1, this.acceptedFileTypes = [], this.fileIcons = {}, this.removeAttachmentLabel = (e) => `Remove ${e}`, this.allowElements = !1, this.acceptedElementTypes = [], this._hasTopActions = !1, this._hasBottomActions = !1, this._hasError = !1, this._hasRecordButton = !1, this._hasSubmitButton = !1, this._inputFocused = !1, this._attachments = new x(this), this._recording = new te(this), this._richInput = new oe(this), this._triggerMenu = new M(this), this.handleRecordButtonSlotChange = this._slotPresenceHandler((e) => this._hasRecordButton = e), this.handleSubmitButtonSlotChange = this._slotPresenceHandler((e) => this._hasSubmitButton = e), this.handleRecordClick = (e) => {
 			let t = e.currentTarget.matches(":focus-visible");
 			this._recording.start(t);
 		}, this.handleAttachmentRemoveClick = (e) => {
@@ -1371,12 +1343,10 @@ var we = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 				if (e.key === "Enter" && !e.shiftKey) {
 					if (e.preventDefault(), this.disableSubmit) return;
 					this._submit();
-					return;
-				}
-				(e.key === "Backspace" || e.key === "Delete") && this._richInput.handleBadgeDelete(e.key) && e.preventDefault();
+				} else (e.key === "Backspace" || e.key === "Delete") && this._richInput.handleBadgeDelete(e.key) && e.preventDefault();
 			}
 		}, this.handleStopClick = () => {
-			this.disabled || !this.pending || !this.stoppable || this.dispatchEvent(new CustomEvent("luzmo-stop", {
+			!this.disabled && this.pending && this.stoppable && this.dispatchEvent(new CustomEvent("luzmo-stop", {
 				bubbles: !0,
 				composed: !0
 			}));
@@ -1531,8 +1501,7 @@ var we = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
     `;
 	}
 };
-//#endregion
-//#region src/components/prompt-box/index.ts
+// src/components/prompt-box/index.ts
 t([c({ type: Number })], $.prototype, "rows", void 0), t([c({
 	type: Boolean,
 	reflect: !0
@@ -1585,5 +1554,4 @@ t([c({ type: Number })], $.prototype, "rows", void 0), t([c({
 	type: Array,
 	attribute: "accepted-element-types"
 })], $.prototype, "acceptedElementTypes", void 0), t([c({ type: Array })], $.prototype, "triggers", null), t([u()], $.prototype, "_hasTopActions", void 0), t([u()], $.prototype, "_hasBottomActions", void 0), t([u()], $.prototype, "_hasError", void 0), t([u()], $.prototype, "_hasRecordButton", void 0), t([u()], $.prototype, "_hasSubmitButton", void 0), t([u()], $.prototype, "_inputFocused", void 0), t([l("luzmo-text-field")], $.prototype, "_inputElement", void 0), t([l(".rich-input")], $.prototype, "_richInputElement", void 0), t([l("input[type=\"file\"]")], $.prototype, "_fileInput", void 0), t([l(".finish-recording-button")], $.prototype, "_finishRecordingButton", void 0), customElements.get("luzmo-prompt-box") || customElements.define("luzmo-prompt-box", $);
-//#endregion
-export { Y as n, A as r, $ as t };
+export { Y as n, j as r, $ as t };