@duyluonganduin/acl-web-components 0.0.65 → 0.0.67

package/dist/{anduin-table-BNMWngox.js → anduin-table-Cqv_JQvT.js}

@@ -22,60 +22,60 @@ let o3 = class {
     return this.cssText;
   }
 };
-const r3 = (n) => new o3(typeof n == "string" ? n : n + "", void 0, j5), g = (n, ...e) => {
-  const t = n.length === 1 ? n[0] : e.reduce((o, i, r) => o + ((l) => {
+const n3 = (r) => new o3(typeof r == "string" ? r : r + "", void 0, j5), g = (r, ...e) => {
+  const t = r.length === 1 ? r[0] : e.reduce((o, i, n) => o + ((l) => {
     if (l._$cssResult$ === !0) return l.cssText;
     if (typeof l == "number") return l;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + l + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(i) + n[r + 1], n[0]);
-  return new o3(t, n, j5);
-}, S3 = (n, e) => {
-  if (N5) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  })(i) + r[n + 1], r[0]);
+  return new o3(t, r, j5);
+}, S3 = (r, e) => {
+  if (N5) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const o = document.createElement("style"), i = $2.litNonce;
-    i !== void 0 && o.setAttribute("nonce", i), o.textContent = t.cssText, n.appendChild(o);
+    i !== void 0 && o.setAttribute("nonce", i), o.textContent = t.cssText, r.appendChild(o);
   }
-}, L4 = N5 ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
+}, L4 = N5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const o of e.cssRules) t += o.cssText;
-  return r3(t);
-})(n) : n;
+  return n3(t);
+})(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnPropertyNames: B3, getOwnPropertySymbols: F3, getPrototypeOf: I3 } = Object, h1 = globalThis, V4 = h1.trustedTypes, O3 = V4 ? V4.emptyScript : "", Y2 = h1.reactiveElementPolyfillSupport, s2 = (n, e) => n, E2 = { toAttribute(n, e) {
+const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnPropertyNames: B3, getOwnPropertySymbols: F3, getPrototypeOf: O3 } = Object, h1 = globalThis, V4 = h1.trustedTypes, I3 = V4 ? V4.emptyScript : "", Y2 = h1.reactiveElementPolyfillSupport, s2 = (r, e) => r, E2 = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      n = n ? O3 : null;
+      r = r ? I3 : null;
       break;
     case Object:
     case Array:
-      n = n == null ? n : JSON.stringify(n);
+      r = r == null ? r : JSON.stringify(r);
   }
