@muibook/components 15.0.1 → 17.0.0

package/dist/esm/components/mui-prompt/index.js

@@ -16,12 +16,12 @@ import "../mui-icons/stop/index.js";
 import "../mui-icons/attention/index.js";
 import "../mui-rule/index.js";
 import "../mui-prompt-toggle/index.js";
-class k extends HTMLElement {
+class S extends HTMLElement {
   constructor() {
     super(), this.triggerEl = null, this.previewShellEl = null, this.previewRowEl = null, this.previewSlotEl = null, this.previewResizeObserver = null, this.fanAnimations = /* @__PURE__ */ new Map(), this.pendingColorFade = !1, this.lastDebugPayload = '{"event":"idle"}', this.lightDomObserver = null, this.onActionsSlotChange = () => this.updateActionsLayout(), this.enforceActionVariants = () => {
       if (!this.shadowRoot) return;
-      const e = Array.from(this.shadowRoot.querySelectorAll('slot[name="actions"], slot[name="actions-trigger"], slot[name="actions-right"]')), o = (r, s) => {
-        if (!s || r.tagName.toLowerCase() !== "mui-button") return;
+      const e = Array.from(this.shadowRoot.querySelectorAll('slot[name="actions"], slot[name="actions-right"]')), o = (r, n) => {
+        if (!n || r.tagName.toLowerCase() !== "mui-button") return;
         if (r.hasAttribute("icon-only")) {
           r.style.marginRight = "var(--space-025)";
           return;
@@ -29,16 +29,16 @@ class k extends HTMLElement {
         r.style.marginRight === "var(--space-025)" && (r.style.marginRight = "");
       };
       e.forEach((r) => {
-        const s = r.name === "actions";
+        const n = r.name === "actions";
         r.assignedElements({ flatten: !0 }).forEach((a) => {
-          [a, ...Array.from(a.querySelectorAll("*"))].forEach((c) => {
-            const h = c.tagName.toLowerCase();
-            if (h === "mui-button") {
-              c.setAttribute("variant", "tertiary"), o(c, s);
+          [a, ...Array.from(a.querySelectorAll("*"))].forEach((h) => {
+            const p = h.tagName.toLowerCase();
+            if (p === "mui-button") {
+              h.setAttribute("variant", "tertiary"), o(h, n);
               return;
             }
-            h === "mui-dropdown" && c.querySelectorAll('[slot="action"]').forEach((u) => {
-              u instanceof HTMLElement && u.tagName.toLowerCase() === "mui-button" && (u.setAttribute("variant", "tertiary"), o(u, s));
+            p === "mui-dropdown" && h.querySelectorAll('[slot="action"]').forEach((d) => {
+              d instanceof HTMLElement && d.tagName.toLowerCase() === "mui-button" && (d.setAttribute("variant", "tertiary"), o(d, n));
             });
           });
         });
@@ -48,20 +48,20 @@ class k extends HTMLElement {
     }, this.onPaste = (t) => {
       const e = t, o = e.clipboardData;
       if (!o) return;
-      const r = Array.from(o.files || []), s = o.getData("text/plain") || "", i = s.trim(), a = i.length > 0, l = a ? this.detectMediaUrl(i) : null, c = this.getAttribute("preview-overflow-to-preview") !== "false", h = this.getAttribute("preview-threshold-chars"), p = Number.isFinite(Number.parseInt(h || "", 10)) ? Math.max(1, Number.parseInt(h || "", 10)) : 220, u = a ? this.detectBadge(i) : "", m = u !== "" && u !== "Insightful", g = c && a && (!!(l != null && l.url) || i.length >= p || m), b = r.length > 0;
-      if (!b && !a) return;
-      (b || g) && e.preventDefault();
-      const v = r.map((d) => ({
-        kind: d.type.startsWith("image/") ? "image" : d.type.startsWith("video/") ? "video" : d.type.startsWith("audio/") ? "audio" : "file",
-        mimeType: d.type || "",
-        file: d,
-        fileName: d.name || "",
-        size: d.size || 0,
-        badge: d.type.startsWith("image/") ? "IMG" : d.type.startsWith("video/") ? "VIDEO" : d.type.startsWith("audio/") ? "MUSIC" : "FILE",
-        preview: d.name || "Pasted file",
-        value: d.name || ""
+      const r = Array.from(o.files || []), n = o.getData("text/plain") || "", i = n.trim(), a = i.length > 0, l = a ? this.detectMediaUrl(i) : null, h = this.getAttribute("preview-overflow-to-preview") !== "false", p = this.getAttribute("preview-threshold-chars"), c = Number.isFinite(Number.parseInt(p || "", 10)) ? Math.max(1, Number.parseInt(p || "", 10)) : 220, d = a ? this.detectBadge(i) : "", u = d !== "" && d !== "Insightful", b = h && a && (!!(l != null && l.url) || i.length >= c || u), m = r.length > 0;
+      if (!m && !a) return;
+      (m || b) && e.preventDefault();
+      const v = r.map((s) => ({
+        kind: s.type.startsWith("image/") ? "image" : s.type.startsWith("video/") ? "video" : s.type.startsWith("audio/") ? "audio" : "file",
+        mimeType: s.type || "",
+        file: s,
+        fileName: s.name || "",
+        size: s.size || 0,
+        badge: s.type.startsWith("image/") ? "IMG" : s.type.startsWith("video/") ? "VIDEO" : s.type.startsWith("audio/") ? "MUSIC" : "FILE",
+        preview: s.name || "Pasted file",
+        value: s.name || ""
       }));
-      g && i && (l != null && l.url ? v.unshift({
+      b && i && (l != null && l.url ? v.unshift({
         kind: l.kind === "image" ? "image" : "text",
         mimeType: l.mimeType,
         badge: l.badge,
@@ -72,14 +72,14 @@ class k extends HTMLElement {
         mimeType: "text/plain",
         badge: this.detectBadge(i),
         preview: i.slice(0, 260),
-        value: s
+        value: n
       })), this.emitPromptItems({
         source: "paste",
         items: v,
-        text: s || "",
-        textBadge: (l == null ? void 0 : l.badge) || u,
-        overflowed: g,
-        thresholdChars: p
+        text: n || "",
+        textBadge: (l == null ? void 0 : l.badge) || d,
+        overflowed: b,
+        thresholdChars: c
       });
     }, this.onInput = (t) => {
       const e = t.target;
@@ -135,8 +135,8 @@ class k extends HTMLElement {
     }, this.onContextChipDismiss = (t) => {
       t.composedPath().find(
         (r) => {
-          var s, i, a;
-          return r instanceof HTMLElement && (((s = r.hasAttribute) == null ? void 0 : s.call(r, "context-active")) || ((i = r.hasAttribute) == null ? void 0 : i.call(r, "context-chip")) || ((a = r.hasAttribute) == null ? void 0 : a.call(r, "context-spinner")));
+          var n, i, a;
+          return r instanceof HTMLElement && (((n = r.hasAttribute) == null ? void 0 : n.call(r, "context-active")) || ((i = r.hasAttribute) == null ? void 0 : i.call(r, "context-chip")) || ((a = r.hasAttribute) == null ? void 0 : a.call(r, "context-spinner")));
         }
       ) && (this.setContextMode("icon", "dismiss"), this.updateActionsLayout());
     }, this.toggleFanOpen = () => {
@@ -183,17 +183,17 @@ class k extends HTMLElement {
   }
   setDebugState(t, e) {
     if (!this.shadowRoot) return;
-    const o = this.shadowRoot.querySelector(".debug-region"), r = this.shadowRoot.querySelector("#promptDebugStatus"), s = this.shadowRoot.querySelector("#promptDebugPayload");
-    if (!o || !r || !s) return;
+    const o = this.shadowRoot.querySelector(".debug-region"), r = this.shadowRoot.querySelector("#promptDebugStatus"), n = this.shadowRoot.querySelector("#promptDebugPayload");
+    if (!o || !r || !n) return;
     const i = this.hasAttribute("debug");
-    o.toggleAttribute("hidden", !i), i && (r.textContent = t, e && (this.lastDebugPayload = JSON.stringify(e)), s.textContent = this.lastDebugPayload);
+    o.toggleAttribute("hidden", !i), i && (r.textContent = t, e && (this.lastDebugPayload = JSON.stringify(e)), n.textContent = this.lastDebugPayload);
   }
   emitPromptItems({
     items: t,
     text: e,
     textBadge: o,
     overflowed: r,
-    thresholdChars: s,
+    thresholdChars: n,
     source: i
   }) {
     this.dispatchEvent(
@@ -204,7 +204,7 @@ class k extends HTMLElement {
           text: e,
           textBadge: o,
           overflowed: r,
-          thresholdChars: s,
+          thresholdChars: n,
           timestamp: (/* @__PURE__ */ new Date()).toISOString()
         },
         bubbles: !0,
@@ -236,19 +236,19 @@ class k extends HTMLElement {
     const t = this.normalizeContextMode(this.getAttribute("context-mode"));
     Array.from(
       this.shadowRoot.querySelectorAll(
-        'slot[name="actions"], slot[name="actions-right"], slot[name="actions-trigger"]'
+        'slot[name="actions"], slot[name="actions-right"]'
       )
     ).flatMap((r) => r.assignedElements({ flatten: !0 })).forEach((r) => {
       [r, ...Array.from(r.querySelectorAll("*"))].forEach((i) => {
-        const l = i.tagName.toLowerCase() === "mui-prompt-toggle", c = i.hasAttribute("context-toggle"), h = i.hasAttribute("context-active") || i.hasAttribute("context-close") || i.hasAttribute("context-chip") || i.hasAttribute("context-spinner");
+        const l = i.tagName.toLowerCase() === "mui-prompt-toggle", h = i.hasAttribute("context-toggle"), p = i.hasAttribute("context-active") || i.hasAttribute("context-close") || i.hasAttribute("context-chip") || i.hasAttribute("context-spinner");
         if (l) {
           i.setAttribute("mode", t);
           return;
         }
-        if (c || h) {
+        if (h || p) {
           i.hasAttribute("context-chip") && i.tagName.toLowerCase() === "mui-chip" && !i.hasAttribute("variant") && i.setAttribute("variant", "ghost");
-          const p = c ? t === "icon" : t === "chip";
-          i.toggleAttribute("hidden", !p), i.style.display = p ? "inline-flex" : "none";
+          const c = h ? t === "icon" : t === "chip";
+          i.toggleAttribute("hidden", !c), i.style.display = c ? "inline-flex" : "none";
         }
       });
     });
@@ -286,9 +286,9 @@ class k extends HTMLElement {
       return;
     }
     if (t === "context-mode") {
-      const s = this.normalizeContextMode(o);
-      if (o !== s) {
-        this.setAttribute("context-mode", s);
+      const n = this.normalizeContextMode(o);
+      if (o !== n) {
+        this.setAttribute("context-mode", n);
         return;
       }
       this.syncContextModeUI(), this.updateActionsLayout();
@@ -434,10 +434,10 @@ class k extends HTMLElement {
     t == null || t.focus();
   }
   syncTextareaHeight(t) {
-    const o = Number.parseInt(this.getAttribute("rows") || String(3), 10) || 3, r = Math.max(o + 6, 10), s = getComputedStyle(t), a = (Number.parseFloat(s.fontSize) || 16) * 1.55, l = Number.parseFloat(s.paddingTop) || 0, c = Number.parseFloat(s.paddingBottom) || 0, h = Number.parseFloat(s.borderTopWidth) || 0, p = Number.parseFloat(s.borderBottomWidth) || 0, u = l + c + h + p, m = 3 * a + u, g = r * a + u;
+    const o = Number.parseInt(this.getAttribute("rows") || String(3), 10) || 3, r = Math.max(o + 6, 10), n = getComputedStyle(t), a = (Number.parseFloat(n.fontSize) || 16) * 1.55, l = Number.parseFloat(n.paddingTop) || 0, h = Number.parseFloat(n.paddingBottom) || 0, p = Number.parseFloat(n.borderTopWidth) || 0, c = Number.parseFloat(n.borderBottomWidth) || 0, d = l + h + p + c, u = 3 * a + d, b = r * a + d;
     t.style.height = "auto";
-    const b = t.scrollHeight, v = Math.max(m, Math.min(b, g));
-    t.style.height = `${Math.ceil(v)}px`, t.style.overflowY = b > g ? "auto" : "hidden";
+    const m = t.scrollHeight, v = Math.max(u, Math.min(m, b));
+    t.style.height = `${Math.ceil(v)}px`, t.style.overflowY = m > b ? "auto" : "hidden";
   }
   detectBadge(t) {
     const e = t.trim();
@@ -476,7 +476,7 @@ class k extends HTMLElement {
     const o = e.match(/https?:\/\/[^\s]+/i), r = ((o == null ? void 0 : o[0]) || e).trim();
     if (!/^https?:\/\//i.test(r)) return null;
     try {
-      const s = new URL(r), i = s.pathname.toLowerCase(), a = s.hostname.toLowerCase();
+      const n = new URL(r), i = n.pathname.toLowerCase(), a = n.hostname.toLowerCase();
       if (/\.(png|jpe?g|gif|webp|svg|avif|bmp)$/.test(i))
         return { url: r, kind: "image", badge: "IMG", mimeType: "image/*" };
       if (a === "youtu.be" || a.endsWith("youtube.com") || a.endsWith("youtube-nocookie.com"))
@@ -495,24 +495,24 @@ class k extends HTMLElement {
     return null;
   }
   bindEvents() {
-    var i;
+    var n;
     if (!this.shadowRoot) return;
     this.unbindEvents();
     const t = this.shadowRoot.querySelector("textarea");
     t == null || t.addEventListener("input", this.onInput), t == null || t.addEventListener("keydown", this.onKeyDown), t == null || t.addEventListener("paste", this.onPaste), t == null || t.addEventListener("focus", this.onTextareaFocus);
-    const e = this.shadowRoot.querySelector('slot[name="actions"]'), o = this.shadowRoot.querySelector('slot[name="actions-trigger"]'), r = this.shadowRoot.querySelector('slot[name="actions-right"]'), s = this.shadowRoot.querySelector("#promptDefaultSubmitAction");
-    e == null || e.addEventListener("slotchange", this.onActionsSlotChange), o == null || o.addEventListener("slotchange", this.onActionsSlotChange), r == null || r.addEventListener("slotchange", this.onActionsSlotChange), typeof MutationObserver < "u" && ((i = this.lightDomObserver) == null || i.disconnect(), this.lightDomObserver = new MutationObserver(() => this.updateActionsLayout()), this.lightDomObserver.observe(this, {
+    const e = this.shadowRoot.querySelector('slot[name="actions"]'), o = this.shadowRoot.querySelector('slot[name="actions-right"]'), r = this.shadowRoot.querySelector("#promptDefaultSubmitAction");
+    e == null || e.addEventListener("slotchange", this.onActionsSlotChange), o == null || o.addEventListener("slotchange", this.onActionsSlotChange), typeof MutationObserver < "u" && ((n = this.lightDomObserver) == null || n.disconnect(), this.lightDomObserver = new MutationObserver(() => this.updateActionsLayout()), this.lightDomObserver.observe(this, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["slot", "hidden"]
-    })), s == null || s.addEventListener("click", this.onDefaultSubmitClick), this.addEventListener("prompt-preview-open", this.onPreviewOpen), this.addEventListener("click", this.onContextToggleClick), this.addEventListener("dismiss", this.onContextChipDismiss), this.syncErrorVisibility(), this.bindPreviewOverflow(), this.bindActionTrigger(), this.syncLoadingState();
+    })), r == null || r.addEventListener("click", this.onDefaultSubmitClick), this.addEventListener("prompt-preview-open", this.onPreviewOpen), this.addEventListener("click", this.onContextToggleClick), this.addEventListener("dismiss", this.onContextChipDismiss), this.syncErrorVisibility(), this.bindPreviewOverflow(), this.bindActionTrigger(), this.syncLoadingState();
   }
   unbindEvents() {
-    var i, a, l, c;
+    var n, i, a, l;
     if (!this.shadowRoot) return;
-    const t = this.shadowRoot.querySelector("textarea"), e = this.shadowRoot.querySelector('slot[name="actions"]'), o = this.shadowRoot.querySelector('slot[name="actions-trigger"]'), r = this.shadowRoot.querySelector('slot[name="actions-right"]'), s = this.shadowRoot.querySelector("#promptDefaultSubmitAction");
-    t == null || t.removeEventListener("input", this.onInput), t == null || t.removeEventListener("keydown", this.onKeyDown), t == null || t.removeEventListener("paste", this.onPaste), t == null || t.removeEventListener("focus", this.onTextareaFocus), s == null || s.removeEventListener("click", this.onDefaultSubmitClick), e == null || e.removeEventListener("slotchange", this.onActionsSlotChange), o == null || o.removeEventListener("slotchange", this.onActionsSlotChange), r == null || r.removeEventListener("slotchange", this.onActionsSlotChange), this.removeEventListener("prompt-preview-open", this.onPreviewOpen), this.removeEventListener("click", this.onContextToggleClick), this.removeEventListener("dismiss", this.onContextChipDismiss), this.triggerEl && (this.triggerEl.removeEventListener("click", this.toggleFanOpen), this.triggerEl = null), (i = this.previewRowEl) == null || i.removeEventListener("scroll", this.onPreviewScroll), (a = this.previewSlotEl) == null || a.removeEventListener("slotchange", this.onPreviewSlotChange), (l = this.previewResizeObserver) == null || l.disconnect(), this.previewResizeObserver = null, (c = this.lightDomObserver) == null || c.disconnect(), this.lightDomObserver = null, this.previewShellEl = null, this.previewRowEl = null, this.previewSlotEl = null;
+    const t = this.shadowRoot.querySelector("textarea"), e = this.shadowRoot.querySelector('slot[name="actions"]'), o = this.shadowRoot.querySelector('slot[name="actions-right"]'), r = this.shadowRoot.querySelector("#promptDefaultSubmitAction");
+    t == null || t.removeEventListener("input", this.onInput), t == null || t.removeEventListener("keydown", this.onKeyDown), t == null || t.removeEventListener("paste", this.onPaste), t == null || t.removeEventListener("focus", this.onTextareaFocus), r == null || r.removeEventListener("click", this.onDefaultSubmitClick), e == null || e.removeEventListener("slotchange", this.onActionsSlotChange), o == null || o.removeEventListener("slotchange", this.onActionsSlotChange), this.removeEventListener("prompt-preview-open", this.onPreviewOpen), this.removeEventListener("click", this.onContextToggleClick), this.removeEventListener("dismiss", this.onContextChipDismiss), this.triggerEl && (this.triggerEl.removeEventListener("click", this.toggleFanOpen), this.triggerEl = null), (n = this.previewRowEl) == null || n.removeEventListener("scroll", this.onPreviewScroll), (i = this.previewSlotEl) == null || i.removeEventListener("slotchange", this.onPreviewSlotChange), (a = this.previewResizeObserver) == null || a.disconnect(), this.previewResizeObserver = null, (l = this.lightDomObserver) == null || l.disconnect(), this.lightDomObserver = null, this.previewShellEl = null, this.previewRowEl = null, this.previewSlotEl = null;
   }
   bindPreviewOverflow() {
     var t, e;
@@ -539,54 +539,54 @@ class k extends HTMLElement {
       });
       return;
     }
-    const s = e === "auto" ? this.hasAttribute("loading") : !0;
+    const n = e === "auto" ? this.hasAttribute("loading") : !0;
     r.forEach((a) => {
-      a.tagName.toLowerCase() === "mui-prompt-preview" && (s ? a.setAttribute("loading", "") : a.removeAttribute("loading"), o && a.setAttribute("loading-label", o));
+      a.tagName.toLowerCase() === "mui-prompt-preview" && (n ? a.setAttribute("loading", "") : a.removeAttribute("loading"), o && a.setAttribute("loading-label", o));
     });
   }
   normalizePreviewDetail(t) {
-    const e = String(t.value || "").trim(), o = String(t.bgImage || "").trim(), r = String(t.badge || "").trim(), s = String(t.label || "Pasted Content"), i = String(t.imageTint || "").trim(), a = o ? "image" : e ? "code" : "text";
+    const e = String(t.value || "").trim(), o = String(t.bgImage || "").trim(), r = String(t.badge || "").trim(), n = String(t.label || "Pasted Content"), i = String(t.imageTint || "").trim(), a = o ? "image" : e ? "code" : "text";
     return {
       id: String(t.id || ""),
       value: e,
       badge: r || (o ? "IMG" : this.detectBadge(e)),
-      label: s,
+      label: n,
       bgImage: o,
       imageTint: i,
       type: a
     };
   }
   openInternalPreviewDialog(t) {
-    var y;
+    var f;
     if (!this.shadowRoot) return;
-    const e = this.shadowRoot.querySelector("#promptAutoPreviewDialog"), o = this.shadowRoot.querySelector("#promptAutoPreviewTitle"), r = this.shadowRoot.querySelector("#promptAutoPreviewCode"), s = this.shadowRoot.querySelector("#promptAutoPreviewImage"), i = this.shadowRoot.querySelector("#promptAutoPreviewMedia"), a = this.shadowRoot.querySelector("#promptAutoPreviewMediaUrl"), l = this.normalizePreviewDetail(t), c = this.getAttribute("preview-dialog-title") || l.label, h = l.value, p = l.bgImage, u = l.badge, m = h ? this.detectMediaUrl(h) : null, g = !p && h.length > 0 && (u === "VIDEO" || u === "MUSIC"), b = !p && (!!(m && (m.kind === "video" || m.kind === "audio")) || g), v = p.length > 0, d = h.length > 0, w = (() => {
-      if (!m || m.kind !== "audio") return !1;
+    const e = this.shadowRoot.querySelector("#promptAutoPreviewDialog"), o = this.shadowRoot.querySelector("#promptAutoPreviewTitle"), r = this.shadowRoot.querySelector("#promptAutoPreviewCode"), n = this.shadowRoot.querySelector("#promptAutoPreviewImage"), i = this.shadowRoot.querySelector("#promptAutoPreviewMedia"), a = this.shadowRoot.querySelector("#promptAutoPreviewMediaUrl"), l = this.normalizePreviewDetail(t), h = this.getAttribute("preview-dialog-title") || l.label, p = l.value, c = l.bgImage, d = l.badge, u = p ? this.detectMediaUrl(p) : null, b = !c && p.length > 0 && (d === "VIDEO" || d === "MUSIC"), m = !c && (!!(u && (u.kind === "video" || u.kind === "audio")) || b), v = c.length > 0, s = p.length > 0, y = (() => {
+      if (!u || u.kind !== "audio") return !1;
       try {
-        const f = new URL(m.url);
-        return /\.(mp3|wav|m4a|aac|flac|ogg|oga)$/.test(f.pathname.toLowerCase());
+        const g = new URL(u.url);
+        return /\.(mp3|wav|m4a|aac|flac|ogg|oga)$/.test(g.pathname.toLowerCase());
       } catch {
         return !1;
       }
-    })(), n = (() => {
-      if (!m || !w) return "";
+    })(), w = (() => {
+      if (!u || !y) return "";
       try {
-        const A = new URL(m.url).pathname.split("/").filter(Boolean).pop() || "", x = decodeURIComponent(A), E = x.replace(/\.(mp3|wav|m4a|aac|flac|ogg|oga)$/i, "") || x || "Audio";
+        const x = new URL(u.url).pathname.split("/").filter(Boolean).pop() || "", A = decodeURIComponent(x), E = A.replace(/\.(mp3|wav|m4a|aac|flac|ogg|oga)$/i, "") || A || "Audio";
         return E.charAt(0).toUpperCase() + E.slice(1);
       } catch {
         return "Audio";
       }
     })();
-    if (!(!v && !d && !b)) {
-      if (this.setAttribute("preview-dialog-value", h), this.setAttribute("preview-dialog-image", p), this.setAttribute("preview-dialog-type", u || (v ? "IMG" : "CODE")), o && (o.textContent = c), b ? e == null || e.setAttribute("content-max-height", "none") : e == null || e.removeAttribute("content-max-height"), v)
-        a && a.setAttribute("hidden", ""), s && (s.setAttribute("src", p), s.removeAttribute("hidden")), i && i.setAttribute("hidden", ""), r && r.setAttribute("hidden", "");
-      else if (b && m) {
+    if (!(!v && !s && !m)) {
+      if (this.setAttribute("preview-dialog-value", p), this.setAttribute("preview-dialog-image", c), this.setAttribute("preview-dialog-type", d || (v ? "IMG" : "CODE")), o && (o.textContent = h), m ? e == null || e.setAttribute("content-max-height", "none") : e == null || e.removeAttribute("content-max-height"), v)
+        a && a.setAttribute("hidden", ""), n && (n.setAttribute("src", c), n.removeAttribute("hidden")), i && i.setAttribute("hidden", ""), r && r.setAttribute("hidden", "");
+      else if (m && u) {
         if (a) {
-          const f = w;
-          a.textContent = f ? n : m.url, f ? (a.setAttribute("href", m.url), a.setAttribute("target", "_blank"), a.setAttribute("rel", "noopener noreferrer")) : (a.removeAttribute("href"), a.removeAttribute("target"), a.removeAttribute("rel")), a.toggleAttribute("hidden", !f);
+          const g = y;
+          a.textContent = g ? w : u.url, g ? (a.setAttribute("href", u.url), a.setAttribute("target", "_blank"), a.setAttribute("rel", "noopener noreferrer")) : (a.removeAttribute("href"), a.removeAttribute("target"), a.removeAttribute("rel")), a.toggleAttribute("hidden", !g);
         }
-        i && (i.setAttribute("src", m.url), i.removeAttribute("type"), i.removeAttribute("prefer-native-controls"), i.removeAttribute("hidden")), r && r.setAttribute("hidden", ""), s && (s.removeAttribute("src"), s.setAttribute("hidden", ""));
-      } else g ? (a && (a.textContent = h, a.toggleAttribute("hidden", !0)), i && (i.setAttribute("src", h), i.setAttribute("type", u === "VIDEO" ? "video" : "audio"), i.removeAttribute("prefer-native-controls"), i.removeAttribute("hidden")), r && r.setAttribute("hidden", ""), s && (s.removeAttribute("src"), s.setAttribute("hidden", ""))) : (a && a.setAttribute("hidden", ""), r && (r.textContent = this.formatPreviewCode(h, u), r.removeAttribute("hidden")), i && (i.removeAttribute("src"), i.removeAttribute("prefer-native-controls"), i.setAttribute("hidden", "")), s && (s.removeAttribute("src"), s.setAttribute("hidden", "")));
-      (y = e == null ? void 0 : e.open) == null || y.call(e);
+        i && (i.setAttribute("src", u.url), i.removeAttribute("type"), i.removeAttribute("prefer-native-controls"), i.removeAttribute("hidden")), r && r.setAttribute("hidden", ""), n && (n.removeAttribute("src"), n.setAttribute("hidden", ""));
+      } else b ? (a && (a.textContent = p, a.toggleAttribute("hidden", !0)), i && (i.setAttribute("src", p), i.setAttribute("type", d === "VIDEO" ? "video" : "audio"), i.removeAttribute("prefer-native-controls"), i.removeAttribute("hidden")), r && r.setAttribute("hidden", ""), n && (n.removeAttribute("src"), n.setAttribute("hidden", ""))) : (a && a.setAttribute("hidden", ""), r && (r.textContent = this.formatPreviewCode(p, d), r.removeAttribute("hidden")), i && (i.removeAttribute("src"), i.removeAttribute("prefer-native-controls"), i.setAttribute("hidden", "")), n && (n.removeAttribute("src"), n.setAttribute("hidden", "")));
+      (f = e == null ? void 0 : e.open) == null || f.call(e);
     }
   }
   syncPreviewEdgeShadows() {
@@ -599,22 +599,20 @@ class k extends HTMLElement {
   }
   bindActionTrigger() {
     if (!this.shadowRoot || !this.isFanModeEnabled()) return;
-    const t = this.shadowRoot.querySelector('slot[name="actions"]'), e = this.shadowRoot.querySelector('slot[name="actions-trigger"]'), o = this.shadowRoot.querySelector("#promptDefaultActionsTrigger");
+    const t = this.shadowRoot.querySelector('slot[name="actions"]'), e = this.shadowRoot.querySelector("#promptDefaultActionsTrigger");
     if (!t) return;
     this.triggerEl && (this.triggerEl.removeEventListener("click", this.toggleFanOpen), this.triggerEl = null);
-    const r = ((e == null ? void 0 : e.assignedElements({ flatten: !0 })) || []).filter(
-      (c) => !c.hasAttribute("hidden")
-    ), s = t.assignedElements({ flatten: !0 }).filter(
-      (c) => !c.hasAttribute("hidden")
-    );
-    if (!(s.length > 0)) {
-      o && (o.setAttribute("hidden", ""), o.style.display = "none");
+    const o = t.assignedElements({ flatten: !0 }).filter(
+      (a) => !a.hasAttribute("hidden")
+    ), r = o.length > 0;
+    if (!r) {
+      e && (e.setAttribute("hidden", ""), e.style.display = "none");
       return;
     }
-    const a = r.length === 0 && s.length === 1 && this.isContextOnlyAction(s[0]);
-    o && (o.toggleAttribute("hidden", a), o.style.display = a ? "none" : "inline-flex");
-    const l = a ? null : r.find((c) => c.hasAttribute("fan-trigger")) || r[0] || o || s.find((c) => c.hasAttribute("fan-trigger")) || s[0] || null;
-    l && (this.triggerEl = l, this.triggerEl.addEventListener("click", this.toggleFanOpen), this.syncTriggerIconState());
+    const n = o.length === 1 && this.isContextOnlyAction(o[0]);
+    e && (e.toggleAttribute("hidden", n), e.style.display = n ? "none" : "inline-flex");
+    const i = n || !r ? null : e;
+    i && (this.triggerEl = i, this.triggerEl.addEventListener("click", this.toggleFanOpen), this.syncTriggerIconState());
   }
   syncTriggerIconState() {
     if (!this.triggerEl) return;
@@ -635,79 +633,77 @@ class k extends HTMLElement {
   updateActionsLayout() {
     if (!this.shadowRoot) return;
     this.syncContextModeUI();
-    const t = this.shadowRoot.querySelector('slot[name="actions"]'), e = this.shadowRoot.querySelector('slot[name="actions-trigger"]'), o = this.shadowRoot.querySelector("#promptDefaultActionsTrigger");
+    const t = this.shadowRoot.querySelector('slot[name="actions"]'), e = this.shadowRoot.querySelector("#promptDefaultActionsTrigger");
     if (!t) return;
-    const r = ((e == null ? void 0 : e.assignedElements({ flatten: !0 })) || []).filter(
-      (n) => !n.hasAttribute("hidden")
-    ), s = t.assignedElements({ flatten: !0 }).filter(
-      (n) => !n.hasAttribute("hidden")
-    ), i = s.length > 0, a = this.shadowRoot.querySelector(".actions-slot-left");
-    a && (a.style.display = i ? "inline-flex" : "none");
-    const l = r.length === 0 && s.length === 1 && this.isContextOnlyAction(s[0]);
-    if (o) {
-      const n = !i || l;
-      o.toggleAttribute("hidden", n), o.style.display = n ? "none" : "inline-flex";
+    const o = t.assignedElements({ flatten: !0 }).filter(
+      (s) => !s.hasAttribute("hidden")
+    ), r = o.length > 0, n = this.shadowRoot.querySelector(".actions-slot-left");
+    n && (n.style.display = r ? "inline-flex" : "none");
+    const i = o.length === 1 && this.isContextOnlyAction(o[0]);
+    if (e) {
+      const s = !r || i;
+      e.toggleAttribute("hidden", s), e.style.display = s ? "none" : "inline-flex";
     }
-    const c = l ? null : r.find((n) => n.hasAttribute("fan-trigger")) || r[0] || o || s.find((n) => n.hasAttribute("fan-trigger")) || s[0] || null, h = s.filter((n) => n !== c), p = c ? [c, ...h] : s, u = this.shadowRoot.querySelector('slot[name="actions-right"]'), m = (u == null ? void 0 : u.assignedElements({ flatten: !0 })) || [], g = h.length > 0;
-    this.toggleAttribute("has-actions", i), this.toggleAttribute("has-extra-actions", g);
-    const b = i || this.hasTruthyFlagAttribute("actions-fan"), v = this.hasAttribute("fan-open"), d = 100, w = "calc(var(--action-icon-only-size-medium) + var(--space-100))";
-    this.enforceActionVariants(), p.forEach((n, y) => {
-      n.style.transition = `transform ${d}ms ease, opacity ${d}ms ease`, n.style.zIndex = "";
-      const f = this.fanAnimations.get(n);
-      if (f && (f.cancel(), this.fanAnimations.delete(n)), !b) {
-        this.setFanItemInert(n, !1), n.style.transitionDelay = "", n.style.transform = "", n.style.opacity = "", n.style.pointerEvents = "", n.style.filter = "";
+    const a = i || !r ? null : e, l = o.filter((s) => s !== a), h = a ? [a, ...l] : o, p = this.shadowRoot.querySelector('slot[name="actions-right"]'), c = (p == null ? void 0 : p.assignedElements({ flatten: !0 })) || [], d = l.length > 0;
+    this.toggleAttribute("has-actions", r), this.toggleAttribute("has-extra-actions", d);
+    const u = r || this.hasTruthyFlagAttribute("actions-fan"), b = this.hasAttribute("fan-open"), m = 100, v = "calc(var(--action-icon-only-size-medium) + var(--space-100))";
+    this.enforceActionVariants(), h.forEach((s, y) => {
+      s.style.transition = `transform ${m}ms ease, opacity ${m}ms ease`, s.style.zIndex = "";
+      const w = this.fanAnimations.get(s);
+      if (w && (w.cancel(), this.fanAnimations.delete(s)), !u) {
+        this.setFanItemInert(s, !1), s.style.transitionDelay = "", s.style.transform = "", s.style.opacity = "", s.style.pointerEvents = "", s.style.filter = "";
         return;
       }
       if (y === 0) {
-        this.setFanItemInert(n, !1), n.style.transitionDelay = "", n.style.transform = "translateX(0)", n.style.opacity = "1", n.style.pointerEvents = "", n.style.filter = "";
+        this.setFanItemInert(s, !1), s.style.transitionDelay = "", s.style.transform = "translateX(0)", s.style.opacity = "1", s.style.pointerEvents = "", s.style.filter = "";
         return;
       }
-      if (!v) {
-        this.setFanItemInert(n, !0), n.style.transitionDelay = "", n.style.transform = "translateX(0) scale(0.8)", n.style.opacity = "0", n.style.pointerEvents = "none", n.style.filter = "";
+      if (!b) {
+        this.setFanItemInert(s, !0), s.style.transitionDelay = "", s.style.transform = "translateX(0) scale(0.8)", s.style.opacity = "0", s.style.pointerEvents = "none", s.style.filter = "";
         return;
       }
-      const A = `calc(${w} * -${y})`, x = y * 50;
-      n.style.transition = `opacity ${Math.max(120, d - 40)}ms ease, transform ${d}ms cubic-bezier(0.22, 1, 0.36, 1)`, n.style.transitionDelay = `${x}ms`, n.style.transform = "translateX(0) scale(0.92)", n.style.opacity = "0", n.style.pointerEvents = "none", n.style.filter = "", this.setFanItemInert(n, !0), requestAnimationFrame(() => {
-        if (n.style.transform = `translateX(${A})`, n.style.opacity = "1", window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-          n.style.pointerEvents = "", this.setFanItemInert(n, !1);
+      const f = `calc(${v} * -${y})`, g = y * 50;
+      s.style.transition = `opacity ${Math.max(120, m - 40)}ms ease, transform ${m}ms cubic-bezier(0.22, 1, 0.36, 1)`, s.style.transitionDelay = `${g}ms`, s.style.transform = "translateX(0) scale(0.92)", s.style.opacity = "0", s.style.pointerEvents = "none", s.style.filter = "", this.setFanItemInert(s, !0), requestAnimationFrame(() => {
+        if (s.style.transform = `translateX(${f})`, s.style.opacity = "1", window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+          s.style.pointerEvents = "", this.setFanItemInert(s, !1);
           return;
         }
-        const S = n.animate(
+        const A = s.animate(
           [
             { transform: "translateX(0) scale(0.92)" },
-            { transform: `translateX(${A}) scale(1.03)`, offset: 0.68 },
-            { transform: `translateX(calc(${A} - var(--space-050))) scale(0.99)`, offset: 0.86 },
-            { transform: `translateX(${A}) scale(1)` }
+            { transform: `translateX(${f}) scale(1.03)`, offset: 0.68 },
+            { transform: `translateX(calc(${f} - var(--space-050))) scale(0.99)`, offset: 0.86 },
+            { transform: `translateX(${f}) scale(1)` }
           ],
           {
-            duration: d + 180,
-            delay: x,
+            duration: m + 180,
+            delay: g,
             easing: "cubic-bezier(0.22, 1, 0.36, 1)",
             fill: "forwards"
           }
         );
-        this.fanAnimations.set(n, S), S.finished.catch(() => {
+        this.fanAnimations.set(s, A), A.finished.catch(() => {
         }).finally(() => {
-          n.style.pointerEvents = "", this.setFanItemInert(n, !1);
+          s.style.pointerEvents = "", this.setFanItemInert(s, !1);
         });
       });
-    }), m.forEach((n) => {
-      n.style.transition = "", n.style.zIndex = "";
+    }), c.forEach((s) => {
+      s.style.transition = "", s.style.zIndex = "";
     }), this.bindActionTrigger(), this.syncTriggerIconState();
   }
   render() {
     if (!this.shadowRoot) return;
-    const t = this.getAttribute("placeholder") || "Reply to Mui...", e = this.getAttribute("value") || "", o = this.getAttribute("rows") || "3", r = this.hasAttribute("disabled"), s = this.getAttribute("preview-dialog-width") || "560px", i = this.getAttribute("color-top-start") || "", a = this.getAttribute("color-top-mid") || "", l = this.getAttribute("color-top-end") || "", c = this.getAttribute("color-top-accent") || "", p = (this.getAttribute("color-layout") || "default").toLowerCase() === "swap", u = p ? l || "var(--prompt-color-top-end, var(--green-500))" : i || "var(--prompt-color-top-start, var(--blue-500))", m = p ? c || "var(--prompt-color-top-accent, var(--orange-500))" : a || "var(--prompt-color-top-mid, var(--blue-500))", g = p ? i || "var(--prompt-color-top-start, var(--blue-500))" : l || "var(--prompt-color-top-end, var(--green-500))", b = p ? a || "var(--prompt-color-top-mid, var(--blue-500))" : c || "var(--prompt-color-top-accent, var(--orange-500))", v = this.getAttribute("aria-label"), d = this.getAttribute("aria-labelledby"), w = this.getAttribute("aria-describedby"), n = !v && !d ? "Prompt input" : "", y = (this.getAttribute("error-message") || "").trim(), f = y;
+    const t = this.getAttribute("placeholder") || "Reply to Mui...", e = this.getAttribute("value") || "", o = this.getAttribute("rows") || "3", r = this.hasAttribute("disabled"), n = this.getAttribute("preview-dialog-width") || "560px", i = this.getAttribute("color-top-start") || "", a = this.getAttribute("color-top-mid") || "", l = this.getAttribute("color-top-end") || "", h = this.getAttribute("color-top-accent") || "", c = (this.getAttribute("color-layout") || "default").toLowerCase() === "swap", d = c ? l || "var(--prompt-color-top-end, var(--green-500))" : i || "var(--prompt-color-top-start, var(--blue-500))", u = c ? h || "var(--prompt-color-top-accent, var(--orange-500))" : a || "var(--prompt-color-top-mid, var(--blue-500))", b = c ? i || "var(--prompt-color-top-start, var(--blue-500))" : l || "var(--prompt-color-top-end, var(--green-500))", m = c ? a || "var(--prompt-color-top-mid, var(--blue-500))" : h || "var(--prompt-color-top-accent, var(--orange-500))", v = this.getAttribute("aria-label"), s = this.getAttribute("aria-labelledby"), y = this.getAttribute("aria-describedby"), w = !v && !s ? "Prompt input" : "", f = (this.getAttribute("error-message") || "").trim(), g = f;
     this.shadowRoot.innerHTML = /*html*/
     `
       <style>
         :host {
           display: block;
           --prompt-action-radius: var(--chip-radius-small, var(--radius-400));
-          --_prompt-color-top-start-source: ${u};
-          --_prompt-color-top-mid-source: ${m};
-          --_prompt-color-top-end-source: ${g};
-          --_prompt-color-top-accent-source: ${b};
+          --_prompt-color-top-start-source: ${d};
+          --_prompt-color-top-mid-source: ${u};
+          --_prompt-color-top-end-source: ${b};
+          --_prompt-color-top-accent-source: ${m};
           --_prompt-accent-primary: var(--prompt-accent-primary, var(--prompt-spectrum-start, var(--blue-500)));
           --_prompt-accent-secondary: var(--prompt-accent-secondary, var(--blue-500));
           --_prompt-accent-mid: color-mix(in srgb, var(--_prompt-accent-primary) 52%, var(--_prompt-accent-secondary) 48%);
@@ -719,10 +715,10 @@ class k extends HTMLElement {
             var(--_prompt-color-top-accent-source) 16%,
             transparent 84%
           );
-          --_prompt-layer-start-tint: ${p ? "var(--_prompt-end-tint)" : "var(--_prompt-start-tint)"};
-          --_prompt-layer-mid-tint: ${p ? "var(--_prompt-accent-tint)" : "var(--_prompt-mid-tint)"};
-          --_prompt-layer-end-tint: ${p ? "var(--_prompt-start-tint)" : "var(--_prompt-end-tint)"};
-          --_prompt-layer-accent-tint: ${p ? "var(--_prompt-mid-tint)" : "var(--_prompt-accent-tint)"};
+          --_prompt-layer-start-tint: ${c ? "var(--_prompt-end-tint)" : "var(--_prompt-start-tint)"};
+          --_prompt-layer-mid-tint: ${c ? "var(--_prompt-accent-tint)" : "var(--_prompt-mid-tint)"};
+          --_prompt-layer-end-tint: ${c ? "var(--_prompt-start-tint)" : "var(--_prompt-end-tint)"};
+          --_prompt-layer-accent-tint: ${c ? "var(--_prompt-mid-tint)" : "var(--_prompt-accent-tint)"};
           --_prompt-spectrum-blend-mode-hover: normal;
           --_prompt-spectrum-blend-mode-focus: normal;
           --prompt-placeholder-color-hover-light: var(--grey-1200);
@@ -1129,11 +1125,13 @@ class k extends HTMLElement {
           outline: none;
           background: transparent;
           color: var(--text-color);
-          font: inherit;
+          font-family: var(--font-family);
+          font-size: var(--text-font-size);
+          font-weight: var(--font-weight-regular);
           padding-block-start: calc(var(--space-300) + var(--space-050));
           padding-inline: calc(var(--space-300) + var(--space-100));
           padding-block-end: var(--space-000);
-          line-height: var(--text-line-height-medium);
+          line-height: var(--text-line-height);
           resize: none;
           height: calc(3 * 1.55em);
           min-height: calc(3 * 1.55em);
@@ -1282,7 +1280,6 @@ class k extends HTMLElement {
           --action-radius-medium: var(--prompt-action-radius);
           --action-radius-large: var(--prompt-action-radius);
         }
-        slot[name="actions-trigger"]::slotted(mui-button),
         slot[name="actions"]::slotted(mui-button),
         slot[name="actions-right"]::slotted(mui-button) {
           --action-radius-x-small: var(--prompt-action-radius);
@@ -1290,7 +1287,6 @@ class k extends HTMLElement {
           --action-radius-medium: var(--prompt-action-radius);
           --action-radius-large: var(--prompt-action-radius);
         }
-        slot[name="actions-trigger"]::slotted(mui-dropdown),
         slot[name="actions"]::slotted(mui-dropdown),
         slot[name="actions-right"]::slotted(mui-dropdown) {
           --action-radius-x-small: var(--prompt-action-radius);
@@ -1300,7 +1296,6 @@ class k extends HTMLElement {
           position: relative;
           z-index: 4;
         }
-        slot[name="actions-trigger"]::slotted(mui-h-stack),
         slot[name="actions"]::slotted(mui-h-stack),
         slot[name="actions-right"]::slotted(mui-h-stack) {
           --action-radius-x-small: var(--prompt-action-radius);
@@ -1308,7 +1303,6 @@ class k extends HTMLElement {
           --action-radius-medium: var(--prompt-action-radius);
           --action-radius-large: var(--prompt-action-radius);
         }
-        slot[name="actions-trigger"]::slotted(mui-prompt-toggle),
         slot[name="actions"]::slotted(mui-prompt-toggle),
         slot[name="actions-right"]::slotted(mui-prompt-toggle) {
           --action-radius-x-small: var(--prompt-action-radius);
@@ -1316,18 +1310,13 @@ class k extends HTMLElement {
           --action-radius-medium: var(--prompt-action-radius);
           --action-radius-large: var(--prompt-action-radius);
         }
-        slot[name="actions-trigger"],
         slot[name="actions"],
         slot[name="actions-right"] {
           display: inline-flex;
           align-items: center;
           gap: var(--space-025);
         }
-        slot[name="actions-trigger"] {
-          flex: 0 0 auto;
-        }
         ::slotted([slot="actions"]:not([hidden])),
-        ::slotted([slot="actions-trigger"]:not([hidden])),
         ::slotted([slot="actions-right"]:not([hidden])) {
           display: inline-flex;
           align-items: center;
@@ -1428,22 +1417,20 @@ class k extends HTMLElement {
               rows="${o}"
               placeholder="${t}"
               ${v ? `aria-label="${v.replace(/"/g, "&quot;")}"` : ""}
-              ${d ? `aria-labelledby="${d.replace(/"/g, "&quot;")}"` : ""}
-              ${w ? `aria-describedby="${w.replace(/"/g, "&quot;")}"` : ""}
-              ${n ? `aria-label="${n}"` : ""}
+              ${s ? `aria-labelledby="${s.replace(/"/g, "&quot;")}"` : ""}
+              ${y ? `aria-describedby="${y.replace(/"/g, "&quot;")}"` : ""}
+              ${w ? `aria-label="${w}"` : ""}
               ${r ? "disabled" : ""}
             >${e}</textarea>
           </slot>
         </div>
         <div class="actions-slot actions-slot-left">
-          <slot name="actions-trigger">
-            <mui-button id="promptDefaultActionsTrigger" variant="tertiary" fan-trigger icon-only size="small" aria-label="More actions">
-              <mui-icon-toggle rotate size="small">
-                <mui-icon-grid slot="start" size="small"></mui-icon-grid>
-                <mui-icon-close slot="end" size="small"></mui-icon-close>
-              </mui-icon-toggle>
-            </mui-button>
-          </slot>
+          <mui-button id="promptDefaultActionsTrigger" variant="tertiary" fan-trigger icon-only size="small" aria-label="More actions">
+            <mui-icon-toggle rotate size="small">
+              <mui-icon-grid slot="start" size="small"></mui-icon-grid>
+              <mui-icon-close slot="end" size="small"></mui-icon-close>
+            </mui-icon-toggle>
+          </mui-button>
           <slot name="actions"></slot>
         </div>
       <div class="actions-slot actions-slot-right">
@@ -1464,9 +1451,9 @@ class k extends HTMLElement {
         </div>
         <div class="error-region" hidden>
    
-        <mui-body size="x-small" variant="error" class="error-default" ${y ? "" : "hidden"}>
+        <mui-body size="x-small" variant="error" class="error-default" ${f ? "" : "hidden"}>
           <mui-icon-attention slot="before"></mui-icon-attention>
-          <span class="error-text">${f}</span>
+          <span class="error-text">${g}</span>
         </mui-body>
      
       </div>
@@ -1478,7 +1465,7 @@ class k extends HTMLElement {
 
       <mui-dialog
         id="promptAutoPreviewDialog"
-        width="${s}"
+        width="${n}"
         content-padding="none"
       >
         <mui-heading id="promptAutoPreviewTitle" slot="title" size="5">Pasted Content</mui-heading>
@@ -1490,4 +1477,4 @@ class k extends HTMLElement {
     `, this.setDebugState("Idle: no submit yet.");
   }
 }
-customElements.get("mui-prompt") || customElements.define("mui-prompt", k);
+customElements.get("mui-prompt") || customElements.define("mui-prompt", S);