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

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.15",
+  "generated": "2026-03-21T23:16:48.938Z",
   "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"

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.15
+generated: 2026-03-21T23:16:48.938Z
 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

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

@@ -1,5 +1,5 @@
 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;
 }
@@ -100,7 +100,7 @@ class R {
 }
 function k(i) {
   const t = new j(i), e = new R(t);
-  return S.set(e, t), e;
+  return $.set(e, t), e;
 }
 class H {
   [Symbol.toStringTag] = "Computed";
@@ -130,7 +130,7 @@ class H {
 }
 function ot(i) {
   const t = new E(i), e = new H(t);
-  return S.set(e, t), e;
+  return $.set(e, t), e;
 }
 function _(i) {
   const t = new I(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);
@@ -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(), S = /* @__PURE__ */ new WeakSet();
 function Z(i) {
-  if ($.has(i)) return;
-  $.add(i);
+  if (S.has(i)) return;
+  S.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 */
@@ -344,7 +344,7 @@ class u extends HTMLElement {
     const e = _(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();
@@ -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,11 @@ 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 && this.textContent?.trim()) {
+      const t = this.style.whiteSpace;
+      this.style.whiteSpace = "pre-wrap", this.#t = (this.innerText || "").trim(), this.style.whiteSpace = t;
+    }
+    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();
   }
@@ -1090,8 +1094,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;
     }
@@ -1155,7 +1159,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 +1210,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,
+  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,
   O as r,
-  k as s,
+  at as s,
   ct as t,
   lt as u,
   G as v,
   K as w,
-  ut as x,
-  ht as y,
+  ht as x,
+  ut as y,
   _ as z
 };
-//# sourceMappingURL=agent-C72JZNe6.js.map
+//# sourceMappingURL=agent-BF_R_HJk.js.map