-  return n;
-}, fromAttribute(n, e) {
-  let t = n;
+  return r;
+}, fromAttribute(r, e) {
+  let t = r;
   switch (e) {
     case Boolean:
-      t = n !== null;
+      t = r !== null;
       break;
     case Number:
-      t = n === null ? null : Number(n);
+      t = r === null ? null : Number(r);
       break;
     case Object:
     case Array:
       try {
-        t = JSON.parse(n);
+        t = JSON.parse(r);
       } catch {
         t = null;
       }
   }
   return t;
-} }, U5 = (n, e) => !A3(n, e), x4 = { attribute: !0, type: String, converter: E2, reflect: !1, useDefault: !1, hasChanged: U5 };
+} }, U5 = (r, e) => !A3(r, e), x4 = { attribute: !0, type: String, converter: E2, reflect: !1, useDefault: !1, hasChanged: U5 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), h1.litPropertyMetadata ?? (h1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let I1 = class extends HTMLElement {
+let O1 = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
@@ -89,14 +89,14 @@ let I1 = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(e, t, o) {
-    const { get: i, set: r } = P3(this.prototype, e) ?? { get() {
+    const { get: i, set: n } = P3(this.prototype, e) ?? { get() {
       return this[t];
     }, set(l) {
       this[t] = l;
     } };
     return { get: i, set(l) {
       const d = i == null ? void 0 : i.call(this);
-      r == null || r.call(this, l), this.requestUpdate(e, d, o);
+      n == null || n.call(this, l), this.requestUpdate(e, d, o);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
@@ -104,7 +104,7 @@ let I1 = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(s2("elementProperties"))) return;
-    const e = I3(this);
+    const e = O3(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
@@ -181,34 +181,34 @@ let I1 = class extends HTMLElement {
     this._$AK(e, o);
   }
   _$ET(e, t) {
-    var r;
+    var n;
     const o = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, o);
     if (i !== void 0 && o.reflect === !0) {
-      const l = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : E2).toAttribute(t, o.type);
+      const l = (((n = o.converter) == null ? void 0 : n.toAttribute) !== void 0 ? o.converter : E2).toAttribute(t, o.type);
       this._$Em = e, l == null ? this.removeAttribute(i) : this.setAttribute(i, l), this._$Em = null;
     }
   }
   _$AK(e, t) {
-    var r, l;
+    var n, l;
     const o = this.constructor, i = o._$Eh.get(e);
     if (i !== void 0 && this._$Em !== i) {
-      const d = o.getPropertyOptions(i), c = typeof d.converter == "function" ? { fromAttribute: d.converter } : ((r = d.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? d.converter : E2;
+      const d = o.getPropertyOptions(i), c = typeof d.converter == "function" ? { fromAttribute: d.converter } : ((n = d.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? d.converter : E2;
       this._$Em = i;
       const C = c.fromAttribute(t, d.type);
       this[i] = C ?? ((l = this._$Ej) == null ? void 0 : l.get(i)) ?? C, this._$Em = null;
     }
   }
-  requestUpdate(e, t, o, i = !1, r) {
+  requestUpdate(e, t, o, i = !1, n) {
     var l;
     if (e !== void 0) {
       const d = this.constructor;
-      if (i === !1 && (r = this[e]), o ?? (o = d.getPropertyOptions(e)), !((o.hasChanged ?? U5)(r, t) || o.useDefault && o.reflect && r === ((l = this._$Ej) == null ? void 0 : l.get(e)) && !this.hasAttribute(d._$Eu(e, o)))) return;
+      if (i === !1 && (n = this[e]), o ?? (o = d.getPropertyOptions(e)), !((o.hasChanged ?? U5)(n, t) || o.useDefault && o.reflect && n === ((l = this._$Ej) == null ? void 0 : l.get(e)) && !this.hasAttribute(d._$Eu(e, o)))) return;
       this.C(e, t, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, t, { useDefault: o, reflect: i, wrapped: r }, l) {
-    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, l ?? t ?? this[e]), r !== !0 || l !== void 0) || (this._$AL.has(e) || (this.hasUpdated || o || (t = void 0), this._$AL.set(e, t)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, t, { useDefault: o, reflect: i, wrapped: n }, l) {
+    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, l ?? t ?? this[e]), n !== !0 || l !== void 0) || (this._$AL.has(e) || (this.hasUpdated || o || (t = void 0), this._$AL.set(e, t)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -228,21 +228,21 @@ let I1 = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, l] of this._$Ep) this[r] = l;
+        for (const [n, l] of this._$Ep) this[n] = l;
         this._$Ep = void 0;
       }
       const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [r, l] of i) {
-        const { wrapped: d } = l, c = this[r];
-        d !== !0 || this._$AL.has(r) || c === void 0 || this.C(r, void 0, l, c);
+      if (i.size > 0) for (const [n, l] of i) {
+        const { wrapped: d } = l, c = this[n];
+        d !== !0 || this._$AL.has(n) || c === void 0 || this.C(n, void 0, l, c);
       }
     }
     let e = !1;
     const t = this._$AL;
     try {
       e = this.shouldUpdate(t), e ? (this.willUpdate(t), (o = this._$EO) == null || o.forEach((i) => {
-        var r;
-        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
+        var n;
+        return (n = i.hostUpdate) == null ? void 0 : n.call(i);
       }), this.update(t)) : this._$EM();
     } catch (i) {
       throw e = !1, this._$EM(), i;
@@ -278,36 +278,36 @@ let I1 = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-I1.elementStyles = [], I1.shadowRootOptions = { mode: "open" }, I1[s2("elementProperties")] = /* @__PURE__ */ new Map(), I1[s2("finalized")] = /* @__PURE__ */ new Map(), Y2 == null || Y2({ ReactiveElement: I1 }), (h1.reactiveElementVersions ?? (h1.reactiveElementVersions = [])).push("2.1.2");
+O1.elementStyles = [], O1.shadowRootOptions = { mode: "open" }, O1[s2("elementProperties")] = /* @__PURE__ */ new Map(), O1[s2("finalized")] = /* @__PURE__ */ new Map(), Y2 == null || Y2({ ReactiveElement: O1 }), (h1.reactiveElementVersions ?? (h1.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const a2 = globalThis, w4 = (n) => n, z2 = a2.trustedTypes, M4 = z2 ? z2.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, n3 = "$lit$", p1 = `lit$${Math.random().toFixed(9).slice(2)}$`, l3 = "?" + p1, T3 = `<${l3}>`, k1 = document, c2 = () => k1.createComment(""), C2 = (n) => n === null || typeof n != "object" && typeof n != "function", G5 = Array.isArray, N3 = (n) => G5(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", q2 = `[ 	
+const a2 = globalThis, w4 = (r) => r, z2 = a2.trustedTypes, M4 = z2 ? z2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, r3 = "$lit$", p1 = `lit$${Math.random().toFixed(9).slice(2)}$`, l3 = "?" + p1, T3 = `<${l3}>`, k1 = document, c2 = () => k1.createComment(""), C2 = (r) => r === null || typeof r != "object" && typeof r != "function", G5 = Array.isArray, N3 = (r) => G5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", q2 = `[ 	
 \f\r]`, e2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Z4 = /-->/g, k4 = />/g, V1 = RegExp(`>|${q2}(?:([^\\s"'>=/]+)(${q2}*=${q2}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), R4 = /'/g, $4 = /"/g, s3 = /^(?:script|style|textarea|title)$/i, a3 = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), a = a3(1), u2 = a3(2), R1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), E4 = /* @__PURE__ */ new WeakMap(), w1 = k1.createTreeWalker(k1, 129);
-function d3(n, e) {
-  if (!G5(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
+\f\r"'\`<>=]|("|')|))|$)`, "g"), R4 = /'/g, $4 = /"/g, s3 = /^(?:script|style|textarea|title)$/i, a3 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), a = a3(1), u2 = a3(2), R1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), E4 = /* @__PURE__ */ new WeakMap(), w1 = k1.createTreeWalker(k1, 129);
+function d3(r, e) {
+  if (!G5(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return M4 !== void 0 ? M4.createHTML(e) : e;
 }
-const j3 = (n, e) => {
-  const t = n.length - 1, o = [];
-  let i, r = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", l = e2;
+const j3 = (r, e) => {
+  const t = r.length - 1, o = [];
+  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", l = e2;
   for (let d = 0; d < t; d++) {
-    const c = n[d];
+    const c = r[d];
     let C, p, f = -1, H = 0;
     for (; H < c.length && (l.lastIndex = H, p = l.exec(c), p !== null); ) H = l.lastIndex, l === e2 ? p[1] === "!--" ? l = Z4 : p[1] !== void 0 ? l = k4 : p[2] !== void 0 ? (s3.test(p[2]) && (i = RegExp("</" + p[2], "g")), l = V1) : p[3] !== void 0 && (l = V1) : l === V1 ? p[0] === ">" ? (l = i ?? e2, f = -1) : p[1] === void 0 ? f = -2 : (f = l.lastIndex - p[2].length, C = p[1], l = p[3] === void 0 ? V1 : p[3] === '"' ? $4 : R4) : l === $4 || l === R4 ? l = V1 : l === Z4 || l === k4 ? l = e2 : (l = V1, i = void 0);
-    const m = l === V1 && n[d + 1].startsWith("/>") ? " " : "";
-    r += l === e2 ? c + T3 : f >= 0 ? (o.push(C), c.slice(0, f) + n3 + c.slice(f) + p1 + m) : c + p1 + (f === -2 ? d : m);
+    const m = l === V1 && r[d + 1].startsWith("/>") ? " " : "";
+    n += l === e2 ? c + T3 : f >= 0 ? (o.push(C), c.slice(0, f) + r3 + c.slice(f) + p1 + m) : c + p1 + (f === -2 ? d : m);
   }
-  return [d3(n, r + (n[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
+  return [d3(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
 class p2 {
   constructor({ strings: e, _$litType$: t }, o) {
     let i;
     this.parts = [];
-    let r = 0, l = 0;
+    let n = 0, l = 0;
     const d = e.length - 1, c = this.parts, [C, p] = j3(e, t);
     if (this.el = p2.createElement(C, o), w1.currentNode = this.el.content, t === 2 || t === 3) {
       const f = this.el.content.firstChild;
@@ -315,24 +315,24 @@ class p2 {
     }
     for (; (i = w1.nextNode()) !== null && c.length < d; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(n3)) {
+        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(r3)) {
           const H = p[l++], m = i.getAttribute(f).split(p1), V = /([.?@])?(.*)/.exec(H);
-          c.push({ type: 1, index: r, name: V[2], strings: m, ctor: V[1] === "." ? G3 : V[1] === "?" ? K3 : V[1] === "@" ? W3 : K2 }), i.removeAttribute(f);
-        } else f.startsWith(p1) && (c.push({ type: 6, index: r }), i.removeAttribute(f));
+          c.push({ type: 1, index: n, name: V[2], strings: m, ctor: V[1] === "." ? G3 : V[1] === "?" ? K3 : V[1] === "@" ? W3 : K2 }), i.removeAttribute(f);
+        } else f.startsWith(p1) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
         if (s3.test(i.tagName)) {
           const f = i.textContent.split(p1), H = f.length - 1;
           if (H > 0) {
             i.textContent = z2 ? z2.emptyScript : "";
-            for (let m = 0; m < H; m++) i.append(f[m], c2()), w1.nextNode(), c.push({ type: 2, index: ++r });
+            for (let m = 0; m < H; m++) i.append(f[m], c2()), w1.nextNode(), c.push({ type: 2, index: ++n });
             i.append(f[H], c2());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === l3) c.push({ type: 2, index: r });
+      } else if (i.nodeType === 8) if (i.data === l3) c.push({ type: 2, index: n });
       else {
         let f = -1;
-        for (; (f = i.data.indexOf(p1, f + 1)) !== -1; ) c.push({ type: 7, index: r }), f += p1.length - 1;
+        for (; (f = i.data.indexOf(p1, f + 1)) !== -1; ) c.push({ type: 7, index: n }), f += p1.length - 1;
       }
-      r++;
+      n++;
     }
   }
   static createElement(e, t) {
@@ -340,12 +340,12 @@ class p2 {
     return o.innerHTML = e, o;
   }
 }
-function T1(n, e, t = n, o) {
+function T1(r, e, t = r, o) {
   var l, d;
   if (e === R1) return e;
   let i = o !== void 0 ? (l = t._$Co) == null ? void 0 : l[o] : t._$Cl;
-  const r = C2(e) ? void 0 : e._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== r && ((d = i == null ? void 0 : i._$AO) == null || d.call(i, !1), r === void 0 ? i = void 0 : (i = new r(n), i._$AT(n, t, o)), o !== void 0 ? (t._$Co ?? (t._$Co = []))[o] = i : t._$Cl = i), i !== void 0 && (e = T1(n, i._$AS(n, e.values), i, o)), e;
+  const n = C2(e) ? void 0 : e._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== n && ((d = i == null ? void 0 : i._$AO) == null || d.call(i, !1), n === void 0 ? i = void 0 : (i = new n(r), i._$AT(r, t, o)), o !== void 0 ? (t._$Co ?? (t._$Co = []))[o] = i : t._$Cl = i), i !== void 0 && (e = T1(r, i._$AS(r, e.values), i, o)), e;
 }
 class U3 {
   constructor(e, t) {
@@ -360,13 +360,13 @@ class U3 {
   u(e) {
     const { el: { content: t }, parts: o } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? k1).importNode(t, !0);
     w1.currentNode = i;
-    let r = w1.nextNode(), l = 0, d = 0, c = o[0];
+    let n = w1.nextNode(), l = 0, d = 0, c = o[0];
     for (; c !== void 0; ) {
       if (l === c.index) {
         let C;
-        c.type === 2 ? C = new k2(r, r.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(r, c.name, c.strings, this, e) : c.type === 6 && (C = new Y3(r, this, e)), this._$AV.push(C), c = o[++d];
+        c.type === 2 ? C = new k2(n, n.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (C = new Y3(n, this, e)), this._$AV.push(C), c = o[++d];
       }
-      l !== (c == null ? void 0 : c.index) && (r = w1.nextNode(), l++);
+      l !== (c == null ? void 0 : c.index) && (n = w1.nextNode(), l++);
     }
     return w1.currentNode = k1, i;
   }
@@ -407,9 +407,9 @@ class k2 {
     this._$AH !== u && C2(this._$AH) ? this._$AA.nextSibling.data = e : this.T(k1.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    var r;
+    var n;
     const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = p2.createElement(d3(o.h, o.h[0]), this.options)), o);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(t);
+    if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(t);
     else {
       const l = new U3(i, this), d = l.u(this.options);
       l.p(t), this.T(d), this._$AH = l;
@@ -423,7 +423,7 @@ class k2 {
     G5(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let o, i = 0;
-    for (const r of e) i === t.length ? t.push(o = new k2(this.O(c2()), this.O(c2()), this, this.options)) : o = t[i], o._$AI(r), i++;
+    for (const n of e) i === t.length ? t.push(o = new k2(this.O(c2()), this.O(c2()), this, this.options)) : o = t[i], o._$AI(n), i++;
     i < t.length && (this._$AR(o && o._$AB.nextSibling, i), t.length = i);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -445,17 +445,17 @@ class K2 {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, t, o, i, r) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = u;
+  constructor(e, t, o, i, n) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = n, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = u;
   }
   _$AI(e, t = this, o, i) {
-    const r = this.strings;
+    const n = this.strings;
     let l = !1;
-    if (r === void 0) e = T1(this, e, t, 0), l = !C2(e) || e !== this._$AH && e !== R1, l && (this._$AH = e);
+    if (n === void 0) e = T1(this, e, t, 0), l = !C2(e) || e !== this._$AH && e !== R1, l && (this._$AH = e);
     else {
       const d = e;
       let c, C;
-      for (e = r[0], c = 0; c < r.length - 1; c++) C = T1(this, d[o + c], t, c), C === R1 && (C = this._$AH[c]), l || (l = !C2(C) || C !== this._$AH[c]), C === u ? e = u : e !== u && (e += (C ?? "") + r[c + 1]), this._$AH[c] = C;
+      for (e = n[0], c = 0; c < n.length - 1; c++) C = T1(this, d[o + c], t, c), C === R1 && (C = this._$AH[c]), l || (l = !C2(C) || C !== this._$AH[c]), C === u ? e = u : e !== u && (e += (C ?? "") + n[c + 1]), this._$AH[c] = C;
     }
     l && !i && this.j(e);
   }
@@ -480,13 +480,13 @@ class K3 extends K2 {
   }
 }
 class W3 extends K2 {
-  constructor(e, t, o, i, r) {
-    super(e, t, o, i, r), this.type = 5;
+  constructor(e, t, o, i, n) {
+    super(e, t, o, i, n), this.type = 5;
   }
   _$AI(e, t = this) {
     if ((e = T1(this, e, t, 0) ?? u) === R1) return;
-    const o = this._$AH, i = e === u && o !== u || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, r = e !== u && (o === u || i);
-    i && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    const o = this._$AH, i = e === u && o !== u || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, n = e !== u && (o === u || i);
+    i && this.element.removeEventListener(this.name, this, o), n && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
     var t;
@@ -506,14 +506,14 @@ class Y3 {
 }
 const X2 = a2.litHtmlPolyfillSupport;
 X2 == null || X2(p2, k2), (a2.litHtmlVersions ?? (a2.litHtmlVersions = [])).push("3.3.2");
-const q3 = (n, e, t) => {
+const q3 = (r, e, t) => {
   const o = (t == null ? void 0 : t.renderBefore) ?? e;
   let i = o._$litPart$;
   if (i === void 0) {
-    const r = (t == null ? void 0 : t.renderBefore) ?? null;
-    o._$litPart$ = i = new k2(e.insertBefore(c2(), r), r, void 0, t ?? {});
+    const n = (t == null ? void 0 : t.renderBefore) ?? null;
+    o._$litPart$ = i = new k2(e.insertBefore(c2(), n), n, void 0, t ?? {});
   }
-  return i._$AI(n), i;
+  return i._$AI(r), i;
 };
 /**
  * @license
@@ -521,7 +521,7 @@ const q3 = (n, e, t) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Z1 = globalThis;
-let h = class extends I1 {
+let h = class extends O1 {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -556,66 +556,66 @@ J2 == null || J2({ LitElement: h });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const X3 = { attribute: !0, type: String, converter: E2, reflect: !1, hasChanged: U5 }, J3 = (n = X3, e, t) => {
+const X3 = { attribute: !0, type: String, converter: E2, reflect: !1, hasChanged: U5 }, J3 = (r = X3, e, t) => {
   const { kind: o, metadata: i } = t;
-  let r = globalThis.litPropertyMetadata.get(i);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(t.name, n), o === "accessor") {
+  let n = globalThis.litPropertyMetadata.get(i);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), o === "setter" && ((r = Object.create(r)).wrapped = !0), n.set(t.name, r), o === "accessor") {
     const { name: l } = t;
     return { set(d) {
       const c = e.get.call(this);
-      e.set.call(this, d), this.requestUpdate(l, c, n, !0, d);
+      e.set.call(this, d), this.requestUpdate(l, c, r, !0, d);
     }, init(d) {
-      return d !== void 0 && this.C(l, void 0, n, d), d;
+      return d !== void 0 && this.C(l, void 0, r, d), d;
     } };
   }
   if (o === "setter") {
     const { name: l } = t;
     return function(d) {
       const c = this[l];
-      e.call(this, d), this.requestUpdate(l, c, n, !0, d);
+      e.call(this, d), this.requestUpdate(l, c, r, !0, d);
     };
   }
   throw Error("Unsupported decorator location: " + o);
 };
-function s(n) {
-  return (e, t) => typeof t == "object" ? J3(n, e, t) : ((o, i, r) => {
-    const l = i.hasOwnProperty(r);
-    return i.constructor.createProperty(r, o), l ? Object.getOwnPropertyDescriptor(i, r) : void 0;
-  })(n, e, t);
+function s(r) {
+  return (e, t) => typeof t == "object" ? J3(r, e, t) : ((o, i, n) => {
+    const l = i.hasOwnProperty(n);
+    return i.constructor.createProperty(n, o), l ? Object.getOwnPropertyDescriptor(i, n) : void 0;
+  })(r, e, t);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function b(n) {
-  return s({ ...n, state: !0, attribute: !1 });
+function b(r) {
+  return s({ ...r, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Q3 = (n, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(n, e, t), t);
+const Q3 = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function k(n, e) {
+function k(r, e) {
   return (t, o, i) => {
-    const r = (l) => {
+    const n = (l) => {
       var d;
-      return ((d = l.renderRoot) == null ? void 0 : d.querySelector(n)) ?? null;
+      return ((d = l.renderRoot) == null ? void 0 : d.querySelector(r)) ?? null;
     };
     return Q3(t, o, { get() {
-      return r(this);
+      return n(this);
     } });
   };
 }
-var et = Object.defineProperty, c3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var et = Object.defineProperty, c3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && et(e, t, i), i;
 };
 const X5 = class X5 extends h {
@@ -640,14 +640,14 @@ const X5 = class X5 extends h {
     const [e, t] = this.getSizeParams(this.size), o = this.percent === "" || this.percent === null;
     let i;
     o ? i = 0.75 * Math.PI * e : i = (1 - Math.max(0, Math.min(1, parseFloat(this.percent) || 0))) * Math.PI * e;
-    const r = t / 2, l = t + e, d = e / 2, c = Math.PI * e;
+    const n = t / 2, l = t + e, d = e / 2, c = Math.PI * e;
     return u2`
       <svg
         class=${o ? "spinner" : ""}
         width="${e}px"
         height="${e}px"
         transform="rotate(-90)"
-        viewBox="-${r} -${r} ${l} ${l}"
+        viewBox="-${n} -${n} ${l} ${l}"
         xmlns="http://www.w3.org/2000/svg"
       >
         <circle
@@ -688,9 +688,9 @@ c3([
   s()
 ], h2.prototype, "percent");
 customElements.get("anduin-spinner") || customElements.define("anduin-spinner", h2);
-var tt = Object.defineProperty, C3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var tt = Object.defineProperty, C3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && tt(e, t, i), i;
 };
 const z4 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.63534 5.88184C9.71811 6.10553 9.89447 6.28189 10.1182 6.36466L12.4664 7.23359C13.1779 7.49685 13.1779 8.50314 12.4664 8.76641L10.1182 9.63534C9.89447 9.71811 9.71811 9.89447 9.63534 10.1182L8.76641 12.4664C8.50314 13.1779 7.49685 13.1779 7.23359 12.4664L6.36466 10.1182C6.28189 9.89447 6.10553 9.71811 5.88185 9.63534L3.5336 8.76641C2.82213 8.50314 2.82213 7.49685 3.5336 7.23359L5.88184 6.36466C6.10553 6.28189 6.28189 6.10553 6.36466 5.88185L7.23359 3.5336Z", it = { small: 16, medium: 24, large: 32 }, J5 = class J5 extends h {
@@ -718,10 +718,10 @@ J5.styles = g`
     :host { display: inline-block; line-height: 0; }
 
     /* ── Colors ─────────────────────────────────────────────────── */
-    :host([color="primary"]) { color: var(--color-primary); }
+    :host([color="primary"]) { color: var(--color-primary-icon); }
     :host([color="success"])  { color: var(--color-success); }
     :host([color="warning"])  { color: var(--color-warning-active); }
-    :host([color="danger"])   { color: var(--color-destructive); }
+    :host([color="danger"])   { color: var(--color-destructive-icon); }
 
     /* ── Star base ──────────────────────────────────────────────── */
     .star {
@@ -761,9 +761,9 @@ C3([
   s({ reflect: !0 })
 ], g2.prototype, "color");
 customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", g2);
-var ot = Object.defineProperty, K5 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var ot = Object.defineProperty, K5 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && ot(e, t, i), i;
 };
 const u3 = [
@@ -809,15 +809,15 @@ const u3 = [
     originY: 39.0175,
     delay: -0.97
   }
-], S4 = 20, A4 = 5, rt = 900, nt = 160, D4 = 2, lt = "cubic-bezier(0.22, 0.61, 0.36, 1)", Q2 = 180, o2 = "ai-spinner--loading", r2 = "ai-spinner--settling", M1 = "ai-spinner__segment", st = u3.map(
-  (n) => `
-    .${M1}--${n.index} {
-      transform-origin: ${n.originX}px ${n.originY}px;
+], S4 = 20, A4 = 5, nt = 900, rt = 160, D4 = 2, lt = "cubic-bezier(0.22, 0.61, 0.36, 1)", Q2 = 180, o2 = "ai-spinner--loading", n2 = "ai-spinner--settling", M1 = "ai-spinner__segment", st = u3.map(
+  (r) => `
+    .${M1}--${r.index} {
+      transform-origin: ${r.originX}px ${r.originY}px;
     }
 
-    .${o2} .${M1}--${n.index},
-    .${r2} .${M1}--${n.index} {
-      animation-delay: ${n.delay}s;
+    .${o2} .${M1}--${r.index},
+    .${n2} .${M1}--${r.index} {
+      animation-delay: ${r.delay}s;
     }
   `
 ).join(`
@@ -861,26 +861,26 @@ const u3 = [
   applyPhase(e) {
     const t = this.wrapper;
     if (!t) return;
-    const o = this.currentRotationDegrees(t), i = t.classList.contains(o2) || t.classList.contains(r2);
+    const o = this.currentRotationDegrees(t), i = t.classList.contains(o2) || t.classList.contains(n2);
     e ? (this.cancelSettle(t), this.cancelSegmentRest(t), o !== null && o >= D4 ? t.style.setProperty("animation-delay", `${-(o / 360 * A4)}s`) : t.style.removeProperty("animation-delay"), t.classList.add(o2)) : i && (o !== null && 360 - o >= D4 ? (this.cancelSettle(t), t.classList.remove(o2), this.startSettle(t, o)) : this.restSegments(t));
   }
   /** The mark's current rotation in [0, 360), or null when it is not rotating (static, or reduced motion). */
   currentRotationDegrees(e) {
     const t = getComputedStyle(e).transform;
     if (!t || t === "none") return null;
-    const o = t.slice(t.indexOf("(") + 1, t.indexOf(")")).split(",").map((r) => Number(r.trim()));
+    const o = t.slice(t.indexOf("(") + 1, t.indexOf(")")).split(",").map((n) => Number(n.trim()));
     if (o.length < 2 || o.some(Number.isNaN)) return null;
     const i = Math.atan2(o[1], o[0]) * 180 / Math.PI;
     return i < 0 ? i + 360 : i;
   }
   startSettle(e, t) {
-    const o = 360 - t, i = Math.max(nt, o / 360 * rt);
-    e.classList.add(r2), e.style.setProperty("transition", "none"), e.style.setProperty("transform", `rotate(${t}deg)`), e.offsetHeight, e.style.setProperty("transition", `transform ${i}ms ${lt}`), e.style.setProperty("transform", "rotate(360deg)"), this.settleListener = (r) => {
-      r.target === e && r.propertyName === "transform" && this.restSegments(e);
+    const o = 360 - t, i = Math.max(rt, o / 360 * nt);
+    e.classList.add(n2), e.style.setProperty("transition", "none"), e.style.setProperty("transform", `rotate(${t}deg)`), e.offsetHeight, e.style.setProperty("transition", `transform ${i}ms ${lt}`), e.style.setProperty("transform", "rotate(360deg)"), this.settleListener = (n) => {
+      n.target === e && n.propertyName === "transform" && this.restSegments(e);
     }, e.addEventListener("transitionend", this.settleListener);
   }
   cancelSettle(e) {
-    this.detachSettleListener(e), e.classList.remove(r2), e.style.removeProperty("transition"), e.style.removeProperty("transform");
+    this.detachSettleListener(e), e.classList.remove(n2), e.style.removeProperty("transition"), e.style.removeProperty("transform");
   }
   detachSettleListener(e) {
     this.settleListener && (e.removeEventListener("transitionend", this.settleListener), this.settleListener = void 0);
@@ -894,24 +894,24 @@ const u3 = [
    */
   restSegments(e) {
     this.detachSettleListener(e), this.cancelSegmentRest(e), e.style.removeProperty("transition"), e.style.removeProperty("transform");
-    const o = Array.from(e.querySelectorAll(`.${M1}`)).map((r) => {
-      const l = getComputedStyle(r);
-      return { segment: r, transform: l.transform, opacity: l.opacity };
+    const o = Array.from(e.querySelectorAll(`.${M1}`)).map((n) => {
+      const l = getComputedStyle(n);
+      return { segment: n, transform: l.transform, opacity: l.opacity };
     });
     if (!o.some(
-      (r) => r.transform && r.transform !== "none" || Number(r.opacity) < 1
+      (n) => n.transform && n.transform !== "none" || Number(n.opacity) < 1
     )) {
       this.dropPhaseClasses(e);
       return;
     }
-    for (const { segment: r, transform: l, opacity: d } of o)
-      r.style.setProperty("transition", "none"), r.style.setProperty("transform", l), r.style.setProperty("opacity", d);
+    for (const { segment: n, transform: l, opacity: d } of o)
+      n.style.setProperty("transition", "none"), n.style.setProperty("transform", l), n.style.setProperty("opacity", d);
     this.dropPhaseClasses(e), e.offsetHeight;
-    for (const { segment: r } of o)
-      r.style.setProperty(
+    for (const { segment: n } of o)
+      n.style.setProperty(
         "transition",
         `transform ${Q2}ms linear, opacity ${Q2}ms linear`
-      ), r.style.setProperty("transform", "none"), r.style.setProperty("opacity", "1");
+      ), n.style.setProperty("transform", "none"), n.style.setProperty("opacity", "1");
     this.segmentRestTimer = setTimeout(() => this.cancelSegmentRest(e), Q2);
   }
   cancelSegmentRest(e) {
@@ -920,14 +920,16 @@ const u3 = [
       t.style.removeProperty("transition"), t.style.removeProperty("transform"), t.style.removeProperty("opacity");
   }
   dropPhaseClasses(e) {
-    e.classList.remove(o2), e.classList.remove(r2);
+    e.classList.remove(o2), e.classList.remove(n2);
   }
 };
 Q5.styles = g`
     :host {
       display: inline-block;
       line-height: 0;
-      color: var(--color-ai);
+      /* Purple as text, not the fill: purple-600 in light, purple-200 in dark,
+         where purple-600 is 2.5:1 on gray-9. anduin.design's spinner does the same. */
+      color: var(--color-ai-text);
     }
 
     .ai-spinner {
@@ -958,7 +960,7 @@ Q5.styles = g`
       animation: ai-spinner-pulse 1.52s linear infinite;
     }
 
-    ${r3(st)}
+    ${n3(st)}
 
     @keyframes ai-spinner-spin {
       to {
@@ -1370,9 +1372,9 @@ const P4 = {
   zoomOut: [{ d: "M4.5 6.25C4.08579 6.25 3.75 6.58579 3.75 7C3.75 7.41421 4.08579 7.75 4.5 7.75H9.5C9.91421 7.75 10.25 7.41421 10.25 7C10.25 6.58579 9.91421 6.25 9.5 6.25H4.5ZM7 14C8.57591 14 10.0302 13.4792 11.2001 12.6004C11.2281 12.6376 11.259 12.6733 11.2929 12.7071L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L12.7071 11.2929C12.6733 11.259 12.6376 11.2281 12.6004 11.2001C13.4792 10.0302 14 8.57591 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7 12.5C10.0376 12.5 12.5 10.0376 12.5 7C12.5 3.96243 10.0376 1.5 7 1.5C3.96243 1.5 1.5 3.96243 1.5 7C1.5 10.0376 3.96243 12.5 7 12.5Z", fillRule: "evenodd", clipRule: "evenodd" }],
   zz: [{ d: "M9.75 1.02686C9.33579 1.02686 9 1.36264 9 1.77686C9 2.19107 9.33579 2.52686 9.75 2.52686H12.8186L9.13336 7.84995C8.97457 8.07931 8.9562 8.37784 9.08567 8.62494C9.21513 8.87203 9.47104 9.02686 9.75 9.02686H14.25C14.6642 9.02686 15 8.69107 15 8.27686C15 7.86264 14.6642 7.52686 14.25 7.52686H11.1814L14.8666 2.20376C15.0254 1.97441 15.0438 1.67587 14.9143 1.42878C14.7849 1.18168 14.529 1.02686 14.25 1.02686H9.75ZM1.75 7.02686C1.33579 7.02686 1 7.36264 1 7.77686C1 8.19107 1.33579 8.52686 1.75 8.52686H4.81858L1.13336 13.8499C0.974572 14.0793 0.956201 14.3778 1.08567 14.6249C1.21513 14.872 1.47104 15.0269 1.75 15.0269H6.25C6.66422 15.0269 7 14.6911 7 14.2769C7 13.8626 6.66422 13.5269 6.25 13.5269H3.18143L6.86665 8.20376C7.02543 7.97441 7.0438 7.67587 6.91434 7.42878C6.78487 7.18168 6.52896 7.02686 6.25 7.02686H1.75Z", fillRule: "evenodd", clipRule: "evenodd" }]
 };
-var at = Object.defineProperty, p3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var at = Object.defineProperty, p3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && at(e, t, i), i;
 };
 const ee = class ee extends h {
@@ -1415,9 +1417,9 @@ p3([
   s({ type: Number })
 ], f2.prototype, "size");
 customElements.get("anduin-icon") || customElements.define("anduin-icon", f2);
-var dt = Object.defineProperty, ct = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var dt = Object.defineProperty, ct = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && dt(e, t, i), i;
 };
 const h3 = g`
@@ -1448,7 +1450,7 @@ const h3 = g`
   .badge--bold-warning { background-color: var(--color-warning); color: var(--color-warning-foreground); }
   .badge--hidden { display: none; }
 `;
-function g3(n) {
+function g3(r) {
   return {
     gray: "badge--light-gray",
     primary: "badge--light-primary",
@@ -1460,7 +1462,7 @@ function g3(n) {
     boldSuccess: "badge--bold-success",
     boldWarning: "badge--bold-warning",
     boldDanger: "badge--bold-danger"
-  }[n || "gray"] || "badge--light-gray";
+  }[r || "gray"] || "badge--light-gray";
 }
 const te = class te extends h {
   constructor() {
@@ -1477,9 +1479,9 @@ ct([
   s()
 ], S2.prototype, "variant");
 customElements.get("anduin-badge") || customElements.define("anduin-badge", S2);
-var Ct = Object.defineProperty, f3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Ct = Object.defineProperty, f3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Ct(e, t, i), i;
 };
 const ie = class ie extends h {
@@ -1508,13 +1510,13 @@ f3([
   s({ type: Number })
 ], v2.prototype, "count");
 customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", v2);
-var ut = Object.defineProperty, F = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var ut = Object.defineProperty, I = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && ut(e, t, i), i;
 };
-function pt(n) {
-  return n.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
+function pt(r) {
+  return r.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
 const oe = class oe extends h {
   constructor() {
@@ -1635,7 +1637,7 @@ oe.styles = g`
     .button--outlined.button--danger { border-color: var(--color-destructive-border); color: var(--color-destructive-subtle-foreground); background-color: transparent; }
     .button--outlined.button--danger:hover { background-color: var(--color-destructive-subtle); }
     .button--outlined.button--danger:active { background-color: var(--color-destructive-subtle-active); }
-    .button--outlined.button--primary { border-color: var(--color-primary-border); color: var(--color-primary); background-color: transparent; }
+    .button--outlined.button--primary { border-color: var(--color-primary-border); color: var(--color-primary-text); background-color: transparent; }
     .button--outlined.button--primary:hover { background-color: var(--color-primary-subtle); }
     .button--outlined.button--primary:active { background-color: var(--color-primary-subtle-active); }
     .button--outlined.button--success { border-color: var(--color-success-border); color: var(--color-success-subtle-foreground); background-color: transparent; }
@@ -1644,8 +1646,9 @@ oe.styles = g`
     .button--outlined.button--warning { border-color: var(--color-warning-border); color: var(--color-warning-subtle-foreground); background-color: transparent; }
     .button--outlined.button--warning:hover { background-color: var(--color-warning-subtle); }
     .button--outlined.button--warning:active { background-color: var(--color-warning-subtle-active); }
-    /* Purple text moves from purple-500 to --color-ai (purple-600): one step darker, better contrast. */
-    .button--outlined.button--purple { border-color: var(--color-ai-border); color: var(--color-ai); background-color: transparent; }
+    /* Purple text moved from purple-500 to purple-600 for contrast on white; it now reads --color-ai-text,
+       which is that same purple-600 in light and purple-200 in dark, where purple-600 is 2.5:1 on gray-9. */
+    .button--outlined.button--purple { border-color: var(--color-ai-border); color: var(--color-ai-text); background-color: transparent; }
     .button--outlined.button--purple:hover { background-color: var(--color-ai-subtle); }
     .button--outlined.button--purple:active { background-color: var(--color-ai-subtle-active); }
     .button--plain.button--gray9 { border-color: transparent; color: var(--color-muted-foreground); background-color: transparent; }
@@ -1657,7 +1660,7 @@ oe.styles = g`
     .button--plain.button--danger { border-color: transparent; color: var(--color-destructive-subtle-foreground); background-color: transparent; }
     .button--plain.button--danger:hover { background-color: var(--color-destructive-subtle); }
     .button--plain.button--danger:active { background-color: var(--color-destructive-subtle-active); }
-    .button--plain.button--primary { border-color: transparent; color: var(--color-primary); background-color: transparent; }
+    .button--plain.button--primary { border-color: transparent; color: var(--color-primary-text); background-color: transparent; }
     .button--plain.button--primary:hover { background-color: var(--color-primary-subtle); }
     .button--plain.button--primary:active { background-color: var(--color-primary-subtle-active); }
     .button--plain.button--success { border-color: transparent; color: var(--color-success-subtle-foreground); background-color: transparent; }
@@ -1666,7 +1669,7 @@ oe.styles = g`
     .button--plain.button--warning { border-color: transparent; color: var(--color-warning-subtle-foreground); background-color: transparent; }
     .button--plain.button--warning:hover { background-color: var(--color-warning-subtle); }
     .button--plain.button--warning:active { background-color: var(--color-warning-subtle-active); }
-    .button--plain.button--purple { border-color: transparent; color: var(--color-ai); background-color: transparent; }
+    .button--plain.button--purple { border-color: transparent; color: var(--color-ai-text); background-color: transparent; }
     .button--plain.button--purple:hover { background-color: var(--color-ai-subtle); }
     .button--plain.button--purple:active { background-color: var(--color-ai-subtle-active); }
     .button--text { border: none; background: none; padding: 0; height: auto; width: auto; display: inline-flex; align-items: center; vertical-align: bottom; }
@@ -1678,7 +1681,7 @@ oe.styles = g`
     .button--text.button--success { color: var(--color-success-subtle-foreground); }
     .button--text.button--danger { color: var(--color-destructive-subtle-foreground); }
     .button--text.button--warning { color: var(--color-warning-subtle-foreground); }
-    .button--text.button--purple { color: var(--color-ai); }
+    .button--text.button--purple { color: var(--color-ai-text); }
     .button--selected.button--filled.button--gray0 { background-color: var(--color-accent-strong); }
     .button--selected.button--filled.button--gray9 { background-color: var(--color-neutral-active); }
     .button--selected.button--filled.button--primary { background-color: var(--color-primary-active); }
@@ -1692,59 +1695,59 @@ oe.styles = g`
     .button--icon-only.button--medium { width: 32px; min-width: 32px; padding-left: 0; padding-right: 0; }
     .button--icon-only.button--large { width: 40px; min-width: 40px; padding-left: 0; padding-right: 0; }
   `;
-let $ = oe;
-F([
+let E = oe;
+I([
   b()
-], $.prototype, "iconOnly");
-F([
-  s({ converter: (n) => n || "filled" })
-], $.prototype, "appearance");
-F([
+], E.prototype, "iconOnly");
+I([
+  s({ converter: (r) => r || "filled" })
+], E.prototype, "appearance");
+I([
   s()
-], $.prototype, "variant");
-F([
+], E.prototype, "variant");
+I([
   s()
-], $.prototype, "size");
-F([
+], E.prototype, "size");
+I([
   s({ type: Boolean })
-], $.prototype, "disabled");
-F([
+], E.prototype, "disabled");
+I([
   s({ type: Boolean })
-], $.prototype, "loading");
-F([
+], E.prototype, "loading");
+I([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
-], $.prototype, "fullWidth");
-F([
+], E.prototype, "fullWidth");
+I([
   s({ type: Boolean })
-], $.prototype, "pill");
-F([
+], E.prototype, "pill");
+I([
   s({ type: Boolean })
-], $.prototype, "selected");
-F([
+], E.prototype, "selected");
+I([
   s()
-], $.prototype, "href");
-F([
+], E.prototype, "href");
+I([
   s({ type: Boolean, attribute: "open-new-tab" })
-], $.prototype, "openNewTab");
-F([
+], E.prototype, "openNewTab");
+I([
   s()
-], $.prototype, "download");
-F([
+], E.prototype, "download");
+I([
   s({ attribute: "start-icon" })
-], $.prototype, "startIcon");
-F([
+], E.prototype, "startIcon");
+I([
   s({ attribute: "end-icon" })
-], $.prototype, "endIcon");
-F([
+], E.prototype, "endIcon");
+I([
   s()
-], $.prototype, "label");
-customElements.get("anduin-button") || customElements.define("anduin-button", $);
-var ht = Object.defineProperty, gt = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], E.prototype, "label");
+customElements.get("anduin-button") || customElements.define("anduin-button", E);
+var ht = Object.defineProperty, gt = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && ht(e, t, i), i;
 };
-const re = class re extends h {
+const ne = class ne extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -1757,7 +1760,7 @@ const re = class re extends h {
     `;
   }
 };
-re.styles = g`
+ne.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     .callout {
       display: flex; align-items: center; justify-content: center;
@@ -1769,17 +1772,17 @@ re.styles = g`
     .callout--danger { background-color: var(--color-destructive); color: var(--color-destructive-foreground); }
     .callout--warning { background-color: var(--color-warning); color: var(--color-warning-foreground); }
   `;
-let A2 = re;
+let A2 = ne;
 gt([
   s()
 ], A2.prototype, "variant");
 customElements.get("anduin-callout") || customElements.define("anduin-callout", A2);
-var ft = Object.defineProperty, v3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var ft = Object.defineProperty, v3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && ft(e, t, i), i;
 };
-const ne = class ne extends h {
+const re = class re extends h {
   constructor() {
     super(...arguments), this.direction = "horizontal", this.hasContent = !1;
   }
@@ -1792,8 +1795,8 @@ const ne = class ne extends h {
   onSlotChange(e) {
     const o = e.target.assignedNodes({ flatten: !0 });
     this.hasContent = o.some((i) => {
-      var r;
-      return ((r = i.textContent) == null ? void 0 : r.trim()) !== "";
+      var n;
+      return ((n = i.textContent) == null ? void 0 : n.trim()) !== "";
     });
   }
   render() {
@@ -1810,7 +1813,7 @@ const ne = class ne extends h {
             </div>` : a`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`;
   }
 };
-ne.styles = g`
+re.styles = g`
     :host { display: block; width: 100%; font-family: var(--font-sans); }
     :host([direction="vertical"]) { width: auto; height: 100%; }
     .divider--horizontal { margin-top: 8px; margin-bottom: 8px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 8px; text-align: center; }
@@ -1820,7 +1823,7 @@ ne.styles = g`
     .divider--vertical-empty { background-color: var(--color-border); width: 1px; }
     .divider__line--vertical { border-left: 1px solid var(--color-border); justify-self: center; }
   `;
-let b2 = ne;
+let b2 = re;
 v3([
   s({ reflect: !0 })
 ], b2.prototype, "direction");
@@ -1828,9 +1831,9 @@ v3([
   b()
 ], b2.prototype, "hasContent");
 customElements.get("anduin-divider") || customElements.define("anduin-divider", b2);
-var vt = Object.defineProperty, bt = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var vt = Object.defineProperty, bt = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && vt(e, t, i), i;
 };
 const le = class le extends h {
@@ -1856,9 +1859,9 @@ bt([
   s()
 ], D2.prototype, "variant");
 customElements.get("anduin-dot") || customElements.define("anduin-dot", D2);
-var mt = Object.defineProperty, b3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var mt = Object.defineProperty, b3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && mt(e, t, i), i;
 };
 const se = class se extends h {
@@ -1901,9 +1904,9 @@ b3([
   s()
 ], m2.prototype, "height");
 customElements.get("anduin-progress") || customElements.define("anduin-progress", m2);
-var Ht = Object.defineProperty, q1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Ht = Object.defineProperty, q1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Ht(e, t, i), i;
 };
 const ae = class ae extends h {
@@ -1944,29 +1947,29 @@ ae.styles = g`
       0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
     }
   `;
-let n1 = ae;
+let r1 = ae;
 q1([
   s()
-], n1.prototype, "effect");
+], r1.prototype, "effect");
 q1([
   s()
-], n1.prototype, "shape");
+], r1.prototype, "shape");
 q1([
   s()
-], n1.prototype, "height");
+], r1.prototype, "height");
 q1([
   s()
-], n1.prototype, "width");
+], r1.prototype, "width");
 q1([
   s({ type: Number })
-], n1.prototype, "duration");
+], r1.prototype, "duration");
 q1([
   s({ attribute: "font-size" })
-], n1.prototype, "fontSize");
-customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", n1);
-var _t = Object.defineProperty, yt = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], r1.prototype, "fontSize");
+customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", r1);
+var _t = Object.defineProperty, yt = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && _t(e, t, i), i;
 };
 const de = class de extends h {
@@ -1987,7 +1990,7 @@ const de = class de extends h {
 de.styles = g`
     :host { display: block; height: 100%; font-family: var(--font-sans); }
     .loading-state { display: flex; flex-direction: column; justify-content: center; align-items: center; }
-    .loading-state__indicator { color: var(--color-primary); }
+    .loading-state__indicator { color: var(--color-primary-icon); }
     .loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-subtle-foreground); }
   `;
 let P2 = de;
@@ -1995,9 +1998,9 @@ yt([
   s()
 ], P2.prototype, "height");
 customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", P2);
-var Lt = Object.defineProperty, W5 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Lt = Object.defineProperty, W5 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Lt(e, t, i), i;
 };
 const m3 = "anduin-field:label-click", f1 = "anduin-field:label-click-coordinated", ce = class ce extends h {
@@ -2089,7 +2092,7 @@ const pe = class pe extends h {
 };
 pe.styles = g`
     :host { display: block; font-family: var(--font-sans); }
-    .field-error { color: var(--color-destructive); }
+    .field-error { color: var(--color-destructive-text); }
   `;
 let d5 = pe;
 const he = class he extends h {
@@ -2107,9 +2110,9 @@ customElements.get("anduin-field-label") || customElements.define("anduin-field-
 customElements.get("anduin-field-description") || customElements.define("anduin-field-description", a5);
 customElements.get("anduin-field-error") || customElements.define("anduin-field-error", d5);
 customElements.get("anduin-field-group") || customElements.define("anduin-field-group", c5);
-var Vt = Object.defineProperty, R2 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Vt = Object.defineProperty, R2 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Vt(e, t, i), i;
 };
 const xt = "anduin-checkbox:change", ge = class ge extends h {
@@ -2221,14 +2224,14 @@ R2([
   s()
 ], v1.prototype, "inputid");
 customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", v1);
-var wt = Object.defineProperty, Y = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var wt = Object.defineProperty, F = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && wt(e, t, i), i;
 };
 const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 extends h {
   constructor() {
-    super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1;
+    super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1, this.type = "text", this.autocomplete = "", this.name = "", this.revealable = !1, this._revealed = !1;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -2239,6 +2242,9 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
       this.inputid && this.inputid === o.detail && ((i = this.inputEl) == null || i.focus());
     });
   }
+  willUpdate(e) {
+    (e.has("type") && this.type !== "password" || e.has("revealable") && !this.revealable) && (this._revealed = !1);
+  }
   updated() {
     this.inputEl && this.inputEl.value !== this.value && (this.inputEl.value = this.value);
   }
@@ -2282,24 +2288,59 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
     var e;
     this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(B4, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(Mt, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
   }
+  /**
+   * Pointer presses on the reveal button must not move focus off the input:
+   * someone typing a password clicks the eye to check it and keeps typing.
+   * Keyboard users still reach the button with Tab, and pressing it there
+   * leaves focus on the button, as any toggle does.
+   */
+  onRevealPointerDown(e) {
+    e.preventDefault();
+  }
+  /**
+   * Swapping `type` between `password` and `text` keeps the value (the value
+   * mode is the same), but not the caret. Measured in Chromium with a real
+   * pointer click: `selectionStart` still reads right after Lit commits the
+   * new type, then drops to 0 at the next frame, when layout rebuilds the
+   * input's inner editor. Setting the range back straight after the commit
+   * did not stick — layout reset it anyway. Forcing that layout first and
+   * only then restoring the range does stick, measured at the next frame and
+   * 100ms later. The layout is forced with `getBoundingClientRect()`, a call:
+   * a bare `void el.offsetWidth` read is dropped by the minifier as unused,
+   * which is how the first version of this shipped nothing to the browser.
+   *
+   * Restored only while the input still has focus: an unfocused
+   * `setSelectionRange` can pull focus in some engines, and a keyboard user
+   * pressing the button is sitting on the button, not the input.
+   */
+  onRevealToggle() {
+    const e = this.inputEl, t = (e == null ? void 0 : e.selectionStart) ?? null, o = (e == null ? void 0 : e.selectionEnd) ?? null, i = (e == null ? void 0 : e.selectionDirection) ?? void 0;
+    this._revealed = !this._revealed, this.updateComplete.then(() => {
+      var n;
+      e && t !== null && o !== null && ((n = this.shadowRoot) == null ? void 0 : n.activeElement) === e && (e.getBoundingClientRect(), e.setSelectionRange(t, o, i ?? void 0));
+    });
+  }
   render() {
-    const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = !!this.endIcon || this.clearable && !!this.value, r = this.clearable && !!this.value && !this.disabled && !this.readonly, l = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", d = this.size === "small" ? "10" : this.size === "large" ? "16" : "14";
+    const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = this.type === "password" && this.revealable, n = !!this.endIcon || this.clearable && !!this.value || i, l = this.clearable && !!this.value && !this.disabled && !this.readonly, d = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", c = this.size === "small" ? "10" : this.size === "large" ? "16" : "14", C = i && this._revealed ? "text" : this.type || "text", p = i ? (l ? Number(c) + 2 : 0) + (this.endIcon ? Number(d) + 2 : 0) : 0;
     return a`
       <div class="input-wrapper">
         ${o ? a`
           <span class="input__start">
-            <anduin-icon name=${this.startIcon} size=${l}></anduin-icon>
+            <anduin-icon name=${this.startIcon} size=${d}></anduin-icon>
           </span>
         ` : u}
 
         <input
           class="input ${e}
             ${o ? "input--has-start" : ""}
-            ${i ? "input--has-end" : ""}
+            ${n ? "input--has-end" : ""}
             ${this.disabled ? "input--disabled" : ""}
             ${this.readonly ? "input--readonly" : ""}
             ${t}"
-          type="text"
+          type=${C}
+          autocomplete=${this.autocomplete || u}
+          name=${this.name || u}
+          style=${p ? `--_end-extra: ${p}px` : u}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
           id=${this.inputid || ""}
@@ -2308,15 +2349,29 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
           @input=${this.onInput}
         />
 
-        ${i ? a`
+        ${n ? a`
           <span class="input__end">
-            ${r ? a`
+            ${l ? a`
               <button class="input__clear" type="button" @click=${this.onClear} aria-label="Clear">
-                <anduin-icon name="cross" size=${d}></anduin-icon>
+                <anduin-icon name="cross" size=${c}></anduin-icon>
+              </button>
+            ` : u}
+            ${i ? a`
+              <button
+                class="input__reveal"
+                type="button"
+                part="reveal"
+                aria-label=${this._revealed ? "Hide password" : "Show password"}
+                aria-pressed=${this._revealed ? "true" : "false"}
+                ?disabled=${this.disabled}
+                @mousedown=${this.onRevealPointerDown}
+                @click=${this.onRevealToggle}
+              >
+                <anduin-icon name=${this._revealed ? "eyeOff" : "eye"} size=${d}></anduin-icon>
               </button>
             ` : u}
             ${this.endIcon ? a`
-              <anduin-icon name=${this.endIcon} size=${l}></anduin-icon>
+              <anduin-icon name=${this.endIcon} size=${d}></anduin-icon>
             ` : u}
           </span>
         ` : u}
@@ -2347,9 +2402,15 @@ j2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, j2.styles
     .input--has-start.input--default { padding-left: 32px; }
     .input--has-start.input--large   { padding-left: 42px; }
 
-    .input--has-end.input--small   { padding-right: 26px; }
-    .input--has-end.input--default { padding-right: 32px; }
-    .input--has-end.input--large   { padding-right: 42px; }
+    /*
+     * One end item fits the base padding. --_end-extra is the width of any
+     * further items beside the password reveal button; it is set only when that
+     * button is rendered, so every combination that existed before it (one end
+     * icon, the clear button, or both) keeps exactly the padding it had.
+     */
+    .input--has-end.input--small   { padding-right: calc(26px + var(--_end-extra, 0px)); }
+    .input--has-end.input--default { padding-right: calc(32px + var(--_end-extra, 0px)); }
+    .input--has-end.input--large   { padding-right: calc(42px + var(--_end-extra, 0px)); }
 
     .input--disabled { color: var(--color-muted-foreground); background-color: var(--color-disabled); cursor: not-allowed; }
     .input--readonly { background-color: var(--color-secondary); }
@@ -2369,7 +2430,8 @@ j2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, j2.styles
     .input__start { left: 8px; }
     .input__end   { right: 8px; gap: 2px; }
 
-    .input__clear {
+    .input__clear,
+    .input__reveal {
       display: flex; align-items: center; justify-content: center;
       pointer-events: auto; cursor: pointer;
       background: none; border: none; padding: 0;
@@ -2377,46 +2439,66 @@ j2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, j2.styles
       border-radius: 3px;
       line-height: 0;
     }
-    .input__clear:hover { color: var(--color-muted-foreground); }
+    .input__clear:hover,
+    .input__reveal:hover { color: var(--color-muted-foreground); }
+    /* The reveal button is a Tab stop. Ring it on keyboard focus only, so a
+       pointer press (which keeps focus in the input anyway) draws nothing. */
+    .input__reveal:focus-visible { outline: 2px solid var(--color-ring); outline-offset: 1px; }
+    .input__reveal:disabled { cursor: not-allowed; }
   `;
-let I = j2;
-Y([
+let R = j2;
+F([
   s()
-], I.prototype, "value");
-Y([
+], R.prototype, "value");
+F([
   s()
-], I.prototype, "size");
-Y([
+], R.prototype, "size");
+F([
   s({ type: Boolean })
-], I.prototype, "disabled");
-Y([
+], R.prototype, "disabled");
+F([
   s({ type: Boolean })
-], I.prototype, "readonly");
-Y([
+], R.prototype, "readonly");
+F([
   s()
-], I.prototype, "placeholder");
-Y([
+], R.prototype, "placeholder");
+F([
   s()
-], I.prototype, "inputid");
-Y([
+], R.prototype, "inputid");
+F([
   s()
-], I.prototype, "status");
-Y([
+], R.prototype, "status");
+F([
   s({ attribute: "start-icon" })
-], I.prototype, "startIcon");
-Y([
+], R.prototype, "startIcon");
+F([
   s({ attribute: "end-icon" })
-], I.prototype, "endIcon");
-Y([
+], R.prototype, "endIcon");
+F([
   s({ type: Boolean })
-], I.prototype, "clearable");
-Y([
+], R.prototype, "clearable");
+F([
+  s()
+], R.prototype, "type");
+F([
+  s()
+], R.prototype, "autocomplete");
+F([
+  s()
+], R.prototype, "name");
+F([
+  s({ type: Boolean })
+], R.prototype, "revealable");
+F([
+  b()
+], R.prototype, "_revealed");
+F([
   k("input")
-], I.prototype, "inputEl");
-customElements.get("anduin-input") || customElements.define("anduin-input", I);
-var Zt = Object.defineProperty, H3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], R.prototype, "inputEl");
+customElements.get("anduin-input") || customElements.define("anduin-input", R);
+var Zt = Object.defineProperty, H3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Zt(e, t, i), i;
 };
 const _3 = "anduin-tooltip:show", Y5 = "anduin-tooltip:hide", y3 = "anduin-tooltip:trigger-mounted", L3 = "anduin-tooltip:content-popup-mounted", V3 = "anduin-tooltip:content-popup-unmounted", x3 = "anduin-tooltip:visibility-changed", kt = [
@@ -2433,77 +2515,77 @@ const _3 = "anduin-tooltip:show", Y5 = "anduin-tooltip:hide", y3 = "anduin-toolt
   "left-center",
   "left-end"
 ];
-function F4(n, e, t, o, i) {
+function F4(r, e, t, o, i) {
   switch (o) {
     case "top-start":
-      return { left: n.left, top: n.top - t - i };
+      return { left: r.left, top: r.top - t - i };
     case "top-center":
-      return { left: n.left + n.width / 2 - e / 2, top: n.top - t - i };
+      return { left: r.left + r.width / 2 - e / 2, top: r.top - t - i };
     case "top-end":
-      return { left: n.left + n.width - e, top: n.top - t - i };
+      return { left: r.left + r.width - e, top: r.top - t - i };
     case "right-start":
-      return { left: n.right + i, top: n.top };
+      return { left: r.right + i, top: r.top };
     case "right-center":
-      return { left: n.right + i, top: n.top + n.height / 2 - t / 2 };
+      return { left: r.right + i, top: r.top + r.height / 2 - t / 2 };
     case "right-end":
-      return { left: n.right + i, top: n.top + n.height - t };
+      return { left: r.right + i, top: r.top + r.height - t };
     case "bottom-start":
-      return { left: n.left, top: n.bottom + i };
+      return { left: r.left, top: r.bottom + i };
     case "bottom-center":
-      return { left: n.left + n.width / 2 - e / 2, top: n.bottom + i };
+      return { left: r.left + r.width / 2 - e / 2, top: r.bottom + i };
     case "bottom-end":
-      return { left: n.left + n.width - e, top: n.bottom + i };
+      return { left: r.left + r.width - e, top: r.bottom + i };
     case "left-start":
-      return { left: n.left - e - i, top: n.top };
+      return { left: r.left - e - i, top: r.top };
     case "left-center":
-      return { left: n.left - e - i, top: n.top + n.height / 2 - t / 2 };
+      return { left: r.left - e - i, top: r.top + r.height / 2 - t / 2 };
     case "left-end":
-      return { left: n.left - e - i, top: n.top + n.height - t };
+      return { left: r.left - e - i, top: r.top + r.height - t };
     default:
       return { left: 0, top: 0 };
   }
 }
-function I4(n, e) {
-  return e.right >= n.left && e.left <= n.right && e.top <= n.bottom && e.bottom >= n.top;
+function O4(r, e) {
+  return e.right >= r.left && e.left <= r.right && e.top <= r.bottom && e.bottom >= r.top;
 }
-function O4(n, e) {
-  const t = Math.max(n.left, e.left), o = Math.max(n.top, e.top), i = Math.min(n.right, e.right), r = Math.min(n.bottom, e.bottom);
-  return i < t || r < o ? 0 : (i - t) * (r - o);
+function I4(r, e) {
+  const t = Math.max(r.left, e.left), o = Math.max(r.top, e.top), i = Math.min(r.right, e.right), n = Math.min(r.bottom, e.bottom);
+  return i < t || n < o ? 0 : (i - t) * (n - o);
 }
-function Rt(n, e, t, o = 8) {
-  const i = window.innerWidth, r = window.innerHeight, l = { left: 0, top: 0, right: i, bottom: r }, d = e.width, c = e.height;
-  if (!I4(
-    { left: n.left, top: n.top, right: n.right, bottom: n.bottom },
+function Rt(r, e, t, o = 8) {
+  const i = window.innerWidth, n = window.innerHeight, l = { left: 0, top: 0, right: i, bottom: n }, d = e.width, c = e.height;
+  if (!O4(
+    { left: r.left, top: r.top, right: r.right, bottom: r.bottom },
     l
   )) return null;
-  const C = F4(n, d, c, t, o), p = kt.map((m) => ({ p: m, off: F4(n, d, c, m, o) })).filter(({ off: m }) => I4({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
+  const C = F4(r, d, c, t, o), p = kt.map((m) => ({ p: m, off: F4(r, d, c, m, o) })).filter(({ off: m }) => O4({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
   if (p.length === 0)
     return {
       placement: t,
       left: Math.round(Math.min(Math.max(C.left, 0), i - d)),
-      top: Math.round(Math.min(Math.max(C.top, 0), r - c))
+      top: Math.round(Math.min(Math.max(C.top, 0), n - c))
     };
   p.sort((m, V) => {
-    const y = { left: m.off.left, top: m.off.top, right: m.off.left + d, bottom: m.off.top + c }, v = { left: V.off.left, top: V.off.top, right: V.off.left + d, bottom: V.off.top + c }, x = O4(y, l), w = O4(v, l);
+    const y = { left: m.off.left, top: m.off.top, right: m.off.left + d, bottom: m.off.top + c }, v = { left: V.off.left, top: V.off.top, right: V.off.left + d, bottom: V.off.top + c }, x = I4(y, l), w = I4(v, l);
     if (w !== x) return w - x;
-    const D = Math.abs(m.off.left - C.left) + Math.abs(m.off.top - C.top), K = Math.abs(V.off.left - C.left) + Math.abs(V.off.top - C.top);
-    return D - K;
+    const P = Math.abs(m.off.left - C.left) + Math.abs(m.off.top - C.top), W = Math.abs(V.off.left - C.left) + Math.abs(V.off.top - C.top);
+    return P - W;
   });
   const { p: f, off: H } = p[0];
   return {
     placement: f,
     left: Math.round(Math.min(Math.max(H.left, 0), i - d)),
-    top: Math.round(Math.min(Math.max(H.top, 0), r - c))
+    top: Math.round(Math.min(Math.max(H.top, 0), n - c))
   };
 }
-function C5(n) {
-  return n.split("-")[0] || "top";
+function C5(r) {
+  return r.split("-")[0] || "top";
 }
-function $t(n, e, t) {
+function $t(r, e, t) {
   let o = !1, i = t.length - 1;
-  for (let r = 0; r < t.length; r++) {
-    const l = t[r][0], d = t[r][1], c = t[i][0], C = t[i][1];
-    d > e != C > e && n < (c - l) * (e - d) / (C - d) + l && (o = !o), i = r;
+  for (let n = 0; n < t.length; n++) {
+    const l = t[n][0], d = t[n][1], c = t[i][0], C = t[i][1];
+    d > e != C > e && r < (c - l) * (e - d) / (C - d) + l && (o = !o), i = n;
   }
   return o;
 }
@@ -2536,8 +2618,8 @@ const fe = class fe extends h {
   startPositionLoop() {
     this.stopPositionLoop(), this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN;
     const e = this.triggerElement, t = this.contentPopupElement, o = this.placement, i = () => {
-      const r = e.getBoundingClientRect();
-      (r.top !== this.prevTriggerTop || r.left !== this.prevTriggerLeft) && (this.prevTriggerTop = r.top, this.prevTriggerLeft = r.left, this.positionPopup(t, e, o)), this.rafId = requestAnimationFrame(i);
+      const n = e.getBoundingClientRect();
+      (n.top !== this.prevTriggerTop || n.left !== this.prevTriggerLeft) && (this.prevTriggerTop = n.top, this.prevTriggerLeft = n.left, this.positionPopup(t, e, o)), this.rafId = requestAnimationFrame(i);
     };
     this.rafId = requestAnimationFrame(i);
   }
@@ -2551,7 +2633,7 @@ const fe = class fe extends h {
     this.containingBlockLeft = i.left, this.containingBlockTop = i.top, t.style.transform = o;
   }
   positionPopup(e, t, o) {
-    const i = t.getBoundingClientRect(), r = e.getBoundingClientRect(), l = Rt(i, r, o, 8);
+    const i = t.getBoundingClientRect(), n = e.getBoundingClientRect(), l = Rt(i, n, o, 8);
     if (l) {
       const d = e;
       d.style.transform = `translate(${l.left - this.containingBlockLeft}px, ${l.top - this.containingBlockTop}px)`;
@@ -2609,9 +2691,9 @@ let u5 = ve;
 const be = class be extends h {
   constructor() {
     super(...arguments), this.graceArea = null, this.triggerEl = null, this.popupEl = null, this.handlePointerMove = (e) => {
-      var r, l;
+      var n, l;
       if (!this.graceArea) return;
-      const t = e.target, o = ((r = this.triggerEl) == null ? void 0 : r.contains(t)) ?? !1, i = ((l = this.popupEl) == null ? void 0 : l.contains(t)) ?? !1;
+      const t = e.target, o = ((n = this.triggerEl) == null ? void 0 : n.contains(t)) ?? !1, i = ((l = this.popupEl) == null ? void 0 : l.contains(t)) ?? !1;
       o || i ? this.graceArea = null : $t(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(Y5, { bubbles: !0, composed: !0 })));
     }, this.handleTriggerLeave = (e) => {
       this.triggerEl && this.popupEl && this.createGraceArea(this.triggerEl, this.popupEl, e);
@@ -2631,9 +2713,9 @@ const be = class be extends h {
     super.disconnectedCallback(), this.hidePopup();
   }
   createGraceArea(e, t, o) {
-    const i = t.getBoundingClientRect(), r = o.clientX, l = o.clientY;
+    const i = t.getBoundingClientRect(), n = o.clientX, l = o.clientY;
     this.graceArea = [
-      [r, l],
+      [n, l],
       [i.left, i.top],
       [i.right, i.top],
       [i.right, i.bottom],
@@ -2652,8 +2734,8 @@ const be = class be extends h {
     o.className = "tooltip-popup", o.setAttribute("role", "tooltip");
     const i = document.createElement("div");
     i.className = `tooltip-arrow tooltip-arrow--${t}`;
-    const r = document.createElement("div");
-    r.className = "tooltip-body", r.appendChild(document.createElement("slot")), o.appendChild(i), o.appendChild(r);
+    const n = document.createElement("div");
+    n.className = "tooltip-body", n.appendChild(document.createElement("slot")), o.appendChild(i), o.appendChild(n);
     const l = this.shadowRoot.querySelector(".tooltip-content-wrapper");
     l && l.appendChild(o), this.popupEl = o;
     const d = this.closest("anduin-tooltip");
@@ -2698,9 +2780,9 @@ let p5 = be;
 customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", _2);
 customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", u5);
 customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", p5);
-var Et = Object.defineProperty, B = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Et = Object.defineProperty, O = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Et(e, t, i), i;
 };
 const zt = "anduin-inline-edit:save", St = "anduin-inline-edit:cancel", At = "anduin-inline-edit:edit", me = class me extends h {
@@ -2910,59 +2992,59 @@ me.styles = g`
     .field--small  { min-height: 24px; padding-left: 6px;  padding-right: 6px; }
     .field--medium { min-height: 32px; padding-left: 12px; padding-right: 12px; }
   `;
-let R = me;
-B([
+let $ = me;
+O([
   s()
-], R.prototype, "value");
-B([
+], $.prototype, "value");
+O([
   s()
-], R.prototype, "placeholder");
-B([
+], $.prototype, "placeholder");
+O([
   s()
-], R.prototype, "size");
-B([
+], $.prototype, "size");
+O([
   s()
-], R.prototype, "mode");
-B([
+], $.prototype, "mode");
+O([
   s({ type: Boolean, reflect: !0 })
-], R.prototype, "disabled");
-B([
+], $.prototype, "disabled");
+O([
   s({ type: Boolean, attribute: "click-to-edit", reflect: !0 })
-], R.prototype, "clickToEdit");
-B([
+], $.prototype, "clickToEdit");
+O([
   s({ type: Boolean, attribute: "hide-switcher", reflect: !0 })
-], R.prototype, "hideSwitcher");
-B([
+], $.prototype, "hideSwitcher");
+O([
   s({ attribute: "edit-label" })
-], R.prototype, "editLabel");
-B([
+], $.prototype, "editLabel");
+O([
   s({ attribute: !1 })
-], R.prototype, "validate");
-B([
+], $.prototype, "validate");
+O([
   b()
-], R.prototype, "_editing");
-B([
+], $.prototype, "_editing");
+O([
   b()
-], R.prototype, "_draft");
-B([
+], $.prototype, "_draft");
+O([
   b()
-], R.prototype, "_error");
-B([
+], $.prototype, "_error");
+O([
   b()
-], R.prototype, "_hasSlotted");
-B([
+], $.prototype, "_hasSlotted");
+O([
   b()
-], R.prototype, "_openWidth");
-B([
+], $.prototype, "_openWidth");
+O([
   k(".field")
-], R.prototype, "_field");
-B([
+], $.prototype, "_field");
+O([
   k(".text")
-], R.prototype, "_text");
-customElements.get("anduin-inline-edit") || customElements.define("anduin-inline-edit", R);
-var Dt = Object.defineProperty, y1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], $.prototype, "_text");
+customElements.get("anduin-inline-edit") || customElements.define("anduin-inline-edit", $);
+var Dt = Object.defineProperty, y1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Dt(e, t, i), i;
 };
 const Pt = "anduin-textarea:change", U2 = class U2 extends h {
@@ -3043,35 +3125,35 @@ U2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, U2.styles
     .textarea--warning  { border-color: var(--color-warning-active); }
     .textarea--loading  { border-color: var(--color-input); }
   `;
-let W = U2;
+let Y = U2;
 y1([
   s()
-], W.prototype, "value");
+], Y.prototype, "value");
 y1([
   s({ type: Boolean })
-], W.prototype, "disabled");
+], Y.prototype, "disabled");
 y1([
   s({ type: Boolean })
-], W.prototype, "readonly");
+], Y.prototype, "readonly");
 y1([
   s()
-], W.prototype, "placeholder");
+], Y.prototype, "placeholder");
 y1([
   s()
-], W.prototype, "inputid");
+], Y.prototype, "inputid");
 y1([
   s({ type: Number })
-], W.prototype, "rows");
+], Y.prototype, "rows");
 y1([
   s()
-], W.prototype, "status");
+], Y.prototype, "status");
 y1([
   k("textarea")
-], W.prototype, "textareaEl");
-customElements.get("anduin-textarea") || customElements.define("anduin-textarea", W);
-var Bt = Object.defineProperty, U = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], Y.prototype, "textareaEl");
+customElements.get("anduin-textarea") || customElements.define("anduin-textarea", Y);
+var Bt = Object.defineProperty, G = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Bt(e, t, i), i;
 };
 const w3 = "anduin-tab:trigger-click", W2 = "anduin-tab:value-changed", Ft = "anduin-tab:change", He = class He extends h {
@@ -3108,13 +3190,13 @@ He.styles = g`
     :host([fill]) .tabs { flex: 1; min-height: 0; }
   `;
 let j1 = He;
-U([
+G([
   s({ attribute: "default-value" })
 ], j1.prototype, "defaultValue");
-U([
+G([
   s()
 ], j1.prototype, "value");
-U([
+G([
   s({ type: Boolean, reflect: !0 })
 ], j1.prototype, "fill");
 const _e = class _e extends h {
@@ -3179,10 +3261,10 @@ _e.styles = g`
     }
   `;
 let y2 = _e;
-U([
+G([
   s()
 ], y2.prototype, "alignment");
-U([
+G([
   k(".tabs-list__indicator")
 ], y2.prototype, "indicator");
 const ye = class ye extends h {
@@ -3243,22 +3325,22 @@ ye.styles = g`
     }
   `;
 let l1 = ye;
-U([
+G([
   s({ reflect: !0 })
 ], l1.prototype, "value");
-U([
+G([
   s({ attribute: "start-icon" })
 ], l1.prototype, "startIcon");
-U([
+G([
   s({ type: Boolean })
 ], l1.prototype, "disabled");
-U([
+G([
   s({ type: Boolean, attribute: "show-badge" })
 ], l1.prototype, "showBadge");
-U([
+G([
   s({ attribute: "badge-count" })
 ], l1.prototype, "badgeCount");
-U([
+G([
   b()
 ], l1.prototype, "isActive");
 const Le = class Le extends h {
@@ -3290,22 +3372,22 @@ Le.styles = g`
     .tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
   `;
 let L2 = Le;
-U([
+G([
   s()
 ], L2.prototype, "value");
-U([
+G([
   b()
 ], L2.prototype, "isActive");
 customElements.get("anduin-tabs") || customElements.define("anduin-tabs", j1);
 customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", y2);
 customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", l1);
 customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", L2);
-var It = Object.defineProperty, q5 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
-  return i && It(e, t, i), i;
+var Ot = Object.defineProperty, q5 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
+  return i && Ot(e, t, i), i;
 };
-const Ot = "anduin-tag-close:click", Tt = {
+const It = "anduin-tag-close:click", Tt = {
   gray: "tag--light-gray",
   primary: "tag--light-primary",
   success: "tag--light-success",
@@ -3382,10 +3464,10 @@ Ve.styles = g`
     .tag__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
     .tag--disabled { opacity: 0.6; }
     .tag__icon--light-gray { color: var(--color-neutral-subtle-foreground); }
-    .tag__icon--light-primary { color: var(--color-primary); }
+    .tag__icon--light-primary { color: var(--color-primary-icon); }
     .tag__icon--light-success { color: var(--color-success); }
     .tag__icon--light-warning { color: var(--color-warning-active); }
-    .tag__icon--light-danger { color: var(--color-destructive); }
+    .tag__icon--light-danger { color: var(--color-destructive-icon); }
     .tag__icon--bold-gray { color: var(--color-neutral-foreground); }
     .tag__icon--bold-primary { color: var(--color-primary-foreground); }
     .tag__icon--bold-success { color: var(--color-success-foreground); }
@@ -3434,7 +3516,7 @@ q5([
 ], U1.prototype, "disabled");
 const xe = class xe extends h {
   onClick() {
-    this.dispatchEvent(new CustomEvent(Ot, { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(It, { bubbles: !0, composed: !0 }));
   }
   render() {
     return a`
@@ -3457,9 +3539,9 @@ xe.styles = g`
 let h5 = xe;
 customElements.get("anduin-tag") || customElements.define("anduin-tag", U1);
 customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", h5);
-var jt = Object.defineProperty, O = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var jt = Object.defineProperty, T = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && jt(e, t, i), i;
 };
 const Ut = "anduin-toggle-group:change", Gt = "anduin-toggle-group-item:change", Kt = "anduin-toggle-group-item:select", Wt = "anduin-toggle-group-item:deselect", g5 = "anduin-toggle-group-item:item-click", we = class we extends h {
@@ -3467,11 +3549,11 @@ const Ut = "anduin-toggle-group:change", Gt = "anduin-toggle-group-item:change",
     super(...arguments), this.mode = "single", this.defaultValue = "", this.value = null, this.size = "medium", this.variant = "gray", this.gap = !1, this.internalValue = [], this.userInteracted = !1, this.onItemClick = (e) => {
       var c;
       e.stopPropagation();
-      const o = e.detail, i = this.selection, r = i.includes(o);
+      const o = e.detail, i = this.selection, n = i.includes(o);
       let l;
-      this.mode === "multiple" ? l = r ? i.filter((C) => C !== o) : [...i, o] : l = r ? [] : [o];
+      this.mode === "multiple" ? l = n ? i.filter((C) => C !== o) : [...i, o] : l = n ? [] : [o];
       const d = this.items.find((C) => C.value === o);
-      if (d == null || d.emitSelectionChange(!r), this.mode === "single" && !r)
+      if (d == null || d.emitSelectionChange(!n), this.mode === "single" && !n)
         for (const C of i)
           (c = this.items.find((p) => p.value === C)) == null || c.emitSelectionChange(!1);
       this.dispatchEvent(new CustomEvent(Ut, {
@@ -3550,25 +3632,25 @@ we.styles = g`
     .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; --toggle-group-item-border-left: 1px; }
   `;
 let X = we;
-O([
+T([
   s()
 ], X.prototype, "mode");
-O([
+T([
   s({ attribute: "default-value" })
 ], X.prototype, "defaultValue");
-O([
+T([
   s()
 ], X.prototype, "value");
-O([
+T([
   s()
 ], X.prototype, "size");
-O([
+T([
   s()
 ], X.prototype, "variant");
-O([
+T([
   s({ type: Boolean })
 ], X.prototype, "gap");
-O([
+T([
   b()
 ], X.prototype, "internalValue");
 const Me = class Me extends h {
@@ -3655,38 +3737,38 @@ Me.styles = g`
     .toggle-item__icon { display: flex; color: var(--color-subtle-foreground); }
     .toggle-item:hover .toggle-item__icon { color: var(--color-muted-foreground); }
     .toggle-item--selected .toggle-item__icon { color: var(--color-muted-foreground); }
-    .toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary); }
+    .toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-icon); }
   `;
 let J = Me;
-O([
+T([
   s({ reflect: !0 })
 ], J.prototype, "value");
-O([
+T([
   s({ attribute: "start-icon" })
 ], J.prototype, "startIcon");
-O([
+T([
   s({ type: Boolean })
 ], J.prototype, "disabled");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "selected");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "groupSize");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "groupVariant");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "groupMode");
-function e5(n) {
-  return n.split(" ").map((e) => e.trim()).filter(Boolean);
+function e5(r) {
+  return r.split(" ").map((e) => e.trim()).filter(Boolean);
 }
 customElements.get("anduin-toggle-group") || customElements.define("anduin-toggle-group", X);
 customElements.get("anduin-toggle-group-item") || customElements.define("anduin-toggle-group-item", J);
-var Yt = Object.defineProperty, qt = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Yt = Object.defineProperty, qt = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Yt(e, t, i), i;
 };
 const Xt = "anduin-well-close:click", Ze = class Ze extends h {
@@ -3768,17 +3850,20 @@ Ze.styles = g`
     .well--warning {
       background-color: var(--color-warning-subtle);
     }
+    /* Same split as the toast's icons: primary and danger read -icon (light
+       unchanged, step 3 in dark); success and warning keep step 4, which already
+       clears 3:1 on their dark tint and which -icon would move in light. */
     .well__icon--gray {
       color: var(--color-muted-foreground);
     }
     .well__icon--primary {
-      color: var(--color-primary);
+      color: var(--color-primary-icon);
     }
     .well__icon--success {
       color: var(--color-success);
     }
     .well__icon--danger {
-      color: var(--color-destructive);
+      color: var(--color-destructive-icon);
     }
     .well__icon--warning {
       color: var(--color-warning-active);
@@ -3834,9 +3919,9 @@ ke.styles = g`
 let f5 = ke;
 customElements.get("anduin-well") || customElements.define("anduin-well", F2);
 customElements.get("anduin-well-close") || customElements.define("anduin-well-close", f5);
-var Jt = Object.defineProperty, E1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Jt = Object.defineProperty, E1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Jt(e, t, i), i;
 };
 const v5 = "anduin-popover:close", b5 = "anduin-popover:open-change", Re = class Re extends h {
@@ -3885,14 +3970,14 @@ const v5 = "anduin-popover:close", b5 = "anduin-popover:open-change", Re = class
     if (!e || !t) return;
     const o = e.getBoundingClientRect(), i = t.style.transform;
     t.style.transform = "none";
-    const r = t.getBoundingClientRect();
+    const n = t.getBoundingClientRect();
     t.style.transform = i;
     const l = t.getBoundingClientRect(), d = 4, c = window.innerWidth, C = window.innerHeight, p = 8;
     let f = 0, H = 0, m = "bottom";
-    const V = !this.placement.startsWith("top"), y = C - o.bottom - d, v = o.top - d, x = y >= l.height, w = v >= l.height, D = V ? x || y >= v : !w && x;
-    m = D ? "bottom" : "top", H = D ? o.bottom + d : o.top - l.height - d;
-    const K = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
-    K === "start" ? f = o.left : K === "end" ? f = o.right - l.width : f = o.left + o.width / 2 - l.width / 2, f = Math.max(p, Math.min(f, c - l.width - p)), H = Math.max(p, Math.min(H, C - l.height - p)), t.style.transform = `translate(${Math.round(f - r.left)}px, ${Math.round(H - r.top)}px)`, t.dataset.side = m;
+    const V = !this.placement.startsWith("top"), y = C - o.bottom - d, v = o.top - d, x = y >= l.height, w = v >= l.height, P = V ? x || y >= v : !w && x;
+    m = P ? "bottom" : "top", H = P ? o.bottom + d : o.top - l.height - d;
+    const W = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
+    W === "start" ? f = o.left : W === "end" ? f = o.right - l.width : f = o.left + o.width / 2 - l.width / 2, f = Math.max(p, Math.min(f, c - l.width - p)), H = Math.max(p, Math.min(H, C - l.height - p)), t.style.transform = `translate(${Math.round(f - n.left)}px, ${Math.round(H - n.top)}px)`, t.dataset.side = m;
   }
   render() {
     return a`
@@ -3995,9 +4080,9 @@ const $e = class $e extends h {
 $e.styles = g`:host { display: contents; }`;
 let m5 = $e;
 customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", m5);
-var Qt = Object.defineProperty, z1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var Qt = Object.defineProperty, z1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && Qt(e, t, i), i;
 };
 const H5 = "anduin-menu-item:click", Ee = class Ee extends h {
@@ -4027,7 +4112,7 @@ const H5 = "anduin-menu-item:click", Ee = class Ee extends h {
     if (!e || !t) return;
     const o = e.getBoundingClientRect(), i = t.style.transform;
     t.style.transform = "none";
-    const r = t.getBoundingClientRect();
+    const n = t.getBoundingClientRect();
     t.style.transform = i;
     const l = t.getBoundingClientRect(), d = 4;
     let c = 0, C = 0, p = "bottom";
@@ -4051,7 +4136,7 @@ const H5 = "anduin-menu-item:click", Ee = class Ee extends h {
         c = o.left + o.width / 2 - l.width / 2, C = o.top - l.height - d, p = "top";
         break;
     }
-    t.style.transform = `translate(${Math.round(c - r.left)}px, ${Math.round(C - r.top)}px)`, t.dataset.side = p;
+    t.style.transform = `translate(${Math.round(c - n.left)}px, ${Math.round(C - n.top)}px)`, t.dataset.side = p;
   }
   render() {
     return a`
@@ -4172,7 +4257,7 @@ ze.styles = g`
     .menu-item:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
     .menu-item__label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
     anduin-icon { color: var(--color-muted-foreground); }
-    .menu-item--danger anduin-icon { color: var(--color-destructive); }
+    .menu-item--danger anduin-icon { color: var(--color-destructive-icon); }
   `;
 let G1 = ze;
 z1([
@@ -4186,12 +4271,12 @@ z1([
 ], G1.prototype, "disabled");
 customElements.get("anduin-menu") || customElements.define("anduin-menu", $1);
 customElements.get("anduin-menu-item") || customElements.define("anduin-menu-item", G1);
-var e7 = Object.defineProperty, S1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var e7 = Object.defineProperty, S1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && e7(e, t, i), i;
 };
-const n2 = "anduin-close", t5 = "anduin-after-close", i5 = 300, o5 = 200, T4 = 250;
+const r2 = "anduin-close", t5 = "anduin-after-close", i5 = 300, o5 = 200, T4 = 250;
 let d2 = 0, M3 = "";
 function t7() {
   typeof document > "u" || (d2 === 0 && (M3 = document.body.style.overflow, document.body.style.overflow = "hidden"), d2++);
@@ -4229,16 +4314,16 @@ const L1 = (g1 = class extends h {
     );
   }
   onOverlayClick() {
-    this.dispatch(n2);
+    this.dispatch(r2);
   }
   onClose() {
-    this.dispatch(n2);
+    this.dispatch(r2);
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(n2, this.onAnduinClose), this.addEventListener(t5, this.onAnduinClose);
+    super.connectedCallback(), this.addEventListener(r2, this.onAnduinClose), this.addEventListener(t5, this.onAnduinClose);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(n2, this.onAnduinClose), this.removeEventListener(t5, this.onAnduinClose), this._holdsScrollLock && (this._holdsScrollLock = !1, N4());
+    super.disconnectedCallback(), this.removeEventListener(r2, this.onAnduinClose), this.removeEventListener(t5, this.onAnduinClose), this._holdsScrollLock && (this._holdsScrollLock = !1, N4());
   }
   render() {
     const e = this._leaving, t = this.fullscreen;
@@ -4500,7 +4585,7 @@ class o7 extends HTMLElement {
   constructor() {
     super(...arguments), this._onClick = () => {
       this.dispatchEvent(
-        new CustomEvent(n2, { bubbles: !0, composed: !0 })
+        new CustomEvent(r2, { bubbles: !0, composed: !0 })
       );
     };
   }
@@ -4512,12 +4597,12 @@ class o7 extends HTMLElement {
   }
 }
 customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", o7);
-var r7 = Object.defineProperty, d1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
-  return i && r7(e, t, i), i;
+var n7 = Object.defineProperty, d1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
+  return i && n7(e, t, i), i;
 };
-const _5 = "anduin-radio:change", n7 = "anduin-radio-group:change", Se = class Se extends h {
+const _5 = "anduin-radio:change", r7 = "anduin-radio-group:change", Se = class Se extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.readonly = !1, this.value = "", this.name = "", this.inputid = "";
   }
@@ -4667,9 +4752,9 @@ const Ae = class Ae extends h {
     super(...arguments), this.value = "", this.name = "", this.orientation = "vertical", this._onRadioChange = (e) => {
       const o = e.detail;
       o !== this.value && (this.value = o, this.querySelectorAll("anduin-radio").forEach((i) => {
-        const r = i;
-        r.checked = r.value === o;
-      }), this.dispatchEvent(new CustomEvent(n7, {
+        const n = i;
+        n.checked = n.value === o;
+      }), this.dispatchEvent(new CustomEvent(r7, {
         detail: o,
         bubbles: !0,
         composed: !0
@@ -4711,9 +4796,9 @@ d1([
   s()
 ], K1.prototype, "orientation");
 customElements.get("anduin-radio-group") || customElements.define("anduin-radio-group", K1);
-var l7 = Object.defineProperty, A1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var l7 = Object.defineProperty, A1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && l7(e, t, i), i;
 };
 const j4 = [
@@ -4726,14 +4811,14 @@ const j4 = [
   { bg: "#F97066", text: "#ffffff" },
   { bg: "#7A5AF8", text: "#ffffff" }
 ];
-function s7(n) {
+function s7(r) {
   let e = 0;
-  for (let t = 0; t < n.length; t++) e = e * 31 + n.charCodeAt(t) >>> 0;
+  for (let t = 0; t < r.length; t++) e = e * 31 + r.charCodeAt(t) >>> 0;
   return j4[e % j4.length];
 }
-function a7(n, e = 2) {
+function a7(r, e = 2) {
   var i;
-  const t = n.trim().split(/\s+/), o = ((i = t[0]) == null ? void 0 : i[0]) ?? "";
+  const t = r.trim().split(/\s+/), o = ((i = t[0]) == null ? void 0 : i[0]) ?? "";
   return e < 2 || t.length === 1 ? o.toUpperCase() : (o + (t[t.length - 1][0] ?? "")).toUpperCase();
 }
 const De = class De extends h {
@@ -4822,7 +4907,7 @@ customElements.get("anduin-avatar") || customElements.define("anduin-avatar", e1
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const d7 = { CHILD: 2 }, c7 = (n) => (...e) => ({ _$litDirective$: n, values: e });
+const d7 = { CHILD: 2 }, c7 = (r) => (...e) => ({ _$litDirective$: r, values: e });
 class C7 {
   constructor(e) {
   }
@@ -5112,17 +5197,17 @@ const u7 = c7(L5), p7 = {
 <path d="M18.875 21.5385L20.3324 13.4117C20.3751 13.1734 20.5825 13 20.8246 13H22.1261C22.4436 13 22.6808 13.2921 22.6154 13.6029L20.3023 24.6029C20.2536 24.8343 20.0494 25 19.813 25H18.2572C18.0243 25 17.8223 24.8393 17.77 24.6124L16.0078 16.9725L14.2457 24.6124C14.1933 24.8393 13.9913 25 13.7584 25H12.2027C11.9662 25 11.762 24.8343 11.7134 24.6029L9.40022 13.6029C9.33487 13.2921 9.57198 13 9.88952 13H11.1916C11.4335 13 11.6406 13.1731 11.6836 13.4111L13.1484 21.522L14.9371 13.3926C14.9875 13.1633 15.1906 13 15.4254 13H16.6053C16.8403 13 17.0436 13.1636 17.0938 13.3932L18.875 21.5385Z" fill="#1075DC"/>` }
   }
 }, h7 = [32, 24, 16];
-function g7(n, e) {
-  const t = p7[n];
+function g7(r, e) {
+  const t = p7[r];
   if (!t) return null;
   if (t[e]) return t[e];
   for (const o of h7)
     if (t[o]) return t[o];
   return null;
 }
-var f7 = Object.defineProperty, Z3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var f7 = Object.defineProperty, Z3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && f7(e, t, i), i;
 };
 const Pe = class Pe extends h {
@@ -5158,9 +5243,9 @@ Z3([
   s({ type: Number })
 ], V2.prototype, "size");
 customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", V2);
-var v7 = Object.defineProperty, D1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var v7 = Object.defineProperty, D1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && v7(e, t, i), i;
 };
 const U4 = {
@@ -5271,12 +5356,16 @@ Be.styles = g`
       padding: 12px;
       border-radius: 8px;
     }
+    /* Primary and danger read -icon (step 4 in light, as before; step 3 in dark,
+       where step 4 on its own tint was under 3:1). Success and warning keep step 4:
+       -icon would change their light colour, and step 4 already clears 3:1 on
+       gray-9 and on its dark tint (success 3.4:1, warning 4.7:1). */
     .toast__icon--gray {
       color: var(--color-subtle-foreground);
       background: var(--color-secondary);
     }
     .toast__icon--primary {
-      color: var(--color-primary);
+      color: var(--color-primary-icon);
       background: var(--color-primary-subtle);
     }
     .toast__icon--success {
@@ -5288,7 +5377,7 @@ Be.styles = g`
       background: var(--color-warning-subtle);
     }
     .toast__icon--danger {
-      color: var(--color-destructive);
+      color: var(--color-destructive-icon);
       background: var(--color-destructive-subtle);
     }
 
@@ -5457,36 +5546,36 @@ D1([
 ], x2.prototype, "_toasts");
 customElements.get("anduin-toaster") || customElements.define("anduin-toaster", x2);
 const p0 = {
-  show(n) {
-    return m7(n.position).show(n);
+  show(r) {
+    return m7(r.position).show(r);
   },
-  success(n, e, t) {
-    return this.show({ ...t, variant: "success", heading: n, description: e });
+  success(r, e, t) {
+    return this.show({ ...t, variant: "success", heading: r, description: e });
   },
-  danger(n, e, t) {
-    return this.show({ ...t, variant: "danger", heading: n, description: e });
+  danger(r, e, t) {
+    return this.show({ ...t, variant: "danger", heading: r, description: e });
   },
-  warning(n, e, t) {
-    return this.show({ ...t, variant: "warning", heading: n, description: e });
+  warning(r, e, t) {
+    return this.show({ ...t, variant: "warning", heading: r, description: e });
   },
-  primary(n, e, t) {
-    return this.show({ ...t, variant: "primary", heading: n, description: e });
+  primary(r, e, t) {
+    return this.show({ ...t, variant: "primary", heading: r, description: e });
   },
-  gray(n, e, t) {
-    return this.show({ ...t, variant: "gray", heading: n, description: e });
+  gray(r, e, t) {
+    return this.show({ ...t, variant: "gray", heading: r, description: e });
   }
-}, r5 = /* @__PURE__ */ new Map();
-function m7(n = "bottom-left") {
-  if (r5.has(n)) return r5.get(n);
+}, n5 = /* @__PURE__ */ new Map();
+function m7(r = "bottom-left") {
+  if (n5.has(r)) return n5.get(r);
   const e = document.createElement("anduin-toaster");
-  return e.position = n, document.body.appendChild(e), r5.set(n, e), e;
+  return e.position = r, document.body.appendChild(e), n5.set(r, e), e;
 }
-var H7 = Object.defineProperty, k3 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var H7 = Object.defineProperty, k3 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && H7(e, t, i), i;
 };
-const _7 = "anduin-switcher:change", Ie = class Ie extends h {
+const _7 = "anduin-switcher:change", Oe = class Oe extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1;
   }
@@ -5515,7 +5604,7 @@ const _7 = "anduin-switcher:change", Ie = class Ie extends h {
     `;
   }
 };
-Ie.styles = g`
+Oe.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
 
     label {
@@ -5579,7 +5668,7 @@ Ie.styles = g`
       line-height: 20px;
     }
   `;
-let w2 = Ie;
+let w2 = Oe;
 k3([
   s({ type: Boolean })
 ], w2.prototype, "checked");
@@ -5587,12 +5676,12 @@ k3([
   s({ type: Boolean })
 ], w2.prototype, "disabled");
 customElements.get("anduin-switcher") || customElements.define("anduin-switcher", w2);
-var y7 = Object.defineProperty, E = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var y7 = Object.defineProperty, z = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && y7(e, t, i), i;
 };
-const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
+const G4 = "anduin-dropdown:change", Ie = class Ie extends h {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Select...", this.options = [], this.icon = "", this.searchable = !0, this.disabled = !1, this.placement = "bottom-start", this.appearance = "filled", this.variant = "gray0", this.size = "default", this.fullWidth = !1, this.clearable = !0, this._open = !1, this._query = "", this._activeIndex = -1, this._onOutsideClick = (e) => {
       var t;
@@ -5610,9 +5699,9 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
   updated(e) {
     var t, o;
     e.has("_activeIndex") && this._activeIndex >= 0 && ((o = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".option--active")) == null || o.scrollIntoView({ block: "nearest" })), e.has("_open") && this._open && requestAnimationFrame(() => {
-      var i, r;
+      var i, n;
       if (this._updatePosition(), this.searchable) {
-        const l = (r = (i = this._searchEl) == null ? void 0 : i.shadowRoot) == null ? void 0 : r.querySelector("input");
+        const l = (n = (i = this._searchEl) == null ? void 0 : i.shadowRoot) == null ? void 0 : n.querySelector("input");
         l == null || l.focus();
       }
     });
@@ -5669,7 +5758,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
     if (!e || !t) return;
     const o = e.getBoundingClientRect(), i = t.style.transform;
     t.style.transform = "none";
-    const r = t.getBoundingClientRect();
+    const n = t.getBoundingClientRect();
     t.style.transform = i;
     const l = t.querySelector(".panel__inner");
     l && (l.style.minWidth = `${o.width}px`);
@@ -5677,7 +5766,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
     let v = o.left;
     this.placement === "bottom-end" ? v = o.right - d.width : this.placement === "bottom" && (v = o.left + o.width / 2 - d.width / 2), v = Math.max(f, Math.min(v, C - d.width - f));
     const x = Math.max(f, Math.min(y, p - d.height - f));
-    t.style.transform = `translate(${Math.round(v - r.left)}px, ${Math.round(x - r.top)}px)`;
+    t.style.transform = `translate(${Math.round(v - n.left)}px, ${Math.round(x - n.top)}px)`;
   }
   get _filteredOptions() {
     if (!this._query) return this.options;
@@ -5685,7 +5774,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
     return this.options.filter((t) => t.label.toLowerCase().includes(e));
   }
   render() {
-    const e = this.options.find((l) => l.value === this.value), t = (e == null ? void 0 : e.label) ?? "", o = e ? e.icon ?? "" : this.icon, i = this._filteredOptions, r = this.clearable && !!this.value && !this.disabled;
+    const e = this.options.find((l) => l.value === this.value), t = (e == null ? void 0 : e.label) ?? "", o = e ? e.icon ?? "" : this.icon, i = this._filteredOptions, n = this.clearable && !!this.value && !this.disabled;
     return a`
       <button
         class="trigger trigger--${this.appearance} trigger--${this.variant}${this.size === "small" ? " trigger--small" : ""}${this.value ? " has-value" : ""}"
@@ -5698,11 +5787,11 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
       >
         ${o && t ? a`<anduin-icon name="${o}" size="16"></anduin-icon>` : u}
         <span class="trigger__label${t ? "" : " trigger__label--placeholder"}">${t || this.placeholder}</span>
-        <span class="trigger__caret${r ? " trigger__caret--clearable" : ""}">
+        <span class="trigger__caret${n ? " trigger__caret--clearable" : ""}">
           <span class="trigger__chevron">
             <anduin-icon name="caretDown" size="16"></anduin-icon>
           </span>
-          ${r ? a`
+          ${n ? a`
             <span class="trigger__clear" @click=${this._onClear}>
               <anduin-icon name="crossSmall" size="16"></anduin-icon>
             </span>
@@ -5751,7 +5840,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
     `;
   }
 };
-Oe.styles = g`
+Ie.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     :host([full-width]) { display: block; width: 100%; }
     :host([full-width]) .trigger { width: 100%; }
@@ -5807,7 +5896,7 @@ Oe.styles = g`
     .trigger--outlined.trigger--gray0   { border-color: var(--color-gray-7);    color: var(--color-gray-4);    background-color: transparent; }
     .trigger--outlined.trigger--gray0:hover  { background-color: var(--color-gray-7); }
     .trigger--outlined.trigger--gray0:active { background-color: var(--color-gray-3); }
-    .trigger--outlined.trigger--primary { border-color: var(--color-primary-border); color: var(--color-primary); background-color: transparent; }
+    .trigger--outlined.trigger--primary { border-color: var(--color-primary-border); color: var(--color-primary-text); background-color: transparent; }
     .trigger--outlined.trigger--primary:hover  { background-color: var(--color-primary-subtle); }
     .trigger--outlined.trigger--primary:active { background-color: var(--color-primary-subtle-active); }
     .trigger--outlined.trigger--danger  { border-color: var(--color-destructive-border);  color: var(--color-destructive-subtle-foreground);  background-color: transparent; }
@@ -5827,7 +5916,7 @@ Oe.styles = g`
     .trigger--plain.trigger--gray0   { border-color: transparent; color: var(--color-gray-4);    background-color: transparent; }
     .trigger--plain.trigger--gray0:hover  { background-color: var(--color-gray-7); }
     .trigger--plain.trigger--gray0:active { background-color: var(--color-gray-8); }
-    .trigger--plain.trigger--primary { border-color: transparent; color: var(--color-primary); background-color: transparent; }
+    .trigger--plain.trigger--primary { border-color: transparent; color: var(--color-primary-text); background-color: transparent; }
     .trigger--plain.trigger--primary:hover  { background-color: var(--color-primary-subtle); }
     .trigger--plain.trigger--primary:active { background-color: var(--color-primary-subtle-active); }
     .trigger--plain.trigger--danger  { border-color: transparent; color: var(--color-destructive-subtle-foreground);  background-color: transparent; }
@@ -5998,68 +6087,68 @@ Oe.styles = g`
       text-align: center;
     }
   `;
-let M = Oe;
-E([
+let M = Ie;
+z([
   s()
 ], M.prototype, "value");
-E([
+z([
   s()
 ], M.prototype, "placeholder");
-E([
+z([
   s({ attribute: !1 })
 ], M.prototype, "options");
-E([
+z([
   s()
 ], M.prototype, "icon");
-E([
+z([
   s({ type: Boolean })
 ], M.prototype, "searchable");
-E([
+z([
   s({ type: Boolean })
 ], M.prototype, "disabled");
-E([
+z([
   s()
 ], M.prototype, "placement");
-E([
+z([
   s()
 ], M.prototype, "appearance");
-E([
+z([
   s()
 ], M.prototype, "variant");
-E([
+z([
   s()
 ], M.prototype, "size");
-E([
+z([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
 ], M.prototype, "fullWidth");
-E([
-  s({ converter: (n) => n !== "false" })
+z([
+  s({ converter: (r) => r !== "false" })
 ], M.prototype, "clearable");
-E([
+z([
   b()
 ], M.prototype, "_open");
-E([
+z([
   b()
 ], M.prototype, "_query");
-E([
+z([
   b()
 ], M.prototype, "_activeIndex");
-E([
+z([
   k(".trigger")
 ], M.prototype, "_triggerEl");
-E([
+z([
   k(".panel")
 ], M.prototype, "_panelEl");
-E([
+z([
   k("anduin-input")
 ], M.prototype, "_searchEl");
 customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", M);
-var L7 = Object.defineProperty, c1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var L7 = Object.defineProperty, c1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && L7(e, t, i), i;
 };
-const l2 = "anduin-close", n5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /* @__PURE__ */ new Map([
+const l2 = "anduin-close", r5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /* @__PURE__ */ new Map([
   ["320", 320],
   ["360", 360],
   ["400", 400],
@@ -6071,14 +6160,14 @@ const l2 = "anduin-close", n5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /
     }, this._onResizeStart = (e) => {
       this._resizing = !0, this._startX = e.clientX, this._startWidth = this._width, e.currentTarget.setPointerCapture(e.pointerId), e.preventDefault();
     }, this._onResizeMove = (e) => {
-      var r;
+      var n;
       if (!this._resizing) return;
       const t = this.placement === "left" ? e.clientX - this._startX : this._startX - e.clientX, o = Math.max(
         200,
         Math.min(window.innerWidth * 0.9, this._startWidth + t)
       );
       this._width = Math.round(o);
-      const i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".drawer");
+      const i = (n = this.shadowRoot) == null ? void 0 : n.querySelector(".drawer");
       i && (i.style.width = `${this._width}px`);
     }, this._onResizeEnd = () => {
       this._resizing = !1;
@@ -6090,7 +6179,7 @@ const l2 = "anduin-close", n5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /
   updated(e) {
     e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown")) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(() => {
       this._leaving = !1, this.classList.remove("is-shown"), this.dispatchEvent(
-        new CustomEvent(n5, {
+        new CustomEvent(r5, {
           bubbles: !0,
           composed: !0
         })
@@ -6103,10 +6192,10 @@ const l2 = "anduin-close", n5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /
     );
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(l2, this._stopAtSelf), this.addEventListener(n5, this._stopAtSelf);
+    super.connectedCallback(), this.addEventListener(l2, this._stopAtSelf), this.addEventListener(r5, this._stopAtSelf);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(l2, this._stopAtSelf), this.removeEventListener(n5, this._stopAtSelf);
+    super.disconnectedCallback(), this.removeEventListener(l2, this._stopAtSelf), this.removeEventListener(r5, this._stopAtSelf);
   }
   _onClose() {
     this._dispatch(l2);
@@ -6318,35 +6407,35 @@ Te.styles = g`
       border-top: 1px solid var(--color-border);
     }
   `;
-let G = Te;
+let K = Te;
 c1([
   s({ type: Boolean, reflect: !0 })
-], G.prototype, "open");
+], K.prototype, "open");
 c1([
   s()
-], G.prototype, "heading");
+], K.prototype, "heading");
 c1([
   s({ type: Boolean, attribute: "hide-header" })
-], G.prototype, "hideHeader");
+], K.prototype, "hideHeader");
 c1([
   s({ type: Boolean, attribute: "hide-footer" })
-], G.prototype, "hideFooter");
+], K.prototype, "hideFooter");
 c1([
   s({ attribute: "default-width" })
-], G.prototype, "defaultWidth");
+], K.prototype, "defaultWidth");
 c1([
   s({ reflect: !0 })
-], G.prototype, "placement");
+], K.prototype, "placement");
 c1([
   s({ type: Boolean, attribute: "allow-interact-outside" })
-], G.prototype, "allowInteractOutside");
+], K.prototype, "allowInteractOutside");
 c1([
   b()
-], G.prototype, "_leaving");
+], K.prototype, "_leaving");
 c1([
   b()
-], G.prototype, "_width");
-customElements.get("anduin-drawer") || customElements.define("anduin-drawer", G);
+], K.prototype, "_width");
+customElements.get("anduin-drawer") || customElements.define("anduin-drawer", K);
 class w7 extends HTMLElement {
   constructor() {
     super(...arguments), this._onClick = () => {
@@ -6363,9 +6452,9 @@ class w7 extends HTMLElement {
   }
 }
 customElements.get("anduin-drawer-close") || customElements.define("anduin-drawer-close", w7);
-var M7 = Object.defineProperty, z = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var M7 = Object.defineProperty, S = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && M7(e, t, i), i;
 };
 const l5 = "anduin-suggestion:change", Z7 = "anduin-suggestion:select", k7 = "anduin-suggestion:clear", Ne = class Ne extends h {
@@ -6461,7 +6550,7 @@ const l5 = "anduin-suggestion:change", Z7 = "anduin-suggestion:select", k7 = "an
     if (!e || !t) return;
     const o = e.getBoundingClientRect(), i = t.style.transform;
     t.style.transform = "none";
-    const r = t.getBoundingClientRect();
+    const n = t.getBoundingClientRect();
     t.style.transform = i;
     const l = t.querySelector(".panel__inner");
     l && (l.style.minWidth = `${o.width}px`);
@@ -6469,10 +6558,10 @@ const l5 = "anduin-suggestion:change", Z7 = "anduin-suggestion:select", k7 = "an
     let v = o.left;
     v = Math.max(f, Math.min(v, C - d.width - f));
     const x = Math.max(f, Math.min(y, p - d.height - f));
-    t.style.transform = `translate(${Math.round(v - r.left)}px, ${Math.round(x - r.top)}px)`;
+    t.style.transform = `translate(${Math.round(v - n.left)}px, ${Math.round(x - n.top)}px)`;
   }
   render() {
-    const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = !!this.endIcon || this.clearable && !!this.value, r = this.clearable && !!this.value && !this.disabled && !this.readonly, l = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", d = this.size === "small" ? "10" : this.size === "large" ? "16" : "14", c = this._filteredSuggestions, C = this._open && (!this.hideWhenEmpty || c.length > 0);
+    const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = !!this.endIcon || this.clearable && !!this.value, n = this.clearable && !!this.value && !this.disabled && !this.readonly, l = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", d = this.size === "small" ? "10" : this.size === "large" ? "16" : "14", c = this._filteredSuggestions, C = this._open && (!this.hideWhenEmpty || c.length > 0);
     return a`
       <div class="input-wrapper">
         ${o ? a`
@@ -6504,7 +6593,7 @@ const l5 = "anduin-suggestion:change", Z7 = "anduin-suggestion:select", k7 = "an
 
         ${i ? a`
           <span class="input__end">
-            ${r ? a`
+            ${n ? a`
               <button class="input__clear" type="button" @click=${this._onClear} aria-label="Clear">
                 <anduin-icon name="cross" size=${d}></anduin-icon>
               </button>
@@ -6655,64 +6744,64 @@ Ne.styles = g`
     }
   `;
 let Z = Ne;
-z([
+S([
   s()
 ], Z.prototype, "value");
-z([
+S([
   s()
 ], Z.prototype, "size");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "disabled");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "readonly");
-z([
+S([
   s()
 ], Z.prototype, "placeholder");
-z([
+S([
   s()
 ], Z.prototype, "inputid");
-z([
+S([
   s()
 ], Z.prototype, "status");
-z([
+S([
   s({ attribute: "start-icon" })
 ], Z.prototype, "startIcon");
-z([
+S([
   s({ attribute: "end-icon" })
 ], Z.prototype, "endIcon");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "clearable");
-z([
+S([
   s({ attribute: !1 })
 ], Z.prototype, "suggestions");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "filter");
-z([
+S([
   s({ type: Boolean, attribute: "hide-when-empty" })
 ], Z.prototype, "hideWhenEmpty");
-z([
+S([
   s({ attribute: "empty-text" })
 ], Z.prototype, "emptyText");
-z([
+S([
   b()
 ], Z.prototype, "_open");
-z([
+S([
   b()
 ], Z.prototype, "_activeIndex");
-z([
+S([
   k("input")
 ], Z.prototype, "_inputEl");
-z([
+S([
   k(".panel")
 ], Z.prototype, "_panelEl");
 customElements.get("anduin-suggestion") || customElements.define("anduin-suggestion", Z);
-var R7 = Object.defineProperty, q = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var R7 = Object.defineProperty, q = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && R7(e, t, i), i;
 };
 const $7 = "anduin-navigation:change", V5 = "anduin-navigation-item:item-click", je = class je extends h {
@@ -6930,14 +7019,14 @@ q([
 ], a1.prototype, "theme");
 customElements.get("anduin-navigation") || customElements.define("anduin-navigation", m1);
 customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item", a1);
-var E7 = Object.defineProperty, P1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var E7 = Object.defineProperty, P1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && E7(e, t, i), i;
 };
-const z7 = "anduin-resizable:resize", R3 = "anduin-resizable-panel", W4 = (n) => !!n && n.tagName.toLowerCase() === R3;
-function Y4(n, e, t) {
-  const o = (n || "").trim();
+const z7 = "anduin-resizable:resize", R3 = "anduin-resizable-panel", W4 = (r) => !!r && r.tagName.toLowerCase() === R3;
+function Y4(r, e, t) {
+  const o = (r || "").trim();
   if (!o) return t;
   const i = parseFloat(o);
   return Number.isNaN(i) ? t : o.endsWith("%") ? i / 100 * e : i;
@@ -6973,7 +7062,7 @@ const Ge = class Ge extends h {
     const e = this.axisSize;
     if (e <= 0) return;
     const t = this.panels, o = t.map((i) => i.axisSize(this.isVertical));
-    t.forEach((i, r) => i.setGrow(o[r] / e * 100));
+    t.forEach((i, n) => i.setGrow(o[n] / e * 100));
   }
   render() {
     return a`
@@ -6991,10 +7080,10 @@ Ge.styles = g`
     }
     .panel-group--vertical { flex-direction: column; }
   `;
-let I2 = Ge;
+let O2 = Ge;
 P1([
   s({ reflect: !0 })
-], I2.prototype, "orientation");
+], O2.prototype, "orientation");
 const Ke = class Ke extends h {
   constructor() {
     super(...arguments), this.defaultSize = "", this.minSize = "", this.maxSize = "", this.applied = !1;
@@ -7047,8 +7136,8 @@ const We = class We extends h {
       const t = this.closest("anduin-resizable-panel-group"), o = this.prevPanel, i = this.nextPanel;
       if (!t || !o || !i) return;
       e.preventDefault(), this.group = t, this.dragging = !0, this.activePointerId = e.pointerId, this.setPointerCapture(e.pointerId), t.normalizeToGrow();
-      const r = t.isVertical;
-      this.startPos = r ? e.clientY : e.clientX, this.startPrevPx = o.axisSize(r), this.combinedPx = this.startPrevPx + i.axisSize(r), this.combinedGrow = (parseFloat(o.style.flexGrow) || 0) + (parseFloat(i.style.flexGrow) || 0), document.body.style.userSelect = "none", document.body.style.cursor = r ? "row-resize" : "col-resize", window.addEventListener("pointermove", this.onPointerMove), window.addEventListener("pointerup", this.onPointerUp);
+      const n = t.isVertical;
+      this.startPos = n ? e.clientY : e.clientX, this.startPrevPx = o.axisSize(n), this.combinedPx = this.startPrevPx + i.axisSize(n), this.combinedGrow = (parseFloat(o.style.flexGrow) || 0) + (parseFloat(i.style.flexGrow) || 0), document.body.style.userSelect = "none", document.body.style.cursor = n ? "row-resize" : "col-resize", window.addEventListener("pointermove", this.onPointerMove), window.addEventListener("pointerup", this.onPointerUp);
     }, this.onPointerMove = (e) => {
       if (!this.dragging || !this.group) return;
       const o = (this.group.isVertical ? e.clientY : e.clientX) - this.startPos;
@@ -7065,11 +7154,11 @@ const We = class We extends h {
       else if (o && e.key === "ArrowDown") i = 1;
       else if (o && e.key === "ArrowUp") i = -1;
       else return;
-      const r = this.prevPanel, l = this.nextPanel;
-      if (!r || !l) return;
+      const n = this.prevPanel, l = this.nextPanel;
+      if (!n || !l) return;
       e.preventDefault(), this.group = t, t.normalizeToGrow();
-      const d = r.axisSize(o);
-      this.combinedPx = d + l.axisSize(o), this.combinedGrow = (parseFloat(r.style.flexGrow) || 0) + (parseFloat(l.style.flexGrow) || 0);
+      const d = n.axisSize(o);
+      this.combinedPx = d + l.axisSize(o), this.combinedGrow = (parseFloat(n.style.flexGrow) || 0) + (parseFloat(l.style.flexGrow) || 0);
       const c = Math.max(t.axisSize * 0.02, 8);
       this.resizeTo(d + i * c), this.emitResize();
     };
@@ -7109,7 +7198,7 @@ const We = class We extends h {
   resizeTo(e) {
     const t = this.group, o = this.prevPanel, i = this.nextPanel;
     if (!t || !o || !i || this.combinedPx <= 0) return;
-    const r = t.axisSize, l = Math.max(o.minPx(r), this.combinedPx - i.maxPx(r), 0), d = Math.min(o.maxPx(r), this.combinedPx - i.minPx(r), this.combinedPx), c = Math.max(l, Math.min(d, e)), C = this.combinedGrow * (c / this.combinedPx);
+    const n = t.axisSize, l = Math.max(o.minPx(n), this.combinedPx - i.maxPx(n), 0), d = Math.min(o.maxPx(n), this.combinedPx - i.minPx(n), this.combinedPx), c = Math.max(l, Math.min(d, e)), C = this.combinedGrow * (c / this.combinedPx);
     o.setGrow(C), i.setGrow(this.combinedGrow - C);
   }
   emitResize() {
@@ -7117,9 +7206,9 @@ const We = class We extends h {
     if (!e || !t || !o) return;
     const i = e.axisSize;
     if (i <= 0) return;
-    const r = e.isVertical;
+    const n = e.isVertical;
     this.dispatchEvent(new CustomEvent(z7, {
-      detail: { sizes: [t.axisSize(r) / i * 100, o.axisSize(r) / i * 100] },
+      detail: { sizes: [t.axisSize(n) / i * 100, o.axisSize(n) / i * 100] },
       bubbles: !0,
       composed: !0
     }));
@@ -7168,18 +7257,18 @@ P1([
 P1([
   b()
 ], Y1.prototype, "dragging");
-customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", I2);
+customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", O2);
 customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", W1);
 customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", Y1);
-var S7 = Object.defineProperty, X1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var S7 = Object.defineProperty, X1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && S7(e, t, i), i;
 };
 const A7 = "anduin-pagination:change", x5 = "anduin-pagination:jump";
-function t2(n, e) {
-  const t = Math.max(e - n + 1, 0);
-  return Array.from({ length: t }, (o, i) => n + i);
+function t2(r, e) {
+  const t = Math.max(e - r + 1, 0);
+  return Array.from({ length: t }, (o, i) => r + i);
 }
 const Ye = class Ye extends h {
   constructor() {
@@ -7205,7 +7294,7 @@ const Ye = class Ye extends h {
   }
   /** MUI-style windowing: boundaryCount = 1, siblingCount = 1. */
   buildItems() {
-    const e = this.count, t = this.selection, o = 1, i = 1, r = t2(1, Math.min(o, e)), l = t2(Math.max(e - o + 1, o + 1), e), d = Math.max(
+    const e = this.count, t = this.selection, o = 1, i = 1, n = t2(1, Math.min(o, e)), l = t2(Math.max(e - o + 1, o + 1), e), d = Math.max(
       Math.min(t - i, e - o - i * 2 - 1),
       o + 2
     ), c = Math.min(
@@ -7213,7 +7302,7 @@ const Ye = class Ye extends h {
       l.length > 0 ? l[0] - 2 : e - 1
     );
     return [
-      ...r,
+      ...n,
       ...d > o + 2 ? ["start-ellipsis"] : o + 1 < e - o ? [o + 1] : [],
       ...t2(d, c),
       ...c < e - o - 1 ? ["end-ellipsis"] : e - o > o ? [e - o] : [],
@@ -7282,11 +7371,11 @@ const Ye = class Ye extends h {
   }
   renderItem(e, t) {
     if (e.type === "page") {
-      const r = e.page === t;
+      const n = e.page === t;
       return a`
         <button
-          class="pagination__button ${r ? "pagination__button--active" : ""}"
-          aria-current=${r ? "page" : u}
+          class="pagination__button ${n ? "pagination__button--active" : ""}"
+          aria-current=${n ? "page" : u}
           aria-label="Go to page ${e.page}"
           @click=${() => this.goTo(e.page)}
         >${e.page}</button>
@@ -7303,8 +7392,8 @@ const Ye = class Ye extends h {
           label=${i}
         ></anduin-button>
         <div class="pagination__ellipsis-list">
-          ${o.map((r) => a`
-            <anduin-menu-item @click=${() => this.goTo(r)}>${r}</anduin-menu-item>
+          ${o.map((n) => a`
+            <anduin-menu-item @click=${() => this.goTo(n)}>${n}</anduin-menu-item>
           `)}
         </div>
       </anduin-menu>
@@ -7682,9 +7771,9 @@ customElements.get("anduin-timeline-date") || customElements.define("anduin-time
 customElements.get("anduin-timeline-title") || customElements.define("anduin-timeline-title", k5);
 customElements.get("anduin-timeline-group") || customElements.define("anduin-timeline-group", R5);
 customElements.get("anduin-timeline-label") || customElements.define("anduin-timeline-label", $5);
-var B7 = Object.defineProperty, B1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var B7 = Object.defineProperty, B1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && B7(e, t, i), i;
 };
 const F7 = "anduin-sidebar:select", o4 = class o4 extends h {
@@ -7711,12 +7800,12 @@ o4.styles = g`
     }
   `;
 let E5 = o4;
-const r4 = class r4 extends h {
+const n4 = class n4 extends h {
   render() {
     return a`<div class="sidebar-content" part="content"><slot></slot></div>`;
   }
 };
-r4.styles = g`
+n4.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -7731,8 +7820,8 @@ r4.styles = g`
       padding: 12px 16px;
     }
   `;
-let z5 = r4;
-const n4 = class n4 extends h {
+let z5 = n4;
+const r4 = class r4 extends h {
   constructor() {
     super(...arguments), this.divider = !1;
   }
@@ -7740,7 +7829,7 @@ const n4 = class n4 extends h {
     return a`<div class="sidebar-header" part="header"><slot></slot></div>`;
   }
 };
-n4.styles = g`
+r4.styles = g`
     :host {
       display: block;
       flex: 0 0 auto;
@@ -7751,10 +7840,10 @@ n4.styles = g`
       border-bottom: 1px solid var(--color-border);
     }
   `;
-let O2 = n4;
+let I2 = r4;
 B1([
   s({ type: Boolean, reflect: !0 })
-], O2.prototype, "divider");
+], I2.prototype, "divider");
 const l4 = class l4 extends h {
   constructor() {
     super(...arguments), this.divider = !1;
@@ -7933,7 +8022,7 @@ c4.styles = g`
       color: var(--color-primary-subtle-foreground);
     }
     .sidebar-menu-item-wrapper--selected .sidebar-menu-item__icon {
-      color: var(--color-primary);
+      color: var(--color-primary-icon);
     }
 
     .sidebar-menu-item {
@@ -8067,7 +8156,7 @@ p4.styles = g`
 let F5 = p4;
 customElements.get("anduin-sidebar") || customElements.define("anduin-sidebar", E5);
 customElements.get("anduin-sidebar-content") || customElements.define("anduin-sidebar-content", z5);
-customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", O2);
+customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", I2);
 customElements.get("anduin-sidebar-footer") || customElements.define("anduin-sidebar-footer", T2);
 customElements.get("anduin-sidebar-group") || customElements.define("anduin-sidebar-group", S5);
 customElements.get("anduin-sidebar-group-label") || customElements.define("anduin-sidebar-group-label", A5);
@@ -8076,34 +8165,34 @@ customElements.get("anduin-sidebar-menu-item") || customElements.define("anduin-
 customElements.get("anduin-sidebar-action") || customElements.define("anduin-sidebar-action", P5);
 customElements.get("anduin-sidebar-badge") || customElements.define("anduin-sidebar-badge", B5);
 customElements.get("anduin-sidebar-separator") || customElements.define("anduin-sidebar-separator", F5);
-function P(n) {
-  if (!n) return null;
-  const e = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(n.trim());
+function B(r) {
+  if (!r) return null;
+  const e = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(r.trim());
   if (!e) return null;
-  const [t, o, i] = [Number(e[1]), Number(e[2]), Number(e[3])], r = new Date(t, o - 1, i);
-  return r.getFullYear() !== t || r.getMonth() !== o - 1 || r.getDate() !== i ? null : r;
+  const [t, o, i] = [Number(e[1]), Number(e[2]), Number(e[3])], n = new Date(t, o - 1, i);
+  return n.getFullYear() !== t || n.getMonth() !== o - 1 || n.getDate() !== i ? null : n;
 }
-function x1(n) {
+function x1(r) {
   const e = (t) => String(t).padStart(2, "0");
-  return `${n.getFullYear()}-${e(n.getMonth() + 1)}-${e(n.getDate())}`;
+  return `${r.getFullYear()}-${e(r.getMonth() + 1)}-${e(r.getDate())}`;
 }
-function O1() {
-  const n = /* @__PURE__ */ new Date();
-  return new Date(n.getFullYear(), n.getMonth(), n.getDate());
+function I1() {
+  const r = /* @__PURE__ */ new Date();
+  return new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
-function u1(n, e) {
-  const t = n.getFullYear(), o = n.getMonth() + e, i = new Date(t, o + 1, 0).getDate();
-  return new Date(t, o, Math.min(n.getDate(), i));
+function u1(r, e) {
+  const t = r.getFullYear(), o = r.getMonth() + e, i = new Date(t, o + 1, 0).getDate();
+  return new Date(t, o, Math.min(r.getDate(), i));
 }
-function I7(n, e) {
-  return new Date(n, e + 1, 0).getDate();
+function O7(r, e) {
+  return new Date(r, e + 1, 0).getDate();
 }
-var O7 = Object.defineProperty, i1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
-  return i && O7(e, t, i), i;
+var I7 = Object.defineProperty, i1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
+  return i && I7(e, t, i), i;
 };
-const Z2 = "anduin-calendar:change", I5 = "anduin-calendar:day-hover", q4 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], X4 = [
+const Z2 = "anduin-calendar:change", O5 = "anduin-calendar:day-hover", q4 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], X4 = [
   "January",
   "February",
   "March",
@@ -8117,16 +8206,16 @@ const Z2 = "anduin-calendar:change", I5 = "anduin-calendar:day-hover", q4 = ["Ja
   "November",
   "December"
 ], T7 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], J4 = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-function F1(n, e) {
-  return new Date(n.getFullYear(), n.getMonth(), n.getDate() + e);
+function F1(r, e) {
+  return new Date(r.getFullYear(), r.getMonth(), r.getDate() + e);
 }
-function N7(n) {
-  const e = ["th", "st", "nd", "rd"], t = n % 100;
-  return `${n}${e[(t - 20) % 10] ?? e[t] ?? e[0]}`;
+function N7(r) {
+  const e = ["th", "st", "nd", "rd"], t = r % 100;
+  return `${r}${e[(t - 20) % 10] ?? e[t] ?? e[0]}`;
 }
 const h4 = class h4 extends h {
   constructor() {
-    super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = O1().getMonth(), this._viewYear = O1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
+    super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = I1().getMonth(), this._viewYear = I1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
       this._openSelect && !e.composedPath().includes(this) && (this._openSelect = null);
     };
   }
@@ -8138,11 +8227,11 @@ const h4 = class h4 extends h {
   }
   willUpdate(e) {
     if (e.has("value")) {
-      const t = P(this.value);
+      const t = B(this.value);
       if (t)
         this._viewYear = t.getFullYear(), this._viewMonth = t.getMonth(), this._viewSeeded = !0;
       else if (!this._viewSeeded) {
-        const o = O1();
+        const o = I1();
         this._viewYear = o.getFullYear(), this._viewMonth = o.getMonth();
       }
     }
@@ -8156,10 +8245,10 @@ const h4 = class h4 extends h {
   }
   // ── Constraints ─────────────────────────────────────────────────
   get _min() {
-    return P(this.minDate);
+    return B(this.minDate);
   }
   get _max() {
-    return P(this.maxDate);
+    return B(this.maxDate);
   }
   _isDisabled(e) {
     const t = this._min, o = this._max;
@@ -8181,7 +8270,7 @@ const h4 = class h4 extends h {
     this._isDisabled(o) || (this._focus = x1(o), (o.getMonth() !== e.getMonth() || o.getFullYear() !== e.getFullYear()) && (this._viewYear = o.getFullYear(), this._viewMonth = o.getMonth(), this._viewSeeded = !0), this._pendingFocus = !0);
   }
   _onGridKeyDown(e) {
-    const t = P(this._focus) ?? this._defaultFocusDate();
+    const t = B(this._focus) ?? this._defaultFocusDate();
     switch (e.key) {
       // Shift turns the horizontal arrows into month steps and the vertical
       // ones into year steps.
@@ -8224,25 +8313,25 @@ const h4 = class h4 extends h {
     this.value = t, this._focus = t, this.dispatchEvent(new CustomEvent(Z2, { detail: t, bubbles: !0, composed: !0 }));
   }
   _emitHover(e) {
-    this.dispatchEvent(new CustomEvent(I5, { detail: e, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(O5, { detail: e, bubbles: !0, composed: !0 }));
   }
   /** The day that owns `tabindex="0"` when nothing has been focused yet. */
   _defaultFocusDate() {
-    const e = P(this._focus);
+    const e = B(this._focus);
     if (e && e.getMonth() === this._viewMonth && e.getFullYear() === this._viewYear)
       return e;
-    const t = P(this.value);
+    const t = B(this.value);
     if (t && t.getMonth() === this._viewMonth && t.getFullYear() === this._viewYear)
       return t;
-    const o = O1();
+    const o = I1();
     return o.getMonth() === this._viewMonth && o.getFullYear() === this._viewYear ? o : this._clamp(new Date(this._viewYear, this._viewMonth, 1));
   }
   // ── Month / year pickers ────────────────────────────────────────
   /** Years offered in the year picker — bounded by min/max when set, otherwise
    *  a ±10-year window around the displayed year. */
   get _yearOptions() {
-    const e = this._min, t = this._max, o = e ? e.getFullYear() : this._viewYear - 10, i = t ? t.getFullYear() : this._viewYear + 10, r = Math.min(o, this._viewYear), l = Math.max(i, this._viewYear);
-    return Array.from({ length: l - r + 1 }, (d, c) => r + c);
+    const e = this._min, t = this._max, o = e ? e.getFullYear() : this._viewYear - 10, i = t ? t.getFullYear() : this._viewYear + 10, n = Math.min(o, this._viewYear), l = Math.max(i, this._viewYear);
+    return Array.from({ length: l - n + 1 }, (d, c) => n + c);
   }
   _selectMonth(e) {
     this._viewMonth = e, this._viewSeeded = !0, this._openSelect = null;
@@ -8250,7 +8339,7 @@ const h4 = class h4 extends h {
   _selectYear(e) {
     this._viewYear = e, this._viewSeeded = !0, this._openSelect = null;
   }
-  _renderSelect(e, t, o, i, r) {
+  _renderSelect(e, t, o, i, n) {
     const l = this._openSelect === e;
     return a`
       <div class="calendar__select">
@@ -8273,7 +8362,7 @@ const h4 = class h4 extends h {
                     class="calendar__option${d.selected ? " calendar__option--selected" : ""}"
                     role="option"
                     aria-selected="${d.selected}"
-                    @click=${() => r(d.value)}
+                    @click=${() => n(d.value)}
                   >${d.label}</button>
                 `)}
               </div>
@@ -8283,7 +8372,7 @@ const h4 = class h4 extends h {
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    const e = x1(O1()), t = P(this.value), o = P(this.rangeStart), i = P(this.rangeEnd), r = this.rangeMode || !!(o || i), l = x1(this._defaultFocusDate()), d = new Date(this._viewYear, this._viewMonth, 1), c = new Date(this._viewYear, this._viewMonth + 1, 0).getDate(), C = d.getDay(), p = [
+    const e = x1(I1()), t = B(this.value), o = B(this.rangeStart), i = B(this.rangeEnd), n = this.rangeMode || !!(o || i), l = x1(this._defaultFocusDate()), d = new Date(this._viewYear, this._viewMonth, 1), c = new Date(this._viewYear, this._viewMonth + 1, 0).getDate(), C = d.getDay(), p = [
       ...Array.from({ length: C }, () => null),
       ...Array.from({ length: c }, (y, v) => v + 1)
     ];
@@ -8353,7 +8442,7 @@ const h4 = class h4 extends h {
               <tr>
                 ${y.map((v) => {
       if (v === null) return a`<td class="calendar__day-cell"></td>`;
-      const x = new Date(this._viewYear, this._viewMonth, v), w = x1(x), D = x.getTime(), K = this._isDisabled(x), Q1 = !!o && D === o.getTime(), o1 = !!i && D === i.getTime(), H4 = !!o && !!i && D > o.getTime() && D < i.getTime(), _4 = !r && !!t && D === t.getTime(), E3 = [
+      const x = new Date(this._viewYear, this._viewMonth, v), w = x1(x), P = x.getTime(), W = this._isDisabled(x), Q1 = !!o && P === o.getTime(), o1 = !!i && P === i.getTime(), H4 = !!o && !!i && P > o.getTime() && P < i.getTime(), _4 = !n && !!t && P === t.getTime(), E3 = [
         "calendar__day-cell",
         H4 ? "calendar__day-cell--in-range" : "",
         // Only tint the edge cell when it actually opens a span —
@@ -8367,7 +8456,7 @@ const h4 = class h4 extends h {
         Q1 ? "calendar__day-button--range-start" : "",
         o1 ? "calendar__day-button--range-end" : "",
         H4 ? "calendar__day-button--in-range" : "",
-        K ? "calendar__day-button--disabled" : ""
+        W ? "calendar__day-button--disabled" : ""
       ].filter(Boolean).join(" ");
       return a`
                     <td
@@ -8379,14 +8468,14 @@ const h4 = class h4 extends h {
                         type="button"
                         class="${z3}"
                         part="day"
-                        aria-disabled="${K}"
+                        aria-disabled="${W}"
                         aria-label="${J4[x.getDay()]}, ${X4[x.getMonth()]} ${N7(v)}, ${x.getFullYear()}"
                         tabindex="${w === l ? 0 : -1}"
                         @click=${() => {
-        K || this._pick(x);
+        W || this._pick(x);
       }}
                         @mouseenter=${() => {
-        K || this._emitHover(w);
+        W || this._emitHover(w);
       }}
                       >${v}</button>
                     </td>
@@ -8495,41 +8584,41 @@ h4.styles = g`
     .calendar__day-button--in-range { color: var(--color-primary-subtle-foreground); }
     .calendar__day-button--in-range:hover { background-color: var(--color-primary-subtle-active); }
   `;
-let j = h4;
+let U = h4;
 i1([
   s({ reflect: !0 })
-], j.prototype, "value");
+], U.prototype, "value");
 i1([
   s({ attribute: "min-date" })
-], j.prototype, "minDate");
+], U.prototype, "minDate");
 i1([
   s({ attribute: "max-date" })
-], j.prototype, "maxDate");
+], U.prototype, "maxDate");
 i1([
   s({ attribute: "range-start" })
-], j.prototype, "rangeStart");
+], U.prototype, "rangeStart");
 i1([
   s({ attribute: "range-end" })
-], j.prototype, "rangeEnd");
+], U.prototype, "rangeEnd");
 i1([
   s({ type: Boolean, attribute: "range-mode" })
-], j.prototype, "rangeMode");
+], U.prototype, "rangeMode");
 i1([
   b()
-], j.prototype, "_viewMonth");
+], U.prototype, "_viewMonth");
 i1([
   b()
-], j.prototype, "_viewYear");
+], U.prototype, "_viewYear");
 i1([
   b()
-], j.prototype, "_focus");
+], U.prototype, "_focus");
 i1([
   b()
-], j.prototype, "_openSelect");
-customElements.get("anduin-calendar") || customElements.define("anduin-calendar", j);
-var j7 = Object.defineProperty, J1 = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], U.prototype, "_openSelect");
+customElements.get("anduin-calendar") || customElements.define("anduin-calendar", U);
+var j7 = Object.defineProperty, J1 = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && j7(e, t, i), i;
 };
 const U7 = "anduin-date-range:change", g4 = class g4 extends h {
@@ -8537,7 +8626,7 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
     super(...arguments), this.startDate = "", this.endDate = "", this.minDate = "", this.maxDate = "", this._anchor = null, this._hover = null, this._panels = /* @__PURE__ */ new Map(), this._pushedValue = /* @__PURE__ */ new Map(), this._onCalendarChange = (e) => {
       e.stopPropagation();
       const t = e.detail;
-      if (!P(t)) return;
+      if (!B(t)) return;
       if (this._anchor === null) {
         this._anchor = t, this._hover = null;
         return;
@@ -8553,10 +8642,10 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(I5, this._onCalendarHover);
+    super.connectedCallback(), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(O5, this._onCalendarHover);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(I5, this._onCalendarHover);
+    super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(O5, this._onCalendarHover);
   }
   updated() {
     this._sync();
@@ -8574,17 +8663,17 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
   _sync() {
     const [e, t] = this._displayedRange();
     for (const [o, i] of this._panels) {
-      const r = i.calendar;
-      if (!r) continue;
-      r.minDate = this.minDate, r.maxDate = this.maxDate, r.rangeStart = e, r.rangeEnd = t;
+      const n = i.calendar;
+      if (!n) continue;
+      n.minDate = this.minDate, n.maxDate = this.maxDate, n.rangeStart = e, n.rangeEnd = t;
       const l = this._panelValue(o);
-      this._pushedValue.get(o) !== l && (this._pushedValue.set(o, l), r.value = l);
+      this._pushedValue.get(o) !== l && (this._pushedValue.set(o, l), n.value = l);
     }
   }
   /** Which month each panel opens on: the start date on the left, the month
    *  after it on the right. Falls back to today when there's no range yet. */
   _panelValue(e) {
-    const t = P(this.startDate) ?? O1();
+    const t = B(this.startDate) ?? I1();
     return x1(e === "start" ? t : u1(t, 1));
   }
   /** The range the calendars should paint — the live preview while selecting,
@@ -8596,7 +8685,7 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
     return [e, t];
   }
   _sorted(e, t) {
-    const o = P(e), i = P(t);
+    const o = B(e), i = B(t);
     return !o || !i ? [e, t] : o.getTime() <= i.getTime() ? [e, t] : [t, e];
   }
   render() {
@@ -8683,36 +8772,36 @@ v4.styles = g`
 
     .date-range-default { display: flex; flex-direction: row; gap: 16px; }
   `;
-let O5 = v4;
+let I5 = v4;
 customElements.get("anduin-date-range") || customElements.define("anduin-date-range", t1);
-customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", O5);
+customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", I5);
 customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", G7);
 customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", K7);
-var W7 = Object.defineProperty, T = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+var W7 = Object.defineProperty, N = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && W7(e, t, i), i;
 };
 const T5 = "anduin-date-input:change", Q4 = { M: "month", d: "day", y: "year" };
-function Y7(n) {
+function Y7(r) {
   const e = [];
   let t = 0, o = 0;
-  for (; o < n.length; ) {
-    const i = n[o], r = Q4[i];
-    if (!r) {
+  for (; o < r.length; ) {
+    const i = r[o], n = Q4[i];
+    if (!n) {
       let d = "";
-      for (; o < n.length && !Q4[n[o]]; ) d += n[o++];
+      for (; o < r.length && !Q4[r[o]]; ) d += r[o++];
       e.push({ literal: d }), t += d.length;
       continue;
     }
     let l = "";
-    for (; o < n.length && n[o] === i; ) l += n[o++];
-    e.push({ segment: { type: r, placeholder: l, length: l.length, start: t } }), t += l.length;
+    for (; o < r.length && r[o] === i; ) l += r[o++];
+    e.push({ segment: { type: n, placeholder: l, length: l.length, start: t } }), t += l.length;
   }
   return e;
 }
-function s5(n) {
-  return n.type === "year" ? 10 ** n.length - 1 : n.length === 1 ? 9 : n.type === "month" ? 12 : 31;
+function s5(r) {
+  return r.type === "year" ? 10 ** r.length - 1 : r.length === 1 ? 9 : r.type === "month" ? 12 : 31;
 }
 const i2 = 1, G2 = class G2 extends h {
   constructor() {
@@ -8781,18 +8870,18 @@ const i2 = 1, G2 = class G2 extends h {
    * carries a full date — a partial format like `MM/dd` has no year to compare.
    */
   _clampToBounds(e) {
-    const t = P(this.minDate), o = P(this.maxDate);
+    const t = B(this.minDate), o = B(this.maxDate);
     if (!t && !o) return e;
-    const i = this._indexOfType("month"), r = this._indexOfType("day"), l = this._indexOfType("year");
-    if (i < 0 || r < 0 || l < 0) return e;
-    const d = Number(e[l]), c = Number(e[i]), C = Number(e[r]), p = Math.min(C, I7(d, c - 1)), f = new Date(d, c - 1, p), H = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
+    const i = this._indexOfType("month"), n = this._indexOfType("day"), l = this._indexOfType("year");
+    if (i < 0 || n < 0 || l < 0) return e;
+    const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), p = Math.min(C, O7(d, c - 1)), f = new Date(d, c - 1, p), H = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
     if (!H) {
       if (p === C) return e;
       const V = [...e];
-      return V[r] = String(p).padStart(this._segments[r].length, "0"), V;
+      return V[n] = String(p).padStart(this._segments[n].length, "0"), V;
     }
     const m = [...e];
-    return m[l] = String(H.getFullYear()).padStart(this._segments[l].length, "0").slice(-this._segments[l].length), m[i] = String(H.getMonth() + 1).padStart(this._segments[i].length, "0"), m[r] = String(H.getDate()).padStart(this._segments[r].length, "0"), m;
+    return m[l] = String(H.getFullYear()).padStart(this._segments[l].length, "0").slice(-this._segments[l].length), m[i] = String(H.getMonth() + 1).padStart(this._segments[i].length, "0"), m[n] = String(H.getDate()).padStart(this._segments[n].length, "0"), m;
   }
   // ── Selection ───────────────────────────────────────────────────
   _focusSegment(e) {
@@ -8824,8 +8913,8 @@ const i2 = 1, G2 = class G2 extends h {
   _writeSegment(e, t) {
     const o = this._segments[e];
     if (!o) return;
-    const i = Math.min(Math.max(Number(t), i2), s5(o)), r = [...this._digits];
-    r[e] = String(i).padStart(o.length, "0"), this._buffer = "", this._setDigits(r);
+    const i = Math.min(Math.max(Number(t), i2), s5(o)), n = [...this._digits];
+    n[e] = String(i).padStart(o.length, "0"), this._buffer = "", this._setDigits(n);
   }
   /** Commit any half-typed digits so they aren't stranded on blur or navigation. */
   _flushBuffer() {
@@ -8852,9 +8941,9 @@ const i2 = 1, G2 = class G2 extends h {
   _step(e) {
     const t = this._active, o = this._segments[t];
     if (!o) return;
-    const i = s5(o), r = this._digits[t];
+    const i = s5(o), n = this._digits[t];
     let l;
-    r === null ? l = e > 0 ? i2 : i : (l = Number(r) + e, l > i && (l = i2), l < i2 && (l = i));
+    n === null ? l = e > 0 ? i2 : i : (l = Number(n) + e, l > i && (l = i2), l < i2 && (l = i));
     const d = [...this._digits];
     d[t] = String(l).padStart(o.length, "0"), this._buffer = "", this._setDigits(d), this._pendingSelection = [o.start, o.start + o.length];
   }
@@ -8922,9 +9011,9 @@ const i2 = 1, G2 = class G2 extends h {
           @mouseup=${this._onSelectionIntent}
           @focus=${this._onSelectionIntent}
           @blur=${() => this._flushBuffer()}
-          @beforeinput=${(r) => r.preventDefault()}
-          @paste=${(r) => r.preventDefault()}
-          @drop=${(r) => r.preventDefault()}
+          @beforeinput=${(n) => n.preventDefault()}
+          @paste=${(n) => n.preventDefault()}
+          @drop=${(n) => n.preventDefault()}
         />
       </div>
     `;
@@ -8981,58 +9070,58 @@ G2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, G2.styles
     .date-input--warning  { border-color: var(--color-warning-active); }
     .date-input--loading  { border-color: var(--color-input); }
   `;
-let S = G2;
-T([
+let A = G2;
+N([
   s()
-], S.prototype, "format");
-T([
+], A.prototype, "format");
+N([
   s()
-], S.prototype, "value");
-T([
+], A.prototype, "value");
+N([
   s()
-], S.prototype, "size");
-T([
+], A.prototype, "size");
+N([
   s({ type: Boolean })
-], S.prototype, "disabled");
-T([
+], A.prototype, "disabled");
+N([
   s({ type: Boolean })
-], S.prototype, "readonly");
-T([
+], A.prototype, "readonly");
+N([
   s()
-], S.prototype, "status");
-T([
+], A.prototype, "status");
+N([
   s({ attribute: "start-icon" })
-], S.prototype, "startIcon");
-T([
+], A.prototype, "startIcon");
+N([
   s({ attribute: "min-date" })
-], S.prototype, "minDate");
-T([
+], A.prototype, "minDate");
+N([
   s({ attribute: "max-date" })
-], S.prototype, "maxDate");
-T([
+], A.prototype, "maxDate");
+N([
   s()
-], S.prototype, "inputid");
-T([
+], A.prototype, "inputid");
+N([
   b()
-], S.prototype, "_digits");
-T([
+], A.prototype, "_digits");
+N([
   b()
-], S.prototype, "_active");
-T([
+], A.prototype, "_active");
+N([
   b()
-], S.prototype, "_buffer");
-T([
+], A.prototype, "_buffer");
+N([
   k("input")
-], S.prototype, "_inputEl");
-customElements.get("anduin-date-input") || customElements.define("anduin-date-input", S);
-var q7 = Object.defineProperty, N = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], A.prototype, "_inputEl");
+customElements.get("anduin-date-input") || customElements.define("anduin-date-input", A);
+var q7 = Object.defineProperty, j = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && q7(e, t, i), i;
 };
 const X7 = "anduin-date-picker:change", $3 = { M: "month", d: "day", y: "year" };
-function J7(n, e) {
-  if (!n) return null;
+function J7(r, e) {
+  if (!r) return null;
   const t = {};
   let o = 0, i = 0;
   for (; i < e.length; ) {
@@ -9044,29 +9133,29 @@ function J7(n, e) {
     let C = 0;
     for (; i < e.length && e[i] === d; )
       i++, C++;
-    const p = n.slice(o, o + C);
+    const p = r.slice(o, o + C);
     if (!/^\d+$/.test(p)) return null;
     t[c] = p, o += C;
   }
   if (!t.month || !t.day || !t.year) return null;
-  const r = Number(t.year), l = new Date(r, Number(t.month) - 1, Number(t.day));
+  const n = Number(t.year), l = new Date(n, Number(t.month) - 1, Number(t.day));
   return l.getMonth() !== Number(t.month) - 1 || l.getDate() !== Number(t.day) ? null : l;
 }
-function Q7(n, e) {
+function Q7(r, e) {
   const t = {
-    month: n.getMonth() + 1,
-    day: n.getDate(),
-    year: n.getFullYear()
+    month: r.getMonth() + 1,
+    day: r.getDate(),
+    year: r.getFullYear()
   };
   let o = "", i = 0;
   for (; i < e.length; ) {
-    const r = e[i], l = $3[r];
+    const n = e[i], l = $3[n];
     if (!l) {
-      o += r, i++;
+      o += n, i++;
       continue;
     }
     let d = 0;
-    for (; i < e.length && e[i] === r; )
+    for (; i < e.length && e[i] === n; )
       i++, d++;
     o += String(t[l]).padStart(d, "0").slice(-d);
   }
@@ -9080,7 +9169,7 @@ const b4 = class b4 extends h {
       e.stopPropagation(), this._emit(e.detail);
     }, this._onCalendarChange = (e) => {
       e.stopPropagation();
-      const t = P(e.detail);
+      const t = B(e.detail);
       t && (this._emit(Q7(t, this.format)), this._closePopover());
     }, this._onKeyDown = (e) => {
       var t;
@@ -9158,64 +9247,64 @@ b4.styles = g`
     /* The popover contributes 8px; the calendar reads better with 16px total. */
     .datepicker__panel { padding: 8px; display: flex; flex-direction: column; }
   `;
-let A = b4;
-N([
+let D = b4;
+j([
   s()
-], A.prototype, "format");
-N([
+], D.prototype, "format");
+j([
   s()
-], A.prototype, "value");
-N([
+], D.prototype, "value");
+j([
   s()
-], A.prototype, "size");
-N([
+], D.prototype, "size");
+j([
   s({ type: Boolean })
-], A.prototype, "disabled");
-N([
+], D.prototype, "disabled");
+j([
   s({ type: Boolean })
-], A.prototype, "readonly");
-N([
+], D.prototype, "readonly");
+j([
   s()
-], A.prototype, "status");
-N([
+], D.prototype, "status");
+j([
   s({ attribute: "start-icon" })
-], A.prototype, "startIcon");
-N([
+], D.prototype, "startIcon");
+j([
   s({ attribute: "min-date" })
-], A.prototype, "minDate");
-N([
+], D.prototype, "minDate");
+j([
   s({ attribute: "max-date" })
-], A.prototype, "maxDate");
-N([
+], D.prototype, "maxDate");
+j([
   s()
-], A.prototype, "placement");
-N([
+], D.prototype, "placement");
+j([
   s()
-], A.prototype, "inputid");
-N([
+], D.prototype, "inputid");
+j([
   b()
-], A.prototype, "_open");
-N([
+], D.prototype, "_open");
+j([
   k("anduin-date-input")
-], A.prototype, "_inputEl");
-N([
+], D.prototype, "_inputEl");
+j([
   k("anduin-popover")
-], A.prototype, "_popoverEl");
-customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", A);
-var e0 = Object.defineProperty, L = (n, e, t, o) => {
-  for (var i = void 0, r = n.length - 1, l; r >= 0; r--)
-    (l = n[r]) && (i = l(e, t, i) || i);
+], D.prototype, "_popoverEl");
+customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", D);
+var e0 = Object.defineProperty, L = (r, e, t, o) => {
+  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (i = l(e, t, i) || i);
   return i && e0(e, t, i), i;
 };
-const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-table:row-click", r0 = "anduin-table:selection-change", n0 = "anduin-table:cell-context-menu", l0 = "anduin-table:row-expand", s0 = "anduin-table:row-collapse", a0 = "anduin-table:group-toggle", e3 = "anduin-table:column-resize", t3 = 40, r1 = (n) => n.type === "selection", C1 = (n, e) => {
+const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-table:row-click", n0 = "anduin-table:selection-change", r0 = "anduin-table:cell-context-menu", l0 = "anduin-table:row-expand", s0 = "anduin-table:row-collapse", a0 = "anduin-table:group-toggle", e3 = "anduin-table:column-resize", t3 = 40, n1 = (r) => r.type === "selection", C1 = (r, e) => {
   if (!e) return;
-  let t = n;
+  let t = r;
   for (const o of e.split(".")) {
     if (t === null || typeof t != "object") return;
     t = t[o];
   }
   return t;
-}, d0 = (n, e) => n === e ? 0 : n == null ? 1 : e == null ? -1 : typeof n == "number" && typeof e == "number" ? n - e : typeof n == "boolean" && typeof e == "boolean" ? Number(n) - Number(e) : n instanceof Date && e instanceof Date ? n.getTime() - e.getTime() : String(n).localeCompare(String(e), void 0, { numeric: !0, sensitivity: "base" }), m4 = class m4 extends h {
+}, d0 = (r, e) => r === e ? 0 : r == null ? 1 : e == null ? -1 : typeof r == "number" && typeof e == "number" ? r - e : typeof r == "boolean" && typeof e == "boolean" ? Number(r) - Number(e) : r instanceof Date && e instanceof Date ? r.getTime() - e.getTime() : String(r).localeCompare(String(e), void 0, { numeric: !0, sensitivity: "base" }), m4 = class m4 extends h {
   constructor() {
     super(...arguments), this.columns = [], this.data = [], this.layout = "fit-data", this.renderMode = "basic", this.rowHeight = 40, this.height = "", this.maxHeight = "", this.minHeight = "", this.resizableColumns = !0, this.hideHeader = !1, this.loading = !1, this.selectable = "clickable", this.indexColumn = "id", this.columnAlign = "left", this.columnVerticalAlign = "middle", this.sortField = "", this.sortDirection = "asc", this.dataTree = !1, this.treeChildrenField = "children", this.treeChildIndent = 20, this.groupBy = "", this.selectedRows = [], this.expandedKeys = /* @__PURE__ */ new Set(), this.collapsedGroups = /* @__PURE__ */ new Set(), this.virtualScrollTop = 0, this.viewportHeight = 0, this.scrolledX = !1, this.scrollableXEnd = !1, this.resizedWidths = {}, this.resizingKey = "", this.rangeAnchorKey = null, this.isDraggingRange = !1, this.dragBaseKeys = [], this.dragSelects = !0, this.autoExpandedKeys = /* @__PURE__ */ new Set(), this.resizeDrag = null, this.resizeFrame = 0, this.renderSelectedKeys = /* @__PURE__ */ new Set(), this.renderSelectableRows = [], this.cachedRenderRows = [], this.rowsDirty = !0, this.onWindowMouseUp = () => {
       this.isDraggingRange = !1;
@@ -9327,9 +9416,9 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     );
     if (t.length === 0) return;
     const o = t.map((c) => c.getBoundingClientRect().width), i = e.map(() => null);
-    let r = 0;
+    let n = 0;
     for (let c = 0; c < e.length; c++)
-      e[c] === "left" && (i[c] = r, r += o[c] ?? 0);
+      e[c] === "left" && (i[c] = n, n += o[c] ?? 0);
     let l = 0;
     for (let c = e.length - 1; c >= 0; c--)
       e[c] === "right" && (i[c] = l, l += o[c] ?? 0);
@@ -9342,14 +9431,14 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
   get sortedColumn() {
     if (this.sortField)
       return this.columns.find(
-        (e) => !r1(e) && e.field === this.sortField
+        (e) => !n1(e) && e.field === this.sortField
       );
   }
   sortRows(e) {
     const t = this.sortedColumn;
     if (!t) return e;
-    const o = this.sortDirection === "desc" ? -1 : 1, i = t.sortWith ? (r, l) => t.sortWith({ a: r, b: l }) : (r, l) => d0(C1(r, t.field), C1(l, t.field));
-    return [...e].sort((r, l) => i(r, l) * o);
+    const o = this.sortDirection === "desc" ? -1 : 1, i = t.sortWith ? (n, l) => t.sortWith({ a: n, b: l }) : (n, l) => d0(C1(n, t.field), C1(l, t.field));
+    return [...e].sort((n, l) => i(n, l) * o);
   }
   onHeaderClick(e) {
     if (this.dispatchEvent(new CustomEvent(i0, {
@@ -9371,21 +9460,21 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
   }
   buildFlatRows(e, t) {
     const o = [];
-    return e.forEach((i, r) => {
-      const l = this.keyFor(i, r), d = this.dataTree ? C1(i, this.treeChildrenField) : void 0, c = Array.isArray(d) && d.length > 0, C = c && this.isExpanded(l, i);
+    return e.forEach((i, n) => {
+      const l = this.keyFor(i, n), d = this.dataTree ? C1(i, this.treeChildrenField) : void 0, c = Array.isArray(d) && d.length > 0, C = c && this.isExpanded(l, i);
       o.push({ kind: "row", data: i, key: l, depth: t, hasChildren: c, expanded: C }), C && o.push(...this.buildFlatRows(this.sortRows(d), t + 1));
     }), o;
   }
   buildGroupedRows() {
     const e = /* @__PURE__ */ new Map();
     this.data.forEach((o) => {
-      const i = C1(o, this.groupBy), r = String(i), l = e.get(r);
-      l ? l.rows.push(o) : e.set(r, { value: i, rows: [o] });
+      const i = C1(o, this.groupBy), n = String(i), l = e.get(n);
+      l ? l.rows.push(o) : e.set(n, { value: i, rows: [o] });
     });
     const t = [];
-    return e.forEach(({ value: o, rows: i }, r) => {
-      const l = !this.collapsedGroups.has(r);
-      t.push({ kind: "group", key: r, value: o, rows: i, expanded: l }), l && t.push(...this.buildFlatRows(this.sortRows(i), 0));
+    return e.forEach(({ value: o, rows: i }, n) => {
+      const l = !this.collapsedGroups.has(n);
+      t.push({ kind: "group", key: n, value: o, rows: i, expanded: l }), l && t.push(...this.buildFlatRows(this.sortRows(i), 0));
     }), t;
   }
   isExpanded(e, t) {
@@ -9409,9 +9498,9 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
   /** Expands every tree row that has children. */
   expandAll() {
     const e = /* @__PURE__ */ new Set(), t = (o) => {
-      o.forEach((i, r) => {
+      o.forEach((i, n) => {
         const l = C1(i, this.treeChildrenField);
-        Array.isArray(l) && l.length > 0 && (e.add(this.keyFor(i, r)), t(l));
+        Array.isArray(l) && l.length > 0 && (e.add(this.keyFor(i, n)), t(l));
       });
     };
     t(this.data), this.expandedKeys = e;
@@ -9428,16 +9517,16 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     );
   }
   commitSelection(e) {
-    const t = /* @__PURE__ */ new Map(), o = (r) => {
-      r.forEach((l, d) => {
+    const t = /* @__PURE__ */ new Map(), o = (n) => {
+      n.forEach((l, d) => {
         t.set(this.keyFor(l, d), l);
         const c = this.dataTree ? C1(l, this.treeChildrenField) : void 0;
         Array.isArray(c) && o(c);
       });
     };
     o(this.data);
-    const i = [...e].filter((r) => t.has(r));
-    this.selectedRows = i.map((r) => t.get(r)), this.dispatchEvent(new CustomEvent(r0, {
+    const i = [...e].filter((n) => t.has(n));
+    this.selectedRows = i.map((n) => t.get(n)), this.dispatchEvent(new CustomEvent(n0, {
       detail: { selectedRows: this.selectedRows, selectedKeys: i },
       bubbles: !0,
       composed: !0
@@ -9456,9 +9545,9 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
   }
   /** Selects (or clears) every row between the anchor and `row`, inclusive. */
   selectRange(e, t, o) {
-    const i = this.selectableRows, r = i.findIndex((f) => f.key === e.key);
-    if (r < 0) return;
-    const l = this.rangeAnchorKey ? i.findIndex((f) => f.key === this.rangeAnchorKey) : -1, d = l < 0 ? r : l, [c, C] = d <= r ? [d, r] : [r, d], p = new Set(o);
+    const i = this.selectableRows, n = i.findIndex((f) => f.key === e.key);
+    if (n < 0) return;
+    const l = this.rangeAnchorKey ? i.findIndex((f) => f.key === this.rangeAnchorKey) : -1, d = l < 0 ? n : l, [c, C] = d <= n ? [d, n] : [n, d], p = new Set(o);
     for (let f = c; f <= C; f++)
       t ? p.add(i[f].key) : p.delete(i[f].key);
     this.commitSelection(p);
@@ -9477,19 +9566,19 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     }));
     const i = this.selectable;
     if (i === "unselectable" || i === "clickable" || this.rowIsDisabled(t.data)) return;
-    const r = this.selectedKeySet.has(t.key);
+    const n = this.selectedKeySet.has(t.key);
     if (i === "selectable-by-clicking" && e.shiftKey) {
       this.selectRange(t, !0, e.metaKey || e.ctrlKey ? [...this.selectedKeySet] : []);
       return;
     }
     if (i === "selectable-by-clicking" && !(e.metaKey || e.ctrlKey)) {
-      this.rangeAnchorKey = t.key, this.commitSelection(new Set(r && this.selectedRows.length === 1 ? [] : [t.key]));
+      this.rangeAnchorKey = t.key, this.commitSelection(new Set(n && this.selectedRows.length === 1 ? [] : [t.key]));
       return;
     }
-    this.setRowSelected(t, !r);
+    this.setRowSelected(t, !n);
   }
   onCellContextMenu(e, t, o, i) {
-    this.dispatchEvent(new CustomEvent(n0, {
+    this.dispatchEvent(new CustomEvent(r0, {
       detail: {
         data: t.data,
         key: t.key,
@@ -9519,7 +9608,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
    */
   /** A stable identity for a column, used to remember a dragged width. */
   columnKey(e, t) {
-    return r1(e) ? `__selection:${t}` : e.field || `__col:${t}`;
+    return n1(e) ? `__selection:${t}` : e.field || `__col:${t}`;
   }
   /** The width to lay a column out at: a dragged width beats the configured one. */
   widthFor(e, t) {
@@ -9563,7 +9652,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
    */
   fitColumnsMinWidth() {
     return this.layout !== "fit-columns" || !this.columns.some((e) => e.minWidth) ? 0 : this.columns.reduce((e, t, o) => {
-      const i = r1(t) && !t.width && !t.minWidth ? t3 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
+      const i = n1(t) && !t.width && !t.minWidth ? t3 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
       return e + i;
     }, 0);
   }
@@ -9573,9 +9662,9 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
   }
   onResizeStart(e, t, o) {
     e.preventDefault(), e.stopPropagation();
-    const i = e.currentTarget, r = i.closest("th");
-    if (!r) return;
-    const l = r.getBoundingClientRect().width;
+    const i = e.currentTarget, n = i.closest("th");
+    if (!n) return;
+    const l = n.getBoundingClientRect().width;
     this.resizeDrag = {
       key: this.columnKey(t, o),
       startX: e.clientX,
@@ -9588,8 +9677,8 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     e.preventDefault(), e.stopPropagation();
     const i = this.columnKey(t, o);
     if (this.resizedWidths[i] === void 0) return;
-    const r = { ...this.resizedWidths };
-    delete r[i], this.resizedWidths = r, this.dispatchEvent(new CustomEvent(e3, {
+    const n = { ...this.resizedWidths };
+    delete n[i], this.resizedWidths = n, this.dispatchEvent(new CustomEvent(e3, {
       detail: { column: t, field: i, width: null },
       bubbles: !0,
       composed: !0
@@ -9607,12 +9696,12 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     ].filter(Boolean).join(" ");
   }
   renderHeaderCell(e, t) {
-    const o = this.frozenSides, i = o[t], r = i === "left" ? o[t + 1] !== "left" : i === "right" ? o[t - 1] !== "right" : !1, l = [
+    const o = this.frozenSides, i = o[t], n = i === "left" ? o[t + 1] !== "left" : i === "right" ? o[t - 1] !== "right" : !1, l = [
       "table__header-cell",
       i ? "table__header-cell--frozen" : "",
-      i && r ? `table__header-cell--frozen-${i}-edge` : "",
-      !r1(e) && e.isSortable ? "table__header-cell--sortable" : "",
-      r1(e) ? "table__cell--selection" : "",
+      i && n ? `table__header-cell--frozen-${i}-edge` : "",
+      !n1(e) && e.isSortable ? "table__header-cell--sortable" : "",
+      n1(e) ? "table__cell--selection" : "",
       this.sizingClass(e, t)
     ].filter(Boolean).join(" "), d = this.cellStyle(e, t), c = e.headerAlign ?? e.align ?? this.columnAlign, C = [
       "table__header-inner",
@@ -9632,18 +9721,18 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
             @click=${(v) => v.stopPropagation()}
           ></span>
         ` : u;
-    if (r1(e)) {
-      const v = this.renderSelectableRows, x = this.renderSelectedKeys, w = v.filter((o1) => x.has(o1.key)).length, D = v.length > 0 && w === v.length, K = w > 0 && !D, Q1 = e.renderHeader ? e.renderHeader({
-        areAllRowsSelected: D,
+    if (n1(e)) {
+      const v = this.renderSelectableRows, x = this.renderSelectedKeys, w = v.filter((o1) => x.has(o1.key)).length, P = v.length > 0 && w === v.length, W = w > 0 && !P, Q1 = e.renderHeader ? e.renderHeader({
+        areAllRowsSelected: P,
         hasSelectedRow: w > 0,
         onChange: (o1) => this.toggleAllRows(o1)
       }) : a`
             <anduin-checkbox
-              .checked=${D}
-              .indeterminate=${K}
-              aria-label="${D ? "Deselect all rows" : "Select all rows"}"
+              .checked=${P}
+              .indeterminate=${W}
+              aria-label="${P ? "Deselect all rows" : "Select all rows"}"
               @anduin-checkbox:change=${(o1) => {
-        o1.stopPropagation(), this.toggleAllRows(!D);
+        o1.stopPropagation(), this.toggleAllRows(!P);
       }}
             ></anduin-checkbox>
           `;
@@ -9681,16 +9770,16 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     `;
   }
   renderCell(e, t, o, i) {
-    const r = this.frozenSides, l = r[i], d = l === "left" ? r[i + 1] !== "left" : l === "right" ? r[i - 1] !== "right" : !1, c = [
+    const n = this.frozenSides, l = n[i], d = l === "left" ? n[i + 1] !== "left" : l === "right" ? n[i - 1] !== "right" : !1, c = [
       "table__cell",
       this.alignClass(o),
       l ? "table__cell--frozen" : "",
       l && d ? `table__cell--frozen-${l}-edge` : "",
-      r1(o) ? "table__cell--selection" : "",
+      n1(o) ? "table__cell--selection" : "",
       o.showOnRowHover ? "table__cell--hover-only" : "",
       this.sizingClass(o, i)
     ].filter(Boolean).join(" "), C = this.cellStyle(o, i);
-    if (r1(o)) {
+    if (n1(o)) {
       const V = this.renderSelectedKeys.has(e.key), y = this.rowIsDisabled(e.data), v = (w) => this.setRowSelected(e, w), x = o.renderCell ? o.renderCell({ data: e.data, isChecked: V, isDisabled: y, onChange: v }) : a`
             <anduin-checkbox
               .checked=${V}
@@ -9743,20 +9832,20 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     `;
   }
   get firstDataColumnIndex() {
-    const e = this.columns.findIndex((t) => !r1(t));
+    const e = this.columns.findIndex((t) => !n1(t));
     return e < 0 ? 0 : e;
   }
   renderRow(e, t) {
-    const o = this.renderSelectedKeys.has(e.key), i = this.selectable !== "unselectable", r = this.rowClass ? this.rowClass(e.data, t).trim() : "", l = [
+    const o = this.renderSelectedKeys.has(e.key), i = this.selectable !== "unselectable", n = this.rowClass ? this.rowClass(e.data, t).trim() : "", l = [
       "table__row",
       i ? "table__row--interactive" : "",
       o ? "table__row--selected" : "",
-      r
+      n
     ].filter(Boolean).join(" ");
     return a`
       <tr
         class="${l}"
-        part="${r ? `row ${r}` : "row"}"
+        part="${n ? `row ${n}` : "row"}"
         aria-selected="${this.selectable === "unselectable" || this.selectable === "clickable" ? u : String(o)}"
         style="${this.renderMode === "virtual" ? `height:${this.rowHeight}px` : ""}"
         @click=${(d) => this.onRowClick(d, e, t)}
@@ -9814,10 +9903,10 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
       this.scrolledX ? "table--scrolled-x" : "",
       this.scrollableXEnd ? "table--scrollable-x-end" : ""
     ].filter(Boolean).join(" ");
-    let r = e, l = 0, d = 0, c = 0;
+    let n = e, l = 0, d = 0, c = 0;
     if (this.renderMode === "virtual" && e.length > 0) {
       const p = Math.ceil((this.viewportHeight || 400) / this.rowHeight), f = Math.max(0, Math.floor(this.virtualScrollTop / this.rowHeight) - 6), H = Math.min(e.length, f + p + 12);
-      r = e.slice(f, H), l = f * this.rowHeight, d = (e.length - H) * this.rowHeight, c = f;
+      n = e.slice(f, H), l = f * this.rowHeight, d = (e.length - H) * this.rowHeight, c = f;
     }
     return a`
       <div class="${i}" part="table" style="${t}">
@@ -9837,7 +9926,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
             <tbody part="body">
               ${e.length === 0 ? this.renderPlaceholder() : u}
               ${l > 0 ? a`<tr style="height:${l}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : u}
-              ${r.map(
+              ${n.map(
       (C, p) => C.kind === "group" ? this.renderGroupRow(C) : this.renderRow(C, c + p)
     )}
               ${d > 0 ? a`<tr style="height:${d}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : u}
@@ -9989,7 +10078,7 @@ m4.styles = g`
       color: var(--color-placeholder);
     }
     .table__sort-icon--active {
-      color: var(--color-primary);
+      color: var(--color-primary-icon);
     }
 
     /* The divider between headers is the resize affordance: a hairline at rest,
@@ -10251,7 +10340,7 @@ L([
 L([
   s({
     attribute: "resizable-columns",
-    converter: (n) => n !== "false"
+    converter: (r) => r !== "false"
   })
 ], _.prototype, "resizableColumns");
 L([
@@ -10333,8 +10422,8 @@ customElements.get("anduin-table") || customElements.define("anduin-table", _);
 export {
   A5 as $,
   N1 as A,
-  R as B,
-  I as C,
+  $ as B,
+  R as C,
   P2 as D,
   $1 as E,
   G1 as F,
@@ -10352,7 +10441,7 @@ export {
   K1 as R,
   Y1 as S,
   W1 as T,
-  I2 as U,
+  O2 as U,
   E5 as V,
   P5 as W,
   B5 as X,
@@ -10361,11 +10450,11 @@ export {
   S5 as _,
   e1 as a,
   l5 as a$,
-  O2 as a0,
+  I2 as a0,
   D5 as a1,
   _1 as a2,
   F5 as a3,
-  n1 as a4,
+  r1 as a4,
   g2 as a5,
   h2 as a6,
   Z as a7,
@@ -10374,7 +10463,7 @@ export {
   T5 as aA,
   X7 as aB,
   U7 as aC,
-  n5 as aD,
+  r5 as aD,
   l2 as aE,
   G4 as aF,
   m3 as aG,
@@ -10387,7 +10476,7 @@ export {
   Mt as aN,
   H5 as aO,
   t5 as aP,
-  n2 as aQ,
+  r2 as aQ,
   $7 as aR,
   V5 as aS,
   A7 as aT,
@@ -10395,7 +10484,7 @@ export {
   v5 as aV,
   b5 as aW,
   _5 as aX,
-  n7 as aY,
+  r7 as aY,
   z7 as aZ,
   F7 as a_,
   l1 as aa,
@@ -10404,7 +10493,7 @@ export {
   y2 as ad,
   U1 as ae,
   h5 as af,
-  W as ag,
+  Y as ag,
   w5 as ah,
   Z5 as ai,
   R5 as aj,
@@ -10422,25 +10511,25 @@ export {
   f5 as av,
   h3 as aw,
   Z2 as ax,
-  I5 as ay,
+  O5 as ay,
   xt as az,
   S2 as b,
   k7 as b0,
   Z7 as b1,
   _7 as b2,
-  n0 as b3,
+  r0 as b3,
   i0 as b4,
   e3 as b5,
   a0 as b6,
   o0 as b7,
   s0 as b8,
   l0 as b9,
-  r0 as ba,
+  n0 as ba,
   t0 as bb,
   Ft as bc,
   w3 as bd,
   W2 as be,
-  Ot as bf,
+  It as bf,
   Pt as bg,
   Ut as bh,
   Gt as bi,
@@ -10457,25 +10546,25 @@ export {
   u1 as bt,
   x1 as bu,
   g3 as bv,
-  P as bw,
+  B as bw,
   g7 as bx,
-  O1 as by,
+  I1 as by,
   p0 as bz,
   v2 as c,
-  $ as d,
-  j as e,
+  E as d,
+  U as e,
   A2 as f,
   v1 as g,
-  S as h,
-  A as i,
+  A as h,
+  D as i,
   t1 as j,
-  O5 as k,
+  I5 as k,
   K7 as l,
   N2 as m,
   G7 as n,
   b2 as o,
   D2 as p,
-  G as q,
+  K as q,
   w7 as r,
   M as s,
   B2 as t,