npm - @duyluonganduin/acl-web-components - Versions diffs - 0.0.66 → 0.0.68 - Mend

@duyluonganduin/acl-web-components 0.0.66 → 0.0.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/acl-web-components.cjs +1 -1
package/dist/acl-web-components.d.ts +111 -2
package/dist/acl-web-components.iife.js +360 -242
package/dist/acl-web-components.js +1 -1
package/dist/{anduin-table-D5xijY_4.js → anduin-table-0_-QLHyg.js} +1103 -853
package/dist/{anduin-table-B-RW2kkS.cjs → anduin-table-D9R2qRAW.cjs} +284 -166
package/dist/jsx.d.ts +8 -0
package/dist/react.cjs +1 -1
package/dist/react.d.ts +111 -2
package/dist/react.js +2 -2
package/package.json +1 -1

package/dist/{anduin-table-D5xijY_4.js → anduin-table-0_-QLHyg.js} RENAMED Viewed

@@ -3,8 +3,8 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $2 = globalThis, N5 = $2.ShadowRoot && ($2.ShadyCSS === void 0 || $2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, j5 = Symbol(), y4 = /* @__PURE__ */ new WeakMap();
-let o3 = class {
+const $2 = globalThis, N5 = $2.ShadowRoot && ($2.ShadyCSS === void 0 || $2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, j5 = Symbol(), _t = /* @__PURE__ */ new WeakMap();
+let o4 = class {
   constructor(e, t, o) {
     if (this._$cssResult$ = !0, o !== j5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
@@ -14,7 +14,7 @@ let o3 = class {
     const t = this.t;
     if (N5 && e === void 0) {
       const o = t !== void 0 && t.length === 1;
-      o && (e = y4.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && y4.set(t, e));
+      o && (e = _t.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && _t.set(t, e));
     }
     return e;
   }
@@ -22,33 +22,33 @@ let o3 = class {
     return this.cssText;
   }
 };
-const n3 = (r) => new o3(typeof r == "string" ? r : r + "", void 0, j5), g = (r, ...e) => {
+const n4 = (r) => new o4(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) + r[n + 1], r[0]);
-  return new o3(t, r, j5);
-}, S3 = (r, e) => {
+  return new o4(t, r, j5);
+}, S4 = (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, r.appendChild(o);
   }
-}, L4 = N5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
+}, Lt = N5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const o of e.cssRules) t += o.cssText;
-  return n3(t);
+  return n4(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 = (r, e) => r, E2 = { toAttribute(r, e) {
+const { is: A4, defineProperty: D4, getOwnPropertyDescriptor: P4, getOwnPropertyNames: B4, getOwnPropertySymbols: T4, getPrototypeOf: F4 } = Object, h1 = globalThis, Vt = h1.trustedTypes, I4 = Vt ? Vt.emptyScript : "", Y2 = h1.reactiveElementPolyfillSupport, s2 = (r, e) => r, E2 = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      r = r ? O3 : null;
+      r = r ? I4 : null;
       break;
     case Object:
     case Array:
@@ -73,23 +73,23 @@ const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnProperty
       }
   }
   return t;
-} }, U5 = (r, e) => !A3(r, e), x4 = { attribute: !0, type: String, converter: E2, reflect: !1, useDefault: !1, hasChanged: U5 };
+} }, U5 = (r, e) => !A4(r, e), xt = { 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 F1 = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = x4) {
+  static createProperty(e, t = xt) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
       const o = Symbol(), i = this.getPropertyDescriptor(e, o, t);
-      i !== void 0 && D3(this.prototype, e, i);
+      i !== void 0 && D4(this.prototype, e, i);
     }
   }
   static getPropertyDescriptor(e, t, o) {
-    const { get: i, set: n } = P3(this.prototype, e) ?? { get() {
+    const { get: i, set: n } = P4(this.prototype, e) ?? { get() {
       return this[t];
     }, set(l) {
       this[t] = l;
@@ -100,17 +100,17 @@ let I1 = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? x4;
+    return this.elementProperties.get(e) ?? xt;
   }
   static _$Ei() {
     if (this.hasOwnProperty(s2("elementProperties"))) return;
-    const e = I3(this);
+    const e = F4(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(s2("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(s2("properties"))) {
-      const t = this.properties, o = [...B3(t), ...F3(t)];
+      const t = this.properties, o = [...B4(t), ...T4(t)];
       for (const i of o) this.createProperty(i, t[i]);
     }
     const e = this[Symbol.metadata];
@@ -129,8 +129,8 @@ let I1 = class extends HTMLElement {
     const t = [];
     if (Array.isArray(e)) {
       const o = new Set(e.flat(1 / 0).reverse());
-      for (const i of o) t.unshift(L4(i));
-    } else e !== void 0 && t.push(L4(e));
+      for (const i of o) t.unshift(Lt(i));
+    } else e !== void 0 && t.push(Lt(e));
     return t;
   }
   static _$Eu(e, t) {
@@ -159,7 +159,7 @@ let I1 = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return S3(e, this.constructor.elementStyles), e;
+    return S4(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -278,48 +278,48 @@ 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");
+F1.elementStyles = [], F1.shadowRootOptions = { mode: "open" }, F1[s2("elementProperties")] = /* @__PURE__ */ new Map(), F1[s2("finalized")] = /* @__PURE__ */ new Map(), Y2 == null || Y2({ ReactiveElement: F1 }), (h1.reactiveElementVersions ?? (h1.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-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 = (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) {
+const a2 = globalThis, wt = (r) => r, z2 = a2.trustedTypes, Mt = z2 ? z2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, r4 = "$lit$", p1 = `lit$${Math.random().toFixed(9).slice(2)}$`, l4 = "?" + p1, O4 = `<${l4}>`, k1 = document, c2 = () => k1.createComment(""), C2 = (r) => r === null || typeof r != "object" && typeof r != "function", G5 = Array.isArray, N4 = (r) => G5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", q2 = `[
+\f\r]`, e2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Zt = /-->/g, kt = />/g, V1 = RegExp(`>|${q2}(?:([^\\s"'>=/]+)(${q2}*=${q2}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Rt = /'/g, $t = /"/g, s4 = /^(?:script|style|textarea|title)$/i, a4 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), a = a4(1), u2 = a4(2), R1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Et = /* @__PURE__ */ new WeakMap(), w1 = k1.createTreeWalker(k1, 129);
+function d4(r, e) {
   if (!G5(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return M4 !== void 0 ? M4.createHTML(e) : e;
+  return Mt !== void 0 ? Mt.createHTML(e) : e;
 }
-const j3 = (r, e) => {
+const j4 = (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 = 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);
+    for (; H < c.length && (l.lastIndex = H, p = l.exec(c), p !== null); ) H = l.lastIndex, l === e2 ? p[1] === "!--" ? l = Zt : p[1] !== void 0 ? l = kt : p[2] !== void 0 ? (s4.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] === '"' ? $t : Rt) : l === $t || l === Rt ? l = V1 : l === Zt || l === kt ? l = e2 : (l = V1, i = void 0);
     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);
+    n += l === e2 ? c + O4 : f >= 0 ? (o.push(C), c.slice(0, f) + r4 + c.slice(f) + p1 + m) : c + p1 + (f === -2 ? d : m);
   }
-  return [d3(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
+  return [d4(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
 class p2 {
   constructor({ strings: e, _$litType$: t }, o) {
     let i;
     this.parts = [];
     let n = 0, l = 0;
-    const d = e.length - 1, c = this.parts, [C, p] = j3(e, t);
+    const d = e.length - 1, c = this.parts, [C, p] = j4(e, t);
     if (this.el = p2.createElement(C, o), w1.currentNode = this.el.content, t === 2 || t === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
     for (; (i = w1.nextNode()) !== null && c.length < d; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(r3)) {
+        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(r4)) {
           const H = p[l++], m = i.getAttribute(f).split(p1), V = /([.?@])?(.*)/.exec(H);
-          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);
+          c.push({ type: 1, index: n, name: V[2], strings: m, ctor: V[1] === "." ? G4 : V[1] === "?" ? K4 : V[1] === "@" ? W4 : K2 }), i.removeAttribute(f);
         } else f.startsWith(p1) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
-        if (s3.test(i.tagName)) {
+        if (s4.test(i.tagName)) {
           const f = i.textContent.split(p1), H = f.length - 1;
           if (H > 0) {
             i.textContent = z2 ? z2.emptyScript : "";
@@ -327,7 +327,7 @@ class p2 {
             i.append(f[H], c2());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === l3) c.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === l4) c.push({ type: 2, index: n });
       else {
         let f = -1;
         for (; (f = i.data.indexOf(p1, f + 1)) !== -1; ) c.push({ type: 7, index: n }), f += p1.length - 1;
@@ -340,14 +340,14 @@ class p2 {
     return o.innerHTML = e, o;
   }
 }
-function T1(r, e, t = r, o) {
+function O1(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 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;
+  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 = O1(r, i._$AS(r, e.values), i, o)), e;
 }
-class U3 {
+class U4 {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -364,7 +364,7 @@ class U3 {
     for (; c !== void 0; ) {
       if (l === c.index) {
         let C;
-        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];
+        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 Y4(n, this, e)), this._$AV.push(C), c = o[++d];
       }
       l !== (c == null ? void 0 : c.index) && (n = w1.nextNode(), l++);
     }
@@ -395,7 +395,7 @@ class k2 {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = T1(this, e, t), C2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== R1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : N3(e) ? this.k(e) : this._(e);
+    e = O1(this, e, t), C2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== R1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : N4(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -408,16 +408,16 @@ class k2 {
   }
   $(e) {
     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);
+    const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = p2.createElement(d4(o.h, o.h[0]), this.options)), o);
     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);
+      const l = new U4(i, this), d = l.u(this.options);
       l.p(t), this.T(d), this._$AH = l;
     }
   }
   _$AC(e) {
-    let t = E4.get(e.strings);
-    return t === void 0 && E4.set(e.strings, t = new p2(e)), t;
+    let t = Et.get(e.strings);
+    return t === void 0 && Et.set(e.strings, t = new p2(e)), t;
   }
   k(e) {
     G5(this._$AH) || (this._$AH = [], this._$AR());
@@ -429,8 +429,8 @@ class k2 {
   _$AR(e = this._$AA.nextSibling, t) {
     var o;
     for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, t); e !== this._$AB; ) {
-      const i = w4(e).nextSibling;
-      w4(e).remove(), e = i;
+      const i = wt(e).nextSibling;
+      wt(e).remove(), e = i;
     }
   }
   setConnected(e) {
@@ -451,11 +451,11 @@ class K2 {
   _$AI(e, t = this, o, i) {
     const n = this.strings;
     let l = !1;
-    if (n === 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 = O1(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 = 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;
+      for (e = n[0], c = 0; c < n.length - 1; c++) C = O1(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);
   }
@@ -463,7 +463,7 @@ class K2 {
     e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class G3 extends K2 {
+class G4 extends K2 {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -471,7 +471,7 @@ class G3 extends K2 {
     this.element[this.name] = e === u ? void 0 : e;
   }
 }
-class K3 extends K2 {
+class K4 extends K2 {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -479,12 +479,12 @@ class K3 extends K2 {
     this.element.toggleAttribute(this.name, !!e && e !== u);
   }
 }
-class W3 extends K2 {
+class W4 extends K2 {
   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;
+    if ((e = O1(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, 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;
   }
@@ -493,7 +493,7 @@ class W3 extends K2 {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Y3 {
+class Y4 {
   constructor(e, t, o) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
   }
@@ -501,12 +501,12 @@ class Y3 {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    T1(this, e);
+    O1(this, e);
   }
 }
 const X2 = a2.litHtmlPolyfillSupport;
 X2 == null || X2(p2, k2), (a2.litHtmlVersions ?? (a2.litHtmlVersions = [])).push("3.3.2");
-const q3 = (r, e, t) => {
+const q4 = (r, e, t) => {
   const o = (t == null ? void 0 : t.renderBefore) ?? e;
   let i = o._$litPart$;
   if (i === void 0) {
@@ -521,7 +521,7 @@ const q3 = (r, e, t) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Z1 = globalThis;
-let h = class extends I1 {
+let h = class extends F1 {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -532,7 +532,7 @@ let h = class extends I1 {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = q3(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = q4(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -546,8 +546,8 @@ let h = class extends I1 {
     return R1;
   }
 };
-var i3;
-h._$litElement$ = !0, h.finalized = !0, (i3 = Z1.litElementHydrateSupport) == null || i3.call(Z1, { LitElement: h });
+var i4;
+h._$litElement$ = !0, h.finalized = !0, (i4 = Z1.litElementHydrateSupport) == null || i4.call(Z1, { LitElement: h });
 const J2 = Z1.litElementPolyfillSupport;
 J2 == null || J2({ LitElement: h });
 (Z1.litElementVersions ?? (Z1.litElementVersions = [])).push("4.2.2");
@@ -556,7 +556,7 @@ 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 = (r = X3, e, t) => {
+const X4 = { attribute: !0, type: String, converter: E2, reflect: !1, hasChanged: U5 }, J4 = (r = X4, e, t) => {
   const { kind: o, metadata: i } = t;
   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") {
@@ -578,7 +578,7 @@ const X3 = { attribute: !0, type: String, converter: E2, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + o);
 };
 function s(r) {
-  return (e, t) => typeof t == "object" ? J3(r, e, t) : ((o, i, n) => {
+  return (e, t) => typeof t == "object" ? J4(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);
@@ -596,27 +596,27 @@ function b(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Q3 = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
+const Q4 = (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(r, e) {
+function R(r, e) {
   return (t, o, i) => {
     const n = (l) => {
       var d;
       return ((d = l.renderRoot) == null ? void 0 : d.querySelector(r)) ?? null;
     };
-    return Q3(t, o, { get() {
+    return Q4(t, o, { get() {
       return n(this);
     } });
   };
 }
-var et = Object.defineProperty, c3 = (r, e, t, o) => {
+var e3 = Object.defineProperty, c4 = (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;
+  return i && e3(e, t, i), i;
 };
 const X5 = class X5 extends h {
   constructor() {
@@ -681,24 +681,24 @@ X5.styles = g`
     @keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
   `;
 let h2 = X5;
-c3([
+c4([
   s()
 ], h2.prototype, "size");
-c3([
+c4([
   s()
 ], h2.prototype, "percent");
 customElements.get("anduin-spinner") || customElements.define("anduin-spinner", h2);
-var tt = Object.defineProperty, C3 = (r, e, t, o) => {
+var t3 = Object.defineProperty, C4 = (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;
+  return i && t3(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 {
+const zt = "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", i3 = { small: 16, medium: 24, large: 32 }, J5 = class J5 extends h {
   constructor() {
     super(...arguments), this.size = "small", this.color = "default";
   }
   render() {
-    const e = it[this.size] ?? 16;
+    const e = i3[this.size] ?? 16;
     return u2`
       <svg
         xmlns="http://www.w3.org/2000/svg"
@@ -708,8 +708,8 @@ const z4 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.635
         fill="currentColor"
         overflow="visible"
       >
-        <path class="star"        d="${z4}"/>
-        <path class="star star-2" d="${z4}"/>
+        <path class="star"        d="${zt}"/>
+        <path class="star star-2" d="${zt}"/>
       </svg>
     `;
   }
@@ -754,19 +754,19 @@ J5.styles = g`
     }
   `;
 let g2 = J5;
-C3([
+C4([
   s({ reflect: !0 })
 ], g2.prototype, "size");
-C3([
+C4([
   s({ reflect: !0 })
 ], g2.prototype, "color");
 customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", g2);
-var ot = Object.defineProperty, K5 = (r, e, t, o) => {
+var o3 = 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;
+  return i && o3(e, t, i), i;
 };
-const u3 = [
+const u4 = [
   {
     index: 1,
     d: "M62.5473 18.7416L54.9042 14.3289L44.2017 19.8592L44.1897 8.14288L40.4782 6L36.7581 8.1621L36.7873 32.0482L62.5473 18.7416Z",
@@ -809,7 +809,7 @@ const u3 = [
     originY: 39.0175,
     delay: -0.97
   }
-], 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(
+], St = 20, At = 5, n3 = 900, r3 = 160, Dt = 2, l3 = "cubic-bezier(0.22, 0.61, 0.36, 1)", Q2 = 180, o2 = "ai-spinner--loading", n2 = "ai-spinner--settling", M1 = "ai-spinner__segment", s3 = u4.map(
   (r) => `
     .${M1}--${r.index} {
       transform-origin: ${r.originX}px ${r.originY}px;
@@ -823,10 +823,10 @@ const u3 = [
 ).join(`
 `), Q5 = class Q5 extends h {
   constructor() {
-    super(...arguments), this.state = "loading", this.size = S4;
+    super(...arguments), this.state = "loading", this.size = St;
   }
   render() {
-    const e = this.size > 0 ? this.size : S4;
+    const e = this.size > 0 ? this.size : St;
     return a`
       <div class="ai-spinner">
         <svg
@@ -838,7 +838,7 @@ const u3 = [
           fill="none"
           aria-hidden="true"
         >
-          ${u3.map(
+          ${u4.map(
       (t) => u2`
               <path
                 class="${M1} ${M1}--${t.index}"
@@ -862,7 +862,7 @@ const u3 = [
     const t = this.wrapper;
     if (!t) return;
     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));
+    e ? (this.cancelSettle(t), this.cancelSegmentRest(t), o !== null && o >= Dt ? t.style.setProperty("animation-delay", `${-(o / 360 * At)}s`) : t.style.removeProperty("animation-delay"), t.classList.add(o2)) : i && (o !== null && 360 - o >= Dt ? (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) {
@@ -874,8 +874,8 @@ const u3 = [
     return i < 0 ? i + 360 : i;
   }
   startSettle(e, t) {
-    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) => {
+    const o = 360 - t, i = Math.max(r3, o / 360 * n3);
+    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 ${l3}`), e.style.setProperty("transform", "rotate(360deg)"), this.settleListener = (n) => {
       n.target === e && n.propertyName === "transform" && this.restSegments(e);
     }, e.addEventListener("transitionend", this.settleListener);
   }
@@ -947,7 +947,7 @@ Q5.styles = g`
     }
     .ai-spinner--loading {
-      animation: ai-spinner-spin ${A4}s linear infinite;
+      animation: ai-spinner-spin ${At}s linear infinite;
       will-change: transform;
     }
@@ -960,7 +960,7 @@ Q5.styles = g`
       animation: ai-spinner-pulse 1.52s linear infinite;
     }
-    ${n3(st)}
+    ${n4(s3)}
     @keyframes ai-spinner-spin {
       to {
@@ -1007,10 +1007,10 @@ K5([
   s({ type: Number, reflect: !0 })
 ], N1.prototype, "size");
 K5([
-  k(".ai-spinner")
+  R(".ai-spinner")
 ], N1.prototype, "wrapper");
 customElements.get("anduin-ai-spinner") || customElements.define("anduin-ai-spinner", N1);
-const P4 = {
+const Pt = {
   access: [{ d: "M13 2.5H3C2.72386 2.5 2.5 2.72386 2.5 3V5.75H1V3C1 1.89543 1.89543 1 3 1H13C14.1046 1 15 1.89543 15 3V13C15 14.1046 14.1046 15 13 15H3C1.89543 15 1 14.1046 1 13V10.25H2.5V13C2.5 13.2761 2.72386 13.5 3 13.5H13C13.2761 13.5 13.5 13.2761 13.5 13V3C13.5 2.72386 13.2761 2.5 13 2.5ZM7.53033 4.21979C7.23744 3.9269 6.76256 3.9269 6.46967 4.21979C6.17678 4.51269 6.17678 4.98756 6.46967 5.28045L8.43922 7.25L0.75 7.25C0.335786 7.25 0 7.58579 0 8C0 8.41421 0.335786 8.75 0.75 8.75L8.43946 8.75L6.46967 10.7198C6.17678 11.0127 6.17678 11.4876 6.46967 11.7805C6.76256 12.0733 7.23744 12.0733 7.53033 11.7805L10.7803 8.53044C11.0732 8.23755 11.0732 7.76268 10.7803 7.46978L7.53033 4.21979Z", fillRule: "evenodd", clipRule: "evenodd" }],
   alignCenter: [{ d: "M2 1C1.44772 1 1 1.44772 1 2C1 2.55228 1.44772 3 2 3H14C14.5523 3 15 2.55228 15 2C15 1.44772 14.5523 1 14 1H2ZM2 9C1.44772 9 1 9.44771 1 10C1 10.5523 1.44772 11 2 11H14C14.5523 11 15 10.5523 15 10C15 9.44771 14.5523 9 14 9H2ZM4 6C4 5.44772 4.44772 5 5 5H11C11.5523 5 12 5.44772 12 6C12 6.55228 11.5523 7 11 7H5C4.44772 7 4 6.55228 4 6ZM5 13C4.44772 13 4 13.4477 4 14C4 14.5523 4.44772 15 5 15H11C11.5523 15 12 14.5523 12 14C12 13.4477 11.5523 13 11 13H5Z", fillRule: "evenodd", clipRule: "evenodd" }],
   alignJustify: [{ d: "M2 1C1.44772 1 1 1.44772 1 2C1 2.55228 1.44772 3 2 3H14C14.5523 3 15 2.55228 15 2C15 1.44772 14.5523 1 14 1H2ZM2 9C1.44772 9 1 9.44771 1 10C1 10.5523 1.44772 11 2 11H14C14.5523 11 15 10.5523 15 10C15 9.44771 14.5523 9 14 9H2ZM1 6C1 5.44772 1.44772 5 2 5H14C14.5523 5 15 5.44772 15 6C15 6.55228 14.5523 7 14 7H2C1.44772 7 1 6.55228 1 6ZM2 13C1.44772 13 1 13.4477 1 14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H2Z", fillRule: "evenodd", clipRule: "evenodd" }],
@@ -1372,17 +1372,17 @@ 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 = (r, e, t, o) => {
+var a3 = Object.defineProperty, p4 = (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;
+  return i && a3(e, t, i), i;
 };
 const ee = class ee extends h {
   constructor() {
     super(...arguments), this.name = "", this.size = 16;
   }
   render() {
-    const e = this.name && P4[this.name] ? P4[this.name] : [], t = !this.name;
+    const e = this.name && Pt[this.name] ? Pt[this.name] : [], t = !this.name;
     return u2`
       <svg
         class=${t ? "icon--hidden" : ""}
@@ -1410,19 +1410,19 @@ ee.styles = g`
     .icon--hidden { display: none; }
   `;
 let f2 = ee;
-p3([
+p4([
   s()
 ], f2.prototype, "name");
-p3([
+p4([
   s({ type: Number })
 ], f2.prototype, "size");
 customElements.get("anduin-icon") || customElements.define("anduin-icon", f2);
-var dt = Object.defineProperty, ct = (r, e, t, o) => {
+var d3 = 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 && dt(e, t, i), i;
+  return i && d3(e, t, i), i;
 };
-const h3 = g`
+const h4 = g`
   :host { display: inline-block; font-family: var(--font-sans); }
   .badge {
     border-radius: 9999px;
@@ -1450,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(r) {
+function g4(r) {
   return {
     gray: "badge--light-gray",
     primary: "badge--light-primary",
@@ -1469,20 +1469,20 @@ const te = class te extends h {
     super(...arguments), this.variant = "gray";
   }
   render() {
-    const e = g3(this.variant);
+    const e = g4(this.variant);
     return a`<div class="badge ${e}" part="badge"><slot></slot></div>`;
   }
 };
-te.styles = [h3];
+te.styles = [h4];
 let S2 = te;
-ct([
+c3([
   s()
 ], S2.prototype, "variant");
 customElements.get("anduin-badge") || customElements.define("anduin-badge", S2);
-var Ct = Object.defineProperty, f3 = (r, e, t, o) => {
+var C3 = Object.defineProperty, f4 = (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;
+  return i && C3(e, t, i), i;
 };
 const ie = class ie extends h {
   constructor() {
@@ -1492,7 +1492,7 @@ const ie = class ie extends h {
     return e > 99 ? "99+" : e.toString();
   }
   render() {
-    const e = g3(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, i = [
+    const e = g4(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, i = [
       "badge",
       e,
       t ? "badge--hidden" : "",
@@ -1501,21 +1501,21 @@ const ie = class ie extends h {
     return a`<div class="${i}" part="badge">${this.formatCount(this.count)}</div>`;
   }
 };
-ie.styles = [h3];
+ie.styles = [h4];
 let v2 = ie;
-f3([
+f4([
   s()
 ], v2.prototype, "variant");
-f3([
+f4([
   s({ type: Number })
 ], v2.prototype, "count");
 customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", v2);
-var ut = Object.defineProperty, F = (r, e, t, o) => {
+var u3 = 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;
+  return i && u3(e, t, i), i;
 };
-function pt(r) {
+function p3(r) {
   return r.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
 const oe = class oe extends h {
@@ -1535,7 +1535,7 @@ const oe = class oe extends h {
     return this.variant ? this.variant : this.appearance === "filled" ? "gray0" : this.appearance === "text" ? "primary" : "gray9";
   }
   getSizeKebab() {
-    return pt(this.size);
+    return p3(this.size);
   }
   iconSize() {
     return this.size === "tiny" || this.size === "extraSmall" || this.size === "small" ? "12" : "16";
@@ -1695,57 +1695,57 @@ 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([
+], E.prototype, "iconOnly");
+I([
   s({ converter: (r) => r || "filled" })
-], $.prototype, "appearance");
-F([
+], 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 = (r, e, t, o) => {
+], E.prototype, "label");
+customElements.get("anduin-button") || customElements.define("anduin-button", E);
+var h3 = Object.defineProperty, g3 = (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;
+  return i && h3(e, t, i), i;
 };
 const ne = class ne extends h {
   constructor() {
@@ -1773,14 +1773,14 @@ ne.styles = g`
     .callout--warning { background-color: var(--color-warning); color: var(--color-warning-foreground); }
   `;
 let A2 = ne;
-gt([
+g3([
   s()
 ], A2.prototype, "variant");
 customElements.get("anduin-callout") || customElements.define("anduin-callout", A2);
-var ft = Object.defineProperty, v3 = (r, e, t, o) => {
+var f3 = Object.defineProperty, v4 = (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;
+  return i && f3(e, t, i), i;
 };
 const re = class re extends h {
   constructor() {
@@ -1824,17 +1824,17 @@ re.styles = g`
     .divider__line--vertical { border-left: 1px solid var(--color-border); justify-self: center; }
   `;
 let b2 = re;
-v3([
+v4([
   s({ reflect: !0 })
 ], b2.prototype, "direction");
-v3([
+v4([
   b()
 ], b2.prototype, "hasContent");
 customElements.get("anduin-divider") || customElements.define("anduin-divider", b2);
-var vt = Object.defineProperty, bt = (r, e, t, o) => {
+var v3 = 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 && vt(e, t, i), i;
+  return i && v3(e, t, i), i;
 };
 const le = class le extends h {
   constructor() {
@@ -1855,14 +1855,14 @@ le.styles = g`
     .dot--warning { background-color: var(--color-warning); color: var(--color-warning-foreground); }
   `;
 let D2 = le;
-bt([
+b3([
   s()
 ], D2.prototype, "variant");
 customElements.get("anduin-dot") || customElements.define("anduin-dot", D2);
-var mt = Object.defineProperty, b3 = (r, e, t, o) => {
+var m3 = Object.defineProperty, b4 = (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;
+  return i && m3(e, t, i), i;
 };
 const se = class se extends h {
   constructor() {
@@ -1897,17 +1897,17 @@ se.styles = g`
     }
   `;
 let m2 = se;
-b3([
+b4([
   s()
 ], m2.prototype, "percent");
-b3([
+b4([
   s()
 ], m2.prototype, "height");
 customElements.get("anduin-progress") || customElements.define("anduin-progress", m2);
-var Ht = Object.defineProperty, q1 = (r, e, t, o) => {
+var H3 = 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;
+  return i && H3(e, t, i), i;
 };
 const ae = class ae extends h {
   constructor() {
@@ -1967,10 +1967,10 @@ q1([
   s({ attribute: "font-size" })
 ], r1.prototype, "fontSize");
 customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", r1);
-var _t = Object.defineProperty, yt = (r, e, t, o) => {
+var y3 = Object.defineProperty, _3 = (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;
+  return i && y3(e, t, i), i;
 };
 const de = class de extends h {
   constructor() {
@@ -1994,21 +1994,21 @@ de.styles = g`
     .loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-subtle-foreground); }
   `;
 let P2 = de;
-yt([
+_3([
   s()
 ], P2.prototype, "height");
 customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", P2);
-var Lt = Object.defineProperty, W5 = (r, e, t, o) => {
+var L3 = 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;
+  return i && L3(e, t, i), i;
 };
-const m3 = "anduin-field:label-click", f1 = "anduin-field:label-click-coordinated", ce = class ce extends h {
+const m4 = "anduin-field:label-click", f1 = "anduin-field:label-click-coordinated", ce = class ce extends h {
   constructor() {
     super(...arguments), this.orientation = "vertical";
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(m3, (e) => {
+    super.connectedCallback(), this.addEventListener(m4, (e) => {
       const t = e;
       this.dispatchEvent(new CustomEvent(f1, {
         detail: t.detail,
@@ -2044,7 +2044,7 @@ const Ce = class Ce extends h {
     super.connectedCallback();
   }
   onLabelClick(e) {
-    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(m3, {
+    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(m4, {
       detail: this.htmlfor,
       bubbles: !0,
       composed: !0
@@ -2110,12 +2110,12 @@ 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 = (r, e, t, o) => {
+var V3 = 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;
+  return i && V3(e, t, i), i;
 };
-const xt = "anduin-checkbox:change", ge = class ge extends h {
+const x3 = "anduin-checkbox:change", ge = class ge extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.readonly = !1, this.inputid = "";
   }
@@ -2128,7 +2128,7 @@ const xt = "anduin-checkbox:change", ge = class ge extends h {
     });
   }
   toggle() {
-    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(xt, {
+    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(x3, {
       detail: this.checked,
       bubbles: !0,
       composed: !0
@@ -2224,17 +2224,87 @@ R2([
   s()
 ], v1.prototype, "inputid");
 customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", v1);
-var wt = Object.defineProperty, Y = (r, e, t, o) => {
+var w3 = 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 && wt(e, t, i), i;
+  return i && w3(e, t, i), i;
 };
-const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 extends h {
+const Bt = "anduin-input:change", M3 = "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, this._slotted = null, this._slottedType = "text", this._slottedTypeAttr = null, this._slottedFresh = !1, this._written = /* @__PURE__ */ new Map(), this._onSlottedInput = () => this.onInput(), this._onSlottedChange = () => {
+      this._slotted && this._slotted.value !== this.value && this.onInput();
+    };
+  }
+  /** The `<input>` everything acts on: the slotted one if present, else the inner one. */
+  get inputEl() {
+    return this._slotted ?? this._innerInput ?? void 0;
+  }
+  _findSlotted() {
+    for (const e of Array.from(this.children))
+      if (e.localName === "input" && e.getAttribute("slot") === "input") return e;
+    return null;
+  }
+  /**
+   * Adopts (or lets go of) a consumer's native `<input slot="input">`.
+   *
+   * The reason this exists: the inner `<input>` lives in a shadow root, and
+   * Safari's AutoFill (iCloud Keychain) — and other password managers to
+   * varying degrees — do not reliably find, fill, save or suggest passwords
+   * for a field there. They look for a light-DOM input, ideally inside a
+   * <form> next to a username field. `type`, `autocomplete` and `name` (0.0.67)
+   * reach the inner input but cannot fix that, so a sign-in form slots its own.
+   *
+   * On adoption the value is reconciled once: a non-empty host value wins (it
+   * is what a controlled React `value` says), otherwise the input's own value —
+   * typed before upgrade, or already autofilled — becomes the host's, quietly.
+   */
+  _setSlotted(e) {
+    if (e === this._slotted) return;
+    const t = this._slotted;
+    if (t) {
+      t.removeEventListener("input", this._onSlottedInput), t.removeEventListener("change", this._onSlottedChange);
+      for (const [o, i] of this._written)
+        t.getAttribute(o) === i && t.removeAttribute(o);
+      t.getAttribute("type") !== this._slottedTypeAttr && (this._slottedTypeAttr === null ? t.removeAttribute("type") : t.setAttribute("type", this._slottedTypeAttr));
+    }
+    this._written = /* @__PURE__ */ new Map(), this._revealed = !1, this._slotted = e, e && (e.addEventListener("input", this._onSlottedInput), e.addEventListener("change", this._onSlottedChange), this._slottedTypeAttr = e.getAttribute("type"), this._slottedType = (this._slottedTypeAttr || "text").toLowerCase(), this.value ? e.value = this.value : e.value && (this.value = e.value), this._slottedFresh = !0);
+  }
+  onSlotChange() {
+    this._setSlotted(this._findSlotted());
+  }
+  /** The type the field has when not revealed. */
+  get _baseType() {
+    return this.type && this.type !== "text" ? this.type : this._slotted ? this._slottedType : "text";
+  }
+  /**
+   * Writes a host prop onto the slotted input as an attribute: only when the
+   * prop is non-empty (or `true`), and never over an attribute the consumer
+   * set. Clearing a prop removes only an attribute this element wrote.
+   */
+  _writeAttr(e, t, o) {
+    const i = e.getAttribute(t), n = this._written.get(t);
+    if (i !== null && i !== n) return;
+    const l = o === !0 ? "" : o || null;
+    l === null ? (i !== null && e.removeAttribute(t), this._written.delete(t)) : (i !== l && e.setAttribute(t, l), this._written.set(t, l));
+  }
+  _syncSlotted(e, t) {
+    const o = this._slottedFresh;
+    this._slottedFresh = !1;
+    const i = [
+      ["inputid", "id", this.inputid],
+      ["name", "name", this.name],
+      ["autocomplete", "autocomplete", this.autocomplete],
+      ["placeholder", "placeholder", this.placeholder],
+      ["disabled", "disabled", this.disabled],
+      ["readonly", "readonly", this.readonly]
+    ];
+    for (const [d, c, C] of i)
+      (o || t.has(d)) && this._writeAttr(e, c, C);
+    const l = this._baseType === "password" && this.revealable && this._revealed ? "text" : this._baseType;
+    e.type !== l && (e.type = l), (o || t.has("value")) && e.value !== this.value && (e.value = this.value);
   }
   connectedCallback() {
-    super.connectedCallback();
+    super.connectedCallback(), this._setSlotted(this._findSlotted());
     const e = this.closest("anduin-field");
     e && e.addEventListener(f1, (t) => {
       var i;
@@ -2242,7 +2312,14 @@ 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());
     });
   }
-  updated() {
+  willUpdate(e) {
+    ((e.has("type") || e.has("_slottedType")) && this._baseType !== "password" || e.has("revealable") && !this.revealable) && (this._revealed = !1);
+  }
+  updated(e) {
+    if (this._slotted) {
+      this._syncSlotted(this._slotted, e);
+      return;
+    }
     this.inputEl && this.inputEl.value !== this.value && (this.inputEl.value = this.value);
   }
   /**
@@ -2261,7 +2338,7 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
    * unfocusable, as a native one is.
    */
   focus(e) {
-    this.inputEl ? super.focus(e) : this.updateComplete.then(() => super.focus(e));
+    this._slotted ? this._slotted.focus(e) : this.inputEl ? super.focus(e) : this.updateComplete.then(() => super.focus(e));
   }
   /**
    * Selects the whole value so the next keystroke replaces it — e.g. from an
@@ -2275,51 +2352,119 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
     this._withInput((i) => i.setSelectionRange(e, t, o));
   }
   onInput() {
-    this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(B4, {
+    this.inputEl && (this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(Bt, {
       detail: this.value,
       bubbles: !0,
       composed: !0
-    }));
+    })));
   }
   onClear() {
     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();
+    this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(Bt, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(M3, { 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. "Has focus"
+   * is asked of the input's own root: the shadow root for the inner input,
+   * the document (or an enclosing shadow root) for a slotted one.
+   */
+  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(() => {
+      const n = e == null ? void 0 : e.getRootNode();
+      e && t !== null && o !== null && (n == 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, 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";
+    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._baseType === "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._baseType, 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
+        <!--
+          Always rendered, so a native input slotted later is still seen
+          (slotchange). Empty, it is display: contents and draws nothing, so
+          an element with no slotted input lays out exactly as before.
+        -->
+        <slot
+          name="input"
+          class="input-slot ${e}
+            ${o ? "input--has-start" : ""}
+            ${n ? "input--has-end" : ""}
+            ${this.disabled ? "input--disabled" : ""}
+            ${this.readonly ? "input--readonly" : ""}
+            ${t}"
+          style=${p && this._slotted ? `--_end-extra: ${p}px` : u}
+          @slotchange=${this.onSlotChange}
+        ></slot>
+        ${this._slotted ? u : a`<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 || ""}
           placeholder=${this.placeholder || ""}
           part="input"
           @input=${this.onInput}
-        />
+        />`}
-        ${i ? a`
+        ${n ? a`
           <span class="input__end">
-            ${n ? 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}
@@ -2350,9 +2495,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); }
@@ -2372,7 +2523,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;
@@ -2380,49 +2532,147 @@ 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; }
+    /*
+     * A native <input slot="input"> from the consumer, drawn the same as the
+     * inner one above. Every rule mirrors one of the .input rules, keyed off
+     * classes on the <slot> (the host's state) instead of on the input, so
+     * nothing is ever written into the consumer's class attribute.
+     *
+     * Everything here is !important, and that is the point rather than a
+     * shortcut. A slotted input is styled by both trees, and for normal
+     * declarations the outer tree wins over ::slotted() whatever the
+     * specificity or layer — so a page's reset (Tailwind's preflight sets
+     * font: inherit, padding: 0, border: 0 solid, border-radius: 0 and a
+     * transparent background on every input) would flatten the field. For
+     * !important declarations the order flips and the shadow tree wins, which
+     * is what makes the slotted field look like the inner one on any page.
+     * The cost is that page CSS cannot restyle it, which is also true of the
+     * inner input (it is reachable only through ::part(input)).
+     *
+     * Specificities are kept in the same order as the .input rules: base <
+     * size < icon padding, then disabled / readonly / status, then :focus and
+     * :active last at equal specificity, so a focused invalid field shows the
+     * ring colour exactly as the inner input does.
+     *
+     * The UA styles the inner input with font-weight 400, no margin, normal
+     * letter-spacing and no shadow; a page's input rules can change all of
+     * those on a light-DOM input, so they are pinned here too.
+     */
+    .input-slot::slotted(input) {
+      display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important;
+      border: 1px solid var(--color-input) !important; border-radius: 4px !important;
+      transition: all 0.1s, box-shadow 0.3s ease !important; line-height: 20px !important;
+      color: var(--color-foreground) !important; background-color: var(--color-background) !important;
+      box-sizing: border-box !important; font-family: var(--font-sans) !important;
+      font-weight: 400 !important; font-style: normal !important; letter-spacing: normal !important;
+      text-transform: none !important; text-indent: 0 !important; box-shadow: none !important; opacity: 1 !important;
+    }
+    .input-slot.input--small::slotted(input)   { height: 24px !important; padding: 0 6px !important; font-size: 11px !important; }
+    .input-slot.input--default::slotted(input) { height: 32px !important; padding: 0 12px !important; font-size: 13px !important; }
+    .input-slot.input--large::slotted(input)   { height: 40px !important; padding: 0 16px !important; font-size: 15px !important; }
+    .input--has-start.input--small::slotted(input)   { padding-left: 26px !important; }
+    .input--has-start.input--default::slotted(input) { padding-left: 32px !important; }
+    .input--has-start.input--large::slotted(input)   { padding-left: 42px !important; }
+    /* --_end-extra is set on the <slot>; the slotted input inherits it there. */
+    .input--has-end.input--small::slotted(input)   { padding-right: calc(26px + var(--_end-extra, 0px)) !important; }
+    .input--has-end.input--default::slotted(input) { padding-right: calc(32px + var(--_end-extra, 0px)) !important; }
+    .input--has-end.input--large::slotted(input)   { padding-right: calc(42px + var(--_end-extra, 0px)) !important; }
+    /* :disabled as well as the host's flag, so an input the consumer disables
+       directly greys out too. */
+    .input-slot.input--disabled::slotted(input),
+    .input-slot::slotted(input:disabled) { color: var(--color-muted-foreground) !important; background-color: var(--color-disabled) !important; cursor: not-allowed !important; }
+    .input-slot.input--readonly::slotted(input),
+    .input-slot::slotted(input[readonly]) { background-color: var(--color-secondary) !important; }
+    .input-slot.input--valid::slotted(input)   { border-color: var(--color-success) !important; }
+    .input-slot.input--invalid::slotted(input) { border-color: var(--color-destructive) !important; }
+    .input-slot.input--warning::slotted(input) { border-color: var(--color-warning-active) !important; }
+    .input-slot.input--loading::slotted(input) { border-color: var(--color-input) !important; }
+    /*
+     * The inner input sets no placeholder colour, so it shows the browser's
+     * own. A page's reset usually restyles ::placeholder on light-DOM inputs
+     * (Tailwind's makes it 50% of currentColor), so the slotted one is
+     * reverted to the user-agent value — whatever this browser draws for the
+     * inner input — rather than to a guessed grey.
+     */
+    .input-slot::slotted(input)::placeholder { color: revert !important; opacity: revert !important; }
+    .input-slot::slotted(input:focus)  { outline: none !important; border-color: var(--color-ring) !important; }
+    .input-slot::slotted(input:active) { box-shadow: 0 0 0 2px var(--color-ring-subtle) !important; }
   `;
-let I = j2;
-Y([
+let M = j2;
+z([
   s()
-], I.prototype, "value");
-Y([
+], M.prototype, "value");
+z([
   s()
-], I.prototype, "size");
-Y([
+], M.prototype, "size");
+z([
   s({ type: Boolean })
-], I.prototype, "disabled");
-Y([
+], M.prototype, "disabled");
+z([
   s({ type: Boolean })
-], I.prototype, "readonly");
-Y([
+], M.prototype, "readonly");
+z([
   s()
-], I.prototype, "placeholder");
-Y([
+], M.prototype, "placeholder");
+z([
   s()
-], I.prototype, "inputid");
-Y([
+], M.prototype, "inputid");
+z([
   s()
-], I.prototype, "status");
-Y([
+], M.prototype, "status");
+z([
   s({ attribute: "start-icon" })
-], I.prototype, "startIcon");
-Y([
+], M.prototype, "startIcon");
+z([
   s({ attribute: "end-icon" })
-], I.prototype, "endIcon");
-Y([
+], M.prototype, "endIcon");
+z([
+  s({ type: Boolean })
+], M.prototype, "clearable");
+z([
+  s()
+], M.prototype, "type");
+z([
+  s()
+], M.prototype, "autocomplete");
+z([
+  s()
+], M.prototype, "name");
+z([
   s({ type: Boolean })
-], I.prototype, "clearable");
-Y([
-  k("input")
-], I.prototype, "inputEl");
-customElements.get("anduin-input") || customElements.define("anduin-input", I);
-var Zt = Object.defineProperty, H3 = (r, e, t, o) => {
+], M.prototype, "revealable");
+z([
+  b()
+], M.prototype, "_revealed");
+z([
+  b()
+], M.prototype, "_slotted");
+z([
+  b()
+], M.prototype, "_slottedType");
+z([
+  R("input.input")
+], M.prototype, "_innerInput");
+customElements.get("anduin-input") || customElements.define("anduin-input", M);
+var Z3 = Object.defineProperty, H4 = (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;
+  return i && Z3(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 = [
+const y4 = "anduin-tooltip:show", Y5 = "anduin-tooltip:hide", _4 = "anduin-tooltip:trigger-mounted", L4 = "anduin-tooltip:content-popup-mounted", V4 = "anduin-tooltip:content-popup-unmounted", x4 = "anduin-tooltip:visibility-changed", k3 = [
   "top-start",
   "top-center",
   "top-end",
@@ -2436,7 +2686,7 @@ const _3 = "anduin-tooltip:show", Y5 = "anduin-tooltip:hide", y3 = "anduin-toolt
   "left-center",
   "left-end"
 ];
-function F4(r, e, t, o, i) {
+function Tt(r, e, t, o, i) {
   switch (o) {
     case "top-start":
       return { left: r.left, top: r.top - t - i };
@@ -2466,20 +2716,20 @@ function F4(r, e, t, o, i) {
       return { left: 0, top: 0 };
   }
 }
-function I4(r, e) {
+function Ft(r, e) {
   return e.right >= r.left && e.left <= r.right && e.top <= r.bottom && e.bottom >= r.top;
 }
-function O4(r, e) {
+function It(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(r, e, t, o = 8) {
+function R3(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 (!I4(
+  if (!Ft(
     { left: r.left, top: r.top, right: r.right, bottom: r.bottom },
     l
   )) return null;
-  const C = F4(r, d, c, t, o), p = kt.map((m) => ({ p: m, off: F4(r, 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 = Tt(r, d, c, t, o), p = k3.map((m) => ({ p: m, off: Tt(r, d, c, m, o) })).filter(({ off: m }) => Ft({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
   if (p.length === 0)
     return {
       placement: t,
@@ -2487,10 +2737,10 @@ function Rt(r, e, t, o = 8) {
       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 _ = { 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 = It(_, l), w = It(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 B = 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 B - W;
   });
   const { p: f, off: H } = p[0];
   return {
@@ -2502,7 +2752,7 @@ function Rt(r, e, t, o = 8) {
 function C5(r) {
   return r.split("-")[0] || "top";
 }
-function $t(r, e, t) {
+function $3(r, e, t) {
   let o = !1, i = t.length - 1;
   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];
@@ -2515,13 +2765,13 @@ const fe = class fe extends h {
     super(...arguments), this.disabled = !1, this.placement = "top-center", this.triggerElement = null, this.contentPopupElement = null, this.containingBlockLeft = 0, this.containingBlockTop = 0, this.rafId = 0, this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN, this.isVisible = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(y3, (e) => {
+    super.connectedCallback(), this.addEventListener(_4, (e) => {
       e.stopPropagation(), this.triggerElement = e.detail, this.maybeStartPositionLoop();
-    }), this.addEventListener(L3, (e) => {
+    }), this.addEventListener(L4, (e) => {
       e.stopPropagation(), this.contentPopupElement = e.detail, this.computeContainingBlockOffset(this.contentPopupElement), this.maybeStartPositionLoop();
-    }), this.addEventListener(V3, (e) => {
+    }), this.addEventListener(V4, (e) => {
       e.stopPropagation(), this.stopPositionLoop(), this.contentPopupElement = null;
-    }), this.addEventListener(_3, (e) => {
+    }), this.addEventListener(y4, (e) => {
       e.stopPropagation(), !this.disabled && (this.isVisible = !0, this.broadcastVisibilityChanged(`show:${this.placement}`));
     }), this.addEventListener(Y5, (e) => {
       e.stopPropagation(), this.isVisible = !1, this.stopPositionLoop(), this.broadcastVisibilityChanged("hide");
@@ -2554,7 +2804,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(), n = e.getBoundingClientRect(), l = Rt(i, n, o, 8);
+    const i = t.getBoundingClientRect(), n = e.getBoundingClientRect(), l = R3(i, n, o, 8);
     if (l) {
       const d = e;
       d.style.transform = `translate(${l.left - this.containingBlockLeft}px, ${l.top - this.containingBlockTop}px)`;
@@ -2566,7 +2816,7 @@ const fe = class fe extends h {
     }
   }
   broadcastVisibilityChanged(e) {
-    this.dispatchEvent(new CustomEvent(x3, { detail: e, bubbles: !1, composed: !1 }));
+    this.dispatchEvent(new CustomEvent(x4, { detail: e, bubbles: !1, composed: !1 }));
   }
   render() {
     return a`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
@@ -2583,19 +2833,19 @@ fe.styles = g`
     :host { display: inline-flex; position: relative; max-width: 100%; font-family: var(--font-sans); }
     .tooltip-root { display: inline-flex; position: relative; max-width: 100%; }
   `;
-let _2 = fe;
-H3([
+let y2 = fe;
+H4([
   s({ type: Boolean })
-], _2.prototype, "disabled");
-H3([
+], y2.prototype, "disabled");
+H4([
   s()
-], _2.prototype, "placement");
+], y2.prototype, "placement");
 const ve = class ve extends h {
   firstUpdated() {
     requestAnimationFrame(() => {
-      this.dispatchEvent(new CustomEvent(y3, { detail: this, bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(_4, { detail: this, bubbles: !0, composed: !0 }));
     }), this.addEventListener("pointerenter", () => {
-      this.dispatchEvent(new CustomEvent(_3, { bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(y4, { bubbles: !0, composed: !0 }));
     }), this.addEventListener("click", () => {
       this.dispatchEvent(new CustomEvent(Y5, { bubbles: !0, composed: !0 }));
     });
@@ -2615,7 +2865,7 @@ const be = class be extends h {
       var n, l;
       if (!this.graceArea) return;
       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 })));
+      o || i ? this.graceArea = null : $3(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);
     }, this.handleContentLeave = (e) => {
@@ -2625,7 +2875,7 @@ const be = class be extends h {
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tooltip");
-    e && e.addEventListener(x3, (t) => {
+    e && e.addEventListener(x4, (t) => {
       const o = t.detail;
       o.startsWith("show:") ? this.showPopup(o.slice(5)) : this.hidePopup();
     });
@@ -2664,10 +2914,10 @@ const be = class be extends h {
       const c = d.querySelector("anduin-tooltip-trigger");
       c && this.setupGraceAreaListeners(c, o);
     }
-    this.dispatchEvent(new CustomEvent(L3, { detail: o, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(L4, { detail: o, bubbles: !0, composed: !0 }));
   }
   hidePopup() {
-    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(V3, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
+    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(V4, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
   }
   render() {
     return a`<div class="tooltip-content-wrapper"></div>`;
@@ -2698,15 +2948,15 @@ be.styles = g`
     .tooltip-arrow--right { left: -4px; top: 50%; transform: translateY(-50%); border-right-color: var(--tooltip-bg); border-left: none; }
   `;
 let p5 = be;
-customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", _2);
+customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", y2);
 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 = (r, e, t, o) => {
+var E3 = 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 && Et(e, t, i), i;
+  return i && E3(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 {
+const z3 = "anduin-inline-edit:save", S3 = "anduin-inline-edit:cancel", A3 = "anduin-inline-edit:edit", me = class me extends h {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "", this.size = "medium", this.mode = "view", this.disabled = !1, this.clickToEdit = !1, this.hideSwitcher = !1, this.editLabel = "Edit", this._editing = !1, this._draft = "", this._error = "", this._hasSlotted = !1, this._openWidth = 0;
   }
@@ -2722,11 +2972,11 @@ const zt = "anduin-inline-edit:save", St = "anduin-inline-edit:cancel", At = "an
    */
   async edit() {
     var e, t, o;
-    this.disabled || (this._editing || (this._openWidth = ((e = this._text) == null ? void 0 : e.getBoundingClientRect().width) ?? 0, this._draft = this.value, this._error = this._runValidate(this.value), this._editing = !0, this.dispatchEvent(new CustomEvent(At, { bubbles: !0, composed: !0 }))), await this.updateComplete, (t = this._field) == null || t.focus(), (o = this._field) == null || o.select());
+    this.disabled || (this._editing || (this._openWidth = ((e = this._text) == null ? void 0 : e.getBoundingClientRect().width) ?? 0, this._draft = this.value, this._error = this._runValidate(this.value), this._editing = !0, this.dispatchEvent(new CustomEvent(A3, { bubbles: !0, composed: !0 }))), await this.updateComplete, (t = this._field) == null || t.focus(), (o = this._field) == null || o.select());
   }
   /** Leaves edit mode without saving and fires `anduin-inline-edit:cancel`. A no-op in view mode. */
   cancel() {
-    this._editing && (this._exit(), this.dispatchEvent(new CustomEvent(St, { bubbles: !0, composed: !0 })));
+    this._editing && (this._exit(), this.dispatchEvent(new CustomEvent(S3, { bubbles: !0, composed: !0 })));
   }
   /**
    * Saves the draft and returns to view mode, as Enter does. Does nothing while
@@ -2740,7 +2990,7 @@ const zt = "anduin-inline-edit:save", St = "anduin-inline-edit:cancel", At = "an
       this.cancel();
       return;
     }
-    this.value = e, this._exit(), this.dispatchEvent(new CustomEvent(zt, { detail: e, bubbles: !0, composed: !0 }));
+    this.value = e, this._exit(), this.dispatchEvent(new CustomEvent(z3, { detail: e, bubbles: !0, composed: !0 }));
   }
   _exit() {
     this._editing = !1, this._draft = this.value, this._error = "";
@@ -2913,62 +3163,62 @@ 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;
+F([
   s()
-], R.prototype, "value");
-B([
+], $.prototype, "value");
+F([
   s()
-], R.prototype, "placeholder");
-B([
+], $.prototype, "placeholder");
+F([
   s()
-], R.prototype, "size");
-B([
+], $.prototype, "size");
+F([
   s()
-], R.prototype, "mode");
-B([
+], $.prototype, "mode");
+F([
   s({ type: Boolean, reflect: !0 })
-], R.prototype, "disabled");
-B([
+], $.prototype, "disabled");
+F([
   s({ type: Boolean, attribute: "click-to-edit", reflect: !0 })
-], R.prototype, "clickToEdit");
-B([
+], $.prototype, "clickToEdit");
+F([
   s({ type: Boolean, attribute: "hide-switcher", reflect: !0 })
-], R.prototype, "hideSwitcher");
-B([
+], $.prototype, "hideSwitcher");
+F([
   s({ attribute: "edit-label" })
-], R.prototype, "editLabel");
-B([
+], $.prototype, "editLabel");
+F([
   s({ attribute: !1 })
-], R.prototype, "validate");
-B([
+], $.prototype, "validate");
+F([
   b()
-], R.prototype, "_editing");
-B([
+], $.prototype, "_editing");
+F([
   b()
-], R.prototype, "_draft");
-B([
+], $.prototype, "_draft");
+F([
   b()
-], R.prototype, "_error");
-B([
+], $.prototype, "_error");
+F([
   b()
-], R.prototype, "_hasSlotted");
-B([
+], $.prototype, "_hasSlotted");
+F([
   b()
-], R.prototype, "_openWidth");
-B([
-  k(".field")
-], R.prototype, "_field");
-B([
-  k(".text")
-], R.prototype, "_text");
-customElements.get("anduin-inline-edit") || customElements.define("anduin-inline-edit", R);
-var Dt = Object.defineProperty, y1 = (r, e, t, o) => {
+], $.prototype, "_openWidth");
+F([
+  R(".field")
+], $.prototype, "_field");
+F([
+  R(".text")
+], $.prototype, "_text");
+customElements.get("anduin-inline-edit") || customElements.define("anduin-inline-edit", $);
+var D3 = Object.defineProperty, _1 = (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;
+  return i && D3(e, t, i), i;
 };
-const Pt = "anduin-textarea:change", U2 = class U2 extends h {
+const P3 = "anduin-textarea:change", U2 = class U2 extends h {
   constructor() {
     super(...arguments), this.value = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.rows = 3, this.status = "";
   }
@@ -3003,7 +3253,7 @@ const Pt = "anduin-textarea:change", U2 = class U2 extends h {
     this._withTextarea((i) => i.setSelectionRange(e, t, o));
   }
   onInput() {
-    this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(Pt, {
+    this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(P3, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -3046,46 +3296,46 @@ 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;
-y1([
+let Y = U2;
+_1([
   s()
-], W.prototype, "value");
-y1([
+], Y.prototype, "value");
+_1([
   s({ type: Boolean })
-], W.prototype, "disabled");
-y1([
+], Y.prototype, "disabled");
+_1([
   s({ type: Boolean })
-], W.prototype, "readonly");
-y1([
+], Y.prototype, "readonly");
+_1([
   s()
-], W.prototype, "placeholder");
-y1([
+], Y.prototype, "placeholder");
+_1([
   s()
-], W.prototype, "inputid");
-y1([
+], Y.prototype, "inputid");
+_1([
   s({ type: Number })
-], W.prototype, "rows");
-y1([
+], Y.prototype, "rows");
+_1([
   s()
-], W.prototype, "status");
-y1([
-  k("textarea")
-], W.prototype, "textareaEl");
-customElements.get("anduin-textarea") || customElements.define("anduin-textarea", W);
-var Bt = Object.defineProperty, U = (r, e, t, o) => {
+], Y.prototype, "status");
+_1([
+  R("textarea")
+], Y.prototype, "textareaEl");
+customElements.get("anduin-textarea") || customElements.define("anduin-textarea", Y);
+var B3 = 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;
+  return i && B3(e, t, i), i;
 };
-const w3 = "anduin-tab:trigger-click", W2 = "anduin-tab:value-changed", Ft = "anduin-tab:change", He = class He extends h {
+const w4 = "anduin-tab:trigger-click", W2 = "anduin-tab:value-changed", T3 = "anduin-tab:change", He = class He extends h {
   constructor() {
     super(...arguments), this.defaultValue = "", this.value = "", this.fill = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(w3, (e) => {
+    super.connectedCallback(), this.addEventListener(w4, (e) => {
       e.stopPropagation();
       const t = e;
-      this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(Ft, { detail: t.detail, bubbles: !0, composed: !0 }));
+      this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(T3, { detail: t.detail, bubbles: !0, composed: !0 }));
     }), requestAnimationFrame(() => {
       const e = this.value || this.defaultValue;
       e && (this.value || (this.value = e), this.broadcastValueChanged(e));
@@ -3111,16 +3361,16 @@ 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 {
+const ye = class ye extends h {
   constructor() {
     super(...arguments), this.alignment = "left", this.lastActiveValue = "", this.resizeObserver = null;
   }
@@ -3164,7 +3414,7 @@ const _e = class _e extends h {
     `;
   }
 };
-_e.styles = g`
+ye.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     /* Transparent by default so the list picks up whatever it sits on. Set a
      * background via anduin-tabs-list::part(tabs-list) when one is wanted. */
@@ -3181,14 +3431,14 @@ _e.styles = g`
       left: 0; height: 2px; transition-duration: 200ms; transition-property: transform, width;
     }
   `;
-let y2 = _e;
-U([
+let _2 = ye;
+G([
   s()
-], y2.prototype, "alignment");
-U([
-  k(".tabs-list__indicator")
-], y2.prototype, "indicator");
-const ye = class ye extends h {
+], _2.prototype, "alignment");
+G([
+  R(".tabs-list__indicator")
+], _2.prototype, "indicator");
+const _e = class _e extends h {
   constructor() {
     super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.showBadge = !1, this.badgeCount = "", this.isActive = !1;
   }
@@ -3201,7 +3451,7 @@ const ye = class ye extends h {
     });
   }
   onClick() {
-    this.dispatchEvent(new CustomEvent(w3, { detail: this.value, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(w4, { detail: this.value, bubbles: !0, composed: !0 }));
   }
   render() {
     return a`
@@ -3222,7 +3472,7 @@ const ye = class ye extends h {
     `;
   }
 };
-ye.styles = g`
+_e.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .tab-trigger {
       cursor: pointer; background: none; border: none; display: block;
@@ -3245,23 +3495,23 @@ ye.styles = g`
       color: var(--color-neutral-subtle-foreground); white-space: nowrap;
     }
   `;
-let l1 = ye;
-U([
+let l1 = _e;
+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 {
@@ -3293,22 +3543,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-tabs-list") || customElements.define("anduin-tabs-list", _2);
 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 = (r, e, t, o) => {
+var F3 = 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 && It(e, t, i), i;
+  return i && F3(e, t, i), i;
 };
-const Ot = "anduin-tag-close:click", Tt = {
+const I3 = "anduin-tag-close:click", O3 = {
   gray: "tag--light-gray",
   primary: "tag--light-primary",
   success: "tag--light-success",
@@ -3333,7 +3583,7 @@ const Ot = "anduin-tag-close:click", Tt = {
   customYellow: "tag--custom-yellow",
   customYellowGreen: "tag--custom-yellow-green",
   customYellowOrange: "tag--custom-yellow-orange"
-}, Nt = {
+}, N3 = {
   gray: "tag__icon--light-gray",
   primary: "tag__icon--light-primary",
   success: "tag__icon--light-success",
@@ -3363,7 +3613,7 @@ const Ot = "anduin-tag-close:click", Tt = {
     super(...arguments), this.variant = "gray", this.icon = "", this.disabled = !1;
   }
   render() {
-    const e = Tt[this.variant] || "tag--light-gray", t = Nt[this.variant] || "tag__icon--light-gray";
+    const e = O3[this.variant] || "tag--light-gray", t = N3[this.variant] || "tag__icon--light-gray";
     return a`
       <div class="tag ${e} ${this.disabled ? "tag--disabled" : ""}" part="tag">
         ${this.icon ? a`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>` : u}
@@ -3437,7 +3687,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(I3, { bubbles: !0, composed: !0 }));
   }
   render() {
     return a`
@@ -3460,12 +3710,12 @@ 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 = (r, e, t, o) => {
+var j3 = 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 && jt(e, t, i), i;
+  return i && j3(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 {
+const U3 = "anduin-toggle-group:change", G3 = "anduin-toggle-group-item:change", K3 = "anduin-toggle-group-item:select", W3 = "anduin-toggle-group-item:deselect", g5 = "anduin-toggle-group-item:item-click", we = class we extends h {
   constructor() {
     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;
@@ -3477,7 +3727,7 @@ const Ut = "anduin-toggle-group:change", Gt = "anduin-toggle-group-item:change",
       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, {
+      this.dispatchEvent(new CustomEvent(U3, {
         detail: l.join(" "),
         bubbles: !0,
         composed: !0
@@ -3580,11 +3830,11 @@ const Me = class Me extends h {
   }
   /** Called by the parent group when the user's action changes this item's selection. */
   emitSelectionChange(e) {
-    this.dispatchEvent(new CustomEvent(Gt, {
+    this.dispatchEvent(new CustomEvent(G3, {
       detail: e,
       bubbles: !0,
       composed: !0
-    })), this.dispatchEvent(new CustomEvent(e ? Kt : Wt, {
+    })), this.dispatchEvent(new CustomEvent(e ? K3 : W3, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -3687,12 +3937,12 @@ function e5(r) {
 }
 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 = (r, e, t, o) => {
+var Y3 = Object.defineProperty, q3 = (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;
+  return i && Y3(e, t, i), i;
 };
-const Xt = "anduin-well-close:click", Ze = class Ze extends h {
+const X3 = "anduin-well-close:click", Ze = class Ze extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -3790,14 +4040,14 @@ Ze.styles = g`
       color: var(--color-warning-active);
     }
   `;
-let F2 = Ze;
-qt([
+let T2 = Ze;
+q3([
   s()
-], F2.prototype, "variant");
+], T2.prototype, "variant");
 const ke = class ke extends h {
   onClick() {
     this.dispatchEvent(
-      new CustomEvent(Xt, { bubbles: !0, composed: !0 })
+      new CustomEvent(X3, { bubbles: !0, composed: !0 })
     );
   }
   render() {
@@ -3838,12 +4088,12 @@ ke.styles = g`
     }
   `;
 let f5 = ke;
-customElements.get("anduin-well") || customElements.define("anduin-well", F2);
+customElements.get("anduin-well") || customElements.define("anduin-well", T2);
 customElements.get("anduin-well-close") || customElements.define("anduin-well-close", f5);
-var Jt = Object.defineProperty, E1 = (r, e, t, o) => {
+var J3 = 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;
+  return i && J3(e, t, i), i;
 };
 const v5 = "anduin-popover:close", b5 = "anduin-popover:open-change", Re = class Re extends h {
   constructor() {
@@ -3895,10 +4145,10 @@ const v5 = "anduin-popover:close", b5 = "anduin-popover:open-change", Re = class
     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 - n.left)}px, ${Math.round(H - n.top)}px)`, t.dataset.side = m;
+    const V = !this.placement.startsWith("top"), _ = C - o.bottom - d, v = o.top - d, x = _ >= l.height, w = v >= l.height, B = V ? x || _ >= v : !w && x;
+    m = B ? "bottom" : "top", H = B ? 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`
@@ -3984,10 +4234,10 @@ E1([
   b()
 ], Q.prototype, "_closing");
 E1([
-  k(".popover__trigger")
+  R(".popover__trigger")
 ], Q.prototype, "_triggerEl");
 E1([
-  k(".popover__panel")
+  R(".popover__panel")
 ], Q.prototype, "_panelEl");
 customElements.get("anduin-popover") || customElements.define("anduin-popover", Q);
 const $e = class $e extends h {
@@ -4001,10 +4251,10 @@ 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 = (r, e, t, o) => {
+var Q3 = 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;
+  return i && Q3(e, t, i), i;
 };
 const H5 = "anduin-menu-item:click", Ee = class Ee extends h {
   constructor() {
@@ -4123,10 +4373,10 @@ z1([
   s()
 ], $1.prototype, "placement");
 z1([
-  k(".menu__trigger")
+  R(".menu__trigger")
 ], $1.prototype, "_triggerEl");
 z1([
-  k(".menu__panel")
+  R(".menu__panel")
 ], $1.prototype, "_panelEl");
 const ze = class ze extends h {
   constructor() {
@@ -4197,13 +4447,13 @@ var e7 = Object.defineProperty, S1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && e7(e, t, i), i;
 };
-const r2 = "anduin-close", t5 = "anduin-after-close", i5 = 300, o5 = 200, T4 = 250;
-let d2 = 0, M3 = "";
+const r2 = "anduin-close", t5 = "anduin-after-close", i5 = 300, o5 = 200, Ot = 250;
+let d2 = 0, M4 = "";
 function t7() {
-  typeof document > "u" || (d2 === 0 && (M3 = document.body.style.overflow, document.body.style.overflow = "hidden"), d2++);
+  typeof document > "u" || (d2 === 0 && (M4 = document.body.style.overflow, document.body.style.overflow = "hidden"), d2++);
 }
-function N4() {
-  typeof document > "u" || d2 !== 0 && (d2--, d2 === 0 && (document.body.style.overflow = M3));
+function Nt() {
+  typeof document > "u" || d2 !== 0 && (d2--, d2 === 0 && (document.body.style.overflow = M4));
 }
 var g1;
 const L1 = (g1 = class extends h {
@@ -4219,14 +4469,14 @@ const L1 = (g1 = class extends h {
     }
     e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown"), this._holdsScrollLock || (this._holdsScrollLock = !0, t7())) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(
       () => {
-        this._leaving = !1, this.classList.remove("is-shown"), this._holdsScrollLock && (this._holdsScrollLock = !1, N4()), this.dispatchEvent(
+        this._leaving = !1, this.classList.remove("is-shown"), this._holdsScrollLock && (this._holdsScrollLock = !1, Nt()), this.dispatchEvent(
           new CustomEvent(t5, {
             bubbles: !0,
             composed: !0
           })
         );
       },
-      Math.max(o5, T4)
+      Math.max(o5, Ot)
     )));
   }
   dispatch(e) {
@@ -4244,7 +4494,7 @@ const L1 = (g1 = class extends h {
     super.connectedCallback(), this.addEventListener(r2, this.onAnduinClose), this.addEventListener(t5, this.onAnduinClose);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(r2, 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, Nt());
   }
   render() {
     const e = this._leaving, t = this.fullscreen;
@@ -4362,7 +4612,7 @@ const L1 = (g1 = class extends h {
         forwards;
     }
     .overlay.is-leaving {
-      animation: overlayOut ${T4}ms
+      animation: overlayOut ${Ot}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
     .modal-wrapper {
@@ -4523,7 +4773,7 @@ var n7 = Object.defineProperty, d1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && n7(e, t, i), i;
 };
-const _5 = "anduin-radio:change", r7 = "anduin-radio-group:change", Se = class Se extends h {
+const y5 = "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 = "";
   }
@@ -4536,7 +4786,7 @@ const _5 = "anduin-radio:change", r7 = "anduin-radio-group:change", Se = class S
     });
   }
   _select() {
-    this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(_5, {
+    this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(y5, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -4683,10 +4933,10 @@ const Ae = class Ae extends h {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(_5, this._onRadioChange);
+    super.connectedCallback(), this.addEventListener(y5, this._onRadioChange);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(_5, this._onRadioChange);
+    super.disconnectedCallback(), this.removeEventListener(y5, this._onRadioChange);
   }
   render() {
     return a`
@@ -4722,7 +4972,7 @@ var l7 = Object.defineProperty, A1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && l7(e, t, i), i;
 };
-const j4 = [
+const jt = [
   { bg: "#6172F3", text: "#ffffff" },
   { bg: "#B692F6", text: "#ffffff" },
   { bg: "#F670C7", text: "#ffffff" },
@@ -4735,7 +4985,7 @@ const j4 = [
 function s7(r) {
   let e = 0;
   for (let t = 0; t < r.length; t++) e = e * 31 + r.charCodeAt(t) >>> 0;
-  return j4[e % j4.length];
+  return jt[e % jt.length];
 }
 function a7(r, e = 2) {
   var i;
@@ -4850,7 +5100,7 @@ class C7 {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class y5 extends C7 {
+class _5 extends C7 {
   constructor(e) {
     if (super(e), this.it = u, e.type !== d7.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -4864,13 +5114,13 @@ class y5 extends C7 {
     return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
   }
 }
-y5.directiveName = "unsafeHTML", y5.resultType = 1;
+_5.directiveName = "unsafeHTML", _5.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class L5 extends y5 {
+class L5 extends _5 {
 }
 L5.directiveName = "unsafeSVG", L5.resultType = 2;
 const u7 = c7(L5), p7 = {
@@ -5126,7 +5376,7 @@ function g7(r, e) {
     if (t[o]) return t[o];
   return null;
 }
-var f7 = Object.defineProperty, Z3 = (r, e, t, o) => {
+var f7 = Object.defineProperty, Z4 = (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;
@@ -5157,10 +5407,10 @@ Pe.styles = g`
     svg { display: block; }
   `;
 let V2 = Pe;
-Z3([
+Z4([
   s()
 ], V2.prototype, "type");
-Z3([
+Z4([
   s({ type: Number })
 ], V2.prototype, "size");
 customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", V2);
@@ -5169,7 +5419,7 @@ var v7 = Object.defineProperty, D1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && v7(e, t, i), i;
 };
-const U4 = {
+const Ut = {
   gray: "info",
   primary: "infoCircleLine",
   success: "checkCircle",
@@ -5195,7 +5445,7 @@ const U4 = {
     this.dismiss();
   }
   render() {
-    const e = U4[this.variant] ?? U4.gray;
+    const e = Ut[this.variant] ?? Ut.gray;
     return a`
       <div
         class="toast toast--${this.variant} ${this._dismissing ? "toast--dismissing" : ""}"
@@ -5364,10 +5614,10 @@ D1([
   b()
 ], b1.prototype, "_dismissing");
 D1([
-  k(".toast")
+  R(".toast")
 ], b1.prototype, "_toastEl");
 customElements.get("anduin-toast") || customElements.define("anduin-toast", b1);
-const Fe = class Fe extends h {
+const Te = class Te extends h {
   constructor() {
     super(...arguments), this.position = "bottom-left", this._toasts = [], this._nextId = 0;
   }
@@ -5411,7 +5661,7 @@ const Fe = class Fe extends h {
     `;
   }
 };
-Fe.styles = g`
+Te.styles = g`
     :host {
       display: contents;
       pointer-events: none;
@@ -5458,7 +5708,7 @@ Fe.styles = g`
       align-items: flex-end;
     }
   `;
-let x2 = Fe;
+let x2 = Te;
 D1([
   s()
 ], x2.prototype, "position");
@@ -5491,17 +5741,17 @@ function m7(r = "bottom-left") {
   const e = document.createElement("anduin-toaster");
   return e.position = r, document.body.appendChild(e), n5.set(r, e), e;
 }
-var H7 = Object.defineProperty, k3 = (r, e, t, o) => {
+var H7 = Object.defineProperty, k4 = (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 y7 = "anduin-switcher:change", Fe = class Fe extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1;
   }
   onChange() {
-    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(_7, {
+    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(y7, {
       detail: this.checked,
       bubbles: !0,
       composed: !0
@@ -5525,7 +5775,7 @@ const _7 = "anduin-switcher:change", Ie = class Ie extends h {
     `;
   }
 };
-Ie.styles = g`
+Fe.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
     label {
@@ -5589,20 +5839,20 @@ Ie.styles = g`
       line-height: 20px;
     }
   `;
-let w2 = Ie;
-k3([
+let w2 = Fe;
+k4([
   s({ type: Boolean })
 ], w2.prototype, "checked");
-k3([
+k4([
   s({ type: Boolean })
 ], w2.prototype, "disabled");
 customElements.get("anduin-switcher") || customElements.define("anduin-switcher", w2);
-var y7 = Object.defineProperty, E = (r, e, t, o) => {
+var _7 = 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 && y7(e, t, i), i;
+  return i && _7(e, t, i), i;
 };
-const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
+const Gt = "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;
@@ -5661,14 +5911,14 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
       }
   }
   _onClear(e) {
-    e.stopPropagation(), this.clearable && (this.value = "", this.dispatchEvent(new CustomEvent(G4, {
+    e.stopPropagation(), this.clearable && (this.value = "", this.dispatchEvent(new CustomEvent(Gt, {
       detail: "",
       bubbles: !0,
       composed: !0
     })));
   }
   _selectOption(e) {
-    e.disabled || (this.value = e.value, this._open = !1, this._query = "", this._activeIndex = -1, this.dispatchEvent(new CustomEvent(G4, {
+    e.disabled || (this.value = e.value, this._open = !1, this._query = "", this._activeIndex = -1, this.dispatchEvent(new CustomEvent(Gt, {
       detail: e.value,
       bubbles: !0,
       composed: !0
@@ -5683,10 +5933,10 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
     t.style.transform = i;
     const l = t.querySelector(".panel__inner");
     l && (l.style.minWidth = `${o.width}px`);
-    const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, H = p - o.bottom - c, m = o.top - c, y = d.height <= H || H >= m ? o.bottom + c : o.top - d.height - c;
+    const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, H = p - o.bottom - c, m = o.top - c, _ = d.height <= H || H >= m ? o.bottom + c : o.top - d.height - c;
     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));
+    const x = Math.max(f, Math.min(_, p - d.height - f));
     t.style.transform = `translate(${Math.round(v - n.left)}px, ${Math.round(x - n.top)}px)`;
   }
   get _filteredOptions() {
@@ -5761,7 +6011,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%; }
@@ -6008,73 +6258,73 @@ Oe.styles = g`
       text-align: center;
     }
   `;
-let M = Oe;
-E([
+let Z = Ie;
+S([
   s()
-], M.prototype, "value");
-E([
+], Z.prototype, "value");
+S([
   s()
-], M.prototype, "placeholder");
-E([
+], Z.prototype, "placeholder");
+S([
   s({ attribute: !1 })
-], M.prototype, "options");
-E([
+], Z.prototype, "options");
+S([
   s()
-], M.prototype, "icon");
-E([
+], Z.prototype, "icon");
+S([
   s({ type: Boolean })
-], M.prototype, "searchable");
-E([
+], Z.prototype, "searchable");
+S([
   s({ type: Boolean })
-], M.prototype, "disabled");
-E([
+], Z.prototype, "disabled");
+S([
   s()
-], M.prototype, "placement");
-E([
+], Z.prototype, "placement");
+S([
   s()
-], M.prototype, "appearance");
-E([
+], Z.prototype, "appearance");
+S([
   s()
-], M.prototype, "variant");
-E([
+], Z.prototype, "variant");
+S([
   s()
-], M.prototype, "size");
-E([
+], Z.prototype, "size");
+S([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
-], M.prototype, "fullWidth");
-E([
+], Z.prototype, "fullWidth");
+S([
   s({ converter: (r) => r !== "false" })
-], M.prototype, "clearable");
-E([
+], Z.prototype, "clearable");
+S([
   b()
-], M.prototype, "_open");
-E([
+], Z.prototype, "_open");
+S([
   b()
-], M.prototype, "_query");
-E([
+], Z.prototype, "_query");
+S([
   b()
-], M.prototype, "_activeIndex");
-E([
-  k(".trigger")
-], M.prototype, "_triggerEl");
-E([
-  k(".panel")
-], M.prototype, "_panelEl");
-E([
-  k("anduin-input")
-], M.prototype, "_searchEl");
-customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", M);
+], Z.prototype, "_activeIndex");
+S([
+  R(".trigger")
+], Z.prototype, "_triggerEl");
+S([
+  R(".panel")
+], Z.prototype, "_panelEl");
+S([
+  R("anduin-input")
+], Z.prototype, "_searchEl");
+customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", Z);
 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", r5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /* @__PURE__ */ new Map([
+const l2 = "anduin-close", r5 = "anduin-after-close", V7 = 300, Kt = 250, x7 = /* @__PURE__ */ new Map([
   ["320", 320],
   ["360", 360],
   ["400", 400],
   ["640", 640]
-]), Te = class Te extends h {
+]), Oe = class Oe extends h {
   constructor() {
     super(...arguments), this.open = !1, this.heading = "", this.hideHeader = !1, this.hideFooter = !1, this.defaultWidth = "320", this.placement = "right", this.allowInteractOutside = !1, this._leaving = !1, this._width = 320, this._resizing = !1, this._startX = 0, this._startWidth = 0, this._stopAtSelf = (e) => {
       e.stopPropagation();
@@ -6105,7 +6355,7 @@ const l2 = "anduin-close", r5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /
           composed: !0
         })
       );
-    }, K4)));
+    }, Kt)));
   }
   _dispatch(e) {
     this.dispatchEvent(
@@ -6165,7 +6415,7 @@ const l2 = "anduin-close", r5 = "anduin-after-close", V7 = 300, K4 = 250, x7 = /
     `;
   }
 };
-Te.styles = g`
+Oe.styles = g`
     :host {
       display: none;
       font-family: var(--font-sans);
@@ -6239,7 +6489,7 @@ Te.styles = g`
       pointer-events: auto;
     }
     .drawer.is-leaving {
-      animation: drawerOut ${K4}ms
+      animation: drawerOut ${Kt}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
     /* placement="left": every rule above that assumes the right edge, flipped.
@@ -6328,35 +6578,35 @@ Te.styles = g`
       border-top: 1px solid var(--color-border);
     }
   `;
-let G = Te;
+let K = Oe;
 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 = () => {
@@ -6373,7 +6623,7 @@ class w7 extends HTMLElement {
   }
 }
 customElements.get("anduin-drawer-close") || customElements.define("anduin-drawer-close", w7);
-var M7 = Object.defineProperty, z = (r, e, t, o) => {
+var M7 = Object.defineProperty, A = (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;
@@ -6475,10 +6725,10 @@ const l5 = "anduin-suggestion:change", Z7 = "anduin-suggestion:select", k7 = "an
     t.style.transform = i;
     const l = t.querySelector(".panel__inner");
     l && (l.style.minWidth = `${o.width}px`);
-    const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, H = p - o.bottom - c, m = o.top - c, y = d.height <= H || H >= m ? o.bottom + c : o.top - d.height - c;
+    const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, H = p - o.bottom - c, m = o.top - c, _ = d.height <= H || H >= m ? o.bottom + c : o.top - d.height - c;
     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));
+    const x = Math.max(f, Math.min(_, p - d.height - f));
     t.style.transform = `translate(${Math.round(v - n.left)}px, ${Math.round(x - n.top)}px)`;
   }
   render() {
@@ -6664,62 +6914,62 @@ Ne.styles = g`
       text-align: center;
     }
   `;
-let Z = Ne;
-z([
+let k = Ne;
+A([
   s()
-], Z.prototype, "value");
-z([
+], k.prototype, "value");
+A([
   s()
-], Z.prototype, "size");
-z([
+], k.prototype, "size");
+A([
   s({ type: Boolean })
-], Z.prototype, "disabled");
-z([
+], k.prototype, "disabled");
+A([
   s({ type: Boolean })
-], Z.prototype, "readonly");
-z([
+], k.prototype, "readonly");
+A([
   s()
-], Z.prototype, "placeholder");
-z([
+], k.prototype, "placeholder");
+A([
   s()
-], Z.prototype, "inputid");
-z([
+], k.prototype, "inputid");
+A([
   s()
-], Z.prototype, "status");
-z([
+], k.prototype, "status");
+A([
   s({ attribute: "start-icon" })
-], Z.prototype, "startIcon");
-z([
+], k.prototype, "startIcon");
+A([
   s({ attribute: "end-icon" })
-], Z.prototype, "endIcon");
-z([
+], k.prototype, "endIcon");
+A([
   s({ type: Boolean })
-], Z.prototype, "clearable");
-z([
+], k.prototype, "clearable");
+A([
   s({ attribute: !1 })
-], Z.prototype, "suggestions");
-z([
+], k.prototype, "suggestions");
+A([
   s({ type: Boolean })
-], Z.prototype, "filter");
-z([
+], k.prototype, "filter");
+A([
   s({ type: Boolean, attribute: "hide-when-empty" })
-], Z.prototype, "hideWhenEmpty");
-z([
+], k.prototype, "hideWhenEmpty");
+A([
   s({ attribute: "empty-text" })
-], Z.prototype, "emptyText");
-z([
+], k.prototype, "emptyText");
+A([
   b()
-], Z.prototype, "_open");
-z([
+], k.prototype, "_open");
+A([
   b()
-], Z.prototype, "_activeIndex");
-z([
-  k("input")
-], Z.prototype, "_inputEl");
-z([
-  k(".panel")
-], Z.prototype, "_panelEl");
-customElements.get("anduin-suggestion") || customElements.define("anduin-suggestion", Z);
+], k.prototype, "_activeIndex");
+A([
+  R("input")
+], k.prototype, "_inputEl");
+A([
+  R(".panel")
+], k.prototype, "_panelEl");
+customElements.get("anduin-suggestion") || customElements.define("anduin-suggestion", k);
 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);
@@ -6945,8 +7195,8 @@ var E7 = Object.defineProperty, P1 = (r, e, t, o) => {
     (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 = (r) => !!r && r.tagName.toLowerCase() === R3;
-function Y4(r, e, t) {
+const z7 = "anduin-resizable:resize", R4 = "anduin-resizable-panel", Wt = (r) => !!r && r.tagName.toLowerCase() === R4;
+function Yt(r, e, t) {
   const o = (r || "").trim();
   if (!o) return t;
   const i = parseFloat(o);
@@ -6968,7 +7218,7 @@ const Ge = class Ge extends h {
     return this.isVertical ? e.height : e.width;
   }
   get panels() {
-    return Array.from(this.querySelectorAll(`:scope > ${R3}`));
+    return Array.from(this.querySelectorAll(`:scope > ${R4}`));
   }
   updated() {
     for (const e of this.querySelectorAll(":scope > anduin-resizable-handle"))
@@ -7001,10 +7251,10 @@ Ge.styles = g`
     }
     .panel-group--vertical { flex-direction: column; }
   `;
-let I2 = Ge;
+let F2 = Ge;
 P1([
   s({ reflect: !0 })
-], I2.prototype, "orientation");
+], F2.prototype, "orientation");
 const Ke = class Ke extends h {
   constructor() {
     super(...arguments), this.defaultSize = "", this.minSize = "", this.maxSize = "", this.applied = !1;
@@ -7028,10 +7278,10 @@ const Ke = class Ke extends h {
     return e ? t.height : t.width;
   }
   minPx(e) {
-    return Y4(this.minSize, e, 0);
+    return Yt(this.minSize, e, 0);
   }
   maxPx(e) {
-    return Y4(this.maxSize, e, e);
+    return Yt(this.maxSize, e, e);
   }
   render() {
     return a`<div class="panel" part="panel"><slot></slot></div>`;
@@ -7097,10 +7347,10 @@ const We = class We extends h {
     this.groupVertical = e, this.setAttribute("aria-orientation", e ? "horizontal" : "vertical");
   }
   get prevPanel() {
-    return W4(this.previousElementSibling) ? this.previousElementSibling : null;
+    return Wt(this.previousElementSibling) ? this.previousElementSibling : null;
   }
   get nextPanel() {
-    return W4(this.nextElementSibling) ? this.nextElementSibling : null;
+    return Wt(this.nextElementSibling) ? this.nextElementSibling : null;
   }
   endDrag() {
     if (!(!this.dragging && this.activePointerId === null)) {
@@ -7178,7 +7428,7 @@ 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", F2);
 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 = (r, e, t, o) => {
@@ -7398,7 +7648,7 @@ X1([
   b()
 ], H1.prototype, "internalValue");
 X1([
-  k(".pagination__indicator")
+  R(".pagination__indicator")
 ], H1.prototype, "indicatorEl");
 const qe = class qe extends h {
   constructor() {
@@ -7585,24 +7835,24 @@ Qe.styles = g`
     }
   `;
 let Z5 = Qe;
-const e4 = class e4 extends h {
+const et = class et extends h {
   render() {
     return a`<div class="title"><slot></slot></div>`;
   }
 };
-e4.styles = g`
+et.styles = g`
     /* Block-level element inheriting the parent's font size and color. */
     :host {
       display: block;
     }
   `;
-let k5 = e4;
-const t4 = class t4 extends h {
+let k5 = et;
+const tt = class tt extends h {
   render() {
     return a`<div class="group__items"><slot></slot></div>`;
   }
 };
-t4.styles = g`
+tt.styles = g`
     :host {
       display: block;
     }
@@ -7621,13 +7871,13 @@ t4.styles = g`
       flex-direction: column;
     }
   `;
-let R5 = t4;
-const i4 = class i4 extends h {
+let R5 = tt;
+const it = class it extends h {
   render() {
     return a`<div class="label-center"><div class="label-pill"><slot></slot></div></div>`;
   }
 };
-i4.styles = g`
+it.styles = g`
     /* Sticky positioning keeps the label visible while scrolling. The gray-0
      * background covers content behind it during scroll. z-index: 1 ensures the
      * label sits above item dots and rails. */
@@ -7685,7 +7935,7 @@ i4.styles = g`
       font-weight: 600;
     }
   `;
-let $5 = i4;
+let $5 = it;
 customElements.get("anduin-timeline") || customElements.define("anduin-timeline", w5);
 customElements.get("anduin-timeline-item") || customElements.define("anduin-timeline-item", M5);
 customElements.get("anduin-timeline-date") || customElements.define("anduin-timeline-date", Z5);
@@ -7697,7 +7947,7 @@ var B7 = Object.defineProperty, B1 = (r, e, t, o) => {
     (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 {
+const T7 = "anduin-sidebar:select", ot = class ot extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "navigation");
   }
@@ -7705,7 +7955,7 @@ const F7 = "anduin-sidebar:select", o4 = class o4 extends h {
     return a`<div class="sidebar" part="sidebar"><slot></slot></div>`;
   }
 };
-o4.styles = g`
+ot.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -7720,13 +7970,13 @@ o4.styles = g`
       min-height: 0;
     }
   `;
-let E5 = o4;
-const n4 = class n4 extends h {
+let E5 = ot;
+const nt = class nt extends h {
   render() {
     return a`<div class="sidebar-content" part="content"><slot></slot></div>`;
   }
 };
-n4.styles = g`
+nt.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -7741,8 +7991,8 @@ n4.styles = g`
       padding: 12px 16px;
     }
   `;
-let z5 = n4;
-const r4 = class r4 extends h {
+let z5 = nt;
+const rt = class rt extends h {
   constructor() {
     super(...arguments), this.divider = !1;
   }
@@ -7750,7 +8000,7 @@ const r4 = class r4 extends h {
     return a`<div class="sidebar-header" part="header"><slot></slot></div>`;
   }
 };
-r4.styles = g`
+rt.styles = g`
     :host {
       display: block;
       flex: 0 0 auto;
@@ -7761,11 +8011,11 @@ r4.styles = g`
       border-bottom: 1px solid var(--color-border);
     }
   `;
-let O2 = r4;
+let I2 = rt;
 B1([
   s({ type: Boolean, reflect: !0 })
-], O2.prototype, "divider");
-const l4 = class l4 extends h {
+], I2.prototype, "divider");
+const lt = class lt extends h {
   constructor() {
     super(...arguments), this.divider = !1;
   }
@@ -7773,7 +8023,7 @@ const l4 = class l4 extends h {
     return a`<div class="sidebar-footer" part="footer"><slot></slot></div>`;
   }
 };
-l4.styles = g`
+lt.styles = g`
     :host {
       display: block;
       flex: 0 0 auto;
@@ -7784,16 +8034,16 @@ l4.styles = g`
       border-top: 1px solid var(--color-border);
     }
   `;
-let T2 = l4;
+let O2 = lt;
 B1([
   s({ type: Boolean, reflect: !0 })
-], T2.prototype, "divider");
-const s4 = class s4 extends h {
+], O2.prototype, "divider");
+const st = class st extends h {
   render() {
     return a`<div class="sidebar-group" part="group" role="group"><slot></slot></div>`;
   }
 };
-s4.styles = g`
+st.styles = g`
     :host {
       display: block;
     }
@@ -7803,8 +8053,8 @@ s4.styles = g`
       gap: 4px;
     }
   `;
-let S5 = s4;
-const a4 = class a4 extends h {
+let S5 = st;
+const at = class at extends h {
   render() {
     return a`
       <div class="sidebar-group-label" part="group-label">
@@ -7815,7 +8065,7 @@ const a4 = class a4 extends h {
     `;
   }
 };
-a4.styles = g`
+at.styles = g`
     :host {
       display: block;
     }
@@ -7847,13 +8097,13 @@ a4.styles = g`
       padding-right: 6px;
     }
   `;
-let A5 = a4;
-const d4 = class d4 extends h {
+let A5 = at;
+const dt = class dt extends h {
   render() {
     return a`<div class="sidebar-menu" part="menu"><slot></slot></div>`;
   }
 };
-d4.styles = g`
+dt.styles = g`
     :host {
       display: block;
     }
@@ -7863,15 +8113,15 @@ d4.styles = g`
       gap: 2px;
     }
   `;
-let D5 = d4;
-const c4 = class c4 extends h {
+let D5 = dt;
+const ct = class ct extends h {
   constructor() {
     super(...arguments), this.startIcon = "", this.selected = !1, this.disabled = !1, this.href = "", this.openNewTab = !1, this.onClick = (e) => {
       if (this.disabled) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      this.dispatchEvent(new CustomEvent(F7, {
+      this.dispatchEvent(new CustomEvent(T7, {
         detail: this,
         bubbles: !0,
         composed: !0
@@ -7920,7 +8170,7 @@ const c4 = class c4 extends h {
     `;
   }
 };
-c4.styles = g`
+ct.styles = g`
     :host {
       display: block;
     }
@@ -8003,23 +8253,23 @@ c4.styles = g`
       padding-right: 6px;
     }
   `;
-let _1 = c4;
+let y1 = ct;
 B1([
   s({ attribute: "start-icon" })
-], _1.prototype, "startIcon");
+], y1.prototype, "startIcon");
 B1([
   s({ type: Boolean, reflect: !0 })
-], _1.prototype, "selected");
+], y1.prototype, "selected");
 B1([
   s({ type: Boolean, reflect: !0 })
-], _1.prototype, "disabled");
+], y1.prototype, "disabled");
 B1([
   s()
-], _1.prototype, "href");
+], y1.prototype, "href");
 B1([
   s({ type: Boolean, attribute: "open-new-tab" })
-], _1.prototype, "openNewTab");
-const C4 = class C4 extends h {
+], y1.prototype, "openNewTab");
+const Ct = class Ct extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "action");
   }
@@ -8027,7 +8277,7 @@ const C4 = class C4 extends h {
     return a`<div class="sidebar-action" part="action"><slot></slot></div>`;
   }
 };
-C4.styles = g`
+Ct.styles = g`
     :host {
       display: flex;
       align-items: center;
@@ -8037,8 +8287,8 @@ C4.styles = g`
       align-items: center;
     }
   `;
-let P5 = C4;
-const u4 = class u4 extends h {
+let P5 = Ct;
+const ut = class ut extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "badge");
   }
@@ -8046,7 +8296,7 @@ const u4 = class u4 extends h {
     return a`<div class="sidebar-badge" part="badge"><slot></slot></div>`;
   }
 };
-u4.styles = g`
+ut.styles = g`
     :host {
       display: flex;
       align-items: center;
@@ -8056,8 +8306,8 @@ u4.styles = g`
       align-items: center;
     }
   `;
-let B5 = u4;
-const p4 = class p4 extends h {
+let B5 = ut;
+const pt = class pt extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "separator");
   }
@@ -8065,7 +8315,7 @@ const p4 = class p4 extends h {
     return a`<div class="sidebar-separator" part="separator"></div>`;
   }
 };
-p4.styles = g`
+pt.styles = g`
     :host {
       display: block;
     }
@@ -8074,19 +8324,19 @@ p4.styles = g`
       background-color: var(--color-border);
     }
   `;
-let F5 = p4;
+let T5 = pt;
 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-footer") || customElements.define("anduin-sidebar-footer", T2);
+customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", I2);
+customElements.get("anduin-sidebar-footer") || customElements.define("anduin-sidebar-footer", O2);
 customElements.get("anduin-sidebar-group") || customElements.define("anduin-sidebar-group", S5);
 customElements.get("anduin-sidebar-group-label") || customElements.define("anduin-sidebar-group-label", A5);
 customElements.get("anduin-sidebar-menu") || customElements.define("anduin-sidebar-menu", D5);
-customElements.get("anduin-sidebar-menu-item") || customElements.define("anduin-sidebar-menu-item", _1);
+customElements.get("anduin-sidebar-menu-item") || customElements.define("anduin-sidebar-menu-item", y1);
 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(r) {
+customElements.get("anduin-sidebar-separator") || customElements.define("anduin-sidebar-separator", T5);
+function T(r) {
   if (!r) return null;
   const e = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(r.trim());
   if (!e) return null;
@@ -8097,7 +8347,7 @@ function x1(r) {
   const e = (t) => String(t).padStart(2, "0");
   return `${r.getFullYear()}-${e(r.getMonth() + 1)}-${e(r.getDate())}`;
 }
-function O1() {
+function I1() {
   const r = /* @__PURE__ */ new Date();
   return new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
@@ -8105,15 +8355,15 @@ 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(r, e) {
+function F7(r, e) {
   return new Date(r, e + 1, 0).getDate();
 }
-var O7 = Object.defineProperty, i1 = (r, e, t, o) => {
+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 && O7(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", F5 = "anduin-calendar:day-hover", qt = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], Xt = [
   "January",
   "February",
   "March",
@@ -8126,17 +8376,17 @@ const Z2 = "anduin-calendar:change", I5 = "anduin-calendar:day-hover", q4 = ["Ja
   "October",
   "November",
   "December"
-], T7 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], J4 = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-function F1(r, e) {
+], O7 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Jt = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+function T1(r, e) {
   return new Date(r.getFullYear(), r.getMonth(), r.getDate() + e);
 }
 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 {
+const ht = class ht 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);
     };
   }
@@ -8148,11 +8398,11 @@ const h4 = class h4 extends h {
   }
   willUpdate(e) {
     if (e.has("value")) {
-      const t = P(this.value);
+      const t = T(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();
       }
     }
@@ -8166,10 +8416,10 @@ const h4 = class h4 extends h {
   }
   // ── Constraints ─────────────────────────────────────────────────
   get _min() {
-    return P(this.minDate);
+    return T(this.minDate);
   }
   get _max() {
-    return P(this.maxDate);
+    return T(this.maxDate);
   }
   _isDisabled(e) {
     const t = this._min, o = this._max;
@@ -8191,27 +8441,27 @@ 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 = T(this._focus) ?? this._defaultFocusDate();
     switch (e.key) {
       // Shift turns the horizontal arrows into month steps and the vertical
       // ones into year steps.
       case "ArrowLeft":
-        this._moveFocus(t, e.shiftKey ? u1(t, -1) : F1(t, -1));
+        this._moveFocus(t, e.shiftKey ? u1(t, -1) : T1(t, -1));
         break;
       case "ArrowRight":
-        this._moveFocus(t, e.shiftKey ? u1(t, 1) : F1(t, 1));
+        this._moveFocus(t, e.shiftKey ? u1(t, 1) : T1(t, 1));
         break;
       case "ArrowUp":
-        this._moveFocus(t, e.shiftKey ? u1(t, -12) : F1(t, -7));
+        this._moveFocus(t, e.shiftKey ? u1(t, -12) : T1(t, -7));
         break;
       case "ArrowDown":
-        this._moveFocus(t, e.shiftKey ? u1(t, 12) : F1(t, 7));
+        this._moveFocus(t, e.shiftKey ? u1(t, 12) : T1(t, 7));
         break;
       case "Home":
-        this._moveFocus(t, F1(t, -t.getDay()));
+        this._moveFocus(t, T1(t, -t.getDay()));
         break;
       case "End":
-        this._moveFocus(t, F1(t, 6 - t.getDay()));
+        this._moveFocus(t, T1(t, 6 - t.getDay()));
         break;
       case "PageUp":
         this._moveFocus(t, u1(t, e.shiftKey ? -12 : -1));
@@ -8234,17 +8484,17 @@ 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(F5, { 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 = T(this._focus);
     if (e && e.getMonth() === this._viewMonth && e.getFullYear() === this._viewYear)
       return e;
-    const t = P(this.value);
+    const t = T(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 ────────────────────────────────────────
@@ -8293,17 +8543,17 @@ const h4 = class h4 extends h {
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    const e = x1(O1()), t = P(this.value), o = P(this.rangeStart), i = P(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 = [
+    const e = x1(I1()), t = T(this.value), o = T(this.rangeStart), i = T(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)
+      ...Array.from({ length: c }, (_, v) => v + 1)
     ];
     for (; p.length % 7 !== 0; ) p.push(null);
-    const f = Array.from({ length: p.length / 7 }, (y, v) => p.slice(v * 7, v * 7 + 7)), H = `${X4[this._viewMonth]} ${this._viewYear}`, m = (() => {
-      const y = this._min;
-      return y ? new Date(this._viewYear, this._viewMonth, 0).getTime() < y.getTime() : !1;
+    const f = Array.from({ length: p.length / 7 }, (_, v) => p.slice(v * 7, v * 7 + 7)), H = `${Xt[this._viewMonth]} ${this._viewYear}`, m = (() => {
+      const _ = this._min;
+      return _ ? new Date(this._viewYear, this._viewMonth, 0).getTime() < _.getTime() : !1;
     })(), V = (() => {
-      const y = this._max;
-      return y ? new Date(this._viewYear, this._viewMonth + 1, 1).getTime() > y.getTime() : !1;
+      const _ = this._max;
+      return _ ? new Date(this._viewYear, this._viewMonth + 1, 1).getTime() > _.getTime() : !1;
     })();
     return a`
       <div class="calendar" part="calendar">
@@ -8319,17 +8569,17 @@ const h4 = class h4 extends h {
           <div class="calendar__header-spacer"></div>
           ${this._renderSelect(
       "month",
-      q4[this._viewMonth],
+      qt[this._viewMonth],
       "Choose the month",
-      q4.map((y, v) => ({ value: v, label: y, selected: v === this._viewMonth })),
-      (y) => this._selectMonth(y)
+      qt.map((_, v) => ({ value: v, label: _, selected: v === this._viewMonth })),
+      (_) => this._selectMonth(_)
     )}
           ${this._renderSelect(
       "year",
       String(this._viewYear),
       "Choose the year",
-      this._yearOptions.map((y) => ({ value: y, label: String(y), selected: y === this._viewYear })),
-      (y) => this._selectYear(y)
+      this._yearOptions.map((_) => ({ value: _, label: String(_), selected: _ === this._viewYear })),
+      (_) => this._selectYear(_)
     )}
           <div class="calendar__header-spacer"></div>
           <anduin-button
@@ -8353,50 +8603,50 @@ const h4 = class h4 extends h {
         >
           <thead aria-hidden="true">
             <tr>
-              ${T7.map((y, v) => a`
-                <th class="calendar__day-header" aria-label="${J4[v]}">${y}</th>
+              ${O7.map((_, v) => a`
+                <th class="calendar__day-header" aria-label="${Jt[v]}">${_}</th>
               `)}
             </tr>
           </thead>
           <tbody>
-            ${f.map((y) => a`
+            ${f.map((_) => a`
               <tr>
-                ${y.map((v) => {
+                ${_.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 = !n && !!t && D === t.getTime(), E3 = [
+      const x = new Date(this._viewYear, this._viewMonth, v), w = x1(x), B = x.getTime(), W = this._isDisabled(x), Q1 = !!o && B === o.getTime(), o1 = !!i && B === i.getTime(), Ht = !!o && !!i && B > o.getTime() && B < i.getTime(), yt = !n && !!t && B === t.getTime(), E4 = [
         "calendar__day-cell",
-        H4 ? "calendar__day-cell--in-range" : "",
+        Ht ? "calendar__day-cell--in-range" : "",
         // Only tint the edge cell when it actually opens a span —
         // a lone start marker shouldn't paint a half-rounded block.
         Q1 && i ? "calendar__day-cell--range-start" : "",
         o1 && o ? "calendar__day-cell--range-end" : ""
-      ].filter(Boolean).join(" "), z3 = [
+      ].filter(Boolean).join(" "), z4 = [
         "calendar__day-button",
         w === e ? "calendar__day-button--today" : "",
-        _4 ? "calendar__day-button--selected" : "",
+        yt ? "calendar__day-button--selected" : "",
         Q1 ? "calendar__day-button--range-start" : "",
         o1 ? "calendar__day-button--range-end" : "",
-        H4 ? "calendar__day-button--in-range" : "",
-        K ? "calendar__day-button--disabled" : ""
+        Ht ? "calendar__day-button--in-range" : "",
+        W ? "calendar__day-button--disabled" : ""
       ].filter(Boolean).join(" ");
       return a`
                     <td
-                      class="${E3}"
+                      class="${E4}"
                       role="gridcell"
-                      aria-selected="${_4 || Q1 || o1}"
+                      aria-selected="${yt || Q1 || o1}"
                     >
                       <button
                         type="button"
-                        class="${z3}"
+                        class="${z4}"
                         part="day"
-                        aria-disabled="${K}"
-                        aria-label="${J4[x.getDay()]}, ${X4[x.getMonth()]} ${N7(v)}, ${x.getFullYear()}"
+                        aria-disabled="${W}"
+                        aria-label="${Jt[x.getDay()]}, ${Xt[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>
@@ -8410,7 +8660,7 @@ const h4 = class h4 extends h {
     `;
   }
 };
-h4.styles = g`
+ht.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .calendar { display: flex; flex-direction: column; font-family: inherit; font-size: 13px; }
@@ -8505,49 +8755,49 @@ 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 = ht;
 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);
+], 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 {
+const U7 = "anduin-date-range:change", gt = class gt extends h {
   constructor() {
     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 (!T(t)) return;
       if (this._anchor === null) {
         this._anchor = t, this._hover = null;
         return;
@@ -8563,10 +8813,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(F5, this._onCalendarHover);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(I5, this._onCalendarHover);
+    super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(F5, this._onCalendarHover);
   }
   updated() {
     this._sync();
@@ -8594,7 +8844,7 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
   /** 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 = T(this.startDate) ?? I1();
     return x1(e === "start" ? t : u1(t, 1));
   }
   /** The range the calendars should paint — the live preview while selecting,
@@ -8606,17 +8856,17 @@ 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 = T(e), i = T(t);
     return !o || !i ? [e, t] : o.getTime() <= i.getTime() ? [e, t] : [t, e];
   }
   render() {
     return a`<div class="date-range" part="date-range"><slot></slot></div>`;
   }
 };
-g4.styles = g`
+gt.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
   `;
-let t1 = g4;
+let t1 = gt;
 J1([
   s({ attribute: "start-date", reflect: !0 })
 ], t1.prototype, "startDate");
@@ -8635,7 +8885,7 @@ J1([
 J1([
   b()
 ], t1.prototype, "_hover");
-const f4 = class f4 extends h {
+const ft = class ft extends h {
   constructor() {
     super(...arguments), this._host = null;
   }
@@ -8664,10 +8914,10 @@ const f4 = class f4 extends h {
     return a`<anduin-calendar part="calendar" range-mode></anduin-calendar>`;
   }
 };
-f4.styles = g`
+ft.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
   `;
-let N2 = f4;
+let N2 = ft;
 class G7 extends N2 {
   constructor() {
     super(...arguments), this.panelRole = "start";
@@ -8678,7 +8928,7 @@ class K7 extends N2 {
     super(...arguments), this.panelRole = "end";
   }
 }
-const v4 = class v4 extends h {
+const vt = class vt extends h {
   render() {
     return a`
       <div class="date-range-default" part="layout">
@@ -8688,30 +8938,30 @@ const v4 = class v4 extends h {
     `;
   }
 };
-v4.styles = g`
+vt.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .date-range-default { display: flex; flex-direction: row; gap: 16px; }
   `;
-let O5 = v4;
+let I5 = vt;
 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 = (r, e, t, o) => {
+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" };
+const O5 = "anduin-date-input:change", Qt = { M: "month", d: "day", y: "year" };
 function Y7(r) {
   const e = [];
   let t = 0, o = 0;
   for (; o < r.length; ) {
-    const i = r[o], n = Q4[i];
+    const i = r[o], n = Qt[i];
     if (!n) {
       let d = "";
-      for (; o < r.length && !Q4[r[o]]; ) d += r[o++];
+      for (; o < r.length && !Qt[r[o]]; ) d += r[o++];
       e.push({ literal: d }), t += d.length;
       continue;
     }
@@ -8777,7 +9027,7 @@ const i2 = 1, G2 = class G2 extends h {
       return;
     }
     const o = this._clampToBounds(e);
-    this._digits = o, this.value = this._composeValue(), this.dispatchEvent(new CustomEvent(T5, {
+    this._digits = o, this.value = this._composeValue(), this.dispatchEvent(new CustomEvent(O5, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -8791,11 +9041,11 @@ 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 = T(this.minDate), o = T(this.maxDate);
     if (!t && !o) return e;
     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, 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 d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), p = Math.min(C, F7(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];
@@ -8991,62 +9241,62 @@ 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 D = G2;
+N([
   s()
-], S.prototype, "format");
-T([
+], D.prototype, "format");
+N([
   s()
-], S.prototype, "value");
-T([
+], D.prototype, "value");
+N([
   s()
-], S.prototype, "size");
-T([
+], D.prototype, "size");
+N([
   s({ type: Boolean })
-], S.prototype, "disabled");
-T([
+], D.prototype, "disabled");
+N([
   s({ type: Boolean })
-], S.prototype, "readonly");
-T([
+], D.prototype, "readonly");
+N([
   s()
-], S.prototype, "status");
-T([
+], D.prototype, "status");
+N([
   s({ attribute: "start-icon" })
-], S.prototype, "startIcon");
-T([
+], D.prototype, "startIcon");
+N([
   s({ attribute: "min-date" })
-], S.prototype, "minDate");
-T([
+], D.prototype, "minDate");
+N([
   s({ attribute: "max-date" })
-], S.prototype, "maxDate");
-T([
+], D.prototype, "maxDate");
+N([
   s()
-], S.prototype, "inputid");
-T([
+], D.prototype, "inputid");
+N([
   b()
-], S.prototype, "_digits");
-T([
+], D.prototype, "_digits");
+N([
   b()
-], S.prototype, "_active");
-T([
+], D.prototype, "_active");
+N([
   b()
-], S.prototype, "_buffer");
-T([
-  k("input")
-], S.prototype, "_inputEl");
-customElements.get("anduin-date-input") || customElements.define("anduin-date-input", S);
-var q7 = Object.defineProperty, N = (r, e, t, o) => {
+], D.prototype, "_buffer");
+N([
+  R("input")
+], D.prototype, "_inputEl");
+customElements.get("anduin-date-input") || customElements.define("anduin-date-input", D);
+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" };
+const X7 = "anduin-date-picker:change", $4 = { M: "month", d: "day", y: "year" };
 function J7(r, e) {
   if (!r) return null;
   const t = {};
   let o = 0, i = 0;
   for (; i < e.length; ) {
-    const d = e[i], c = $3[d];
+    const d = e[i], c = $4[d];
     if (!c) {
       i++, o++;
       continue;
@@ -9070,7 +9320,7 @@ function Q7(r, e) {
   };
   let o = "", i = 0;
   for (; i < e.length; ) {
-    const n = e[i], l = $3[n];
+    const n = e[i], l = $4[n];
     if (!l) {
       o += n, i++;
       continue;
@@ -9082,7 +9332,7 @@ function Q7(r, e) {
   }
   return o;
 }
-const b4 = class b4 extends h {
+const bt = class bt extends h {
   constructor() {
     super(...arguments), this.format = "MM/dd/yyyy", this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.status = "", this.startIcon = "", this.minDate = "", this.maxDate = "", this.placement = "bottom-start", this.inputid = "", this._open = !1, this._onPopoverOpenChange = (e) => {
       e.stopPropagation(), this._open = e.detail;
@@ -9090,7 +9340,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 = T(e.detail);
       t && (this._emit(Q7(t, this.format)), this._closePopover());
     }, this._onKeyDown = (e) => {
       var t;
@@ -9100,10 +9350,10 @@ const b4 = class b4 extends h {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(T5, this._onInputChange), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(b5, this._onPopoverOpenChange), this.addEventListener("keydown", this._onKeyDown);
+    super.connectedCallback(), this.addEventListener(O5, this._onInputChange), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(b5, this._onPopoverOpenChange), this.addEventListener("keydown", this._onKeyDown);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(T5, this._onInputChange), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(b5, this._onPopoverOpenChange), this.removeEventListener("keydown", this._onKeyDown);
+    super.disconnectedCallback(), this.removeEventListener(O5, this._onInputChange), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(b5, this._onPopoverOpenChange), this.removeEventListener("keydown", this._onKeyDown);
   }
   _closePopover() {
     this._popoverEl && (this._popoverEl.open = !1), this._open = !1;
@@ -9158,7 +9408,7 @@ const b4 = class b4 extends h {
     `;
   }
 };
-b4.styles = g`
+bt.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .datepicker { display: block; }
@@ -9168,56 +9418,56 @@ 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 P = bt;
+j([
   s()
-], A.prototype, "format");
-N([
+], P.prototype, "format");
+j([
   s()
-], A.prototype, "value");
-N([
+], P.prototype, "value");
+j([
   s()
-], A.prototype, "size");
-N([
+], P.prototype, "size");
+j([
   s({ type: Boolean })
-], A.prototype, "disabled");
-N([
+], P.prototype, "disabled");
+j([
   s({ type: Boolean })
-], A.prototype, "readonly");
-N([
+], P.prototype, "readonly");
+j([
   s()
-], A.prototype, "status");
-N([
+], P.prototype, "status");
+j([
   s({ attribute: "start-icon" })
-], A.prototype, "startIcon");
-N([
+], P.prototype, "startIcon");
+j([
   s({ attribute: "min-date" })
-], A.prototype, "minDate");
-N([
+], P.prototype, "minDate");
+j([
   s({ attribute: "max-date" })
-], A.prototype, "maxDate");
-N([
+], P.prototype, "maxDate");
+j([
   s()
-], A.prototype, "placement");
-N([
+], P.prototype, "placement");
+j([
   s()
-], A.prototype, "inputid");
-N([
+], P.prototype, "inputid");
+j([
   b()
-], A.prototype, "_open");
-N([
-  k("anduin-date-input")
-], A.prototype, "_inputEl");
-N([
-  k("anduin-popover")
-], A.prototype, "_popoverEl");
-customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", A);
+], P.prototype, "_open");
+j([
+  R("anduin-date-input")
+], P.prototype, "_inputEl");
+j([
+  R("anduin-popover")
+], P.prototype, "_popoverEl");
+customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", P);
 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", 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) => {
+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", e4 = "anduin-table:column-resize", t4 = 40, n1 = (r) => r.type === "selection", C1 = (r, e) => {
   if (!e) return;
   let t = r;
   for (const o of e.split(".")) {
@@ -9225,7 +9475,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     t = t[o];
   }
   return t;
-}, 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 {
+}, 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" }), mt = class mt 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;
@@ -9241,7 +9491,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
       }));
     }, this.onResizeEnd = (e) => {
       const t = this.resizeDrag;
-      t && (this.resizeFrame && (cancelAnimationFrame(this.resizeFrame), this.resizeFrame = 0), this.resizedWidths = { ...this.resizedWidths, [t.key]: t.width }, this.resizeDrag = null, this.resizingKey = "", this.dispatchEvent(new CustomEvent(e3, {
+      t && (this.resizeFrame && (cancelAnimationFrame(this.resizeFrame), this.resizeFrame = 0), this.resizedWidths = { ...this.resizedWidths, [t.key]: t.width }, this.resizeDrag = null, this.resizingKey = "", this.dispatchEvent(new CustomEvent(e4, {
         detail: { column: e, field: t.key, width: t.width },
         bubbles: !0,
         composed: !0
@@ -9573,7 +9823,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 = n1(t) && !t.width && !t.minWidth ? t3 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
+      const i = n1(t) && !t.width && !t.minWidth ? t4 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
       return e + i;
     }, 0);
   }
@@ -9599,7 +9849,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     const i = this.columnKey(t, o);
     if (this.resizedWidths[i] === void 0) return;
     const n = { ...this.resizedWidths };
-    delete n[i], this.resizedWidths = n, this.dispatchEvent(new CustomEvent(e3, {
+    delete n[i], this.resizedWidths = n, this.dispatchEvent(new CustomEvent(e4, {
       detail: { column: t, field: i, width: null },
       bubbles: !0,
       composed: !0
@@ -9643,17 +9893,17 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
           ></span>
         ` : u;
     if (n1(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,
+      const v = this.renderSelectableRows, x = this.renderSelectedKeys, w = v.filter((o1) => x.has(o1.key)).length, B = v.length > 0 && w === v.length, W = w > 0 && !B, Q1 = e.renderHeader ? e.renderHeader({
+        areAllRowsSelected: B,
         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=${B}
+              .indeterminate=${W}
+              aria-label="${B ? "Deselect all rows" : "Select all rows"}"
               @anduin-checkbox:change=${(o1) => {
-        o1.stopPropagation(), this.toggleAllRows(!D);
+        o1.stopPropagation(), this.toggleAllRows(!B);
       }}
             ></anduin-checkbox>
           `;
@@ -9667,7 +9917,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
         ><div class="${C}">${Q1}</div>${f}</th>
       `;
     }
-    const H = this.sortField === e.field, m = H ? this.sortDirection : null, V = e.renderHeader ? e.renderHeader({ column: e, sortDirection: m }) : a`<span class="table__header-text">${e.title ?? ""}</span>`, y = e.isSortable ? a`
+    const H = this.sortField === e.field, m = H ? this.sortDirection : null, V = e.renderHeader ? e.renderHeader({ column: e, sortDirection: m }) : a`<span class="table__header-text">${e.title ?? ""}</span>`, _ = e.isSortable ? a`
           <anduin-icon
             class="table__sort-icon ${H ? "table__sort-icon--active" : ""}"
             name="${m === "desc" ? "caretDown" : "caretUp"}"
@@ -9687,7 +9937,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
         @keydown=${(v) => {
       e.isSortable && (v.key !== "Enter" && v.key !== " " || (v.preventDefault(), this.onHeaderClick(e)));
     }}
-      ><div class="${C}">${V}${y}</div>${f}</th>
+      ><div class="${C}">${V}${_}</div>${f}</th>
     `;
   }
   renderCell(e, t, o, i) {
@@ -9701,10 +9951,10 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
       this.sizingClass(o, i)
     ].filter(Boolean).join(" "), C = this.cellStyle(o, i);
     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`
+      const V = this.renderSelectedKeys.has(e.key), _ = this.rowIsDisabled(e.data), v = (w) => this.setRowSelected(e, w), x = o.renderCell ? o.renderCell({ data: e.data, isChecked: V, isDisabled: _, onChange: v }) : a`
             <anduin-checkbox
               .checked=${V}
-              .disabled=${y}
+              .disabled=${_}
               aria-label="${V ? "Deselect row" : "Select row"}"
               @anduin-checkbox:change=${(w) => {
         w.stopPropagation(), v(!V);
@@ -9863,7 +10113,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
     `;
   }
 };
-m4.styles = g`
+mt.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -10083,7 +10333,7 @@ m4.styles = g`
       text-align: right;
     }
     .table__cell--selection {
-      width: ${t3}px;
+      width: ${t4}px;
       padding: 8px 0 8px 12px;
     }
@@ -10233,118 +10483,118 @@ m4.styles = g`
       cursor: progress;
     }
   `;
-let _ = m4;
+let y = mt;
 L([
   s({ attribute: !1 })
-], _.prototype, "columns");
+], y.prototype, "columns");
 L([
   s({ attribute: !1 })
-], _.prototype, "data");
+], y.prototype, "data");
 L([
   s({ reflect: !0 })
-], _.prototype, "layout");
+], y.prototype, "layout");
 L([
   s({ attribute: "render-mode", reflect: !0 })
-], _.prototype, "renderMode");
+], y.prototype, "renderMode");
 L([
   s({ type: Number, attribute: "row-height" })
-], _.prototype, "rowHeight");
+], y.prototype, "rowHeight");
 L([
   s()
-], _.prototype, "height");
+], y.prototype, "height");
 L([
   s({ attribute: "max-height" })
-], _.prototype, "maxHeight");
+], y.prototype, "maxHeight");
 L([
   s({ attribute: "min-height" })
-], _.prototype, "minHeight");
+], y.prototype, "minHeight");
 L([
   s({
     attribute: "resizable-columns",
     converter: (r) => r !== "false"
   })
-], _.prototype, "resizableColumns");
+], y.prototype, "resizableColumns");
 L([
   s({ type: Boolean, attribute: "hide-header", reflect: !0 })
-], _.prototype, "hideHeader");
+], y.prototype, "hideHeader");
 L([
   s({ type: Boolean, reflect: !0 })
-], _.prototype, "loading");
+], y.prototype, "loading");
 L([
   s({ reflect: !0 })
-], _.prototype, "selectable");
+], y.prototype, "selectable");
 L([
   s({ attribute: "index-column" })
-], _.prototype, "indexColumn");
+], y.prototype, "indexColumn");
 L([
   s({ attribute: "column-align" })
-], _.prototype, "columnAlign");
+], y.prototype, "columnAlign");
 L([
   s({ attribute: "column-vertical-align" })
-], _.prototype, "columnVerticalAlign");
+], y.prototype, "columnVerticalAlign");
 L([
   s({ attribute: "sort-field" })
-], _.prototype, "sortField");
+], y.prototype, "sortField");
 L([
   s({ attribute: "sort-direction" })
-], _.prototype, "sortDirection");
+], y.prototype, "sortDirection");
 L([
   s({ type: Boolean, attribute: "data-tree", reflect: !0 })
-], _.prototype, "dataTree");
+], y.prototype, "dataTree");
 L([
   s({ attribute: "tree-children-field" })
-], _.prototype, "treeChildrenField");
+], y.prototype, "treeChildrenField");
 L([
   s({ type: Number, attribute: "tree-child-indent" })
-], _.prototype, "treeChildIndent");
+], y.prototype, "treeChildIndent");
 L([
   s({ attribute: "group-by" })
-], _.prototype, "groupBy");
+], y.prototype, "groupBy");
 L([
   s({ attribute: !1 })
-], _.prototype, "selectedRows");
+], y.prototype, "selectedRows");
 L([
   s({ attribute: !1 })
-], _.prototype, "isRowDisabled");
+], y.prototype, "isRowDisabled");
 L([
   s({ attribute: !1 })
-], _.prototype, "onStartExpanded");
+], y.prototype, "onStartExpanded");
 L([
   s({ attribute: !1 })
-], _.prototype, "rowClass");
+], y.prototype, "rowClass");
 L([
   s({ attribute: !1 })
-], _.prototype, "renderGroupHeader");
+], y.prototype, "renderGroupHeader");
 L([
   b()
-], _.prototype, "expandedKeys");
+], y.prototype, "expandedKeys");
 L([
   b()
-], _.prototype, "collapsedGroups");
+], y.prototype, "collapsedGroups");
 L([
   b()
-], _.prototype, "virtualScrollTop");
+], y.prototype, "virtualScrollTop");
 L([
   b()
-], _.prototype, "viewportHeight");
+], y.prototype, "viewportHeight");
 L([
   b()
-], _.prototype, "scrolledX");
+], y.prototype, "scrolledX");
 L([
   b()
-], _.prototype, "scrollableXEnd");
+], y.prototype, "scrollableXEnd");
 L([
   b()
-], _.prototype, "resizedWidths");
+], y.prototype, "resizedWidths");
 L([
   b()
-], _.prototype, "resizingKey");
-customElements.get("anduin-table") || customElements.define("anduin-table", _);
+], y.prototype, "resizingKey");
+customElements.get("anduin-table") || customElements.define("anduin-table", y);
 export {
   A5 as $,
   N1 as A,
-  R as B,
-  I as C,
+  $ as B,
+  M as C,
   P2 as D,
   $1 as E,
   G1 as F,
@@ -10362,39 +10612,39 @@ export {
   K1 as R,
   Y1 as S,
   W1 as T,
-  I2 as U,
+  F2 as U,
   E5 as V,
   P5 as W,
   B5 as X,
   z5 as Y,
-  T2 as Z,
+  O2 as Z,
   S5 as _,
   e1 as a,
   l5 as a$,
-  O2 as a0,
+  I2 as a0,
   D5 as a1,
-  _1 as a2,
-  F5 as a3,
+  y1 as a2,
+  T5 as a3,
   r1 as a4,
   g2 as a5,
   h2 as a6,
-  Z as a7,
+  k as a7,
   w2 as a8,
   L2 as a9,
-  T5 as aA,
+  O5 as aA,
   X7 as aB,
   U7 as aC,
   r5 as aD,
   l2 as aE,
-  G4 as aF,
-  m3 as aG,
+  Gt as aF,
+  m4 as aG,
   f1 as aH,
   p7 as aI,
-  St as aJ,
-  At as aK,
-  zt as aL,
-  B4 as aM,
-  Mt as aN,
+  S3 as aJ,
+  A3 as aK,
+  z3 as aL,
+  Bt as aM,
+  M3 as aN,
   H5 as aO,
   t5 as aP,
   r2 as aQ,
@@ -10404,17 +10654,17 @@ export {
   x5 as aU,
   v5 as aV,
   b5 as aW,
-  _5 as aX,
+  y5 as aX,
   r7 as aY,
   z7 as aZ,
-  F7 as a_,
+  T7 as a_,
   l1 as aa,
-  _ as ab,
+  y as ab,
   j1 as ac,
-  y2 as ad,
+  _2 as ad,
   U1 as ae,
   h5 as af,
-  W as ag,
+  Y as ag,
   w5 as ah,
   Z5 as ai,
   R5 as aj,
@@ -10425,69 +10675,69 @@ export {
   x2 as ao,
   X as ap,
   J as aq,
-  _2 as ar,
+  y2 as ar,
   p5 as as,
   u5 as at,
-  F2 as au,
+  T2 as au,
   f5 as av,
-  h3 as aw,
+  h4 as aw,
   Z2 as ax,
-  I5 as ay,
-  xt as az,
+  F5 as ay,
+  x3 as az,
   S2 as b,
   k7 as b0,
   Z7 as b1,
-  _7 as b2,
+  y7 as b2,
   r0 as b3,
   i0 as b4,
-  e3 as b5,
+  e4 as b5,
   a0 as b6,
   o0 as b7,
   s0 as b8,
   l0 as b9,
   n0 as ba,
   t0 as bb,
-  Ft as bc,
-  w3 as bd,
+  T3 as bc,
+  w4 as bd,
   W2 as be,
-  Ot as bf,
-  Pt as bg,
-  Ut as bh,
-  Gt as bi,
+  I3 as bf,
+  P3 as bg,
+  U3 as bh,
+  G3 as bi,
   g5 as bj,
-  Wt as bk,
-  Kt as bl,
-  L3 as bm,
-  V3 as bn,
+  W3 as bk,
+  K3 as bl,
+  L4 as bm,
+  V4 as bn,
   Y5 as bo,
-  _3 as bp,
-  y3 as bq,
-  x3 as br,
-  Xt as bs,
+  y4 as bp,
+  _4 as bq,
+  x4 as br,
+  X3 as bs,
   u1 as bt,
   x1 as bu,
-  g3 as bv,
-  P as bw,
+  g4 as bv,
+  T 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,
+  D as h,
+  P 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,
+  Z as s,
   B2 as t,
   a5 as u,
   d5 as v,