@agent-ui-kit/web-components 0.0.14 → 0.0.16

package/dist/api.tokens.json

@@ -1,7 +1,7 @@
 {
   "package": "@agent-ui-kit/web-components",
-  "version": "0.0.14",
-  "generated": "2026-03-21T19:03:54.190Z",
+  "version": "0.0.16",
+  "generated": "2026-03-22T04:11:44.191Z",
   "description": "Design tokens: sizing, typography, spacing, radius, shadow, animation.",
   "scales": {
     "size": [
@@ -165,6 +165,22 @@
       "value": "1.5rem",
       "category": "Font Size"
     },
+    "--aui-font-3xl": {
+      "value": "1.875rem",
+      "category": "Font Size"
+    },
+    "--aui-font-4xl": {
+      "value": "2.25rem",
+      "category": "Font Size"
+    },
+    "--aui-font-5xl": {
+      "value": "3rem",
+      "category": "Font Size"
+    },
+    "--aui-font-6xl": {
+      "value": "3.75rem",
+      "category": "Font Size"
+    },
     "--aui-font-size": {
       "value": "var(--aui-font-md)",
       "category": "Font Size"
@@ -193,6 +209,22 @@
       "value": "-0.025em",
       "category": "Letter Spacing"
     },
+    "--aui-tracking-3xl": {
+      "value": "-0.025em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-4xl": {
+      "value": "-0.03em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-5xl": {
+      "value": "-0.035em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-6xl": {
+      "value": "-0.04em",
+      "category": "Letter Spacing"
+    },
     "--aui-letter-spacing": {
       "value": "var(--aui-tracking-md)",
       "category": "Letter Spacing"
@@ -358,7 +390,7 @@
       "category": "Radius"
     },
     "--aui-radius-round": {
-      "value": "1.25rem",
+      "value": "1.5rem",
       "category": "Radius"
     },
     "--aui-radius-rounded": {

package/dist/api.tokens.yaml

@@ -1,6 +1,6 @@
 package: "@agent-ui-kit/web-components"
-version: 0.0.14
-generated: 2026-03-21T19:03:54.190Z
+version: 0.0.16
+generated: 2026-03-22T04:11:44.191Z
 description: "Design tokens: sizing, typography, spacing, radius, shadow, animation."
 scales:
   size:
@@ -129,6 +129,18 @@ tokens:
   --aui-font-2xl:
     value: 1.5rem
     category: Font Size
+  --aui-font-3xl:
+    value: 1.875rem
+    category: Font Size
+  --aui-font-4xl:
+    value: 2.25rem
+    category: Font Size
+  --aui-font-5xl:
+    value: 3rem
+    category: Font Size
+  --aui-font-6xl:
+    value: 3.75rem
+    category: Font Size
   --aui-font-size:
     value: var(--aui-font-md)
     category: Font Size
@@ -150,6 +162,18 @@ tokens:
   --aui-tracking-2xl:
     value: -0.025em
     category: Letter Spacing
+  --aui-tracking-3xl:
+    value: -0.025em
+    category: Letter Spacing
+  --aui-tracking-4xl:
+    value: -0.03em
+    category: Letter Spacing
+  --aui-tracking-5xl:
+    value: -0.035em
+    category: Letter Spacing
+  --aui-tracking-6xl:
+    value: -0.04em
+    category: Letter Spacing
   --aui-letter-spacing:
     value: var(--aui-tracking-md)
     category: Letter Spacing
@@ -274,7 +298,7 @@ tokens:
     value: 0.25rem
     category: Radius
   --aui-radius-round:
-    value: 1.25rem
+    value: 1.5rem
     category: Radius
   --aui-radius-rounded:
     value: 0.75rem

package/dist/chunks/{agent-C72JZNe6.js → agent-XMhz_6OA.js}

@@ -1,12 +1,12 @@
 let d = null, b = 0;
-const m = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new Set();
+const m = /* @__PURE__ */ new Set(), $ = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new Set();
 function T() {
   return d;
 }
 function v(i) {
   d = i;
 }
-function M() {
+function O() {
   return b;
 }
 function P() {
@@ -82,7 +82,7 @@ function F() {
       A(e);
   }
 }
-class R {
+class H {
   [Symbol.toStringTag] = "Signal";
   #t;
   constructor(t) {
@@ -99,10 +99,10 @@ class R {
   }
 }
 function k(i) {
-  const t = new j(i), e = new R(t);
-  return S.set(e, t), e;
+  const t = new j(i), e = new H(t);
+  return $.set(e, t), e;
 }
-class H {
+class R {
   [Symbol.toStringTag] = "Computed";
   #t;
   constructor(t) {
@@ -129,10 +129,10 @@ class H {
   }
 }
 function ot(i) {
-  const t = new E(i), e = new H(t);
-  return S.set(e, t), e;
+  const t = new E(i), e = new R(t);
+  return $.set(e, t), e;
 }
-function _(i) {
+function S(i) {
   const t = new I(i);
   return A(t), () => {
     t._disposed || (t._disposed = !0, L(t));
@@ -143,7 +143,7 @@ function W(i) {
   try {
     i();
   } finally {
-    N(), M() === 0 && F();
+    N(), O() === 0 && F();
   }
 }
 function lt(i) {
@@ -184,8 +184,8 @@ const B = (i) => {
         const o = r.trait;
         if (!o) continue;
         const a = {};
-        for (const [l, h] of Object.entries(r))
-          l !== "trait" && (a[l] = String(h));
+        for (const [l, u] of Object.entries(r))
+          l !== "trait" && (a[l] = String(u));
         n.push({ name: o, config: a });
       }
       return n;
@@ -195,7 +195,7 @@ const B = (i) => {
   return t.split(/\s+/).map((e) => ({ name: e, config: {} }));
 }, f = /* @__PURE__ */ new Map(), ct = (i) => {
   f.has(i.name) && console.warn(`[agent-ui] Trait "${i.name}" already registered, overwriting.`), f.set(i.name, i);
-}, K = (i) => f.get(i), ut = () => [...f.keys()], ht = () => {
+}, K = (i) => f.get(i), ht = () => [...f.keys()], ut = () => {
   const i = /* @__PURE__ */ new Map();
   for (const t of f.values()) {
     let e = i.get(t.category);
@@ -247,7 +247,7 @@ const V = (i, t, e) => {
   const l = {
     host: i,
     addEffect: (c) => {
-      o.push(_(c));
+      o.push(S(c));
     },
     emit: (c, p) => {
       i.dispatchEvent(new CustomEvent(c, {
@@ -264,16 +264,16 @@ const V = (i, t, e) => {
     unexpose: (c) => {
       i.removeAttribute(`data-${s.name}-${c}`);
     }
-  }, h = s.attach(l);
+  }, u = s.attach(l);
   return () => {
-    h?.();
+    u?.();
     for (const c of o) c();
     o.length = 0, a && e?.anchorElement?.removeAttribute("data-aui-anchor");
   };
-}, y = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet();
+}, y = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakSet();
 function Z(i) {
-  if ($.has(i)) return;
-  $.add(i);
+  if (_.has(i)) return;
+  _.add(i);
   const t = i.attributes;
   if (!t) return;
   const e = Object.keys(t);
@@ -304,7 +304,7 @@ function Z(i) {
     });
   }
 }
-class u extends HTMLElement {
+class h extends HTMLElement {
   /** Override in subclass to declare component attributes */
   static attributes;
   /** Override in subclass to defer activate() until children are present */
@@ -341,10 +341,10 @@ class u extends HTMLElement {
   // ── Effect ownership ────────────────────────────────────
   #o = [];
   addEffect(t) {
-    const e = _(t);
+    const e = S(t);
     return this.#o.push(e), e;
   }
-  #u() {
+  #h() {
     for (const t of this.#o) t();
     this.#o.length = 0;
   }
@@ -432,16 +432,16 @@ class u extends HTMLElement {
     } catch {
     }
     if (this.#t.peek() !== "entering") return;
-    this.#t.value = "connected", this.constructor.deferChildren && this.children.length === 0 ? this.#h() : (this.activate(), this.#r()), this.didEnter(), this.#s?.(), this.#s = null;
+    this.#t.value = "connected", this.constructor.deferChildren && this.children.length === 0 ? this.#u() : (this.activate(), this.#r()), this.didEnter(), this.#s?.(), this.#s = null;
   }
   async #c() {
     try {
       await this.willExit();
     } catch {
     }
-    this.#t.peek() === "exiting" && (this.dispose(), this.#a(), this.#u(), this.didExit(), this.#t.value = "suspended");
+    this.#t.peek() === "exiting" && (this.dispose(), this.#a(), this.#h(), this.didExit(), this.#t.value = "suspended");
   }
-  #h() {
+  #u() {
     let t = 0;
     const e = () => {
       this.activate(), this.#r();
@@ -479,7 +479,7 @@ class pt {
     this.#t = t, this.#e = e, this.#s = k(s), this.#r = (n) => {
       const r = n;
       r.key === this.#e && (n.stopPropagation(), r.callback(this.#s.peek()), r.subscribe && this.#i.add(r.callback));
-    }, this.#t.addEventListener("context-request", this.#r), this.#n = _(() => {
+    }, this.#t.addEventListener("context-request", this.#r), this.#n = S(() => {
       const n = this.#s.value;
       for (const r of this.#i) r(n);
     });
@@ -507,7 +507,7 @@ class mt {
   dispose() {
   }
 }
-class bt extends u {
+class bt extends h {
   static attributes = {
     type: { type: "enum", values: ["typing", "thinking", "tool-use"], default: "typing" },
     label: { type: "string", default: "" },
@@ -528,7 +528,7 @@ class bt extends u {
   // ── Lifecycle ─────────────────────────────────────────────
   activate() {
     this.setAttribute("role", "status"), this.setAttribute("aria-live", "polite"), this.#o(), this.addEffect(() => {
-      this.active ? this.#u() : this.#l();
+      this.active ? this.#h() : this.#l();
     }), this.addEffect(() => {
       if (!this.#i) return;
       const t = this.label || Q(this.type);
@@ -539,10 +539,10 @@ class bt extends u {
       if (!this.#a) return;
       const t = this.expanded && this.expandable;
       this.#a.hidden = !t;
-    }), this.addEventListener("click", this.#h);
+    }), this.addEventListener("click", this.#u);
   }
   dispose() {
-    this.#l(), this.removeEventListener("click", this.#h), this.#i = null, this.#n = null, this.#r = null, this.#a = null;
+    this.#l(), this.removeEventListener("click", this.#u), this.#i = null, this.#n = null, this.#r = null, this.#a = null;
   }
   // ── DOM ───────────────────────────────────────────────────
   #o() {
@@ -554,7 +554,7 @@ class bt extends u {
     s.setAttribute("data-agent-activity-sep", ""), s.textContent = "|", s.setAttribute("aria-hidden", "true"), this.#i = document.createElement("span"), this.#i.setAttribute("data-agent-activity-label", ""), this.#r = document.createElement("span"), this.#r.setAttribute("data-agent-activity-dots", ""), this.#r.setAttribute("aria-hidden", "true"), this.#r.innerHTML = "<i></i><i></i><i></i>", e.append(this.#n, s, this.#i, this.#r), this.#a = document.createElement("div"), this.#a.setAttribute("data-agent-activity-content", ""), this.#a.hidden = !0, this.#a.appendChild(t), this.append(e, this.#a);
   }
   // ── Timer ─────────────────────────────────────────────────
-  #u() {
+  #h() {
     this.#l(), this.#e = performance.now(), this.#c();
   }
   #l() {
@@ -566,7 +566,7 @@ class bt extends u {
     this.#n.textContent = X(t), this.#s = requestAnimationFrame(this.#c);
   };
   // ── Expand/collapse ───────────────────────────────────────
-  #h = () => {
+  #u = () => {
     this.expandable && (this.expanded = !this.expanded, this.dispatchEvent(new CustomEvent("aui:activity-toggle", {
       bubbles: !0,
       composed: !0,
@@ -591,7 +591,7 @@ function X(i) {
   return `${e}m:${String(s).padStart(2, "0")}s`;
 }
 const tt = 40;
-class gt extends u {
+class gt extends h {
   static attributes = {
     "auto-scroll": { type: "boolean", default: !0 },
     scrollable: { type: "boolean", default: !1 }
@@ -638,7 +638,7 @@ class gt extends u {
     }));
   };
 }
-class vt extends u {
+class vt extends h {
   static deferChildren = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -673,10 +673,10 @@ class vt extends u {
     }), this.addEffect(() => {
       const e = this.busy;
       this.#e && (this.disabled || (e ? this.#e.setAttribute("disabled", "") : this.#n()));
-    }), this.addEventListener("input", this.#r), this.addEventListener("click", this.#a), this.addEventListener("keydown", this.#l), this.addEventListener("focusin", this.#o), this.addEventListener("focusout", this.#u);
+    }), this.addEventListener("input", this.#r), this.addEventListener("click", this.#a), this.addEventListener("keydown", this.#l), this.addEventListener("focusin", this.#o), this.addEventListener("focusout", this.#h);
   }
   dispose() {
-    this.removeEventListener("input", this.#r), this.removeEventListener("click", this.#a), this.removeEventListener("keydown", this.#l), this.removeEventListener("focusin", this.#o), this.removeEventListener("focusout", this.#u), this.#t = null, this.#e = null;
+    this.removeEventListener("input", this.#r), this.removeEventListener("click", this.#a), this.removeEventListener("keydown", this.#l), this.removeEventListener("focusin", this.#o), this.removeEventListener("focusout", this.#h), this.#t = null, this.#e = null;
   }
   // ── Child discovery ───────────────────────────────────────
   #s() {
@@ -711,7 +711,7 @@ class vt extends u {
       new CustomEvent("aui:composer-focus", { bubbles: !0, composed: !0 })
     );
   };
-  #u = (t) => {
+  #h = (t) => {
     const e = t.target;
     !this.#t?.contains(e) && e !== this.#t || this.dispatchEvent(
       new CustomEvent("aui:composer-blur", { bubbles: !0, composed: !0 })
@@ -763,7 +763,7 @@ let it = 0;
 function nt(i) {
   return `${i}-${++it}-${Math.random().toString(36).slice(2, 6)}`;
 }
-class yt extends u {
+class yt extends h {
   static attributes = {
     role: { type: "string", default: "assistant" },
     "message-id": { type: "string", default: "" },
@@ -789,7 +789,7 @@ class yt extends u {
   activate() {
     this.addEventListener("pointerenter", this.#r), this.addEventListener("pointerleave", this.#a), this.addEffect(() => {
       const t = this.role, e = this.actions, s = this["actions-style"], n = this["actions-position"], r = this.status;
-      this.#u(t, e || null, s, n, r);
+      this.#h(t, e || null, s, n, r);
     }), this.#t.role = "article";
   }
   dispose() {
@@ -826,15 +826,15 @@ class yt extends u {
       this.#e.removeEventListener("click", this.#c), this.#e.remove();
     }
   }
-  #u(t, e, s, n, r) {
+  #h(t, e, s, n, r) {
     if (this.#e && (this.#o(), this.#e = null), clearTimeout(this.#n), e === "none" || this.querySelector('[slot="actions"]')) return;
     let o;
     if (e ? o = e.split(",").map((l) => l.trim()).filter(Boolean) : o = st[t] ?? [], r === "partial" && !o.includes("continue") && (o = [...o, "continue"]), o.length === 0) return;
     const a = document.createElement("div");
     a.setAttribute("data-role", "actions"), a.setAttribute("role", "toolbar"), a.setAttribute("aria-label", "Message actions"), s !== "label" && a.setAttribute("data-style", s);
     for (const l of o) {
-      const h = et[l];
-      h && a.appendChild(this.#l(l, h, s));
+      const u = et[l];
+      u && a.appendChild(this.#l(l, u, s));
     }
     if (a.children.length !== 0) {
       if (a.addEventListener("click", this.#c), n === "below") {
@@ -880,7 +880,7 @@ class yt extends u {
     }
   };
 }
-class Et extends u {
+class Et extends h {
   static attributes = {
     "panel-title": { type: "string", default: "" },
     "auto-focus": { type: "string", default: "ready" }
@@ -922,7 +922,7 @@ class Et extends u {
     this.#t = this.querySelector("aui-agent-feed"), this.#e = this.querySelector("aui-agent-input");
   }
 }
-class At extends u {
+class At extends h {
   static attributes = {
     disabled: { type: "boolean", default: !1 }
   };
@@ -935,7 +935,7 @@ class At extends u {
   dispose() {
   }
 }
-class wt extends u {
+class wt extends h {
   static attributes = {
     options: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 }
@@ -1014,7 +1014,7 @@ class wt extends u {
     this.appendChild(e), this.#e = e;
   }
 }
-class Ct extends u {
+class Ct extends h {
   static deferChildren = !0;
   static attributes = {
     format: { type: "enum", values: ["markdown", "plain"], default: "markdown" }
@@ -1031,7 +1031,16 @@ class Ct extends u {
   }
   // ── Lifecycle ─────────────────────────────────────────────
   activate() {
-    !this.#t && this.textContent?.trim() && (this.#t = this.textContent.trim()), this.#e = document.createElement("div"), this.#e.setAttribute("data-agent-prose", ""), this.textContent = "", this.appendChild(this.#e), this.addEffect(() => {
+    if (!this.#t) {
+      const t = this.querySelector("template");
+      if (t)
+        this.#t = t.innerHTML.trim();
+      else if (this.textContent?.trim()) {
+        const e = this.style.whiteSpace;
+        this.style.whiteSpace = "pre-wrap", this.#t = (this.innerText || "").trim(), this.style.whiteSpace = e;
+      }
+    }
+    this.#e = document.createElement("div"), this.#e.setAttribute("data-agent-prose", ""), this.textContent = "", this.appendChild(this.#e), this.addEffect(() => {
       this.format, this.#i();
     }), this.#n();
   }
@@ -1045,7 +1054,7 @@ class Ct extends u {
   #n() {
     if (!this.#e) return;
     const t = this.#t;
-    this.format === "plain" ? this.#e.textContent = t : this.#e.innerHTML = at(O(t));
+    this.format === "plain" ? this.#e.textContent = t : this.#e.innerHTML = at(M(t));
   }
 }
 const rt = /* @__PURE__ */ new Set([
@@ -1078,7 +1087,7 @@ function g(i) {
     '<a href="$2" rel="noopener noreferrer" target="_blank">$1</a>'
   ), t;
 }
-function O(i) {
+function M(i) {
   if (!i) return "";
   const t = i.split(`
 `), e = [];
@@ -1090,8 +1099,8 @@ function O(i) {
       for (s += 1; s < t.length && !t[s].startsWith("```"); )
         l.push(t[s]), s += 1;
       s += 1;
-      const h = a ? ` data-lang="${x(a)}"` : "";
-      e.push(`<pre${h}><code>${x(l.join(`
+      const u = a ? ` data-lang="${x(a)}"` : "";
+      e.push(`<pre${u}><code>${x(l.join(`
 `))}</code></pre>`);
       continue;
     }
@@ -1109,7 +1118,7 @@ function O(i) {
       const a = [];
       for (; s < t.length && t[s].startsWith("> "); )
         a.push(t[s].slice(2)), s += 1;
-      e.push(`<blockquote>${O(a.join(`
+      e.push(`<blockquote>${M(a.join(`
 `))}</blockquote>`);
       continue;
     }
@@ -1155,7 +1164,7 @@ function at(i) {
     return rt.has(s) ? t : "";
   });
 }
-class kt extends u {
+class kt extends h {
   static attributes = {
     role: { type: "string", default: "" },
     sender: { type: "string", default: "" },
@@ -1206,36 +1215,36 @@ class kt extends u {
   }
 }
 export {
-  u as A,
+  h as A,
   mt as B,
   pt as C,
   Y as D,
   st as R,
-  ot as a,
-  W as b,
+  et as a,
+  bt as b,
   ft as c,
-  V as d,
-  dt as e,
-  gt as f,
-  kt as g,
-  yt as h,
-  Ct as i,
-  bt as j,
-  wt as k,
-  Et as l,
-  vt as m,
-  At as n,
-  et as o,
-  J as p,
-  at as q,
-  O as r,
-  k as s,
+  gt as d,
+  vt as e,
+  yt as f,
+  Et as g,
+  At as h,
+  wt as i,
+  Ct as j,
+  kt as k,
+  k as l,
+  ot as m,
+  W as n,
+  V as o,
+  dt as p,
+  J as q,
+  M as r,
+  at as s,
   ct as t,
   lt as u,
   G as v,
   K as w,
-  ut as x,
-  ht as y,
-  _ as z
+  ht as x,
+  ut as y,
+  S as z
 };
-//# sourceMappingURL=agent-C72JZNe6.js.map
+//# sourceMappingURL=agent-XMhz_6OA.js.map