@luzmo/lucero 1.0.1-alpha.9 → 1.0.2

package/components/prompt-box-BEloQP-R.js

@@ -0,0 +1,1506 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { n as e, t } from "./decorate-aGxJUVxg.js";
+import { n } from "./sized-mixin-DaBoZkVS.js";
+import "./icon-CwBAE1eU.js";
+import "./action-button-B4_UEJle.js";
+import { m as r } from "./overlay-8tN0KPbR.js";
+import "./overlay-CwR_36OV.js";
+import "./button-CRNRP8P0.js";
+import "./text-field-BoGAvXvh.js";
+import "./tags-B89eYzsB.js";
+import { t as i } from "./voice-recorder-477xPHRU.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, luzmoMicrophone as h } from "@luzmo/icons";
+//#region src/components/prompt-box/controllers/attachments-controller.ts
+var g = class {
+	constructor(e) {
+		this._attachments = [], this._idCounter = 0, this._host = e, e.addController(this);
+	}
+	hostConnected() {}
+	hostDisconnected() {
+		this._revokeAllPreviewUrls();
+	}
+	get attachments() {
+		return this._attachments;
+	}
+	get hasAttachments() {
+		return this._attachments.length > 0;
+	}
+	get imageAttachments() {
+		return this._attachments.filter((e) => this._isImageFile(e.file));
+	}
+	get fileAttachments() {
+		return this._attachments.filter((e) => !this._isImageFile(e.file));
+	}
+	addFiles(e) {
+		if (this._host.disabled || this._host.readonly || this._host.pending) return [];
+		let t = [];
+		for (let n of e) {
+			if (this._isImageFile(n) && !this._host.allowImages || !this._isImageFile(n) && !this._host.allowFiles || !this._isFileTypeAccepted(n)) continue;
+			let e = this._generateId(), r = {
+				file: n,
+				id: e
+			};
+			this._isImageFile(n) && (r.previewUrl = URL.createObjectURL(n)), this._attachments = [...this._attachments, r], t.push(e);
+		}
+		return t.length > 0 && (this._dispatchChange(), this._host.requestUpdate()), t;
+	}
+	removeAttachment(e) {
+		let t = this._attachments.find((t) => t.id === e);
+		t && (t.previewUrl && URL.revokeObjectURL(t.previewUrl), this._attachments = this._attachments.filter((t) => t.id !== e), this._dispatchChange(), this._host.requestUpdate());
+	}
+	clearAttachments() {
+		this._revokeAllPreviewUrls(), this._attachments = [], this._dispatchChange(), this._host.requestUpdate();
+	}
+	getAttachments() {
+		return [...this._attachments];
+	}
+	handlePastedImages(e) {
+		if (!this._host.allowImages || this._host.disabled || this._host.readonly || this._host.pending || !e) return !1;
+		let t = [];
+		for (let n of e.items) if (n.type.startsWith("image/")) {
+			let e = n.getAsFile();
+			e && t.push(e);
+		}
+		return t.length > 0 ? (this.addFiles(t), !0) : !1;
+	}
+	getAcceptAttribute() {
+		if (this._host.acceptedFileTypes.length > 0) return this._host.acceptedFileTypes.join(",");
+		let e = [];
+		return this._host.allowImages && e.push("image/*"), this._host.allowFiles && e.push("*/*"), e.join(",");
+	}
+	isImageFile(e) {
+		return this._isImageFile(e);
+	}
+	_isImageFile(e) {
+		return e.type.startsWith("image/");
+	}
+	_isFileTypeAccepted(e) {
+		if (this._host.acceptedFileTypes.length === 0) return !0;
+		let t = e.name.toLowerCase(), n = e.type.toLowerCase();
+		for (let e of this._host.acceptedFileTypes) {
+			let r = e.toLowerCase();
+			if (r.endsWith("/*")) {
+				let e = r.slice(0, -2);
+				if (n.startsWith(e + "/")) return !0;
+			} else if (n === r) return !0;
+			else if (r.startsWith(".") && t.endsWith(r)) return !0;
+		}
+		return !1;
+	}
+	_generateId() {
+		return `attachment-${++this._idCounter}-${Date.now()}`;
+	}
+	_revokeAllPreviewUrls() {
+		for (let e of this._attachments) e.previewUrl && URL.revokeObjectURL(e.previewUrl);
+	}
+	_dispatchChange() {
+		this._host.dispatchEvent(new CustomEvent("luzmo-attachments-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { attachments: this._attachments }
+		}));
+	}
+}, ee = class {
+	constructor(e) {
+		this._voiceRecorder = null, this.isRecording = !1, this.duration = 0, this.audioLevel = 0, this.shouldFocusFinishButton = !1, this._host = e, e.addController(this);
+	}
+	hostConnected() {}
+	hostDisconnected() {
+		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", {
+			bubbles: !0,
+			composed: !0,
+			detail: { isRecording: this.isRecording }
+		})));
+	}
+	stop() {
+		this._voiceRecorder?.stopRecording();
+	}
+	cancel() {
+		this._voiceRecorder?.cancelRecording(), this.isRecording = !1, this.duration = 0, this.audioLevel = 0, this._host.requestUpdate(), this._host.dispatchEvent(new CustomEvent("luzmo-record-cancel", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	formatDuration() {
+		return i.formatDuration(this.duration);
+	}
+	static isSupported() {
+		return i.isSupported();
+	}
+	_init() {
+		this._voiceRecorder || (this._voiceRecorder = new i({ maxDuration: 3e5 }), this._voiceRecorder.onStart(() => {
+			this.isRecording = !0, this._host.requestUpdate();
+		}).onStop((e) => {
+			this.isRecording = !1, this.duration = 0, this.audioLevel = 0, this._host.requestUpdate(), this._host.dispatchEvent(new CustomEvent("luzmo-recording-complete", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					audioBlob: e.audioBlob,
+					duration: e.duration,
+					mimeType: e.mimeType
+				}
+			}));
+		}).onError((e) => {
+			this.isRecording = !1, this.duration = 0, this.audioLevel = 0, this._host.requestUpdate(), this._host.dispatchEvent(new CustomEvent("luzmo-record-error", {
+				bubbles: !0,
+				composed: !0,
+				detail: { error: e }
+			}));
+		}).onAudioLevel((e) => {
+			this.audioLevel = e, this._host.requestUpdate();
+		}).onDurationUpdate((e) => {
+			this.duration = e, this._host.requestUpdate();
+		}));
+	}
+	_destroy() {
+		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
+function _(e, t) {
+	let n = document.createRange();
+	return n.setStart(e, t), n.collapse(!0), n;
+}
+function v(e, t, n) {
+	let r = e.getBoundingClientRect(), i = t - r.left, a = n - r.top;
+	return i * i + a * a;
+}
+function y(e, t, n, r) {
+	let i = 0, a = t;
+	for (; a - i > 1;) {
+		let t = i + a >>> 1, r = document.createRange();
+		r.setStart(e, t), r.collapse(!0), r.getBoundingClientRect().left < n ? i = t : a = t;
+	}
+	let o = _(e, i), s = v(o, n, r), c = _(e, a), l = v(c, n, r);
+	return l < s && (o = c, s = l), {
+		range: o,
+		distSq: s
+	};
+}
+function te(e, t, n, r) {
+	let i = null, a = Infinity;
+	for (let [o, s] of e.childNodes.entries()) if (s !== r) {
+		if (s.nodeType === Node.TEXT_NODE) {
+			let e = (s.textContent ?? "").length;
+			if (e === 0) continue;
+			let r = y(s, e, t, n);
+			r.distSq < a && (a = r.distSq, i = r.range);
+		} else if (s.nodeType === Node.ELEMENT_NODE) {
+			let r = s.getBoundingClientRect();
+			if (r.width === 0 && r.height === 0) continue;
+			let c = r.left + r.width / 2, l = _(e, o), u = _(e, o + 1), d = t < c ? l : u, f = n - (r.top + r.height / 2), p = t < c ? t - r.left : t - r.right, m = p * p + f * f;
+			m < a && (a = m, i = d);
+		}
+	}
+	if (!i) {
+		let t = document.createRange();
+		return t.selectNodeContents(e), t.collapse(!1), t;
+	}
+	return i;
+}
+function b(e, t, n, r, i) {
+	if (Number.isNaN(n) || Number.isNaN(r)) return null;
+	let a = null, o = e;
+	if (o?.caretPositionFromPoint) {
+		let e = o.caretPositionFromPoint(n, r);
+		e && (a = _(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 = _(e.offsetNode, e.offset));
+	} else "caretRangeFromPoint" in document && (a = document.caretRangeFromPoint(n, r));
+	return (!a || !t.contains(a.startContainer)) && (a = te(t, n, r, i)), a;
+}
+//#endregion
+//#region src/components/prompt-box/selection-utils.ts
+function x(e) {
+	if (e) {
+		let t = e.getSelection?.();
+		if (t && t.rangeCount > 0) return t.getRangeAt(0);
+	}
+	let t = document.getSelection();
+	if (!t || t.rangeCount === 0) return null;
+	let n = t.getRangeAt(0);
+	if (!e || e.contains(n.startContainer)) return n;
+	let r = t;
+	if (e && r.getComposedRanges) try {
+		let t = r.getComposedRanges(e);
+		if (t.length > 0) {
+			let e = t[0], n = document.createRange();
+			return n.setStart(e.startContainer, e.startOffset), n.setEnd(e.endContainer, e.endOffset), n;
+		}
+	} catch {}
+	return null;
+}
+function S(e, t) {
+	let n = document.getSelection();
+	if (n) try {
+		n.setBaseAndExtent(e, t, e, t);
+	} catch {
+		let r = document.createRange();
+		r.setStart(e, t), r.collapse(!0), n.removeAllRanges(), n.addRange(r);
+	}
+}
+function C(e) {
+	return e === " " || e === "\n" || e === "\xA0";
+}
+function w(e) {
+	let t = x(e);
+	if (!t || !t.collapsed) return !1;
+	let n = t.startContainer, r = t.startOffset;
+	if (n.nodeType === Node.TEXT_NODE) {
+		if (r >= 2) return C(n.textContent?.charAt(r - 2) ?? "");
+		let e = n.previousSibling;
+		if (!e || e.nodeType === Node.ELEMENT_NODE && e.classList?.contains("element-badge")) return !0;
+		let t = e.textContent ?? "";
+		return t.length === 0 ? !0 : C(t.at(-1) ?? "");
+	}
+	if (n.nodeType === Node.ELEMENT_NODE) {
+		if (r === 0) return !0;
+		let e = n.childNodes[r - 1];
+		if (!e || e.nodeType === Node.ELEMENT_NODE && e.classList?.contains("element-badge")) return !0;
+		if (e.nodeType === Node.TEXT_NODE) {
+			let t = e.textContent ?? "";
+			return t.length === 0 ? !0 : C(t.at(-1) ?? "");
+		}
+	}
+	return !1;
+}
+function T(e, t) {
+	let n = x(e);
+	if (!n) {
+		if (!t) return null;
+		let e = t.getBoundingClientRect();
+		return {
+			x: e.left,
+			y: e.bottom
+		};
+	}
+	let r = n.cloneRange();
+	r.collapse(!0);
+	let i = r.startContainer, a = r.startOffset;
+	if (i.nodeType === Node.TEXT_NODE && a > 0) {
+		let e = document.createRange();
+		e.setStart(i, a - 1), e.setEnd(i, a);
+		let t = e.getBoundingClientRect();
+		if (t.width > 0 || t.height > 0) return {
+			x: t.left,
+			y: t.bottom
+		};
+	}
+	let o = r.getBoundingClientRect();
+	if (o.width === 0 && o.height === 0 && o.x === 0) {
+		if (t) {
+			let e = t.getBoundingClientRect();
+			return {
+				x: e.left,
+				y: e.bottom
+			};
+		}
+		return null;
+	}
+	return {
+		x: o.left,
+		y: o.bottom
+	};
+}
+function ne(e, t) {
+	let n = x(e);
+	if (!n || !n.collapsed) return null;
+	let r = n.startContainer, i = n.startOffset;
+	if (r.nodeType !== Node.TEXT_NODE) return null;
+	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 E(e, t) {
+	if (e.focus(), !t) return;
+	let n = e.querySelector(`[data-element-id="${t}"]`);
+	if (!n) return;
+	let r = n.nextSibling;
+	if (r && r.nodeType === Node.TEXT_NODE) {
+		let e = r.textContent ?? "", t = e.indexOf(" ");
+		S(r, t === -1 ? e.length : t + 1);
+		return;
+	}
+	let i = document.getSelection();
+	if (!i) return;
+	let a = document.createRange();
+	a.setStartAfter(n), a.collapse(!0), i.removeAllRanges(), i.addRange(a);
+}
+function re(e, t, n, r) {
+	let i = x(e);
+	if (i) {
+		let e = i.startContainer, r = i.startOffset;
+		if (e.nodeType === Node.TEXT_NODE && t.contains(e)) {
+			let t = e.textContent ?? "", i = t.slice(0, Math.max(0, r)).lastIndexOf(n);
+			if (i !== -1) {
+				e.textContent = t.slice(0, Math.max(0, i)) + t.slice(Math.max(0, r)), S(e, i);
+				return;
+			}
+		}
+	}
+	let a = n + (r ?? ""), o = document.createTreeWalker(t, NodeFilter.SHOW_TEXT), s;
+	for (; s = o.nextNode();) {
+		let e = s.textContent ?? "", n = e.lastIndexOf(a);
+		if (n !== -1) {
+			s.textContent = e.slice(0, Math.max(0, n)) + e.slice(Math.max(0, n + a.length)), t.focus(), S(s, n);
+			return;
+		}
+	}
+}
+//#endregion
+//#region src/components/prompt-box/types.ts
+var D = "application/x-luzmo-element", O = 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", {
+				bubbles: !0,
+				composed: !0
+			}));
+		}, this.handleRichPaste = (e) => {
+			if (e.preventDefault(), this._cannotEditRichContent()) return;
+			if (this._host.allowImages && e.clipboardData && this._host.handlePastedImages(e.clipboardData)) {
+				e.stopPropagation();
+				return;
+			}
+			let t = e.clipboardData?.getData("text/plain") ?? "";
+			if (t) {
+				let e = x(this._host.shadowRoot);
+				if (e) {
+					e.deleteContents(), e.insertNode(document.createTextNode(t)), e.collapse(!1);
+					let n = document.getSelection();
+					n && (n.removeAllRanges(), n.addRange(e));
+				}
+				this.syncValue(), this._host.dispatchEvent(new Event("input", {
+					bubbles: !0,
+					composed: !0
+				}));
+			}
+		}, this.handleRichDragOver = (e) => {
+			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());
+		}, this.handleRichDrop = (e) => {
+			if (e.preventDefault(), this.isDragOver = !1, this._hideDragCaret(), this._cannotEditRichContent()) {
+				this._host.requestUpdate();
+				return;
+			}
+			let t = e.dataTransfer?.getData(D);
+			if (!t) {
+				this._host.requestUpdate();
+				return;
+			}
+			try {
+				let n = JSON.parse(t);
+				if (n.elementType && n.label) {
+					this.richInputElement?.focus();
+					let t = this.richInputElement ? b(this._host.shadowRoot, this.richInputElement, e.clientX, e.clientY, this._dragCaret) : null;
+					this._insertElementAtRange(n.elementType, n.label, n.data ?? null, void 0, t);
+				}
+				this._host.requestUpdate();
+			} catch {
+				this._host.requestUpdate();
+			}
+		}, this._host = e, e.addController(this);
+	}
+	hostConnected() {}
+	hostDisconnected() {}
+	get elements() {
+		return this._elements;
+	}
+	get elementCount() {
+		return this._elements.size;
+	}
+	getSegments() {
+		return !this._host.allowElements || !this.richInputElement ? [{
+			type: "text",
+			value: this._host.value
+		}] : this._parseSegments();
+	}
+	setSegments(e) {
+		if (!this._host.allowElements) {
+			this._host.value = this._segmentsToPlainText(e);
+			return;
+		}
+		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));
+				else if (t.type === "element" && t.value) {
+					let e = { ...t.value };
+					e.id ||= this._generateId(), this._elements.set(e.id, e), this.richInputElement.append(this._createBadgeNode(e));
+				}
+				this.syncValue();
+			}
+		});
+	}
+	insertElement(e, t, n, r) {
+		return this._insertElementAtRange(e, t, n, r, null);
+	}
+	_insertElementAtRange(e, t, n, r, i) {
+		if (this._cannotEditRichContent() || this._host.acceptedElementTypes.length > 0 && !this._host.acceptedElementTypes.includes(e) || !this.richInputElement) return "";
+		let a = this._generateId(), o = {
+			id: a,
+			elementType: e,
+			label: t,
+			data: n,
+			icon: r
+		};
+		this._elements.set(a, o);
+		let s = this._createBadgeNode(o), c = this.richInputElement, l = !1, u = i === null ? this._getSelectionRange() : i;
+		if (u && c.contains(u.commonAncestorContainer)) {
+			u.deleteContents(), u.insertNode(s);
+			let e = s.previousSibling;
+			if (e?.nodeType === Node.TEXT_NODE) {
+				let t = e.previousSibling;
+				t?.classList?.contains("element-badge") && this._ensureSpaceAfter(t);
+			}
+			this._ensureSpaceAfter(s), E(c, a), l = !0;
+		}
+		return l || (c.append(s), this._ensureSpaceAfter(s), E(c, a)), this.syncValue(), this._host.dispatchEvent(new CustomEvent("luzmo-element-inserted", {
+			bubbles: !0,
+			composed: !0,
+			detail: { element: o }
+		})), a;
+	}
+	_getSelectionRange() {
+		return x(this._host.shadowRoot);
+	}
+	removeElement(e) {
+		let t = this._elements.get(e);
+		if (!t) return;
+		this._elements.delete(e);
+		let n = this.richInputElement?.querySelector(`[data-element-id="${e}"]`);
+		if (n) {
+			let e = n.nextSibling;
+			if (n.remove(), e && e.nodeType === Node.TEXT_NODE) {
+				let t = (e.textContent ?? "").replaceAll("​", "");
+				t ? e.textContent = t : e.remove();
+			}
+			this.syncValue();
+		}
+		this._host.dispatchEvent(new CustomEvent("luzmo-element-removed", {
+			bubbles: !0,
+			composed: !0,
+			detail: { element: t }
+		}));
+	}
+	getElements() {
+		return [...this._elements.values()];
+	}
+	clearElements() {
+		this._elements.clear(), this.richInputElement && (this.richInputElement.innerHTML = "");
+	}
+	handleBadgeDelete(e) {
+		let t = x(this._host.shadowRoot);
+		if (!t || !t.collapsed) return !1;
+		let n = e === "Backspace" ? this._findBadgeBefore(t.startContainer, t.startOffset) : e === "Delete" ? this._findBadgeAfter(t.startContainer, t.startOffset) : null;
+		return n?.dataset.elementId ? (this.removeElement(n.dataset.elementId), !0) : !1;
+	}
+	_findBadgeBefore(e, t) {
+		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)) {
+				let t = e.previousSibling;
+				if (t?.classList?.contains("element-badge")) return t;
+			}
+		}
+		return null;
+	}
+	_findBadgeAfter(e, t) {
+		if (e.nodeType === Node.ELEMENT_NODE) {
+			let n = e.childNodes[t];
+			if (n?.classList?.contains("element-badge")) return n;
+		} else if (e.nodeType === Node.TEXT_NODE) {
+			let n = e.textContent ?? "";
+			if (t === n.length) {
+				let t = e.nextSibling;
+				if (t?.classList?.contains("element-badge")) return t;
+			} else {
+				let r = n.slice(t);
+				if (/^[\u200B\uFEFF]*$/.test(r)) {
+					let t = e.nextSibling;
+					if (t?.classList?.contains("element-badge")) return t;
+				}
+			}
+		}
+		return null;
+	}
+	_segmentsToPlainText(e) {
+		return e.map((e) => e.type === "text" ? e.value ?? "" : e.value?.label ?? "").join("");
+	}
+	_cannotEditRichContent() {
+		return !this._host.allowElements || this._host.disabled || this._host.readonly || this._host.pending;
+	}
+	_cleanupSemanticallyEmptyRichInput(e) {
+		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 = "");
+	}
+	syncValue() {
+		if (!this.richInputElement) return;
+		let e = this._parseSegments(), t = this._segmentsToPlainText(e);
+		this._host.value = t, this._cleanupSemanticallyEmptyRichInput(t), this._host.requestUpdate();
+	}
+	_parseSegments() {
+		if (!this.richInputElement) return [];
+		let e = [];
+		for (let t of this.richInputElement.childNodes) if (t.nodeType === Node.TEXT_NODE) {
+			let n = (t.textContent ?? "").replaceAll("​", "");
+			n && e.push({
+				type: "text",
+				value: n
+			});
+		} else if (t.nodeType === Node.ELEMENT_NODE) {
+			let n = t;
+			if (n.classList.contains("drag-caret")) continue;
+			if (n.classList.contains("element-badge")) {
+				let t = n.dataset.elementId ?? "", r = this._elements.get(t);
+				r && e.push({
+					type: "element",
+					value: { ...r }
+				});
+			} else if (n.tagName === "BR") e.push({
+				type: "text",
+				value: "\n"
+			});
+			else {
+				let t = n.textContent ?? "";
+				t && e.push({
+					type: "text",
+					value: t
+				});
+			}
+		}
+		return e;
+	}
+	_createBadgeNode(e) {
+		let t = document.createElement("span");
+		if (t.className = "element-badge", t.setAttribute("contenteditable", "false"), t.dataset.elementId = e.id, t.dataset.elementType = e.elementType, e.icon) {
+			let n = document.createElement("luzmo-icon");
+			n.icon = e.icon, n.setAttribute("size", "xxs"), n.className = "element-badge-icon", t.append(n);
+		}
+		let n = document.createElement("span");
+		n.className = "element-badge-label", n.textContent = e.label, t.append(n);
+		let r = document.createElement("button");
+		return r.type = "button", r.setAttribute("role", "button"), r.tabIndex = -1, r.className = "element-badge-remove", r.setAttribute("contenteditable", "false"), r.setAttribute("aria-label", `Remove ${e.label}`), r.textContent = "×", r.addEventListener("click", (t) => {
+			t.preventDefault(), t.stopPropagation(), this.removeElement(e.id);
+		}), t.append(r), t;
+	}
+	_ensureSpaceAfter(e) {
+		let t = e.nextSibling;
+		if (t && t.nodeType === Node.TEXT_NODE && t.textContent) {
+			let e = t.textContent;
+			if (e.startsWith("​") && e.length > 1) return;
+			if (e.startsWith(" ")) {
+				t.textContent = "​" + e;
+				return;
+			}
+			if (/^\u200B+$/.test(e)) {
+				t.textContent = e + " ";
+				return;
+			}
+		}
+		e.parentNode?.insertBefore(document.createTextNode("​ "), t ?? null);
+	}
+	_showDragCaret(e, t) {
+		if (!this.richInputElement) {
+			this._hideDragCaret();
+			return;
+		}
+		let n = b(this._host.shadowRoot, this.richInputElement, e, t, this._dragCaret);
+		if (!n) {
+			this._hideDragCaret();
+			return;
+		}
+		let r = n.getBoundingClientRect(), i = this.richInputElement.getBoundingClientRect(), a = r.left - i.left + this.richInputElement.scrollLeft, o = r.top - i.top + this.richInputElement.scrollTop, s = r.height;
+		if (s === 0) {
+			let e = getComputedStyle(this.richInputElement);
+			s = Number.parseFloat(e.lineHeight) || Number.parseFloat(e.fontSize) || 16, o = t - i.top + this.richInputElement.scrollTop - s / 2;
+		}
+		this._dragCaret || (this._dragCaret = document.createElement("div"), this._dragCaret.className = "drag-caret");
+		let c = this._dragCaret;
+		c.style.position = "absolute", c.style.top = `${o}px`, c.style.left = `${a}px`, c.style.height = `${s}px`, c.parentNode || (this.richInputElement.style.position = "relative", this.richInputElement.append(c));
+	}
+	_hideDragCaret() {
+		this._dragCaret?.remove();
+	}
+	_generateId() {
+		return `el-${++this._idCounter}-${Date.now()}`;
+	}
+	_positionCaretAtPoint(e, t) {
+		if (!this.richInputElement) return;
+		let n = b(this._host.shadowRoot, this.richInputElement, e, t, this._dragCaret);
+		if (n) {
+			let e = document.getSelection();
+			e && (e.removeAllRanges(), e.addRange(n));
+		}
+	}
+}, k = class {
+	constructor(e) {
+		this._triggers = [], this.activeTrigger = null, this.searchString = "", this.virtualElement = null, this.highlightedIndex = 0, this.pointerMovedSinceKeyNav = !0, this.hoveredIndex = -1, this.filteredOptions = [], this.richInputElement = null, this.handleOverlayClosed = () => {
+			this.close();
+		}, this.handleOverlayKeydown = (e) => {
+			e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), this.close(), this.richInputElement?.focus());
+		}, this.handlePointerMove = () => {
+			this.pointerMovedSinceKeyNav = !0;
+		}, this._handleTriggerSelect = (e) => {
+			if (!this.activeTrigger) return;
+			let { elementType: t, label: n, data: r, icon: i } = e.detail;
+			this.selectOption({
+				label: n,
+				value: n,
+				data: r,
+				icon: i,
+				elementType: t
+			});
+		}, this._handleDocumentPointerDown = (e) => {
+			let t = e.composedPath(), n = this._host.shadowRoot?.querySelector("luzmo-overlay[part=\"trigger-menu-overlay\"]");
+			n && t.includes(n) || this.richInputElement && t.includes(this.richInputElement) || (this.close(), this.richInputElement?.focus());
+		}, this._host = e, e.addController(this);
+	}
+	hostConnected() {
+		this._host.addEventListener("luzmo-trigger-select", this._handleTriggerSelect);
+	}
+	hostDisconnected() {
+		document.removeEventListener("pointerdown", this._handleDocumentPointerDown, !0), this._host.removeEventListener("luzmo-trigger-select", this._handleTriggerSelect);
+	}
+	get triggers() {
+		return this._triggers;
+	}
+	set triggers(e) {
+		this._triggers = e, this.activeTrigger && this._updateFilteredOptions();
+	}
+	get activeConfig() {
+		if (this.activeTrigger) return this._triggers.find((e) => e.key === this.activeTrigger);
+	}
+	get hasTriggers() {
+		return this._triggers.length > 0;
+	}
+	getSlotName(e) {
+		return this._triggers.find((t) => t.key === e)?.slotName;
+	}
+	get allSlotNames() {
+		return this._triggers.map((e) => e.slotName).filter((e) => !!e);
+	}
+	handleInput(e) {
+		if (this.activeTrigger) {
+			let e = ne(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 = T(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;
+		this.virtualElement ? this.virtualElement.updateBoundingClientRect(t.x, t.y, n) : this.virtualElement = new r(t.x, t.y, n), this._dispatchChange(!0), this._host.requestUpdate(), requestAnimationFrame(() => {
+			document.addEventListener("pointerdown", this._handleDocumentPointerDown, !0);
+		});
+	}
+	close() {
+		if (this.activeTrigger === null) return;
+		document.removeEventListener("pointerdown", this._handleDocumentPointerDown, !0);
+		let e = this.activeTrigger;
+		this.activeTrigger = null, this.searchString = "", this.filteredOptions = [], this.highlightedIndex = 0, this.hoveredIndex = -1, this._host.dispatchEvent(new CustomEvent("luzmo-trigger-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				trigger: e,
+				open: !1,
+				searchString: ""
+			}
+		})), 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;
+	}
+	_detectTrigger(e) {
+		if (this._host.disabled || this._host.readonly || this._host.pending) return;
+		let t = e?.data ?? "";
+		t.length !== 1 || !this._isTriggerKey(t) || w(this._host.shadowRoot) && this.open(t);
+	}
+	_extractTriggerSearchFromContent(e) {
+		let t = this.richInputElement?.textContent ?? "";
+		if (!t) return null;
+		let n = t.lastIndexOf(e);
+		if (n === -1) return null;
+		let r = t.slice(n + 1);
+		return r.includes(" ") || r.includes("\n") ? null : r;
+	}
+	_isTriggerKey(e) {
+		return this._triggers.some((t) => t.key === e);
+	}
+	_updateFilteredOptions() {
+		let e = this.activeConfig;
+		if (!e?.options) {
+			this.filteredOptions = [];
+			return;
+		}
+		if (e.lazy) {
+			this.filteredOptions = e.options;
+			return;
+		}
+		if (!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));
+		}
+		this.filteredOptions = n;
+	}
+	_findSelectableIndex(e, t) {
+		let n = this.filteredOptions.length;
+		if (n === 0) return -1;
+		let r = (e % n + n) % n;
+		for (let e = 0; e < n; e++) {
+			if (!this.filteredOptions[r].header) return r;
+			r = ((r + t) % n + n) % n;
+		}
+		return -1;
+	}
+	_moveHighlight(e) {
+		let t = this.filteredOptions.length;
+		if (t === 0) return;
+		let n = (this.highlightedIndex + e + t) % t;
+		n = this._findSelectableIndex(n, e), n !== -1 && (this.pointerMovedSinceKeyNav = !1, this.hoveredIndex = -1, this.highlightedIndex = n, this._host.requestUpdate(), requestAnimationFrame(() => {
+			this._host.shadowRoot?.querySelector(".trigger-option.highlighted")?.scrollIntoView({ block: "nearest" });
+		}));
+	}
+	_selectHighlighted() {
+		let e = this.filteredOptions[this.highlightedIndex];
+		if (!e) {
+			this.close();
+			return;
+		}
+		this.selectOption(e);
+	}
+	selectOption(e) {
+		if (!this.activeTrigger || !this.richInputElement) return;
+		let t = this.activeTrigger, n = this.richInputElement, r = this._host.shadowRoot;
+		re(r, n, t, this.searchString);
+		let i = e.elementType ?? t, a = this._host.insertElement(i, e.label, e.data ?? null, e.icon);
+		E(n, a), this.close(), this._host.updateComplete.then(() => {
+			requestAnimationFrame(() => {
+				E(n, a);
+			});
+		});
+	}
+	_dispatchChange(e) {
+		this.activeTrigger && this._host.dispatchEvent(new CustomEvent("luzmo-trigger-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				trigger: this.activeTrigger,
+				open: e,
+				searchString: this.searchString
+			}
+		}));
+	}
+}, A = !1, j = 0;
+function M() {
+	A = !0;
+}
+function N() {
+	A = !1;
+}
+function P() {
+	document.addEventListener("keydown", M, !0), document.addEventListener("mousedown", N, !0), document.addEventListener("pointerdown", N, !0);
+}
+function F() {
+	document.removeEventListener("keydown", M, !0), document.removeEventListener("mousedown", N, !0), document.removeEventListener("pointerdown", N, !0);
+}
+function I() {
+	j === 0 && typeof window < "u" && P(), j++;
+}
+function L() {
+	j--, j <= 0 && (j = 0, F());
+}
+function R() {
+	return A;
+}
+//#endregion
+//#region src/components/prompt-box/prompt-box-templates.ts
+function z(e, t, n) {
+	return a`
+    <div class="top-actions ${t ? "" : "empty"}" part="top-actions">
+      <slot name="top-actions" @slotchange=${n}></slot>
+    </div>
+  `;
+}
+function B(e, t, n) {
+	return a`
+    <div
+      class="bottom-actions ${t ? "" : "empty"}"
+      part="bottom-actions"
+    >
+      <slot name="bottom-actions" @slotchange=${n}></slot>
+    </div>
+  `;
+}
+function V(e) {
+	let t = [];
+	for (let n = 0; n < 5; n++) {
+		let r = 1 - Math.abs(n - 2) * .15, i = .3 + e.recordingController.audioLevel * .7 * r, o = Math.max(.2, Math.min(1, i));
+		t.push(a`
+      <span class="waveform-bar" style="--bar-height: ${o}"></span>
+    `);
+	}
+	return a`
+    <div class="waveform" part="waveform" aria-hidden="true">${t}</div>
+  `;
+}
+function H(e) {
+	let t = e.handleRecordButtonSlotChange, n = e.hasRecordButton, r = e.recordingController.isRecording, i = () => {
+		e.recordingController.cancel();
+	}, o = (t) => {
+		e.handleRecordClick(t);
+	};
+	return n || !e.recording ? a`<slot name="record-button" @slotchange=${t}></slot>` : r ? a`
+      <slot name="record-button" @slotchange=${t}></slot>
+      <div class="recording-ui" part="recording-ui">
+        <luzmo-action-button
+          class="cancel-recording-button"
+          part="cancel-recording-button"
+          .size=${e.size}
+          ?disabled=${e.disabled}
+          @click=${i}
+          aria-label="Cancel recording"
+        >
+          <luzmo-icon
+            slot="icon"
+            .icon=${m}
+            .size=${e.size}
+          ></luzmo-icon>
+        </luzmo-action-button>
+        ${V(e)}
+        <span class="recording-duration" part="recording-duration">
+          ${e.recordingController.formatDuration()}
+        </span>
+        <luzmo-button
+          class="finish-recording-button"
+          part="finish-recording-button"
+          .size=${e.size}
+          icon-only
+          variant="primary"
+          ?disabled=${e.disabled}
+          @click=${o}
+          aria-label="Finish recording"
+        >
+          <luzmo-icon slot="icon" .icon=${p}></luzmo-icon>
+        </luzmo-button>
+      </div>
+    ` : a`
+    <slot name="record-button" @slotchange=${t}></slot>
+    <luzmo-action-button
+      class="record-button"
+      part="record-button"
+      quiet
+      .size=${e.size}
+      ?disabled=${e.disabled}
+      ?readonly=${e.pending}
+      @click=${o}
+      aria-label="Record"
+    >
+      <luzmo-icon
+        slot="icon"
+        .icon=${h}
+        .size=${e.size}
+      ></luzmo-icon>
+    </luzmo-action-button>
+  `;
+}
+function U(e) {
+	let t = e.handleSubmitButtonSlotChange, n = e.recordingController.isRecording, r = () => {
+		e.submit();
+	};
+	if (n || e.hasSubmitButton || e.hideSubmit && !e.hasSubmitButton) return a`<slot name="submit-button" @slotchange=${t}></slot>`;
+	let i = !!e.value.trim() || e.richInputController.elementCount > 0;
+	return a`
+    <slot name="submit-button" @slotchange=${t}></slot>
+    <luzmo-button
+      class="submit-button"
+      part="submit-button"
+      .size=${e.size}
+      icon-only
+      variant="primary"
+      ?disabled=${e.disabled || e.disableSubmit || !e.pending && !i}
+      ?pending=${e.pending}
+      @click=${r}
+      label="Submit"
+    >
+      <luzmo-icon slot="icon" .icon=${f}></luzmo-icon>
+    </luzmo-button>
+  `;
+}
+function ie(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)}`;
+}
+function W(e, t) {
+	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}
+      <span class="trigger-option-header-label">${e.label}</span>
+    </div>
+  `;
+}
+function G(e, t, n, r, i) {
+	let s = () => {
+		e.selectTriggerOption(t);
+	}, c = () => {
+		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
+          class="trigger-option-icon"
+          .icon=${t.icon}
+          size="s"
+        ></luzmo-icon>` : o}
+    <div class="trigger-option-content">
+      <span class="trigger-option-label"
+        >${i?.highlightSearch && p ? ie(t.label, p) : t.label}</span
+      >
+      ${t.description ? a`<span class="trigger-option-description"
+            >${t.description}</span
+          >` : o}
+    </div>`;
+	return a`
+    <div
+      class="trigger-option ${u ? "highlighted" : ""} ${f ? "hovered" : ""} ${t.description ? "has-description" : ""}"
+      part="trigger-option"
+      role="option"
+      aria-selected=${u}
+      @click=${s}
+      @pointerenter=${c}
+      @pointerleave=${l}
+    >
+      ${m}
+      ${u ? a`<luzmo-icon
+            class="trigger-option-enter-icon"
+            .icon=${d}
+            size="s"
+          ></luzmo-icon>` : o}
+    </div>
+  `;
+}
+function K(e, t, n, r) {
+	let i = [];
+	for (let [a, o] of t.entries()) o.header ? i.push(W(o, r)) : i.push(G(e, o, a, n, r));
+	return a`
+    <div
+      class="trigger-options"
+      part="trigger-options"
+      role="listbox"
+      @pointermove=${e.triggerMenuController.handlePointerMove}
+    >
+      ${i}
+    </div>
+  `;
+}
+function q(e) {
+	return a`<slot name=${e} style="display: none;"></slot>`;
+}
+function J(e) {
+	let t = e.triggerMenuController;
+	if (!t.hasTriggers) {
+		let e = [];
+		for (let n of t.allSlotNames) e.push(q(n));
+		return a`${e}`;
+	}
+	let n = t.activeConfig, r = n?.slotName ?? null, i = t.filteredOptions.length > 0, s = t.activeTrigger !== null, c = [];
+	for (let e of t.allSlotNames) e !== r && c.push(q(e));
+	return a`
+    <luzmo-overlay
+      part="trigger-menu-overlay"
+      type="manual"
+      placement="bottom-start"
+      receives-focus="auto"
+      .triggerElement=${t.virtualElement}
+      .open=${s}
+      @luzmo-closed=${t.handleOverlayClosed}
+      @keydown=${t.handleOverlayKeydown}
+    >
+      ${s && r ? a`<slot name=${r}></slot>` : o}
+      ${s && i ? K(e, t.filteredOptions, t.highlightedIndex, n) : o}
+    </luzmo-overlay>
+    ${c}
+  `;
+}
+function Y(e) {
+	let t = !e.readonly && !e.pending && !e.disabled, n = e.richInputController;
+	return a`
+    <div
+      class="rich-input"
+      part="rich-input"
+      contenteditable=${t ? "true" : "false"}
+      role="textbox"
+      aria-multiline="true"
+      aria-label=${e.placeholder || "Enter your message"}
+      data-placeholder=${e.placeholder}
+      @input=${e.handleRichInputEvent}
+      @keydown=${e.handleRichKeydown}
+      @paste=${n.handleRichPaste}
+      @dragover=${n.handleRichDragOver}
+      @dragleave=${n.handleRichDragLeave}
+      @drop=${n.handleRichDrop}
+      @focusin=${e.handleInputFocusIn}
+      @focusout=${e.handleInputFocusOut}
+    ></div>
+  `;
+}
+function ae(e) {
+	return e.allowElements ? Y(e) : a`
+    <luzmo-text-field
+      class="input-field"
+      part="input"
+      placeholder=${e.placeholder}
+      .value=${e.value}
+      .size=${e.size}
+      rows=${e.rows}
+      ?grows=${e.grows}
+      max-rows=${e.maxRows}
+      ?readonly=${e.readonly || e.pending || e.disabled}
+      maxlength=${e.maxlength > 0 ? e.maxlength : -1}
+      multiline
+      quiet
+      label=${e.placeholder || "Enter your message"}
+      @input=${e.handleInput}
+      @keydown=${e.handleKeydown}
+      @focusin=${e.handleInputFocusIn}
+      @focusout=${e.handleInputFocusOut}
+      hide-validation-icons
+    ></luzmo-text-field>
+  `;
+}
+function oe(e, t) {
+	return a`
+    <div class="image-attachment" part="image-attachment">
+      <img
+        src=${t.previewUrl || ""}
+        alt=${t.file.name}
+        class="image-preview"
+      />
+      <luzmo-clear-button
+        class="attachment-remove"
+        .size=${e.size}
+        ?disabled=${e.disabled || e.pending}
+        label="Remove ${t.file.name}"
+        data-attachment-id=${t.id}
+        @click=${(t) => {
+		let n = t.currentTarget.dataset.attachmentId;
+		n && e.attachmentsController.removeAttachment(n);
+	}}
+      ></luzmo-clear-button>
+    </div>
+  `;
+}
+function se(e, t) {
+	return a`
+    <luzmo-tag
+      class="file-attachment"
+      part="file-attachment"
+      .size=${e.tagSize}
+      deletable
+      ?disabled=${e.disabled || e.pending}
+      data-attachment-id=${t.id}
+      @delete=${(t) => {
+		let n = t.target.dataset.attachmentId;
+		n && (t.preventDefault(), e.attachmentsController.removeAttachment(n));
+	}}
+    >
+      ${t.file.name}
+    </luzmo-tag>
+  `;
+}
+function ce(e) {
+	let t = e.attachmentsController;
+	if (!t.hasAttachments) return o;
+	let n = t.imageAttachments, r = t.fileAttachments, i = [];
+	for (let t of n) i.push(oe(e, t));
+	let s = [];
+	for (let t of r) s.push(se(e, t));
+	return a`
+    <div class="attachments" part="attachments">
+      ${n.length > 0 ? a`
+            <div class="image-attachments" part="image-attachments">
+              ${i}
+            </div>
+          ` : o}
+      ${r.length > 0 ? a`
+            <luzmo-tags
+              class="file-attachments"
+              part="file-attachments"
+              .size=${e.tagSize}
+            >
+              ${s}
+            </luzmo-tags>
+          ` : o}
+    </div>
+  `;
+}
+function le(e) {
+	return !e.allowImages && !e.allowFiles ? o : a`
+    <input
+      type="file"
+      class="hidden-file-input"
+      accept=${e.attachmentsController.getAcceptAttribute()}
+      multiple
+      @change=${(t) => {
+		let n = t.target;
+		n.files?.length && e.attachmentsController.addFiles([...n.files]), n.value = "";
+	}}
+      aria-hidden="true"
+      tabindex="-1"
+    />
+  `;
+}
+//#endregion
+//#region src/components/prompt-box/slot-state-sync.ts
+var X = "luzmo-button, luzmo-action-button, luzmo-switch, luzmo-picker, luzmo-picker-button, luzmo-select, luzmo-text-field, luzmo-number-field";
+function Z(e) {
+	let t = [];
+	return e.matches(X) && t.push(e), t.push(...e.querySelectorAll(X)), t;
+}
+function ue(e, t, n) {
+	if (!e) return;
+	let r = e.querySelector("slot[name=\"submit-button\"]");
+	for (let e of r?.assignedElements() ?? []) for (let r of Z(e)) n ? (r.setAttribute("pending", ""), r.removeAttribute("disabled"), r.removeAttribute("readonly")) : t ? (r.removeAttribute("pending"), r.setAttribute("disabled", ""), r.removeAttribute("readonly")) : (r.removeAttribute("pending"), r.removeAttribute("disabled"), r.removeAttribute("readonly"));
+	for (let r of [
+		"slot[name=\"top-actions\"]",
+		"slot[name=\"bottom-actions\"]",
+		"slot[name=\"record-button\"]"
+	]) {
+		let i = e.querySelector(r);
+		for (let e of i?.assignedElements() ?? []) for (let r of Z(e)) t ? (r.setAttribute("disabled", ""), r.removeAttribute("readonly")) : n ? (r.removeAttribute("disabled"), r.setAttribute("readonly", "")) : (r.removeAttribute("disabled"), r.removeAttribute("readonly"));
+	}
+}
+function Q(e) {
+	let t = [], n = new Set([
+		"luzmo-switch",
+		"luzmo-checkbox",
+		"luzmo-radio"
+	]);
+	for (let r of e) for (let e of Z(r)) {
+		let r = {
+			element: e,
+			name: e.getAttribute("name") || e.getAttribute("label") || void 0
+		};
+		"value" in e && (r.value = e.value);
+		let i = e.tagName.toLowerCase();
+		n.has(i) && "checked" in e && (r.checked = e.checked), t.push(r);
+	}
+	return t;
+}
+//#endregion
+//#region src/components/prompt-box/prompt-box.module.scss?inline
+var de = ":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{gap:var(--luzmo-prompt-box-attachments-gap,var(--prompt-box-attachments-gap,8px));flex-direction:column;display:flex}.image-attachments{gap:var(--luzmo-prompt-box-image-attachments-gap,var(--prompt-box-image-attachments-gap,8px));flex-wrap:wrap;display:flex}.image-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));display:inline-flex;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height: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))}.file-attachments{--luzmo-tag-border-radius:16px;gap:var(--luzmo-prompt-box-file-attachments-gap,var(--prompt-box-file-attachments-gap,4px));flex-wrap:wrap;display:flex}.file-attachment{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.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}.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}.record-button,.cancel-recording-button{--luzmo-action-button-border-radius:var(--luzmo-prompt-box-record-button-border-radius,50%);--luzmo-action-button-focus-indicator-border-radius:var(--luzmo-prompt-box-record-button-focus-indicator-border-radius,50%)}.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));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;flex:1;overflow-y:auto}.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-direction:row}: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:hidden}:host([single-line]) .image-attachments{flex-wrap:nowrap}:host([single-line]) .image-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-attachments{flex-wrap:nowrap}: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}::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-trigger-menu-scrollbar-width,var(--prompt-box-trigger-menu-scrollbar-width))}.trigger-options::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-trigger-menu-scrollbar-track-background,var(--prompt-box-trigger-menu-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-trigger-menu-scrollbar-track-border-radius,var(--prompt-box-trigger-menu-scrollbar-track-border-radius))}.trigger-options::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-background,var(--prompt-box-trigger-menu-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-border-radius,var(--prompt-box-trigger-menu-scrollbar-thumb-border-radius))}.trigger-options::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-hover-background,var(--prompt-box-trigger-menu-scrollbar-thumb-hover-background))}.trigger-options{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-background,var(--prompt-box-trigger-menu-scrollbar-thumb-background)) var(--luzmo-prompt-box-trigger-menu-scrollbar-track-background,var(--prompt-box-trigger-menu-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,#0000001f))}.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));overflow-y:auto;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 rgba(var(--luzmo-border-color-rgb), .08);--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-attachments-gap:var(--luzmo-spacing-1);--prompt-box-image-attachments-gap:var(--luzmo-spacing-2);--prompt-box-file-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-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-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:#0000001f;--prompt-box-trigger-menu-scrollbar-width:var(--luzmo-scrollbar-size);--prompt-box-trigger-menu-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--prompt-box-trigger-menu-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--prompt-box-trigger-menu-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--prompt-box-trigger-menu-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--prompt-box-trigger-menu-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--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-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:0;--prompt-box-image-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-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:0;--prompt-box-image-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-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:var(--luzmo-spacing-1);--prompt-box-image-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-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-2);--prompt-box-image-attachments-gap:var(--luzmo-spacing-3);--prompt-box-max-height:300px;--prompt-box-image-preview-size:96px;--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",
+		"s",
+		"m",
+		"l",
+		"xl"
+	],
+	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.allowImages = !1, this.allowFiles = !1, this.acceptedFileTypes = [], this.allowElements = !1, this.acceptedElementTypes = [], this._hasTopActions = !1, this._hasBottomActions = !1, this._hasRecordButton = !1, this._hasSubmitButton = !1, this._inputFocused = !1, this._attachments = new g(this), this._recording = new ee(this), this._richInput = new O(this), this._triggerMenu = new k(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.handleInput = (e) => {
+			let t = e.target;
+			this.value = t.value, this.dispatchEvent(new Event("input", {
+				bubbles: !0,
+				composed: !0
+			}));
+		}, this.handleKeydown = (e) => {
+			if (e.key === "Enter" && !e.shiftKey) {
+				if (e.preventDefault(), this.disableSubmit) return;
+				this._submit();
+			}
+		}, this.handleInputFocusIn = () => {
+			this._inputFocused = !0;
+		}, this.handleInputFocusOut = () => {
+			this._inputFocused = !1;
+		}, this.handleRichInputEvent = (e) => {
+			this._richInput.syncValue(), this._triggerMenu.handleInput(e), this.dispatchEvent(new Event("input", {
+				bubbles: !0,
+				composed: !0
+			}));
+		}, this.handleRichKeydown = (e) => {
+			if (!this._triggerMenu.handleKeydown(e)) {
+				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();
+			}
+		}, this._handleComponentFocusIn = () => {
+			R() && this.classList.add("focus-visible");
+		}, this._handleComponentFocusOut = (e) => {
+			let t = e.relatedTarget;
+			t instanceof Node && (this.contains(t) || this.shadowRoot?.contains(t)) || this.classList.remove("focus-visible");
+		}, this._handlePaste = (e) => {
+			this.handlePastedImages(e.clipboardData);
+		}, this._handleTopActionsSlotChange = this._slotPresenceHandler((e) => this._hasTopActions = e), this._handleBottomActionsSlotChange = this._slotPresenceHandler((e) => this._hasBottomActions = e);
+	}
+	static get styles() {
+		return [s(de)];
+	}
+	get triggers() {
+		return this._triggerMenu.triggers;
+	}
+	set triggers(e) {
+		let t = this._triggerMenu.triggers, n = Array.isArray(e) ? e : [];
+		n.length > 0 && !this.allowElements && console.warn("[luzmo-prompt-box] `triggers` only work when `allow-elements` / allowElements is enabled (rich input is required for trigger menus)."), this._triggerMenu.triggers = n, this.requestUpdate("triggers", t);
+	}
+	get attachmentsController() {
+		return this._attachments;
+	}
+	get recordingController() {
+		return this._recording;
+	}
+	get richInputController() {
+		return this._richInput;
+	}
+	get triggerMenuController() {
+		return this._triggerMenu;
+	}
+	get hasRecordButton() {
+		return this._hasRecordButton;
+	}
+	get hasSubmitButton() {
+		return this._hasSubmitButton;
+	}
+	get tagSize() {
+		switch (this.size) {
+			case "s":
+			case "m": return "s";
+			case "l":
+			case "xl": return "m";
+			default: return "s";
+		}
+	}
+	get segments() {
+		return this._richInput.getSegments();
+	}
+	set segments(e) {
+		this._richInput.setSegments(e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), I(), this.addEventListener("focusin", this._handleComponentFocusIn), this.addEventListener("focusout", this._handleComponentFocusOut), this.addEventListener("paste", this._handlePaste);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), L(), this.removeEventListener("focusin", this._handleComponentFocusIn), this.removeEventListener("focusout", this._handleComponentFocusOut), this.removeEventListener("paste", this._handlePaste);
+	}
+	updated(e) {
+		super.updated(e), this._richInputElement && (this._richInput.richInputElement = this._richInputElement, this._triggerMenu.richInputElement = this._richInputElement), (e.has("pending") || e.has("disabled")) && ue(this.shadowRoot, this.disabled, this.pending), this._recording.shouldFocusFinishButton && this._recording.isRecording && (this._recording.shouldFocusFinishButton = !1, requestAnimationFrame(() => {
+			this._finishRecordingButton?.focus();
+		}));
+	}
+	focus() {
+		this.allowElements && this._richInputElement ? this._richInputElement.focus() : this._inputElement?.focus();
+	}
+	clear() {
+		this._triggerMenu.close(), this.value = "", this._attachments.clearAttachments(), this.allowElements && this._richInput.clearElements();
+	}
+	addFiles(e) {
+		return this._attachments.addFiles(e);
+	}
+	removeAttachment(e) {
+		this._attachments.removeAttachment(e);
+	}
+	clearAttachments() {
+		this._attachments.clearAttachments();
+	}
+	getAttachments() {
+		return this._attachments.getAttachments();
+	}
+	openFilePicker() {
+		this._fileInput?.click();
+	}
+	insertElement(e, t, n, r) {
+		return this._richInput.insertElement(e, t, n, r);
+	}
+	removeElement(e) {
+		this._richInput.removeElement(e);
+	}
+	getElements() {
+		return this._richInput.getElements();
+	}
+	getTopActions() {
+		return (this.shadowRoot?.querySelector("slot[name=\"top-actions\"]"))?.assignedElements() ?? [];
+	}
+	getBottomActions() {
+		return (this.shadowRoot?.querySelector("slot[name=\"bottom-actions\"]"))?.assignedElements() ?? [];
+	}
+	submit() {
+		this._submit();
+	}
+	selectTriggerOption(e) {
+		this._triggerMenu.selectOption(e);
+	}
+	highlightTriggerOption(e) {
+		this._triggerMenu.highlightedIndex = e, this.requestUpdate();
+	}
+	_slotPresenceHandler(e) {
+		return (t) => {
+			let n = t.target;
+			e(n.assignedNodes().length > 0);
+		};
+	}
+	handlePastedImages(e) {
+		return this._attachments.handlePastedImages(e);
+	}
+	_submit() {
+		if (this.disabled || this.readonly || this.pending || this.disableSubmit) return;
+		let e = this.shadowRoot?.querySelector("slot[name=\"top-actions\"]"), t = this.shadowRoot?.querySelector("slot[name=\"bottom-actions\"]"), n = e?.assignedElements() ?? [], r = t?.assignedElements() ?? [], i = Q([...n, ...r]), a = {
+			value: this.value,
+			segments: this.segments,
+			topActions: [...n],
+			bottomActions: [...r],
+			actionValues: i,
+			attachments: [...this._attachments.getAttachments()]
+		};
+		this.dispatchEvent(new CustomEvent("luzmo-submit", {
+			bubbles: !0,
+			composed: !0,
+			detail: a
+		}));
+	}
+	render() {
+		return a`
+      ${le(this)}
+      <div
+        class="container ${this._inputFocused ? "input-focused" : ""} ${this._richInput?.isDragOver ? "drag-over" : ""}"
+        part="container"
+      >
+        ${z(this, this._hasTopActions, this._handleTopActionsSlotChange)}
+        ${ce(this)}
+        <div class="input-wrapper" part="input-wrapper">
+          ${ae(this)}
+        </div>
+        <div class="actions-row" part="actions-row">
+          ${B(this, this._hasBottomActions, this._handleBottomActionsSlotChange)}
+          <div class="button-group" part="button-group">
+            ${H(this)} ${U(this)}
+          </div>
+        </div>
+      </div>
+      ${J(this)}
+    `;
+	}
+};
+//#endregion
+//#region src/components/prompt-box/index.ts
+t([c({ type: Number })], $.prototype, "rows", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "grows", void 0), t([c({
+	type: Number,
+	attribute: "max-rows"
+})], $.prototype, "maxRows", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "recording", void 0), t([c({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-submit"
+})], $.prototype, "hideSubmit", void 0), t([c({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disable-submit"
+})], $.prototype, "disableSubmit", void 0), t([c({
+	type: Boolean,
+	reflect: !0,
+	attribute: "single-line"
+})], $.prototype, "singleLine", void 0), t([c({ type: String })], $.prototype, "placeholder", void 0), t([c({ type: String })], $.prototype, "value", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "disabled", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "readonly", void 0), t([c({ type: Number })], $.prototype, "maxlength", void 0), t([c({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "pending", void 0), t([c({
+	type: Boolean,
+	reflect: !0,
+	attribute: "allow-images"
+})], $.prototype, "allowImages", void 0), t([c({
+	type: Boolean,
+	reflect: !0,
+	attribute: "allow-files"
+})], $.prototype, "allowFiles", void 0), t([c({
+	type: Array,
+	attribute: "accepted-file-types"
+})], $.prototype, "acceptedFileTypes", void 0), t([c({
+	type: Boolean,
+	reflect: !0,
+	attribute: "allow-elements"
+})], $.prototype, "allowElements", 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, "_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 { D as n, $ as t };