@duyluonganduin/acl-web-components 0.0.53 → 0.0.55

package/dist/{anduin-table-CAiteM1b.js → anduin-table-s1dOpgPU.js}

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const V2 = globalThis, E5 = V2.ShadowRoot && (V2.ShadyCSS === void 0 || V2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, z5 = Symbol(), c3 = /* @__PURE__ */ new WeakMap();
-let T3 = class {
+const V2 = globalThis, D5 = V2.ShadowRoot && (V2.ShadyCSS === void 0 || V2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, B5 = Symbol(), p3 = /* @__PURE__ */ new WeakMap();
+let j3 = class {
   constructor(e, t, o) {
-    if (this._$cssResult$ = !0, o !== z5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, o !== B5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
     let e = this.o;
     const t = this.t;
-    if (E5 && e === void 0) {
+    if (D5 && e === void 0) {
       const o = t !== void 0 && t.length === 1;
-      o && (e = c3.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && c3.set(t, e));
+      o && (e = p3.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && p3.set(t, e));
     }
     return e;
   }
@@ -22,33 +22,33 @@ let T3 = class {
     return this.cssText;
   }
 };
-const ve = (r) => new T3(typeof r == "string" ? r : r + "", void 0, z5), g = (r, ...e) => {
+const be = (r) => new j3(typeof r == "string" ? r : r + "", void 0, B5), 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 T3(t, r, z5);
-}, be = (r, e) => {
-  if (E5) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  return new j3(t, r, B5);
+}, He = (r, e) => {
+  if (D5) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const o = document.createElement("style"), i = V2.litNonce;
     i !== void 0 && o.setAttribute("nonce", i), o.textContent = t.cssText, r.appendChild(o);
   }
-}, C3 = E5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
+}, h3 = D5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const o of e.cssRules) t += o.cssText;
-  return ve(t);
+  return be(t);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: me, defineProperty: He, getOwnPropertyDescriptor: ye, getOwnPropertyNames: _e, getOwnPropertySymbols: Ve, getPrototypeOf: Le } = Object, C1 = globalThis, p3 = C1.trustedTypes, xe = p3 ? p3.emptyScript : "", O2 = C1.reactiveElementPolyfillSupport, e2 = (r, e) => r, L2 = { toAttribute(r, e) {
+const { is: ye, defineProperty: _e, getOwnPropertyDescriptor: Le, getOwnPropertyNames: Ve, getOwnPropertySymbols: xe, getPrototypeOf: Me } = Object, p1 = globalThis, u3 = p1.trustedTypes, we = u3 ? u3.emptyScript : "", N2 = p1.reactiveElementPolyfillSupport, t2 = (r, e) => r, x2 = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      r = r ? xe : null;
+      r = r ? we : null;
       break;
     case Object:
     case Array:
@@ -73,8 +73,8 @@ const { is: me, defineProperty: He, getOwnPropertyDescriptor: ye, getOwnProperty
       }
   }
   return t;
-} }, S5 = (r, e) => !me(r, e), u3 = { attribute: !0, type: String, converter: L2, reflect: !1, useDefault: !1, hasChanged: S5 };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C1.litPropertyMetadata ?? (C1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, P5 = (r, e) => !ye(r, e), g3 = { attribute: !0, type: String, converter: x2, reflect: !1, useDefault: !1, hasChanged: P5 };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), p1.litPropertyMetadata ?? (p1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let B1 = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
@@ -82,14 +82,14 @@ let B1 = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = u3) {
+  static createProperty(e, t = g3) {
     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 && He(this.prototype, e, i);
+      i !== void 0 && _e(this.prototype, e, i);
     }
   }
   static getPropertyDescriptor(e, t, o) {
-    const { get: i, set: n } = ye(this.prototype, e) ?? { get() {
+    const { get: i, set: n } = Le(this.prototype, e) ?? { get() {
       return this[t];
     }, set(l) {
       this[t] = l;
@@ -100,17 +100,17 @@ let B1 = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? u3;
+    return this.elementProperties.get(e) ?? g3;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(e2("elementProperties"))) return;
-    const e = Le(this);
+    if (this.hasOwnProperty(t2("elementProperties"))) return;
+    const e = Me(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(e2("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(e2("properties"))) {
-      const t = this.properties, o = [..._e(t), ...Ve(t)];
+    if (this.hasOwnProperty(t2("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(t2("properties"))) {
+      const t = this.properties, o = [...Ve(t), ...xe(t)];
       for (const i of o) this.createProperty(i, t[i]);
     }
     const e = this[Symbol.metadata];
@@ -129,8 +129,8 @@ let B1 = 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(C3(i));
-    } else e !== void 0 && t.push(C3(e));
+      for (const i of o) t.unshift(h3(i));
+    } else e !== void 0 && t.push(h3(e));
     return t;
   }
   static _$Eu(e, t) {
@@ -159,7 +159,7 @@ let B1 = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return be(e, this.constructor.elementStyles), e;
+    return He(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -184,7 +184,7 @@ let B1 = class extends HTMLElement {
     var n;
     const o = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, o);
     if (i !== void 0 && o.reflect === !0) {
-      const l = (((n = o.converter) == null ? void 0 : n.toAttribute) !== void 0 ? o.converter : L2).toAttribute(t, o.type);
+      const l = (((n = o.converter) == null ? void 0 : n.toAttribute) !== void 0 ? o.converter : x2).toAttribute(t, o.type);
       this._$Em = e, l == null ? this.removeAttribute(i) : this.setAttribute(i, l), this._$Em = null;
     }
   }
@@ -192,7 +192,7 @@ let B1 = class extends HTMLElement {
     var n, l;
     const o = this.constructor, i = o._$Eh.get(e);
     if (i !== void 0 && this._$Em !== i) {
-      const d = o.getPropertyOptions(i), c = typeof d.converter == "function" ? { fromAttribute: d.converter } : ((n = d.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? d.converter : L2;
+      const d = o.getPropertyOptions(i), c = typeof d.converter == "function" ? { fromAttribute: d.converter } : ((n = d.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? d.converter : x2;
       this._$Em = i;
       const C = c.fromAttribute(t, d.type);
       this[i] = C ?? ((l = this._$Ej) == null ? void 0 : l.get(i)) ?? C, this._$Em = null;
@@ -202,7 +202,7 @@ let B1 = class extends HTMLElement {
     var l;
     if (e !== void 0) {
       const d = this.constructor;
-      if (i === !1 && (n = this[e]), o ?? (o = d.getPropertyOptions(e)), !((o.hasChanged ?? S5)(n, t) || o.useDefault && o.reflect && n === ((l = this._$Ej) == null ? void 0 : l.get(e)) && !this.hasAttribute(d._$Eu(e, o)))) return;
+      if (i === !1 && (n = this[e]), o ?? (o = d.getPropertyOptions(e)), !((o.hasChanged ?? P5)(n, t) || o.useDefault && o.reflect && n === ((l = this._$Ej) == null ? void 0 : l.get(e)) && !this.hasAttribute(d._$Eu(e, o)))) return;
       this.C(e, t, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -278,59 +278,59 @@ let B1 = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-B1.elementStyles = [], B1.shadowRootOptions = { mode: "open" }, B1[e2("elementProperties")] = /* @__PURE__ */ new Map(), B1[e2("finalized")] = /* @__PURE__ */ new Map(), O2 == null || O2({ ReactiveElement: B1 }), (C1.reactiveElementVersions ?? (C1.reactiveElementVersions = [])).push("2.1.2");
+B1.elementStyles = [], B1.shadowRootOptions = { mode: "open" }, B1[t2("elementProperties")] = /* @__PURE__ */ new Map(), B1[t2("finalized")] = /* @__PURE__ */ new Map(), N2 == null || N2({ ReactiveElement: B1 }), (p1.reactiveElementVersions ?? (p1.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t2 = globalThis, h3 = (r) => r, x2 = t2.trustedTypes, g3 = x2 ? x2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, N3 = "$lit$", c1 = `lit$${Math.random().toFixed(9).slice(2)}$`, j3 = "?" + c1, Me = `<${j3}>`, M1 = document, o2 = () => M1.createComment(""), n2 = (r) => r === null || typeof r != "object" && typeof r != "function", A5 = Array.isArray, we = (r) => A5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", I2 = `[ 	
-\f\r]`, q1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, f3 = /-->/g, v3 = />/g, _1 = RegExp(`>|${I2}(?:([^\\s"'>=/]+)(${I2}*=${I2}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), b3 = /'/g, m3 = /"/g, U3 = /^(?:script|style|textarea|title)$/i, G3 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), s = G3(1), M2 = G3(2), w1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), H3 = /* @__PURE__ */ new WeakMap(), L1 = M1.createTreeWalker(M1, 129);
-function K3(r, e) {
-  if (!A5(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return g3 !== void 0 ? g3.createHTML(e) : e;
+const i2 = globalThis, f3 = (r) => r, M2 = i2.trustedTypes, v3 = M2 ? M2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, U3 = "$lit$", C1 = `lit$${Math.random().toFixed(9).slice(2)}$`, G3 = "?" + C1, Ze = `<${G3}>`, M1 = document, n2 = () => M1.createComment(""), r2 = (r) => r === null || typeof r != "object" && typeof r != "function", F5 = Array.isArray, ke = (r) => F5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", j2 = `[ 	
+\f\r]`, q1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, m3 = /-->/g, b3 = />/g, _1 = RegExp(`>|${j2}(?:([^\\s"'>=/]+)(${j2}*=${j2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), H3 = /'/g, y3 = /"/g, K3 = /^(?:script|style|textarea|title)$/i, W3 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), s = W3(1), w2 = W3(2), w1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), _3 = /* @__PURE__ */ new WeakMap(), V1 = M1.createTreeWalker(M1, 129);
+function Y3(r, e) {
+  if (!F5(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return v3 !== void 0 ? v3.createHTML(e) : e;
 }
-const Ze = (r, e) => {
+const Re = (r, e) => {
   const t = r.length - 1, o = [];
   let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", l = q1;
   for (let d = 0; d < t; d++) {
     const c = r[d];
-    let C, p, f = -1, m = 0;
-    for (; m < c.length && (l.lastIndex = m, p = l.exec(c), p !== null); ) m = l.lastIndex, l === q1 ? p[1] === "!--" ? l = f3 : p[1] !== void 0 ? l = v3 : p[2] !== void 0 ? (U3.test(p[2]) && (i = RegExp("</" + p[2], "g")), l = _1) : p[3] !== void 0 && (l = _1) : l === _1 ? p[0] === ">" ? (l = i ?? q1, f = -1) : p[1] === void 0 ? f = -2 : (f = l.lastIndex - p[2].length, C = p[1], l = p[3] === void 0 ? _1 : p[3] === '"' ? m3 : b3) : l === m3 || l === b3 ? l = _1 : l === f3 || l === v3 ? l = q1 : (l = _1, i = void 0);
-    const b = l === _1 && r[d + 1].startsWith("/>") ? " " : "";
-    n += l === q1 ? c + Me : f >= 0 ? (o.push(C), c.slice(0, f) + N3 + c.slice(f) + c1 + b) : c + c1 + (f === -2 ? d : b);
+    let C, p, f = -1, b = 0;
+    for (; b < c.length && (l.lastIndex = b, p = l.exec(c), p !== null); ) b = l.lastIndex, l === q1 ? p[1] === "!--" ? l = m3 : p[1] !== void 0 ? l = b3 : p[2] !== void 0 ? (K3.test(p[2]) && (i = RegExp("</" + p[2], "g")), l = _1) : p[3] !== void 0 && (l = _1) : l === _1 ? p[0] === ">" ? (l = i ?? q1, f = -1) : p[1] === void 0 ? f = -2 : (f = l.lastIndex - p[2].length, C = p[1], l = p[3] === void 0 ? _1 : p[3] === '"' ? y3 : H3) : l === y3 || l === H3 ? l = _1 : l === m3 || l === b3 ? l = q1 : (l = _1, i = void 0);
+    const m = l === _1 && r[d + 1].startsWith("/>") ? " " : "";
+    n += l === q1 ? c + Ze : f >= 0 ? (o.push(C), c.slice(0, f) + U3 + c.slice(f) + C1 + m) : c + C1 + (f === -2 ? d : m);
   }
-  return [K3(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
+  return [Y3(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
-class r2 {
+class l2 {
   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] = Ze(e, t);
-    if (this.el = r2.createElement(C, o), L1.currentNode = this.el.content, t === 2 || t === 3) {
+    const d = e.length - 1, c = this.parts, [C, p] = Re(e, t);
+    if (this.el = l2.createElement(C, o), V1.currentNode = this.el.content, t === 2 || t === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
-    for (; (i = L1.nextNode()) !== null && c.length < d; ) {
+    for (; (i = V1.nextNode()) !== null && c.length < d; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(N3)) {
-          const m = p[l++], b = i.getAttribute(f).split(c1), L = /([.?@])?(.*)/.exec(m);
-          c.push({ type: 1, index: n, name: L[2], strings: b, ctor: L[1] === "." ? Re : L[1] === "?" ? $e : L[1] === "@" ? Ee : P2 }), i.removeAttribute(f);
-        } else f.startsWith(c1) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
-        if (U3.test(i.tagName)) {
-          const f = i.textContent.split(c1), m = f.length - 1;
-          if (m > 0) {
-            i.textContent = x2 ? x2.emptyScript : "";
-            for (let b = 0; b < m; b++) i.append(f[b], o2()), L1.nextNode(), c.push({ type: 2, index: ++n });
-            i.append(f[m], o2());
+        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(U3)) {
+          const b = p[l++], m = i.getAttribute(f).split(C1), V = /([.?@])?(.*)/.exec(b);
+          c.push({ type: 1, index: n, name: V[2], strings: m, ctor: V[1] === "." ? Ee : V[1] === "?" ? ze : V[1] === "@" ? Se : I2 }), i.removeAttribute(f);
+        } else f.startsWith(C1) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
+        if (K3.test(i.tagName)) {
+          const f = i.textContent.split(C1), b = f.length - 1;
+          if (b > 0) {
+            i.textContent = M2 ? M2.emptyScript : "";
+            for (let m = 0; m < b; m++) i.append(f[m], n2()), V1.nextNode(), c.push({ type: 2, index: ++n });
+            i.append(f[b], n2());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === j3) c.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === G3) c.push({ type: 2, index: n });
       else {
         let f = -1;
-        for (; (f = i.data.indexOf(c1, f + 1)) !== -1; ) c.push({ type: 7, index: n }), f += c1.length - 1;
+        for (; (f = i.data.indexOf(C1, f + 1)) !== -1; ) c.push({ type: 7, index: n }), f += C1.length - 1;
       }
       n++;
     }
@@ -344,10 +344,10 @@ function F1(r, e, t = r, o) {
   var l, d;
   if (e === w1) return e;
   let i = o !== void 0 ? (l = t._$Co) == null ? void 0 : l[o] : t._$Cl;
-  const n = n2(e) ? void 0 : e._$litDirective$;
+  const n = r2(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 = F1(r, i._$AS(r, e.values), i, o)), e;
 }
-class ke {
+class $e {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -359,23 +359,23 @@ class ke {
   }
   u(e) {
     const { el: { content: t }, parts: o } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? M1).importNode(t, !0);
-    L1.currentNode = i;
-    let n = L1.nextNode(), l = 0, d = 0, c = o[0];
+    V1.currentNode = i;
+    let n = V1.nextNode(), l = 0, d = 0, c = o[0];
     for (; c !== void 0; ) {
       if (l === c.index) {
         let C;
-        c.type === 2 ? C = new y2(n, n.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (C = new ze(n, this, e)), this._$AV.push(C), c = o[++d];
+        c.type === 2 ? C = new _2(n, n.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (C = new Ae(n, this, e)), this._$AV.push(C), c = o[++d];
       }
-      l !== (c == null ? void 0 : c.index) && (n = L1.nextNode(), l++);
+      l !== (c == null ? void 0 : c.index) && (n = V1.nextNode(), l++);
     }
-    return L1.currentNode = M1, i;
+    return V1.currentNode = M1, i;
   }
   p(e) {
     let t = 0;
     for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(e, o, t), t += o.strings.length - 2) : o._$AI(e[t])), t++;
   }
 }
-class y2 {
+class _2 {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
@@ -395,7 +395,7 @@ class y2 {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = F1(this, e, t), n2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== w1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : we(e) ? this.k(e) : this._(e);
+    e = F1(this, e, t), r2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== w1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ke(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -404,33 +404,33 @@ class y2 {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== u && n2(this._$AH) ? this._$AA.nextSibling.data = e : this.T(M1.createTextNode(e)), this._$AH = e;
+    this._$AH !== u && r2(this._$AH) ? this._$AA.nextSibling.data = e : this.T(M1.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var n;
-    const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = r2.createElement(K3(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 = l2.createElement(Y3(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 ke(i, this), d = l.u(this.options);
+      const l = new $e(i, this), d = l.u(this.options);
       l.p(t), this.T(d), this._$AH = l;
     }
   }
   _$AC(e) {
-    let t = H3.get(e.strings);
-    return t === void 0 && H3.set(e.strings, t = new r2(e)), t;
+    let t = _3.get(e.strings);
+    return t === void 0 && _3.set(e.strings, t = new l2(e)), t;
   }
   k(e) {
-    A5(this._$AH) || (this._$AH = [], this._$AR());
+    F5(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let o, i = 0;
-    for (const n of e) i === t.length ? t.push(o = new y2(this.O(o2()), this.O(o2()), this, this.options)) : o = t[i], o._$AI(n), i++;
+    for (const n of e) i === t.length ? t.push(o = new _2(this.O(n2()), this.O(n2()), this, this.options)) : o = t[i], o._$AI(n), i++;
     i < t.length && (this._$AR(o && o._$AB.nextSibling, i), t.length = i);
   }
   _$AR(e = this._$AA.nextSibling, t) {
     var o;
     for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, t); e !== this._$AB; ) {
-      const i = h3(e).nextSibling;
-      h3(e).remove(), e = i;
+      const i = f3(e).nextSibling;
+      f3(e).remove(), e = i;
     }
   }
   setConnected(e) {
@@ -438,7 +438,7 @@ class y2 {
     this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
   }
 }
-class P2 {
+class I2 {
   get tagName() {
     return this.element.tagName;
   }
@@ -451,11 +451,11 @@ class P2 {
   _$AI(e, t = this, o, i) {
     const n = this.strings;
     let l = !1;
-    if (n === void 0) e = F1(this, e, t, 0), l = !n2(e) || e !== this._$AH && e !== w1, l && (this._$AH = e);
+    if (n === void 0) e = F1(this, e, t, 0), l = !r2(e) || e !== this._$AH && e !== w1, l && (this._$AH = e);
     else {
       const d = e;
       let c, C;
-      for (e = n[0], c = 0; c < n.length - 1; c++) C = F1(this, d[o + c], t, c), C === w1 && (C = this._$AH[c]), l || (l = !n2(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 = F1(this, d[o + c], t, c), C === w1 && (C = this._$AH[c]), l || (l = !r2(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 P2 {
     e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Re extends P2 {
+class Ee extends I2 {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -471,7 +471,7 @@ class Re extends P2 {
     this.element[this.name] = e === u ? void 0 : e;
   }
 }
-class $e extends P2 {
+class ze extends I2 {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -479,7 +479,7 @@ class $e extends P2 {
     this.element.toggleAttribute(this.name, !!e && e !== u);
   }
 }
-class Ee extends P2 {
+class Se extends I2 {
   constructor(e, t, o, i, n) {
     super(e, t, o, i, n), this.type = 5;
   }
@@ -493,7 +493,7 @@ class Ee extends P2 {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class ze {
+class Ae {
   constructor(e, t, o) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
   }
@@ -504,14 +504,14 @@ class ze {
     F1(this, e);
   }
 }
-const T2 = t2.litHtmlPolyfillSupport;
-T2 == null || T2(r2, y2), (t2.litHtmlVersions ?? (t2.litHtmlVersions = [])).push("3.3.2");
-const Se = (r, e, t) => {
+const U2 = i2.litHtmlPolyfillSupport;
+U2 == null || U2(l2, _2), (i2.litHtmlVersions ?? (i2.litHtmlVersions = [])).push("3.3.2");
+const De = (r, e, t) => {
   const o = (t == null ? void 0 : t.renderBefore) ?? e;
   let i = o._$litPart$;
   if (i === void 0) {
     const n = (t == null ? void 0 : t.renderBefore) ?? null;
-    o._$litPart$ = i = new y2(e.insertBefore(o2(), n), n, void 0, t ?? {});
+    o._$litPart$ = i = new _2(e.insertBefore(n2(), n), n, void 0, t ?? {});
   }
   return i._$AI(r), i;
 };
@@ -532,7 +532,7 @@ let h = class extends B1 {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Se(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = De(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -546,17 +546,17 @@ let h = class extends B1 {
     return w1;
   }
 };
-var I3;
-h._$litElement$ = !0, h.finalized = !0, (I3 = x1.litElementHydrateSupport) == null || I3.call(x1, { LitElement: h });
-const N2 = x1.litElementPolyfillSupport;
-N2 == null || N2({ LitElement: h });
+var N3;
+h._$litElement$ = !0, h.finalized = !0, (N3 = x1.litElementHydrateSupport) == null || N3.call(x1, { LitElement: h });
+const G2 = x1.litElementPolyfillSupport;
+G2 == null || G2({ LitElement: h });
 (x1.litElementVersions ?? (x1.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ae = { attribute: !0, type: String, converter: L2, reflect: !1, hasChanged: S5 }, De = (r = Ae, e, t) => {
+const Be = { attribute: !0, type: String, converter: x2, reflect: !1, hasChanged: P5 }, Pe = (r = Be, 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 Ae = { attribute: !0, type: String, converter: L2, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + o);
 };
 function a(r) {
-  return (e, t) => typeof t == "object" ? De(r, e, t) : ((o, i, n) => {
+  return (e, t) => typeof t == "object" ? Pe(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,7 +596,7 @@ function H(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Be = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
+const Fe = (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
@@ -608,17 +608,17 @@ function z(r, e) {
       var d;
       return ((d = l.renderRoot) == null ? void 0 : d.querySelector(r)) ?? null;
     };
-    return Be(t, o, { get() {
+    return Fe(t, o, { get() {
       return n(this);
     } });
   };
 }
-var Pe = Object.defineProperty, W3 = (r, e, t, o) => {
+var Oe = 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 && Pe(e, t, i), i;
+  return i && Oe(e, t, i), i;
 };
-const F5 = class F5 extends h {
+const N5 = class N5 extends h {
   constructor() {
     super(...arguments), this.size = "medium", this.percent = "";
   }
@@ -641,7 +641,7 @@ const F5 = class F5 extends h {
     let i;
     o ? i = 0.75 * Math.PI * e : i = (1 - Math.max(0, Math.min(1, parseFloat(this.percent) || 0))) * Math.PI * e;
     const n = t / 2, l = t + e, d = e / 2, c = Math.PI * e;
-    return M2`
+    return w2`
       <svg
         class=${o ? "spinner" : ""}
         width="${e}px"
@@ -675,31 +675,31 @@ const F5 = class F5 extends h {
     `;
   }
 };
-F5.styles = g`
+N5.styles = g`
     :host { display: inline-block; line-height: 0; font-family: var(--font-sans); }
     .spinner { animation: circle 0.6s linear infinite; }
     @keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
   `;
-let l2 = F5;
-W3([
+let a2 = N5;
+q3([
   a()
-], l2.prototype, "size");
-W3([
+], a2.prototype, "size");
+q3([
   a()
-], l2.prototype, "percent");
-customElements.get("anduin-spinner") || customElements.define("anduin-spinner", l2);
-var Fe = Object.defineProperty, Y3 = (r, e, t, o) => {
+], a2.prototype, "percent");
+customElements.get("anduin-spinner") || customElements.define("anduin-spinner", a2);
+var Ie = Object.defineProperty, X3 = (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 && Fe(e, t, i), i;
+  return i && Ie(e, t, i), i;
 };
-const y3 = "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", Oe = { small: 16, medium: 24, large: 32 }, O5 = class O5 extends h {
+const L3 = "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", Te = { small: 16, medium: 24, large: 32 }, j5 = class j5 extends h {
   constructor() {
     super(...arguments), this.size = "small", this.color = "default";
   }
   render() {
-    const e = Oe[this.size] ?? 16;
-    return M2`
+    const e = Te[this.size] ?? 16;
+    return w2`
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="${e}"
@@ -708,13 +708,13 @@ const y3 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.635
         fill="currentColor"
         overflow="visible"
       >
-        <path class="star"        d="${y3}"/>
-        <path class="star star-2" d="${y3}"/>
+        <path class="star"        d="${L3}"/>
+        <path class="star star-2" d="${L3}"/>
       </svg>
     `;
   }
 };
-O5.styles = g`
+j5.styles = g`
     :host { display: inline-block; line-height: 0; }
 
     /* ── Colors ─────────────────────────────────────────────────── */
@@ -753,15 +753,15 @@ O5.styles = g`
       100% { transform: translate(12px, 12px)   scale(0.5); opacity: 0; }
     }
   `;
-let a2 = O5;
-Y3([
+let s2 = j5;
+X3([
   a({ reflect: !0 })
-], a2.prototype, "size");
-Y3([
+], s2.prototype, "size");
+X3([
   a({ reflect: !0 })
-], a2.prototype, "color");
-customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", a2);
-const _3 = {
+], s2.prototype, "color");
+customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", s2);
+const V3 = {
   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" }],
@@ -1079,6 +1079,10 @@ const _3 = {
   textColor: [{ d: "M8.01619 0.999024C8.31193 0.999419 8.57983 1.17357 8.70023 1.44369L12.935 10.9447C13.1037 11.323 12.9337 11.7664 12.5553 11.935C12.177 12.1037 11.7336 11.9337 11.565 11.5553L10.2042 8.50228H5.80562L4.43422 11.5572C4.26458 11.935 3.82073 12.1039 3.44284 11.9342C3.06496 11.7646 2.89615 11.3207 3.06579 10.9428L7.33098 1.44186C7.4521 1.17207 7.72046 0.998631 8.01619 0.999024ZM8.01275 3.58577L9.53557 7.00228H6.479L8.01275 3.58577ZM2 13.0115C1.44772 13.0115 1 13.4592 1 14.0115V15C1 15.5523 1.44772 16 2 16H14C14.5523 16 15 15.5523 15 15V14.0115C15 13.4592 14.5523 13.0115 14 13.0115H2Z", fillRule: "evenodd", clipRule: "evenodd" }],
   textStyle: [{ d: "M8.91058 1.61448C8.75496 1.24202 8.39068 0.999654 7.98702 1C7.58337 1.00035 7.2195 1.24334 7.06452 1.61606L2.07663 13.6119C1.86458 14.1218 2.10609 14.7071 2.61605 14.9191C3.12601 15.1312 3.7113 14.8897 3.92335 14.3797L5.32865 11H10.6645L12.0773 14.3813C12.2902 14.8909 12.8759 15.1314 13.3855 14.9185C13.8951 14.7056 14.1356 14.1199 13.9227 13.6103L8.91058 1.61448ZM9.82886 9L7.99012 4.59922L6.16026 9H9.82886Z", fillRule: "evenodd", clipRule: "evenodd" }],
   textarea: [{ d: "M4 5H3.5C3.22386 5 3 4.77614 3 4.5C3 4.22386 3.22386 4 3.5 4H5.5C5.77614 4 6 4.22386 6 4.5C6 4.77614 5.77614 5 5.5 5H5V8H5.5C5.77614 8 6 8.22386 6 8.5C6 8.77614 5.77614 9 5.5 9H3.5C3.22386 9 3 8.77614 3 8.5C3 8.22386 3.22386 8 3.5 8H4V5Z", fillRule: "", clipRule: "" }, { d: "M10 12H13V9L10 12Z", fillRule: "", clipRule: "" }, { d: "M2 1C0.895431 1 0 1.89543 0 3V13C0 14.1046 0.895431 15 2 15H14C15.1046 15 16 14.1046 16 13V3C16 1.89543 15.1046 1 14 1H2ZM14 2.5H2C1.72386 2.5 1.5 2.72386 1.5 3V13C1.5 13.2761 1.72386 13.5 2 13.5H14C14.2761 13.5 14.5 13.2761 14.5 13V3C14.5 2.72386 14.2761 2.5 14 2.5Z", fillRule: "evenodd", clipRule: "evenodd" }],
+  thumbDown: [{ d: "M4 2.42188C4 1.91274 3.58726 1.5 3.07812 1.5C2.52673 1.50009 1.99804 1.71929 1.6084 2.10938C1.21872 2.49951 1 3.02872 1 3.58008L1.00977 8.49805C1.01027 9.04873 1.22892 9.5771 1.61816 9.9668C2.00782 10.3568 2.53651 10.5761 3.08789 10.5762C3.59163 10.5762 4 10.1678 4 9.66406V2.42188Z", fillRule: "", clipRule: "" }, { d: "M8.20215 15.4961C8.92329 15.4961 9.62486 15.2195 10.1455 14.6982C10.6606 14.1825 10.9502 13.4829 10.9502 12.7539V12.5039C10.9502 12.4427 10.9426 12.3816 10.9277 12.3223L10.4912 10.5762H13.416C13.7396 10.577 14.0591 10.5018 14.3486 10.3574C14.639 10.2126 14.8917 10.002 15.0859 9.74219C15.2802 9.48237 15.4109 9.18067 15.4678 8.86133C15.5247 8.54187 15.5057 8.21333 15.4131 7.90234L15.4092 7.88867L13.8516 2.98242C13.7241 2.55695 13.4639 2.18297 13.1084 1.91602C12.748 1.6454 12.3091 1.50048 11.8584 1.50098L6.00014 1.50014C5.4478 1.50006 5 1.9478 5 2.50014V10.6533C5.00631 10.6569 5.01335 10.6592 5.01953 10.6631C5.11089 10.72 5.18457 10.8017 5.23242 10.8984L5.24707 10.9277L7.54492 15.1074L7.59961 15.1934C7.73986 15.3823 7.96287 15.4961 8.20215 15.4961Z", fillRule: "", clipRule: "" }],
+  thumbDownLine: [{ d: "M8.20215 15.4961C8.92329 15.4961 9.62486 15.2195 10.1455 14.6982C10.6606 14.1825 10.9502 13.4829 10.9502 12.7539V12.5039C10.9502 12.4427 10.9426 12.3816 10.9277 12.3223L10.4912 10.5762H13.416C13.7396 10.577 14.0591 10.5018 14.3486 10.3574C14.639 10.2126 14.8917 10.002 15.0859 9.74219C15.2802 9.48237 15.4109 9.18067 15.4678 8.86133C15.5247 8.54187 15.5057 8.21333 15.4131 7.90234L15.4092 7.88867L13.8516 2.98242C13.7241 2.55695 13.4639 2.18297 13.1084 1.91602C12.748 1.6454 12.3091 1.50048 11.8584 1.50098L3.07812 1.5C2.52673 1.50009 1.99804 1.71929 1.6084 2.10938C1.21872 2.49951 1 3.02872 1 3.58008L1.00977 8.49805C1.01027 9.04873 1.22892 9.5771 1.61816 9.9668C2.00782 10.3568 2.53651 10.5761 3.08789 10.5762H4.71484C4.82235 10.5763 4.92812 10.6062 5.01953 10.6631C5.11089 10.72 5.18457 10.8017 5.23242 10.8984L5.24707 10.9277L7.54492 15.1074L7.59961 15.1934C7.73986 15.3823 7.96287 15.4961 8.20215 15.4961ZM6.57617 10.2344C6.40464 9.88744 6.1401 9.59421 5.81152 9.38965C5.71216 9.32783 5.60748 9.27637 5.5 9.23242V3H11.8594C11.9845 2.99976 12.1067 3.04004 12.207 3.11523C12.3074 3.19058 12.381 3.29707 12.416 3.41797L12.4219 3.43652L13.9756 8.33203C14.001 8.41827 14.0069 8.50909 13.9912 8.59766C13.9753 8.68676 13.9388 8.77136 13.8848 8.84375C13.8306 8.91622 13.7595 8.97535 13.6787 9.01562C13.598 9.05578 13.509 9.07654 13.4189 9.07617H9.53027C9.29952 9.07625 9.08154 9.18243 8.93945 9.36426C8.79736 9.54623 8.74682 9.78382 8.80273 10.0078L9.4502 12.5996V12.7539C9.4502 13.0857 9.31807 13.4043 9.08398 13.6387C8.95078 13.772 8.78775 13.87 8.6084 13.9297L6.57617 10.2344ZM3.08789 9.07617C2.93484 9.0761 2.78817 9.01486 2.67969 8.90625C2.57112 8.79755 2.50977 8.65018 2.50977 8.49609L2.5 3.57812C2.50046 3.42472 2.56184 3.2782 2.66992 3.16992C2.77839 3.06133 2.92511 3.00009 3.07812 3H4V9.07617H3.08789Z", fillRule: "evenodd", clipRule: "evenodd" }],
+  thumbUp: [{ d: "M4 13.5742C4 14.0834 3.58726 14.4961 3.07812 14.4961C2.52673 14.496 1.99804 14.2768 1.6084 13.8867C1.21872 13.4966 1 12.9674 1 12.416L1.00977 7.49805C1.01027 6.94736 1.22892 6.41899 1.61816 6.0293C2.00782 5.63925 2.53651 5.42 3.08789 5.41992C3.59163 5.41992 4 5.82829 4 6.33203V13.5742Z", fillRule: "", clipRule: "" }, { d: "M8.20215 0.5C8.92329 0.500026 9.62486 0.776604 10.1455 1.29785C10.6606 1.81363 10.9502 2.51321 10.9502 3.24219V3.49219C10.9502 3.55339 10.9426 3.61445 10.9277 3.67383L10.4912 5.41992H13.416C13.7396 5.41906 14.0591 5.49429 14.3486 5.63867C14.639 5.78349 14.8917 5.99408 15.0859 6.25391C15.2802 6.51372 15.4109 6.81543 15.4678 7.13477C15.5247 7.45422 15.5057 7.78276 15.4131 8.09375L15.4092 8.10742L13.8516 13.0137C13.7241 13.4391 13.4639 13.8131 13.1084 14.0801C12.748 14.3507 12.3091 14.4956 11.8584 14.4951L6.00014 14.496C5.4478 14.496 5 14.0483 5 13.496V5.34277C5.00631 5.33917 5.01335 5.33685 5.01953 5.33301C5.11089 5.27611 5.18457 5.19442 5.23242 5.09766L5.24707 5.06836L7.54492 0.888672L7.59961 0.802734C7.73986 0.613767 7.96287 0.5 8.20215 0.5Z", fillRule: "", clipRule: "" }],
+  thumbUpLine: [{ d: "M8.20215 0.5C8.92329 0.500026 9.62486 0.776604 10.1455 1.29785C10.6606 1.81363 10.9502 2.51321 10.9502 3.24219V3.49219C10.9502 3.55339 10.9426 3.61445 10.9277 3.67383L10.4912 5.41992H13.416C13.7396 5.41906 14.0591 5.49429 14.3486 5.63867C14.639 5.78349 14.8917 5.99408 15.0859 6.25391C15.2802 6.51372 15.4109 6.81543 15.4678 7.13477C15.5247 7.45422 15.5057 7.78276 15.4131 8.09375L15.4092 8.10742L13.8516 13.0137C13.7241 13.4391 13.4639 13.8131 13.1084 14.0801C12.748 14.3507 12.3091 14.4956 11.8584 14.4951L3.07812 14.4961C2.52673 14.496 1.99804 14.2768 1.6084 13.8867C1.21872 13.4966 1 12.9674 1 12.416L1.00977 7.49805C1.01027 6.94736 1.22892 6.41899 1.61816 6.0293C2.00782 5.63925 2.53651 5.42 3.08789 5.41992H4.71484C4.82235 5.41976 4.92812 5.38992 5.01953 5.33301C5.11089 5.27611 5.18457 5.19442 5.23242 5.09766L5.24707 5.06836L7.54492 0.888672L7.59961 0.802734C7.73986 0.613767 7.96287 0.5 8.20215 0.5ZM6.57617 5.76172C6.40464 6.10865 6.1401 6.40189 5.81152 6.60645C5.71216 6.66827 5.60748 6.71972 5.5 6.76367V12.9961H11.8594C11.9845 12.9963 12.1067 12.9561 12.207 12.8809C12.3074 12.8055 12.381 12.699 12.416 12.5781L12.4219 12.5596L13.9756 7.66406C14.001 7.57782 14.0069 7.487 13.9912 7.39844C13.9753 7.30933 13.9388 7.22473 13.8848 7.15234C13.8306 7.07987 13.7595 7.02074 13.6787 6.98047C13.598 6.94032 13.509 6.91955 13.4189 6.91992H9.53027C9.29952 6.91984 9.08154 6.81366 8.93945 6.63184C8.79736 6.44987 8.74682 6.21227 8.80273 5.98828L9.4502 3.39648V3.24219C9.4502 2.91039 9.31807 2.59177 9.08398 2.35742C8.95078 2.22412 8.78775 2.12612 8.6084 2.06641L6.57617 5.76172ZM3.08789 6.91992C2.93484 6.92 2.78817 6.98123 2.67969 7.08984C2.57112 7.19855 2.50977 7.34591 2.50977 7.5L2.5 12.418C2.50046 12.5714 2.56184 12.7179 2.66992 12.8262C2.77839 12.9348 2.92511 12.996 3.07812 12.9961H4V6.91992H3.08789Z", fillRule: "evenodd", clipRule: "evenodd" }],
   toolbox: [{ d: "M4.00195 2.75195V4H3C1.89543 4 1 4.89543 1 6V7.49457H4V7.25C4 6.83579 4.33579 6.5 4.75 6.5C5.16421 6.5 5.5 6.83579 5.5 7.25V7.49457H10.5V7.25C10.5 6.83579 10.8358 6.5 11.25 6.5C11.6642 6.5 12 6.83579 12 7.25V7.49457H15V6C15 4.89543 14.1046 4 13 4H11.998V2.75195C11.998 1.78546 11.2145 1.00195 10.248 1.00195H5.75195C4.78546 1.00195 4.00195 1.78545 4.00195 2.75195ZM5.75195 2.50195C5.61388 2.50195 5.50195 2.61388 5.50195 2.75195V4H10.498V2.75195C10.498 2.61388 10.3861 2.50195 10.248 2.50195H5.75195ZM15 8.99457H12V9.25C12 9.66421 11.6642 10 11.25 10C10.8358 10 10.5 9.66421 10.5 9.25V8.99457H5.5V9.25C5.5 9.66421 5.16421 10 4.75 10C4.33579 10 4 9.66421 4 9.25V8.99457H1V12C1 13.1046 1.89543 14 3 14H13C14.1046 14 15 13.1046 15 12V8.99457Z", fillRule: "evenodd", clipRule: "evenodd" }],
   trash: [{ d: "M6 1C5.44772 1 5 1.44772 5 2V3H3C2.44772 3 2 3.44772 2 4C2 4.55228 2.44772 5 3 5L3 13C3 14.1046 3.89543 15 5 15H11C12.1046 15 13 14.1046 13 13V5C13.5523 5 14 4.55228 14 4C14 3.44772 13.5523 3 13 3H11V2C11 1.44772 10.5523 1 10 1H6ZM5.5 7.75C5.5 7.33579 5.83579 7 6.25 7C6.66421 7 7 7.33579 7 7.75V11.25C7 11.6642 6.66421 12 6.25 12C5.83579 12 5.5 11.6642 5.5 11.25V7.75ZM9.75 7C9.33579 7 9 7.33579 9 7.75V11.25C9 11.6642 9.33579 12 9.75 12C10.1642 12 10.5 11.6642 10.5 11.25V7.75C10.5 7.33579 10.1642 7 9.75 7Z", fillRule: "evenodd", clipRule: "evenodd" }],
   treeArrow: [{ d: "M9.2195 14.7198C8.9267 15.0128 8.92685 15.4877 9.21984 15.7805C9.51283 16.0733 9.9877 16.0731 10.2805 15.7802L14.7805 11.2773C14.9211 11.1366 15.0001 10.9458 15 10.7469C14.9999 10.5479 14.9209 10.3572 14.7802 10.2166L10.2802 5.7195C9.98717 5.4267 9.5123 5.42685 9.2195 5.71984C8.9267 6.01283 8.92685 6.4877 9.21984 6.7805L12.4414 10L6.75 10C4.95507 10 3.5 8.54492 3.5 6.75L3.5 3.75C3.5 3.33578 3.16421 3 2.75 3C2.33579 3 2 3.33578 2 3.75L2 6.75C2 9.37335 4.12664 11.5 6.75 11.5L12.4373 11.5L9.2195 14.7198Z", fillRule: "", clipRule: "" }],
@@ -1118,18 +1122,18 @@ const _3 = {
   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 Ie = Object.defineProperty, q3 = (r, e, t, o) => {
+var Ne = Object.defineProperty, J3 = (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 && Ie(e, t, i), i;
+  return i && Ne(e, t, i), i;
 };
-const I5 = class I5 extends h {
+const U5 = class U5 extends h {
   constructor() {
     super(...arguments), this.name = "", this.size = 16;
   }
   render() {
-    const e = this.name && _3[this.name] ? _3[this.name] : [], t = !this.name;
-    return M2`
+    const e = this.name && V3[this.name] ? V3[this.name] : [], t = !this.name;
+    return w2`
       <svg
         class=${t ? "icon--hidden" : ""}
         xmlns="http://www.w3.org/2000/svg"
@@ -1139,7 +1143,7 @@ const I5 = class I5 extends h {
         viewBox="0 0 16 16"
       >
         ${e.map(
-      (o) => M2`
+      (o) => w2`
           <path
             fill="currentColor"
             d="${o.d}"
@@ -1151,24 +1155,24 @@ const I5 = class I5 extends h {
     `;
   }
 };
-I5.styles = g`
+U5.styles = g`
     :host { display: block; line-height: 0; font-family: var(--font-sans); }
     .icon--hidden { display: none; }
   `;
-let s2 = I5;
-q3([
+let d2 = U5;
+J3([
   a()
-], s2.prototype, "name");
-q3([
+], d2.prototype, "name");
+J3([
   a({ type: Number })
-], s2.prototype, "size");
-customElements.get("anduin-icon") || customElements.define("anduin-icon", s2);
-var Te = Object.defineProperty, Ne = (r, e, t, o) => {
+], d2.prototype, "size");
+customElements.get("anduin-icon") || customElements.define("anduin-icon", d2);
+var je = Object.defineProperty, Ue = (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 && Te(e, t, i), i;
+  return i && je(e, t, i), i;
 };
-const X3 = g`
+const Q3 = g`
   :host { display: inline-block; font-family: var(--font-sans); }
   .badge {
     border-radius: 9999px;
@@ -1195,7 +1199,7 @@ const X3 = g`
   .badge--bold-warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
   .badge--hidden { display: none; }
 `;
-function J3(r) {
+function ee(r) {
   return {
     gray: "badge--light-gray",
     primary: "badge--light-primary",
@@ -1209,27 +1213,27 @@ function J3(r) {
     boldDanger: "badge--bold-danger"
   }[r || "gray"] || "badge--light-gray";
 }
-const T5 = class T5 extends h {
+const G5 = class G5 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
   render() {
-    const e = J3(this.variant);
+    const e = ee(this.variant);
     return s`<div class="badge ${e}" part="badge"><slot></slot></div>`;
   }
 };
-T5.styles = [X3];
-let w2 = T5;
-Ne([
+G5.styles = [Q3];
+let Z2 = G5;
+Ue([
   a()
-], w2.prototype, "variant");
-customElements.get("anduin-badge") || customElements.define("anduin-badge", w2);
-var je = Object.defineProperty, Q3 = (r, e, t, o) => {
+], Z2.prototype, "variant");
+customElements.get("anduin-badge") || customElements.define("anduin-badge", Z2);
+var Ge = Object.defineProperty, te = (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 && je(e, t, i), i;
+  return i && Ge(e, t, i), i;
 };
-const N5 = class N5 extends h {
+const K5 = class K5 extends h {
   constructor() {
     super(...arguments), this.variant = "gray", this.count = 0;
   }
@@ -1237,7 +1241,7 @@ const N5 = class N5 extends h {
     return e > 99 ? "99+" : e.toString();
   }
   render() {
-    const e = J3(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, i = [
+    const e = ee(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, i = [
       "badge",
       e,
       t ? "badge--hidden" : "",
@@ -1246,24 +1250,24 @@ const N5 = class N5 extends h {
     return s`<div class="${i}" part="badge">${this.formatCount(this.count)}</div>`;
   }
 };
-N5.styles = [X3];
-let d2 = N5;
-Q3([
+K5.styles = [Q3];
+let c2 = K5;
+te([
   a()
-], d2.prototype, "variant");
-Q3([
+], c2.prototype, "variant");
+te([
   a({ type: Number })
-], d2.prototype, "count");
-customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", d2);
-var Ue = Object.defineProperty, B = (r, e, t, o) => {
+], c2.prototype, "count");
+customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", c2);
+var Ke = Object.defineProperty, B = (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 && Ue(e, t, i), i;
+  return i && Ke(e, t, i), i;
 };
-function Ge(r) {
+function We(r) {
   return r.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const j5 = class j5 extends h {
+const W5 = class W5 extends h {
   constructor() {
     super(...arguments), this.iconOnly = !1, this.appearance = "filled", this.variant = "", this.size = "medium", this.disabled = !1, this.loading = !1, this.fullWidth = !1, this.pill = !1, this.selected = !1, this.href = "", this.openNewTab = !1, this.download = "", this.startIcon = "", this.endIcon = "", this.label = "";
   }
@@ -1280,7 +1284,7 @@ const j5 = class j5 extends h {
     return this.variant ? this.variant : this.appearance === "filled" ? "gray0" : this.appearance === "text" ? "primary" : "gray9";
   }
   getSizeKebab() {
-    return Ge(this.size);
+    return We(this.size);
   }
   iconSize() {
     return this.size === "tiny" || this.size === "extraSmall" || this.size === "small" ? "12" : "16";
@@ -1324,7 +1328,7 @@ const j5 = class j5 extends h {
     `;
   }
 };
-j5.styles = g`
+W5.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     :host([full-width]) { display: block; width: 100%; }
     .button {
@@ -1437,7 +1441,7 @@ j5.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 k = j5;
+let k = W5;
 B([
   H()
 ], k.prototype, "iconOnly");
@@ -1484,12 +1488,12 @@ B([
   a()
 ], k.prototype, "label");
 customElements.get("anduin-button") || customElements.define("anduin-button", k);
-var Ke = Object.defineProperty, We = (r, e, t, o) => {
+var Ye = Object.defineProperty, qe = (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 && Ke(e, t, i), i;
+  return i && Ye(e, t, i), i;
 };
-const U5 = class U5 extends h {
+const Y5 = class Y5 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -1502,7 +1506,7 @@ const U5 = class U5 extends h {
     `;
   }
 };
-U5.styles = g`
+Y5.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     .callout {
       display: flex; align-items: center; justify-content: center;
@@ -1514,17 +1518,17 @@ U5.styles = g`
     .callout--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
     .callout--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
   `;
-let Z2 = U5;
-We([
+let k2 = Y5;
+qe([
   a()
-], Z2.prototype, "variant");
-customElements.get("anduin-callout") || customElements.define("anduin-callout", Z2);
-var Ye = Object.defineProperty, ee = (r, e, t, o) => {
+], k2.prototype, "variant");
+customElements.get("anduin-callout") || customElements.define("anduin-callout", k2);
+var Xe = Object.defineProperty, ie = (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 && Ye(e, t, i), i;
+  return i && Xe(e, t, i), i;
 };
-const G5 = class G5 extends h {
+const q5 = class q5 extends h {
   constructor() {
     super(...arguments), this.direction = "horizontal", this.hasContent = !1;
   }
@@ -1555,7 +1559,7 @@ const G5 = class G5 extends h {
             </div>` : s`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`;
   }
 };
-G5.styles = g`
+q5.styles = g`
     :host { display: block; width: 100%; font-family: var(--font-sans); }
     :host([direction="vertical"]) { width: auto; height: 100%; }
     .divider--horizontal { margin-top: 8px; margin-bottom: 8px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 8px; text-align: center; }
@@ -1565,20 +1569,20 @@ G5.styles = g`
     .divider--vertical-empty { background-color: var(--color-gray-3); width: 1px; }
     .divider__line--vertical { border-left: 1px solid var(--color-gray-3); justify-self: center; }
   `;
-let c2 = G5;
-ee([
+let C2 = q5;
+ie([
   a({ reflect: !0 })
-], c2.prototype, "direction");
-ee([
+], C2.prototype, "direction");
+ie([
   H()
-], c2.prototype, "hasContent");
-customElements.get("anduin-divider") || customElements.define("anduin-divider", c2);
-var qe = Object.defineProperty, Xe = (r, e, t, o) => {
+], C2.prototype, "hasContent");
+customElements.get("anduin-divider") || customElements.define("anduin-divider", C2);
+var Je = Object.defineProperty, Qe = (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 && qe(e, t, i), i;
+  return i && Je(e, t, i), i;
 };
-const K5 = class K5 extends h {
+const X5 = class X5 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -1586,7 +1590,7 @@ const K5 = class K5 extends h {
     return s`<div class="dot dot--${this.variant}" part="dot"></div>`;
   }
 };
-K5.styles = g`
+X5.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .dot { width: 10px; height: 10px; border-radius: 9999px; }
     .dot--gray { background-color: var(--color-semantic-gray-6); color: var(--color-semantic-gray-0); }
@@ -1595,17 +1599,17 @@ K5.styles = g`
     .dot--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
     .dot--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
   `;
-let k2 = K5;
-Xe([
+let R2 = X5;
+Qe([
   a()
-], k2.prototype, "variant");
-customElements.get("anduin-dot") || customElements.define("anduin-dot", k2);
-var Je = Object.defineProperty, te = (r, e, t, o) => {
+], R2.prototype, "variant");
+customElements.get("anduin-dot") || customElements.define("anduin-dot", R2);
+var e7 = Object.defineProperty, oe = (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 && Je(e, t, i), i;
+  return i && e7(e, t, i), i;
 };
-const W5 = class W5 extends h {
+const J5 = class J5 extends h {
   constructor() {
     super(...arguments), this.percent = "", this.height = "medium";
   }
@@ -1621,7 +1625,7 @@ const W5 = class W5 extends h {
     `;
   }
 };
-W5.styles = g`
+J5.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     .progress { overflow-x: hidden; position: relative; border-radius: 9999px; }
     .progress__fill {
@@ -1637,20 +1641,20 @@ W5.styles = g`
       to { transform: translateX(330%); }
     }
   `;
-let C2 = W5;
-te([
+let p2 = J5;
+oe([
   a()
-], C2.prototype, "percent");
-te([
+], p2.prototype, "percent");
+oe([
   a()
-], C2.prototype, "height");
-customElements.get("anduin-progress") || customElements.define("anduin-progress", C2);
-var Qe = Object.defineProperty, G1 = (r, e, t, o) => {
+], p2.prototype, "height");
+customElements.get("anduin-progress") || customElements.define("anduin-progress", p2);
+var t7 = Object.defineProperty, G1 = (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 && Qe(e, t, i), i;
+  return i && t7(e, t, i), i;
 };
-const Y5 = class Y5 extends h {
+const Q5 = class Q5 extends h {
   constructor() {
     super(...arguments), this.effect = "pulse", this.shape = "rectangle", this.height = "", this.width = "100%", this.duration = 1500, this.fontSize = "";
   }
@@ -1669,7 +1673,7 @@ const Y5 = class Y5 extends h {
     `;
   }
 };
-Y5.styles = g`
+Q5.styles = g`
     :host { display: block; height: 100%; font-family: var(--font-sans); }
     .skeleton { background-color: var(--color-gray-3); position: relative; overflow: hidden; }
     .skeleton--circle { border-radius: 9999px; }
@@ -1688,7 +1692,7 @@ Y5.styles = g`
       0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
     }
   `;
-let o1 = Y5;
+let o1 = Q5;
 G1([
   a()
 ], o1.prototype, "effect");
@@ -1708,12 +1712,12 @@ G1([
   a({ attribute: "font-size" })
 ], o1.prototype, "fontSize");
 customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", o1);
-var e7 = Object.defineProperty, t7 = (r, e, t, o) => {
+var i7 = Object.defineProperty, o7 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && e7(e, t, i), i;
+  return i && i7(e, t, i), i;
 };
-const q5 = class q5 extends h {
+const e4 = class e4 extends h {
   constructor() {
     super(...arguments), this.height = "256px";
   }
@@ -1728,28 +1732,28 @@ const q5 = class q5 extends h {
     `;
   }
 };
-q5.styles = g`
+e4.styles = g`
     :host { display: block; height: 100%; font-family: var(--font-sans); }
     .loading-state { display: flex; flex-direction: column; justify-content: center; align-items: center; }
     .loading-state__indicator { color: var(--color-primary-4); }
     .loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-gray-6); }
   `;
-let R2 = q5;
-t7([
+let $2 = e4;
+o7([
   a()
-], R2.prototype, "height");
-customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", R2);
-var i7 = Object.defineProperty, D5 = (r, e, t, o) => {
+], $2.prototype, "height");
+customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", $2);
+var n7 = Object.defineProperty, O5 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && i7(e, t, i), i;
+  return i && n7(e, t, i), i;
 };
-const ie = "anduin-field:label-click", u1 = "anduin-field:label-click-coordinated", X5 = class X5 extends h {
+const ne = "anduin-field:label-click", u1 = "anduin-field:label-click-coordinated", t4 = class t4 extends h {
   constructor() {
     super(...arguments), this.orientation = "vertical";
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(ie, (e) => {
+    super.connectedCallback(), this.addEventListener(ne, (e) => {
       const t = e;
       this.dispatchEvent(new CustomEvent(u1, {
         detail: t.detail,
@@ -1767,17 +1771,17 @@ const ie = "anduin-field:label-click", u1 = "anduin-field:label-click-coordinate
     `;
   }
 };
-X5.styles = g`
+t4.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     .field { display: flex; flex-wrap: wrap; }
     .field--vertical { flex-direction: column; row-gap: 4px; }
     .field--horizontal { column-gap: 4px; }
   `;
-let $2 = X5;
-D5([
+let E2 = t4;
+O5([
   a()
-], $2.prototype, "orientation");
-const J5 = class J5 extends h {
+], E2.prototype, "orientation");
+const i4 = class i4 extends h {
   constructor() {
     super(...arguments), this.htmlfor = "", this.required = !1;
   }
@@ -1785,7 +1789,7 @@ const J5 = class J5 extends h {
     super.connectedCallback();
   }
   onLabelClick(e) {
-    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(ie, {
+    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(ne, {
       detail: this.htmlfor,
       bubbles: !0,
       composed: !0
@@ -1804,59 +1808,59 @@ const J5 = class J5 extends h {
     `;
   }
 };
-J5.styles = g`
+i4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .field-label { font-size: 13px; line-height: 20px; font-weight: 600; cursor: default; color: var(--color-gray-8, #101828); }
     .field-label__required { color: var(--color-danger-5); }
   `;
-let p2 = J5;
-D5([
+let h2 = i4;
+O5([
   a()
-], p2.prototype, "htmlfor");
-D5([
+], h2.prototype, "htmlfor");
+O5([
   a({ type: Boolean })
-], p2.prototype, "required");
-const Q5 = class Q5 extends h {
+], h2.prototype, "required");
+const o4 = class o4 extends h {
   render() {
     return s`<div class="field-description" part="description"><slot></slot></div>`;
   }
 };
-Q5.styles = g`
+o4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-gray-7); }
   `;
-let q2 = Q5;
-const e4 = class e4 extends h {
+let t5 = o4;
+const n4 = class n4 extends h {
   render() {
     return s`<div class="field-error" part="error"><slot></slot></div>`;
   }
 };
-e4.styles = g`
+n4.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     .field-error { color: var(--color-danger-4); }
   `;
-let X2 = e4;
-const t4 = class t4 extends h {
+let i5 = n4;
+const r4 = class r4 extends h {
   render() {
     return s`<div class="field-group" part="group"><slot></slot></div>`;
   }
 };
-t4.styles = g`
+r4.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     .field-group { display: flex; flex-direction: column; row-gap: 24px; }
   `;
-let J2 = t4;
-customElements.get("anduin-field") || customElements.define("anduin-field", $2);
-customElements.get("anduin-field-label") || customElements.define("anduin-field-label", p2);
-customElements.get("anduin-field-description") || customElements.define("anduin-field-description", q2);
-customElements.get("anduin-field-error") || customElements.define("anduin-field-error", X2);
-customElements.get("anduin-field-group") || customElements.define("anduin-field-group", J2);
-var o7 = Object.defineProperty, _2 = (r, e, t, o) => {
+let o5 = r4;
+customElements.get("anduin-field") || customElements.define("anduin-field", E2);
+customElements.get("anduin-field-label") || customElements.define("anduin-field-label", h2);
+customElements.get("anduin-field-description") || customElements.define("anduin-field-description", t5);
+customElements.get("anduin-field-error") || customElements.define("anduin-field-error", i5);
+customElements.get("anduin-field-group") || customElements.define("anduin-field-group", o5);
+var r7 = Object.defineProperty, L2 = (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 && r7(e, t, i), i;
 };
-const n7 = "anduin-checkbox:change", i4 = class i4 extends h {
+const l7 = "anduin-checkbox:change", l4 = class l4 extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.readonly = !1, this.inputid = "";
   }
@@ -1869,7 +1873,7 @@ const n7 = "anduin-checkbox:change", i4 = class i4 extends h {
     });
   }
   toggle() {
-    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(n7, {
+    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(l7, {
       detail: this.checked,
       bubbles: !0,
       composed: !0
@@ -1910,7 +1914,7 @@ const n7 = "anduin-checkbox:change", i4 = class i4 extends h {
     `;
   }
 };
-i4.styles = g`
+l4.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
 
     label {
@@ -1948,29 +1952,29 @@ i4.styles = g`
     .checkbox__icon { position: absolute; inset: 0; pointer-events: none; color: var(--color-gray-4); display: flex; align-items: center; justify-content: center; }
     .checkbox__icon--visible { color: var(--color-gray-0); }
   `;
-let h1 = i4;
-_2([
+let g1 = l4;
+L2([
   a({ type: Boolean })
-], h1.prototype, "checked");
-_2([
+], g1.prototype, "checked");
+L2([
   a({ type: Boolean })
-], h1.prototype, "disabled");
-_2([
+], g1.prototype, "disabled");
+L2([
   a({ type: Boolean })
-], h1.prototype, "indeterminate");
-_2([
+], g1.prototype, "indeterminate");
+L2([
   a({ type: Boolean })
-], h1.prototype, "readonly");
-_2([
+], g1.prototype, "readonly");
+L2([
   a()
-], h1.prototype, "inputid");
-customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", h1);
-var r7 = Object.defineProperty, K = (r, e, t, o) => {
+], g1.prototype, "inputid");
+customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", g1);
+var a7 = Object.defineProperty, K = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && r7(e, t, i), i;
+  return i && a7(e, t, i), i;
 };
-const V3 = "anduin-input:change", l7 = "anduin-input:clear", o4 = class o4 extends h {
+const x3 = "anduin-input:change", s7 = "anduin-input:clear", P2 = class P2 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;
   }
@@ -1986,8 +1990,37 @@ const V3 = "anduin-input:change", l7 = "anduin-input:clear", o4 = class o4 exten
   updated() {
     this.inputEl && this.inputEl.value !== this.value && (this.inputEl.value = this.value);
   }
+  /**
+   * Runs `fn` against the inner `<input>` now, or once the first render has
+   * made it. A wrapper's ref is live before Lit's first render (a microtask
+   * after connection), and a call made then would otherwise find no input and
+   * do nothing — the "open focused, value selected" case is exactly that.
+   */
+  _withInput(e) {
+    this.inputEl ? e(this.inputEl) : this.updateComplete.then(() => {
+      this.inputEl && e(this.inputEl);
+    });
+  }
+  /**
+   * Focuses the inner `<input>` (via `delegatesFocus`). A disabled input stays
+   * unfocusable, as a native one is.
+   */
+  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
+   * `onFocus` handler. Like the native `select()`, it also focuses the field.
+   */
+  select() {
+    this._withInput((e) => e.select());
+  }
+  /** Forwards to the inner `<input>`'s `setSelectionRange`. */
+  setSelectionRange(e, t, o) {
+    this._withInput((i) => i.setSelectionRange(e, t, o));
+  }
   onInput() {
-    this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(V3, {
+    this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(x3, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -1995,7 +2028,7 @@ const V3 = "anduin-input:change", l7 = "anduin-input:clear", o4 = class o4 exten
   }
   onClear() {
     var e;
-    this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(V3, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(l7, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
+    this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(x3, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(s7, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
   }
   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";
@@ -2039,7 +2072,7 @@ const V3 = "anduin-input:change", l7 = "anduin-input:clear", o4 = class o4 exten
     `;
   }
 };
-o4.styles = g`
+P2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, P2.styles = g`
     :host { display: block; font-family: var(--font-sans); }
 
     .input-wrapper { position: relative; display: flex; align-items: center; }
@@ -2093,7 +2126,7 @@ o4.styles = g`
     }
     .input__clear:hover { color: var(--color-gray-7); }
   `;
-let P = o4;
+let P = P2;
 K([
   a()
 ], P.prototype, "value");
@@ -2128,12 +2161,12 @@ K([
   z("input")
 ], P.prototype, "inputEl");
 customElements.get("anduin-input") || customElements.define("anduin-input", P);
-var a7 = Object.defineProperty, m1 = (r, e, t, o) => {
+var d7 = Object.defineProperty, H1 = (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 && a7(e, t, i), i;
+  return i && d7(e, t, i), i;
 };
-const s7 = "anduin-textarea:change", n4 = class n4 extends h {
+const c7 = "anduin-textarea:change", F2 = class F2 extends h {
   constructor() {
     super(...arguments), this.value = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.rows = 3, this.status = "";
   }
@@ -2149,8 +2182,26 @@ const s7 = "anduin-textarea:change", n4 = class n4 extends h {
   updated() {
     this.textareaEl && this.textareaEl.value !== this.value && (this.textareaEl.value = this.value);
   }
+  /** Runs `fn` against the inner `<textarea>` now, or once the first render has made it (see `anduin-input`). */
+  _withTextarea(e) {
+    this.textareaEl ? e(this.textareaEl) : this.updateComplete.then(() => {
+      this.textareaEl && e(this.textareaEl);
+    });
+  }
+  /** Focuses the inner `<textarea>` (via `delegatesFocus`). A disabled one stays unfocusable. */
+  focus(e) {
+    this.textareaEl ? super.focus(e) : this.updateComplete.then(() => super.focus(e));
+  }
+  /** Selects the whole value so typing replaces it. Like the native `select()`, it also focuses the field. */
+  select() {
+    this._withTextarea((e) => e.select());
+  }
+  /** Forwards to the inner `<textarea>`'s `setSelectionRange`. */
+  setSelectionRange(e, t, o) {
+    this._withTextarea((i) => i.setSelectionRange(e, t, o));
+  }
   onInput() {
-    this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(s7, {
+    this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(c7, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -2175,7 +2226,7 @@ const s7 = "anduin-textarea:change", n4 = class n4 extends h {
     `;
   }
 };
-n4.styles = g`
+F2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, F2.styles = g`
     :host { display: block; font-family: var(--font-sans); }
 
     .textarea {
@@ -2192,46 +2243,46 @@ n4.styles = g`
     .textarea--warning  { border-color: var(--color-warning-4); }
     .textarea--loading  { border-color: var(--color-gray-4); }
   `;
-let U = n4;
-m1([
+let G = F2;
+H1([
   a()
-], U.prototype, "value");
-m1([
+], G.prototype, "value");
+H1([
   a({ type: Boolean })
-], U.prototype, "disabled");
-m1([
+], G.prototype, "disabled");
+H1([
   a({ type: Boolean })
-], U.prototype, "readonly");
-m1([
+], G.prototype, "readonly");
+H1([
   a()
-], U.prototype, "placeholder");
-m1([
+], G.prototype, "placeholder");
+H1([
   a()
-], U.prototype, "inputid");
-m1([
+], G.prototype, "inputid");
+H1([
   a({ type: Number })
-], U.prototype, "rows");
-m1([
+], G.prototype, "rows");
+H1([
   a()
-], U.prototype, "status");
-m1([
+], G.prototype, "status");
+H1([
   z("textarea")
-], U.prototype, "textareaEl");
-customElements.get("anduin-textarea") || customElements.define("anduin-textarea", U);
-var d7 = Object.defineProperty, N = (r, e, t, o) => {
+], G.prototype, "textareaEl");
+customElements.get("anduin-textarea") || customElements.define("anduin-textarea", G);
+var C7 = 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 && d7(e, t, i), i;
+  return i && C7(e, t, i), i;
 };
-const oe = "anduin-tab:trigger-click", F2 = "anduin-tab:value-changed", c7 = "anduin-tab:change", r4 = class r4 extends h {
+const re = "anduin-tab:trigger-click", T2 = "anduin-tab:value-changed", p7 = "anduin-tab:change", a4 = class a4 extends h {
   constructor() {
     super(...arguments), this.defaultValue = "", this.value = "", this.fill = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(oe, (e) => {
+    super.connectedCallback(), this.addEventListener(re, (e) => {
       e.stopPropagation();
       const t = e;
-      this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(c7, { detail: t.detail, bubbles: !0, composed: !0 }));
+      this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(p7, { detail: t.detail, bubbles: !0, composed: !0 }));
     }), requestAnimationFrame(() => {
       const e = this.value || this.defaultValue;
       e && (this.value || (this.value = e), this.broadcastValueChanged(e));
@@ -2244,19 +2295,19 @@ const oe = "anduin-tab:trigger-click", F2 = "anduin-tab:value-changed", c7 = "an
     }
   }
   broadcastValueChanged(e) {
-    this.dispatchEvent(new CustomEvent(F2, { detail: e, bubbles: !1, composed: !1 }));
+    this.dispatchEvent(new CustomEvent(T2, { detail: e, bubbles: !1, composed: !1 }));
   }
   render() {
     return s`<div class="tabs" part="tabs"><slot></slot></div>`;
   }
 };
-r4.styles = g`
+a4.styles = g`
     :host { display: flex; flex-direction: column; font-family: var(--font-sans); }
     :host([fill]) { flex: 1; min-height: 0; --_tab-fill-flex: 1; --_tab-fill-height: 100%; }
     .tabs { display: flex; flex-direction: column; width: 100%; }
     :host([fill]) .tabs { flex: 1; min-height: 0; }
   `;
-let O1 = r4;
+let O1 = a4;
 N([
   a({ attribute: "default-value" })
 ], O1.prototype, "defaultValue");
@@ -2266,14 +2317,14 @@ N([
 N([
   a({ type: Boolean, reflect: !0 })
 ], O1.prototype, "fill");
-const l4 = class l4 extends h {
+const s4 = class s4 extends h {
   constructor() {
     super(...arguments), this.alignment = "left", this.lastActiveValue = "", this.resizeObserver = null;
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tabs");
-    e && e.addEventListener(F2, (t) => {
+    e && e.addEventListener(T2, (t) => {
       const o = t;
       this.lastActiveValue = o.detail, requestAnimationFrame(() => {
         this.animateIndicator(o.detail);
@@ -2310,7 +2361,7 @@ const l4 = class l4 extends h {
     `;
   }
 };
-l4.styles = g`
+s4.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. */
@@ -2327,27 +2378,27 @@ l4.styles = g`
       left: 0; height: 2px; transition-duration: 200ms; transition-property: transform, width;
     }
   `;
-let u2 = l4;
+let u2 = s4;
 N([
   a()
 ], u2.prototype, "alignment");
 N([
   z(".tabs-list__indicator")
 ], u2.prototype, "indicator");
-const a4 = class a4 extends h {
+const d4 = class d4 extends h {
   constructor() {
     super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.showBadge = !1, this.badgeCount = "", this.isActive = !1;
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tabs");
-    e && e.addEventListener(F2, (t) => {
+    e && e.addEventListener(T2, (t) => {
       const o = t;
       this.isActive = o.detail === this.value;
     });
   }
   onClick() {
-    this.dispatchEvent(new CustomEvent(oe, { detail: this.value, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(re, { detail: this.value, bubbles: !0, composed: !0 }));
   }
   render() {
     return s`
@@ -2368,7 +2419,7 @@ const a4 = class a4 extends h {
     `;
   }
 };
-a4.styles = g`
+d4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .tab-trigger {
       cursor: pointer; background: none; border: none; display: block;
@@ -2391,7 +2442,7 @@ a4.styles = g`
       color: var(--color-gray-7); white-space: nowrap;
     }
   `;
-let n1 = a4;
+let n1 = d4;
 N([
   a({ reflect: !0 })
 ], n1.prototype, "value");
@@ -2410,14 +2461,14 @@ N([
 N([
   H()
 ], n1.prototype, "isActive");
-const s4 = class s4 extends h {
+const c4 = class c4 extends h {
   constructor() {
     super(...arguments), this.value = "", this.isActive = !1;
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tabs");
-    e && e.addEventListener(F2, (t) => {
+    e && e.addEventListener(T2, (t) => {
       const o = t;
       this.isActive = o.detail === this.value;
     });
@@ -2433,28 +2484,28 @@ const s4 = class s4 extends h {
     `;
   }
 };
-s4.styles = g`
+c4.styles = g`
     :host { display: block; font-family: var(--font-sans); flex: var(--_tab-fill-flex, 0 0 auto); min-height: 0; }
     :host(:not([active])) { display: none; }
     .tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
   `;
-let h2 = s4;
+let g2 = c4;
 N([
   a()
-], h2.prototype, "value");
+], g2.prototype, "value");
 N([
   H()
-], h2.prototype, "isActive");
+], g2.prototype, "isActive");
 customElements.get("anduin-tabs") || customElements.define("anduin-tabs", O1);
 customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", u2);
 customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", n1);
-customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", h2);
-var C7 = Object.defineProperty, B5 = (r, e, t, o) => {
+customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", g2);
+var h7 = Object.defineProperty, I5 = (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 && C7(e, t, i), i;
+  return i && h7(e, t, i), i;
 };
-const p7 = "anduin-tag-close:click", u7 = {
+const u7 = "anduin-tag-close:click", g7 = {
   gray: "tag--light-gray",
   primary: "tag--light-primary",
   success: "tag--light-success",
@@ -2479,7 +2530,7 @@ const p7 = "anduin-tag-close:click", u7 = {
   customYellow: "tag--custom-yellow",
   customYellowGreen: "tag--custom-yellow-green",
   customYellowOrange: "tag--custom-yellow-orange"
-}, h7 = {
+}, f7 = {
   gray: "tag__icon--light-gray",
   primary: "tag__icon--light-primary",
   success: "tag__icon--light-success",
@@ -2504,12 +2555,12 @@ const p7 = "anduin-tag-close:click", u7 = {
   customMagenta: "tag__icon--custom-magenta",
   customBlueGreen: "tag__icon--custom-blue-green",
   customPink: "tag__icon--custom-pink"
-}, d4 = class d4 extends h {
+}, C4 = class C4 extends h {
   constructor() {
     super(...arguments), this.variant = "gray", this.icon = "", this.disabled = !1;
   }
   render() {
-    const e = u7[this.variant] || "tag--light-gray", t = h7[this.variant] || "tag__icon--light-gray";
+    const e = g7[this.variant] || "tag--light-gray", t = f7[this.variant] || "tag__icon--light-gray";
     return s`
       <div class="tag ${e} ${this.disabled ? "tag--disabled" : ""}" part="tag">
         ${this.icon ? s`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>` : u}
@@ -2519,7 +2570,7 @@ const p7 = "anduin-tag-close:click", u7 = {
     `;
   }
 };
-d4.styles = g`
+C4.styles = g`
     :host { display: inline-flex; max-width: 100%; font-family: var(--font-sans); }
     .tag {
       font-weight: 500; font-size: 11px; height: 20px; padding-left: 6px; padding-right: 6px;
@@ -2567,19 +2618,19 @@ d4.styles = g`
     .tag--custom-yellow-green { color: var(--color-gray-9); background-color: rgb(174,207,85); }
     .tag--custom-yellow-orange { color: var(--color-gray-9); background-color: rgb(255,193,107); }
   `;
-let I1 = d4;
-B5([
+let I1 = C4;
+I5([
   a()
 ], I1.prototype, "variant");
-B5([
+I5([
   a()
 ], I1.prototype, "icon");
-B5([
+I5([
   a({ type: Boolean })
 ], I1.prototype, "disabled");
-const c4 = class c4 extends h {
+const p4 = class p4 extends h {
   onClick() {
-    this.dispatchEvent(new CustomEvent(p7, { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(u7, { bubbles: !0, composed: !0 }));
   }
   render() {
     return s`
@@ -2589,7 +2640,7 @@ const c4 = class c4 extends h {
     `;
   }
 };
-c4.styles = g`
+p4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .tag-close__button {
       flex: none; width: 16px; height: 16px; display: flex; align-items: center;
@@ -2599,15 +2650,15 @@ c4.styles = g`
     .tag-close__button:hover { opacity: 0.7; }
     .tag-close__button:active { opacity: 0.5; }
   `;
-let Q2 = c4;
+let n5 = p4;
 customElements.get("anduin-tag") || customElements.define("anduin-tag", I1);
-customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", Q2);
-var g7 = Object.defineProperty, F = (r, e, t, o) => {
+customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", n5);
+var v7 = 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 && g7(e, t, i), i;
+  return i && v7(e, t, i), i;
 };
-const f7 = "anduin-toggle-group:change", v7 = "anduin-toggle-group-item:change", b7 = "anduin-toggle-group-item:select", m7 = "anduin-toggle-group-item:deselect", e5 = "anduin-toggle-group-item:item-click", C4 = class C4 extends h {
+const m7 = "anduin-toggle-group:change", b7 = "anduin-toggle-group-item:change", H7 = "anduin-toggle-group-item:select", y7 = "anduin-toggle-group-item:deselect", r5 = "anduin-toggle-group-item:item-click", h4 = class h4 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;
@@ -2619,7 +2670,7 @@ const f7 = "anduin-toggle-group:change", v7 = "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(f7, {
+      this.dispatchEvent(new CustomEvent(m7, {
         detail: l.join(" "),
         bubbles: !0,
         composed: !0
@@ -2630,16 +2681,16 @@ const f7 = "anduin-toggle-group:change", v7 = "anduin-toggle-group-item:change",
     return this.value != null;
   }
   get selection() {
-    return this.isControlled ? j2(this.value) : this.internalValue;
+    return this.isControlled ? K2(this.value) : this.internalValue;
   }
   connectedCallback() {
-    super.connectedCallback(), this.hasUpdated || (this.internalValue = j2(this.defaultValue)), this.addEventListener(e5, this.onItemClick);
+    super.connectedCallback(), this.hasUpdated || (this.internalValue = K2(this.defaultValue)), this.addEventListener(r5, this.onItemClick);
   }
   willUpdate(e) {
-    e.has("defaultValue") && !this.isControlled && !this.userInteracted && (this.internalValue = j2(this.defaultValue));
+    e.has("defaultValue") && !this.isControlled && !this.userInteracted && (this.internalValue = K2(this.defaultValue));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(e5, this.onItemClick);
+    super.disconnectedCallback(), this.removeEventListener(r5, this.onItemClick);
   }
   updated() {
     this.syncItems();
@@ -2660,7 +2711,7 @@ const f7 = "anduin-toggle-group:change", v7 = "anduin-toggle-group-item:change",
     `;
   }
 };
-C4.styles = g`
+h4.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
     .toggle-group { display: inline-flex; align-items: center; }
     .toggle-group--small {
@@ -2694,7 +2745,7 @@ C4.styles = g`
     /* Gapped pills stand alone, so each keeps all four borders. */
     .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; --toggle-group-item-border-left: 1px; }
   `;
-let Y = C4;
+let Y = h4;
 F([
   a()
 ], Y.prototype, "mode");
@@ -2716,17 +2767,17 @@ F([
 F([
   H()
 ], Y.prototype, "internalValue");
-const p4 = class p4 extends h {
+const u4 = class u4 extends h {
   constructor() {
     super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.selected = !1, this.groupSize = "medium", this.groupVariant = "gray", this.groupMode = "single";
   }
   /** Called by the parent group when the user's action changes this item's selection. */
   emitSelectionChange(e) {
-    this.dispatchEvent(new CustomEvent(v7, {
+    this.dispatchEvent(new CustomEvent(b7, {
       detail: e,
       bubbles: !0,
       composed: !0
-    })), this.dispatchEvent(new CustomEvent(e ? b7 : m7, {
+    })), this.dispatchEvent(new CustomEvent(e ? H7 : y7, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -2736,7 +2787,7 @@ const p4 = class p4 extends h {
     (e.has("selected") || e.has("groupMode")) && (this.groupMode === "single" ? (this.setAttribute("role", "radio"), this.setAttribute("aria-checked", String(this.selected))) : (this.removeAttribute("role"), this.removeAttribute("aria-checked")));
   }
   onClick() {
-    this.dispatchEvent(new CustomEvent(e5, {
+    this.dispatchEvent(new CustomEvent(r5, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -2766,7 +2817,7 @@ const p4 = class p4 extends h {
     `;
   }
 };
-p4.styles = g`
+u4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .toggle-item {
       position: relative; z-index: 0; box-sizing: border-box;
@@ -2802,7 +2853,7 @@ p4.styles = g`
     .toggle-item--selected .toggle-item__icon { color: var(--color-gray-7); }
     .toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-4); }
   `;
-let q = p4;
+let q = u4;
 F([
   a({ reflect: !0 })
 ], q.prototype, "value");
@@ -2824,17 +2875,17 @@ F([
 F([
   a({ attribute: !1 })
 ], q.prototype, "groupMode");
-function j2(r) {
+function K2(r) {
   return r.split(" ").map((e) => e.trim()).filter(Boolean);
 }
 customElements.get("anduin-toggle-group") || customElements.define("anduin-toggle-group", Y);
 customElements.get("anduin-toggle-group-item") || customElements.define("anduin-toggle-group-item", q);
-var H7 = Object.defineProperty, ne = (r, e, t, o) => {
+var _7 = Object.defineProperty, le = (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;
+  return i && _7(e, t, i), i;
 };
-const re = "anduin-tooltip:show", P5 = "anduin-tooltip:hide", le = "anduin-tooltip:trigger-mounted", ae = "anduin-tooltip:content-popup-mounted", se = "anduin-tooltip:content-popup-unmounted", de = "anduin-tooltip:visibility-changed", y7 = [
+const ae = "anduin-tooltip:show", T5 = "anduin-tooltip:hide", se = "anduin-tooltip:trigger-mounted", de = "anduin-tooltip:content-popup-mounted", ce = "anduin-tooltip:content-popup-unmounted", Ce = "anduin-tooltip:visibility-changed", L7 = [
   "top-start",
   "top-center",
   "top-end",
@@ -2848,7 +2899,7 @@ const re = "anduin-tooltip:show", P5 = "anduin-tooltip:hide", le = "anduin-toolt
   "left-center",
   "left-end"
 ];
-function L3(r, e, t, o, i) {
+function M3(r, e, t, o, i) {
   switch (o) {
     case "top-start":
       return { left: r.left, top: r.top - t - i };
@@ -2878,43 +2929,43 @@ function L3(r, e, t, o, i) {
       return { left: 0, top: 0 };
   }
 }
-function x3(r, e) {
+function w3(r, e) {
   return e.right >= r.left && e.left <= r.right && e.top <= r.bottom && e.bottom >= r.top;
 }
-function M3(r, e) {
+function Z3(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 _7(r, e, t, o = 8) {
+function V7(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 (!x3(
+  if (!w3(
     { left: r.left, top: r.top, right: r.right, bottom: r.bottom },
     l
   )) return null;
-  const C = L3(r, d, c, t, o), p = y7.map((b) => ({ p: b, off: L3(r, d, c, b, o) })).filter(({ off: b }) => x3({ left: b.left, top: b.top, right: b.left + d, bottom: b.top + c }, l));
+  const C = M3(r, d, c, t, o), p = L7.map((m) => ({ p: m, off: M3(r, d, c, m, o) })).filter(({ off: m }) => w3({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
   if (p.length === 0)
     return {
       placement: t,
       left: Math.round(Math.min(Math.max(C.left, 0), i - d)),
       top: Math.round(Math.min(Math.max(C.top, 0), n - c))
     };
-  p.sort((b, L) => {
-    const _ = { left: b.off.left, top: b.off.top, right: b.off.left + d, bottom: b.off.top + c }, v = { left: L.off.left, top: L.off.top, right: L.off.left + d, bottom: L.off.top + c }, x = M3(_, l), M = M3(v, l);
+  p.sort((m, V) => {
+    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 = Z3(_, l), M = Z3(v, l);
     if (M !== x) return M - x;
-    const S = Math.abs(b.off.left - C.left) + Math.abs(b.off.top - C.top), j = Math.abs(L.off.left - C.left) + Math.abs(L.off.top - C.top);
-    return S - j;
+    const S = Math.abs(m.off.left - C.left) + Math.abs(m.off.top - C.top), U = Math.abs(V.off.left - C.left) + Math.abs(V.off.top - C.top);
+    return S - U;
   });
-  const { p: f, off: m } = p[0];
+  const { p: f, off: b } = p[0];
   return {
     placement: f,
-    left: Math.round(Math.min(Math.max(m.left, 0), i - d)),
-    top: Math.round(Math.min(Math.max(m.top, 0), n - c))
+    left: Math.round(Math.min(Math.max(b.left, 0), i - d)),
+    top: Math.round(Math.min(Math.max(b.top, 0), n - c))
   };
 }
-function t5(r) {
+function l5(r) {
   return r.split("-")[0] || "top";
 }
-function V7(r, e, t) {
+function x7(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];
@@ -2922,20 +2973,20 @@ function V7(r, e, t) {
   }
   return o;
 }
-const u4 = class u4 extends h {
+const g4 = class g4 extends h {
   constructor() {
     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(le, (e) => {
+    super.connectedCallback(), this.addEventListener(se, (e) => {
       e.stopPropagation(), this.triggerElement = e.detail, this.maybeStartPositionLoop();
-    }), this.addEventListener(ae, (e) => {
+    }), this.addEventListener(de, (e) => {
       e.stopPropagation(), this.contentPopupElement = e.detail, this.computeContainingBlockOffset(this.contentPopupElement), this.maybeStartPositionLoop();
-    }), this.addEventListener(se, (e) => {
+    }), this.addEventListener(ce, (e) => {
       e.stopPropagation(), this.stopPositionLoop(), this.contentPopupElement = null;
-    }), this.addEventListener(re, (e) => {
+    }), this.addEventListener(ae, (e) => {
       e.stopPropagation(), !this.disabled && (this.isVisible = !0, this.broadcastVisibilityChanged(`show:${this.placement}`));
-    }), this.addEventListener(P5, (e) => {
+    }), this.addEventListener(T5, (e) => {
       e.stopPropagation(), this.isVisible = !1, this.stopPositionLoop(), this.broadcastVisibilityChanged("hide");
     });
   }
@@ -2966,11 +3017,11 @@ const u4 = class u4 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 = _7(i, n, o, 8);
+    const i = t.getBoundingClientRect(), n = e.getBoundingClientRect(), l = V7(i, n, o, 8);
     if (l) {
       const d = e;
       d.style.transform = `translate(${l.left - this.containingBlockLeft}px, ${l.top - this.containingBlockTop}px)`;
-      const c = t5(l.placement), C = t5(o);
+      const c = l5(l.placement), C = l5(o);
       if (c !== C) {
         const p = e.querySelector(".tooltip-arrow");
         p && (p.classList.remove(`tooltip-arrow--${C}`), p.classList.add(`tooltip-arrow--${c}`));
@@ -2978,13 +3029,13 @@ const u4 = class u4 extends h {
     }
   }
   broadcastVisibilityChanged(e) {
-    this.dispatchEvent(new CustomEvent(de, { detail: e, bubbles: !1, composed: !1 }));
+    this.dispatchEvent(new CustomEvent(Ce, { detail: e, bubbles: !1, composed: !1 }));
   }
   render() {
     return s`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
   }
 };
-u4.styles = g`
+g4.styles = g`
     /* inline-flex, not inline-block: the wrapper is purely structural (it exists
        to position the popup), so it must not add height of its own. As an
        inline-block it establishes a line box, and an inline-level trigger sits
@@ -2995,39 +3046,39 @@ u4.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 g2 = u4;
-ne([
+let f2 = g4;
+le([
   a({ type: Boolean })
-], g2.prototype, "disabled");
-ne([
+], f2.prototype, "disabled");
+le([
   a()
-], g2.prototype, "placement");
-const h4 = class h4 extends h {
+], f2.prototype, "placement");
+const f4 = class f4 extends h {
   firstUpdated() {
     requestAnimationFrame(() => {
-      this.dispatchEvent(new CustomEvent(le, { detail: this, bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(se, { detail: this, bubbles: !0, composed: !0 }));
     }), this.addEventListener("pointerenter", () => {
-      this.dispatchEvent(new CustomEvent(re, { bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(ae, { bubbles: !0, composed: !0 }));
     }), this.addEventListener("click", () => {
-      this.dispatchEvent(new CustomEvent(P5, { bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(T5, { bubbles: !0, composed: !0 }));
     });
   }
   render() {
     return s`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`;
   }
 };
-h4.styles = g`
+f4.styles = g`
     :host { display: inline-block; max-width: 100%; font-family: var(--font-sans); }
     .tooltip-trigger { display: flex; align-items: center; max-width: 100%; }
   `;
-let i5 = h4;
-const g4 = class g4 extends h {
+let a5 = f4;
+const v4 = class v4 extends h {
   constructor() {
     super(...arguments), this.graceArea = null, this.triggerEl = null, this.popupEl = null, this.handlePointerMove = (e) => {
       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 : V7(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(P5, { bubbles: !0, composed: !0 })));
+      o || i ? this.graceArea = null : x7(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(T5, { bubbles: !0, composed: !0 })));
     }, this.handleTriggerLeave = (e) => {
       this.triggerEl && this.popupEl && this.createGraceArea(this.triggerEl, this.popupEl, e);
     }, this.handleContentLeave = (e) => {
@@ -3037,7 +3088,7 @@ const g4 = class g4 extends h {
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tooltip");
-    e && e.addEventListener(de, (t) => {
+    e && e.addEventListener(Ce, (t) => {
       const o = t.detail;
       o.startsWith("show:") ? this.showPopup(o.slice(5)) : this.hidePopup();
     });
@@ -3063,7 +3114,7 @@ const g4 = class g4 extends h {
   }
   showPopup(e) {
     this.hidePopup();
-    const t = t5(e), o = document.createElement("div");
+    const t = l5(e), o = document.createElement("div");
     o.className = "tooltip-popup", o.setAttribute("role", "tooltip");
     const i = document.createElement("div");
     i.className = `tooltip-arrow tooltip-arrow--${t}`;
@@ -3076,16 +3127,16 @@ const g4 = class g4 extends h {
       const c = d.querySelector("anduin-tooltip-trigger");
       c && this.setupGraceAreaListeners(c, o);
     }
-    this.dispatchEvent(new CustomEvent(ae, { detail: o, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(de, { detail: o, bubbles: !0, composed: !0 }));
   }
   hidePopup() {
-    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(se, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
+    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(ce, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
   }
   render() {
     return s`<div class="tooltip-content-wrapper"></div>`;
   }
 };
-g4.styles = g`
+v4.styles = g`
     :host {
       display: contents;
       --tooltip-bg: var(--anduin-tooltip-content-background, var(--color-gray-9));
@@ -3109,16 +3160,16 @@ g4.styles = g`
     .tooltip-arrow--left { right: -4px; top: 50%; transform: translateY(-50%); border-left-color: var(--tooltip-bg); border-right: none; }
     .tooltip-arrow--right { left: -4px; top: 50%; transform: translateY(-50%); border-right-color: var(--tooltip-bg); border-left: none; }
   `;
-let o5 = g4;
-customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", g2);
-customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", i5);
-customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", o5);
-var L7 = Object.defineProperty, x7 = (r, e, t, o) => {
+let s5 = v4;
+customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", f2);
+customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", a5);
+customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", s5);
+var M7 = Object.defineProperty, w7 = (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;
+  return i && M7(e, t, i), i;
 };
-const M7 = "anduin-well-close:click", f4 = class f4 extends h {
+const Z7 = "anduin-well-close:click", m4 = class m4 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -3138,7 +3189,7 @@ const M7 = "anduin-well-close:click", f4 = class f4 extends h {
     `;
   }
 };
-f4.styles = g`
+m4.styles = g`
     :host {
       display: block;
       font-family: var(--font-sans);
@@ -3213,14 +3264,14 @@ f4.styles = g`
       color: var(--color-warning-4);
     }
   `;
-let E2 = f4;
-x7([
+let z2 = m4;
+w7([
   a()
-], E2.prototype, "variant");
-const v4 = class v4 extends h {
+], z2.prototype, "variant");
+const b4 = class b4 extends h {
   onClick() {
     this.dispatchEvent(
-      new CustomEvent(M7, { bubbles: !0, composed: !0 })
+      new CustomEvent(Z7, { bubbles: !0, composed: !0 })
     );
   }
   render() {
@@ -3235,7 +3286,7 @@ const v4 = class v4 extends h {
     `;
   }
 };
-v4.styles = g`
+b4.styles = g`
     :host {
       display: inline-block;
       font-family: var(--font-sans);
@@ -3260,15 +3311,15 @@ v4.styles = g`
       background-color: var(--color-gray-3);
     }
   `;
-let n5 = v4;
-customElements.get("anduin-well") || customElements.define("anduin-well", E2);
-customElements.get("anduin-well-close") || customElements.define("anduin-well-close", n5);
-var w7 = Object.defineProperty, k1 = (r, e, t, o) => {
+let d5 = b4;
+customElements.get("anduin-well") || customElements.define("anduin-well", z2);
+customElements.get("anduin-well-close") || customElements.define("anduin-well-close", d5);
+var k7 = Object.defineProperty, k1 = (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;
+  return i && k7(e, t, i), i;
 };
-const r5 = "anduin-popover:close", l5 = "anduin-popover:open-change", b4 = class b4 extends h {
+const c5 = "anduin-popover:close", C5 = "anduin-popover:open-change", H4 = class H4 extends h {
   constructor() {
     super(...arguments), this.open = !1, this.placement = "bottom-start", this.fullWidth = !1, this._visible = !1, this._closing = !1, this._closeTransitionEndHandler = null, this._onOutsideClick = (e) => {
       e.composedPath().includes(this) || (this.open = !1);
@@ -3282,13 +3333,13 @@ const r5 = "anduin-popover:close", l5 = "anduin-popover:open-change", b4 = class
     this.open = !this.open;
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize), this.addEventListener(r5, this._onPopoverClose);
+    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize), this.addEventListener(c5, this._onPopoverClose);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize), this.removeEventListener(r5, this._onPopoverClose);
+    super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize), this.removeEventListener(c5, this._onPopoverClose);
   }
   updated(e) {
-    e.has("open") && (this.dispatchEvent(new CustomEvent(l5, {
+    e.has("open") && (this.dispatchEvent(new CustomEvent(C5, {
       detail: this.open,
       bubbles: !0,
       composed: !0
@@ -3317,11 +3368,11 @@ const r5 = "anduin-popover:close", l5 = "anduin-popover:open-change", b4 = class
     const n = t.getBoundingClientRect();
     t.style.transform = i;
     const l = t.getBoundingClientRect(), d = 4, c = window.innerWidth, C = window.innerHeight, p = 8;
-    let f = 0, m = 0, b = "bottom";
-    const L = !this.placement.startsWith("top"), _ = C - o.bottom - d, v = o.top - d, x = _ >= l.height, M = v >= l.height, S = L ? x || _ >= v : !M && x;
-    b = S ? "bottom" : "top", m = S ? o.bottom + d : o.top - l.height - d;
-    const j = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
-    j === "start" ? f = o.left : j === "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)), m = Math.max(p, Math.min(m, C - l.height - p)), t.style.transform = `translate(${Math.round(f - n.left)}px, ${Math.round(m - n.top)}px)`, t.dataset.side = b;
+    let f = 0, b = 0, m = "bottom";
+    const V = !this.placement.startsWith("top"), _ = C - o.bottom - d, v = o.top - d, x = _ >= l.height, M = v >= l.height, S = V ? x || _ >= v : !M && x;
+    m = S ? "bottom" : "top", b = S ? o.bottom + d : o.top - l.height - d;
+    const U = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
+    U === "start" ? f = o.left : U === "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)), b = Math.max(p, Math.min(b, C - l.height - p)), t.style.transform = `translate(${Math.round(f - n.left)}px, ${Math.round(b - n.top)}px)`, t.dataset.side = m;
   }
   render() {
     return s`
@@ -3336,7 +3387,7 @@ const r5 = "anduin-popover:close", l5 = "anduin-popover:open-change", b4 = class
     `;
   }
 };
-b4.styles = g`
+H4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     :host([full-width]) { display: block; width: 100%; }
 
@@ -3389,7 +3440,7 @@ b4.styles = g`
       transform: none;
     }
   `;
-let X = b4;
+let X = H4;
 k1([
   a({ type: Boolean, reflect: !0 })
 ], X.prototype, "open");
@@ -3412,23 +3463,23 @@ k1([
   z(".popover__panel")
 ], X.prototype, "_panelEl");
 customElements.get("anduin-popover") || customElements.define("anduin-popover", X);
-const m4 = class m4 extends h {
+const y4 = class y4 extends h {
   _onClick() {
-    this.dispatchEvent(new CustomEvent(r5, { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(c5, { bubbles: !0, composed: !0 }));
   }
   render() {
     return s`<span @click=${this._onClick}><slot></slot></span>`;
   }
 };
-m4.styles = g`:host { display: contents; }`;
-let a5 = m4;
-customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", a5);
-var Z7 = Object.defineProperty, R1 = (r, e, t, o) => {
+y4.styles = g`:host { display: contents; }`;
+let p5 = y4;
+customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", p5);
+var R7 = Object.defineProperty, R1 = (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 && Z7(e, t, i), i;
+  return i && R7(e, t, i), i;
 };
-const s5 = "anduin-menu-item:click", H4 = class H4 extends h {
+const h5 = "anduin-menu-item:click", _4 = class _4 extends h {
   constructor() {
     super(...arguments), this.open = !1, this.placement = "bottom-start", this._onOutsideClick = (e) => {
       e.composedPath().includes(this) || (this.open = !1);
@@ -3442,10 +3493,10 @@ const s5 = "anduin-menu-item:click", H4 = class H4 extends h {
     this.open = !this.open;
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(s5, this._onItemClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize);
+    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(h5, this._onItemClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(s5, this._onItemClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize);
+    super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(h5, this._onItemClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize);
   }
   updated(e) {
     e.has("open") && this.open && requestAnimationFrame(() => this._updatePosition());
@@ -3494,7 +3545,7 @@ const s5 = "anduin-menu-item:click", H4 = class H4 extends h {
     `;
   }
 };
-H4.styles = g`
+_4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .menu__trigger { display: inline-block; }
@@ -3537,7 +3588,7 @@ H4.styles = g`
       transform: scale(1) translateY(0);
     }
   `;
-let Z1 = H4;
+let Z1 = _4;
 R1([
   a({ type: Boolean, reflect: !0 })
 ], Z1.prototype, "open");
@@ -3550,12 +3601,12 @@ R1([
 R1([
   z(".menu__panel")
 ], Z1.prototype, "_panelEl");
-const y4 = class y4 extends h {
+const L4 = class L4 extends h {
   constructor() {
     super(...arguments), this.icon = "", this.variant = "default", this.disabled = !1;
   }
   _onClick() {
-    this.dispatchEvent(new CustomEvent(s5, { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(h5, { bubbles: !0, composed: !0 }));
   }
   render() {
     return s`
@@ -3572,7 +3623,7 @@ const y4 = class y4 extends h {
     `;
   }
 };
-y4.styles = g`
+L4.styles = g`
     :host { display: block; width: 100%; font-family: var(--font-sans); }
     .menu-item {
       display: flex;
@@ -3602,7 +3653,7 @@ y4.styles = g`
     anduin-icon { color: var(--color-gray-7); }
     .menu-item--danger anduin-icon { color: var(--color-danger-4); }
   `;
-let T1 = y4;
+let T1 = L4;
 R1([
   a()
 ], T1.prototype, "icon");
@@ -3614,41 +3665,41 @@ R1([
 ], T1.prototype, "disabled");
 customElements.get("anduin-menu") || customElements.define("anduin-menu", Z1);
 customElements.get("anduin-menu-item") || customElements.define("anduin-menu-item", T1);
-var k7 = Object.defineProperty, $1 = (r, e, t, o) => {
+var $7 = 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 && k7(e, t, i), i;
+  return i && $7(e, t, i), i;
 };
-const Q1 = "anduin-close", R7 = "anduin-after-close", U2 = 300, G2 = 200, w3 = 250;
-let i2 = 0, ce = "";
-function $7() {
-  typeof document > "u" || (i2 === 0 && (ce = document.body.style.overflow, document.body.style.overflow = "hidden"), i2++);
+const Q1 = "anduin-close", W2 = "anduin-after-close", Y2 = 300, q2 = 200, k3 = 250;
+let o2 = 0, pe = "";
+function E7() {
+  typeof document > "u" || (o2 === 0 && (pe = document.body.style.overflow, document.body.style.overflow = "hidden"), o2++);
 }
-function Z3() {
-  typeof document > "u" || i2 !== 0 && (i2--, i2 === 0 && (document.body.style.overflow = ce));
+function R3() {
+  typeof document > "u" || o2 !== 0 && (o2--, o2 === 0 && (document.body.style.overflow = pe));
 }
-var p1;
-const H1 = (p1 = class extends h {
+var h1;
+const y1 = (h1 = class extends h {
   constructor() {
     super(...arguments), this.open = !1, this.heading = "", this.hideHeader = !1, this.hideFooter = !1, this.maxWidth = "480", this.fullscreen = !1, this._leaving = !1, this._holdsScrollLock = !1, this.onAnduinClose = (e) => {
-      e.target !== this && e.stopPropagation();
+      e.stopPropagation();
     };
   }
   updated(e) {
     if (e.has("maxWidth")) {
-      const t = this.maxWidth, o = p1._PRESETS.has(t) ? `${t}px` : t;
+      const t = this.maxWidth, o = h1._PRESETS.has(t) ? `${t}px` : t;
       this.style.setProperty("--_modal-width", o);
     }
-    e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown"), this._holdsScrollLock || (this._holdsScrollLock = !0, $7())) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(
+    e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown"), this._holdsScrollLock || (this._holdsScrollLock = !0, E7())) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(
       () => {
-        this._leaving = !1, this.classList.remove("is-shown"), this._holdsScrollLock && (this._holdsScrollLock = !1, Z3()), this.dispatchEvent(
-          new CustomEvent(R7, {
+        this._leaving = !1, this.classList.remove("is-shown"), this._holdsScrollLock && (this._holdsScrollLock = !1, R3()), this.dispatchEvent(
+          new CustomEvent(W2, {
             bubbles: !0,
             composed: !0
           })
         );
       },
-      Math.max(G2, w3)
+      Math.max(q2, k3)
     )));
   }
   dispatch(e) {
@@ -3663,10 +3714,10 @@ const H1 = (p1 = class extends h {
     this.dispatch(Q1);
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(Q1, this.onAnduinClose);
+    super.connectedCallback(), this.addEventListener(Q1, this.onAnduinClose), this.addEventListener(W2, this.onAnduinClose);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(Q1, this.onAnduinClose), this._holdsScrollLock && (this._holdsScrollLock = !1, Z3());
+    super.disconnectedCallback(), this.removeEventListener(Q1, this.onAnduinClose), this.removeEventListener(W2, this.onAnduinClose), this._holdsScrollLock && (this._holdsScrollLock = !1, R3());
   }
   render() {
     const e = this._leaving, t = this.fullscreen;
@@ -3708,7 +3759,7 @@ const H1 = (p1 = class extends h {
       </div>
     `;
   }
-}, p1.styles = g`
+}, h1.styles = g`
     :host {
       display: none;
       font-family: var(--font-sans);
@@ -3780,11 +3831,11 @@ const H1 = (p1 = class extends h {
       inset: 0;
       background: rgba(50, 60, 77, 0.6);
       cursor: default;
-      animation: overlayIn ${U2}ms cubic-bezier(0.2, 0, 0, 1)
+      animation: overlayIn ${Y2}ms cubic-bezier(0.2, 0, 0, 1)
         forwards;
     }
     .overlay.is-leaving {
-      animation: overlayOut ${w3}ms
+      animation: overlayOut ${k3}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
     .modal-wrapper {
@@ -3810,11 +3861,11 @@ const H1 = (p1 = class extends h {
         0 8px 24px 0 rgba(29, 41, 57, 0.12),
         0 2px 8px 0 rgba(29, 41, 57, 0.08);
       flex-shrink: 0;
-      animation: modalIn ${U2}ms cubic-bezier(0.05, 0.7, 0.1, 1)
+      animation: modalIn ${Y2}ms cubic-bezier(0.05, 0.7, 0.1, 1)
         forwards;
     }
     .modal.is-leaving {
-      animation: modalOut ${G2}ms
+      animation: modalOut ${q2}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
     .modal-wrapper--fullscreen {
@@ -3844,11 +3895,11 @@ const H1 = (p1 = class extends h {
       max-height: 100%;
       height: 100%;
       box-shadow: none;
-      animation: modalFullscreenIn ${U2}ms
+      animation: modalFullscreenIn ${Y2}ms
         cubic-bezier(0.05, 0.7, 0.1, 1) forwards;
     }
     .modal--fullscreen.is-leaving {
-      animation: modalFullscreenOut ${G2}ms
+      animation: modalFullscreenOut ${q2}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
     .header {
@@ -3894,37 +3945,37 @@ const H1 = (p1 = class extends h {
       padding: 16px 24px;
       border-top: 1px solid var(--color-gray-3, #e4e7ec);
     }
-  `, p1._PRESETS = /* @__PURE__ */ new Set([
+  `, h1._PRESETS = /* @__PURE__ */ new Set([
   "480",
   "600",
   "720",
   "960",
   "1160"
-]), p1);
+]), h1);
 $1([
   a({ type: Boolean, reflect: !0 })
-], H1.prototype, "open");
+], y1.prototype, "open");
 $1([
   a()
-], H1.prototype, "heading");
+], y1.prototype, "heading");
 $1([
   a({ type: Boolean, attribute: "hide-header" })
-], H1.prototype, "hideHeader");
+], y1.prototype, "hideHeader");
 $1([
   a({ type: Boolean, attribute: "hide-footer" })
-], H1.prototype, "hideFooter");
+], y1.prototype, "hideFooter");
 $1([
   a({ attribute: "max-width" })
-], H1.prototype, "maxWidth");
+], y1.prototype, "maxWidth");
 $1([
   a({ type: Boolean })
-], H1.prototype, "fullscreen");
+], y1.prototype, "fullscreen");
 $1([
   H()
-], H1.prototype, "_leaving");
-let E7 = H1;
-customElements.get("anduin-modal") || customElements.define("anduin-modal", E7);
-class z7 extends HTMLElement {
+], y1.prototype, "_leaving");
+let z7 = y1;
+customElements.get("anduin-modal") || customElements.define("anduin-modal", z7);
+class S7 extends HTMLElement {
   constructor() {
     super(...arguments), this._onClick = () => {
       this.dispatchEvent(
@@ -3939,13 +3990,13 @@ class z7 extends HTMLElement {
     this.removeEventListener("click", this._onClick);
   }
 }
-customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", z7);
-var S7 = Object.defineProperty, a1 = (r, e, t, o) => {
+customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", S7);
+var A7 = Object.defineProperty, a1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && S7(e, t, i), i;
+  return i && A7(e, t, i), i;
 };
-const d5 = "anduin-radio:change", A7 = "anduin-radio-group:change", _4 = class _4 extends h {
+const u5 = "anduin-radio:change", D7 = "anduin-radio-group:change", V4 = class V4 extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.readonly = !1, this.value = "", this.name = "", this.inputid = "";
   }
@@ -3958,7 +4009,7 @@ const d5 = "anduin-radio:change", A7 = "anduin-radio-group:change", _4 = class _
     });
   }
   _select() {
-    this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(d5, {
+    this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(u5, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -3999,7 +4050,7 @@ const d5 = "anduin-radio:change", A7 = "anduin-radio-group:change", _4 = class _
     `;
   }
 };
-_4.styles = g`
+V4.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
 
     label {
@@ -4070,7 +4121,7 @@ _4.styles = g`
       transform: scale(1);
     }
   `;
-let r1 = _4;
+let r1 = V4;
 a1([
   a({ type: Boolean })
 ], r1.prototype, "checked");
@@ -4090,14 +4141,14 @@ a1([
   a()
 ], r1.prototype, "inputid");
 customElements.get("anduin-radio") || customElements.define("anduin-radio", r1);
-const V4 = class V4 extends h {
+const x4 = class x4 extends h {
   constructor() {
     super(...arguments), this.value = "", this.name = "", this.orientation = "vertical", this._onRadioChange = (e) => {
       const o = e.detail;
       o !== this.value && (this.value = o, this.querySelectorAll("anduin-radio").forEach((i) => {
         const n = i;
         n.checked = n.value === o;
-      }), this.dispatchEvent(new CustomEvent(A7, {
+      }), this.dispatchEvent(new CustomEvent(D7, {
         detail: o,
         bubbles: !0,
         composed: !0
@@ -4105,10 +4156,10 @@ const V4 = class V4 extends h {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(d5, this._onRadioChange);
+    super.connectedCallback(), this.addEventListener(u5, this._onRadioChange);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(d5, this._onRadioChange);
+    super.disconnectedCallback(), this.removeEventListener(u5, this._onRadioChange);
   }
   render() {
     return s`
@@ -4118,7 +4169,7 @@ const V4 = class V4 extends h {
     `;
   }
 };
-V4.styles = g`
+x4.styles = g`
     :host { display: block; font-family: var(--font-sans); }
 
     .group {
@@ -4128,7 +4179,7 @@ V4.styles = g`
     .group--vertical   { flex-direction: column; }
     .group--horizontal { flex-direction: row; flex-wrap: wrap; align-items: center; }
   `;
-let N1 = V4;
+let N1 = x4;
 a1([
   a()
 ], N1.prototype, "value");
@@ -4139,12 +4190,12 @@ a1([
   a()
 ], N1.prototype, "orientation");
 customElements.get("anduin-radio-group") || customElements.define("anduin-radio-group", N1);
-var D7 = Object.defineProperty, E1 = (r, e, t, o) => {
+var B7 = 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 && D7(e, t, i), i;
+  return i && B7(e, t, i), i;
 };
-const k3 = [
+const $3 = [
   { bg: "#6172F3", text: "#ffffff" },
   { bg: "#B692F6", text: "#ffffff" },
   { bg: "#F670C7", text: "#ffffff" },
@@ -4154,17 +4205,17 @@ const k3 = [
   { bg: "#F97066", text: "#ffffff" },
   { bg: "#7A5AF8", text: "#ffffff" }
 ];
-function B7(r) {
+function P7(r) {
   let e = 0;
   for (let t = 0; t < r.length; t++) e = e * 31 + r.charCodeAt(t) >>> 0;
-  return k3[e % k3.length];
+  return $3[e % $3.length];
 }
-function P7(r, e = 2) {
+function F7(r, e = 2) {
   var i;
   const t = r.trim().split(/\s+/), o = ((i = t[0]) == null ? void 0 : i[0]) ?? "";
   return e < 2 || t.length === 1 ? o.toUpperCase() : (o + (t[t.length - 1][0] ?? "")).toUpperCase();
 }
-const L4 = class L4 extends h {
+const M4 = class M4 extends h {
   constructor() {
     super(...arguments), this.src = "", this.name = "", this.alt = "", this.icon = "", this.size = 32, this.shape = "circle", this._imgError = !1;
   }
@@ -4175,7 +4226,7 @@ const L4 = class L4 extends h {
     return this.size <= 16 ? 10 : this.size <= 20 ? 12 : this.size <= 24 ? 14 : 18;
   }
   render() {
-    const e = !!this.src && !this._imgError, t = this.name || this.icon ? B7(this.name || this.icon) : { bg: "#F2F4F7", text: "#667085" }, o = this.name ? P7(this.name, this.size <= 20 ? 1 : 2) : "";
+    const e = !!this.src && !this._imgError, t = this.name || this.icon ? P7(this.name || this.icon) : { bg: "#F2F4F7", text: "#667085" }, o = this.name ? F7(this.name, this.size <= 20 ? 1 : 2) : "";
     return s`
       <div
         class="avatar avatar--${this.shape} avatar--${this.size}"
@@ -4193,7 +4244,7 @@ const L4 = class L4 extends h {
     `;
   }
 };
-L4.styles = g`
+M4.styles = g`
     :host { display: inline-flex; }
 
     .avatar {
@@ -4222,7 +4273,7 @@ L4.styles = g`
       display: block;
     }
   `;
-let J = L4;
+let J = M4;
 E1([
   a()
 ], J.prototype, "src");
@@ -4250,8 +4301,8 @@ customElements.get("anduin-avatar") || customElements.define("anduin-avatar", J)
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F7 = { CHILD: 2 }, O7 = (r) => (...e) => ({ _$litDirective$: r, values: e });
-class I7 {
+const O7 = { CHILD: 2 }, I7 = (r) => (...e) => ({ _$litDirective$: r, values: e });
+class T7 {
   constructor(e) {
   }
   get _$AU() {
@@ -4272,9 +4323,9 @@ class I7 {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class c5 extends I7 {
+class g5 extends T7 {
   constructor(e) {
-    if (super(e), this.it = u, e.type !== F7.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(e), this.it = u, e.type !== O7.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(e) {
     if (e === u || e == null) return this._t = void 0, this.it = e;
@@ -4286,16 +4337,16 @@ class c5 extends I7 {
     return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
   }
 }
-c5.directiveName = "unsafeHTML", c5.resultType = 1;
+g5.directiveName = "unsafeHTML", g5.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class C5 extends c5 {
+class f5 extends g5 {
 }
-C5.directiveName = "unsafeSVG", C5.resultType = 2;
-const T7 = O7(C5), N7 = {
+f5.directiveName = "unsafeSVG", f5.resultType = 2;
+const N7 = I7(f5), j7 = {
   archive: {
     16: { viewBox: "0 0 16 16", paths: `<path d="M2 1.5C2 0.671573 2.67157 0 3.5 0H9.17157C9.70201 0 10.2107 0.210714 10.5858 0.585786L13.4142 3.41421C13.7893 3.78929 14 4.29799 14 4.82843V14.5C14 15.3284 13.3284 16 12.5 16H3.5C2.67157 16 2 15.3284 2 14.5V1.5Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M13 5.5C13 5.22386 12.7761 5 12.5 5H9.5C9.22386 5 9 4.77614 9 4.5V1.5C9 1.22386 8.77614 1 8.5 1H6H3.5C3.22386 1 3 1.22386 3 1.5V14.5C3 14.7761 3.22386 15 3.5 15H12.5C12.7761 15 13 14.7761 13 14.5V8V5.5ZM14 8V14.5C14 15.3284 13.3284 16 12.5 16H3.5C2.67157 16 2 15.3284 2 14.5V1.5C2 0.671573 2.67157 0 3.5 0H6H9.17157C9.70201 0 10.2107 0.210714 10.5858 0.585786L13.4142 3.41421C13.7893 3.78929 14 4.29799 14 4.82843V8Z" fill="#CCD2DB"/>
@@ -4539,26 +4590,26 @@ const T7 = O7(C5), N7 = {
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#AADAF9"/>
 <path d="M18.875 21.5385L20.3324 13.4117C20.3751 13.1734 20.5825 13 20.8246 13H22.1261C22.4436 13 22.6808 13.2921 22.6154 13.6029L20.3023 24.6029C20.2536 24.8343 20.0494 25 19.813 25H18.2572C18.0243 25 17.8223 24.8393 17.77 24.6124L16.0078 16.9725L14.2457 24.6124C14.1933 24.8393 13.9913 25 13.7584 25H12.2027C11.9662 25 11.762 24.8343 11.7134 24.6029L9.40022 13.6029C9.33487 13.2921 9.57198 13 9.88952 13H11.1916C11.4335 13 11.6406 13.1731 11.6836 13.4111L13.1484 21.522L14.9371 13.3926C14.9875 13.1633 15.1906 13 15.4254 13H16.6053C16.8403 13 17.0436 13.1636 17.0938 13.3932L18.875 21.5385Z" fill="#1075DC"/>` }
   }
-}, j7 = [32, 24, 16];
-function U7(r, e) {
-  const t = N7[r];
+}, U7 = [32, 24, 16];
+function G7(r, e) {
+  const t = j7[r];
   if (!t) return null;
   if (t[e]) return t[e];
-  for (const o of j7)
+  for (const o of U7)
     if (t[o]) return t[o];
   return null;
 }
-var G7 = Object.defineProperty, Ce = (r, e, t, o) => {
+var K7 = Object.defineProperty, he = (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 && G7(e, t, i), i;
+  return i && K7(e, t, i), i;
 };
-const x4 = class x4 extends h {
+const w4 = class w4 extends h {
   constructor() {
     super(...arguments), this.type = "pdf", this.size = 32;
   }
   render() {
-    const e = U7(this.type, this.size);
+    const e = G7(this.type, this.size);
     return e ? s`
       <svg
         width=${this.size}
@@ -4569,35 +4620,35 @@ const x4 = class x4 extends h {
         aria-label="${this.type} file"
         role="img"
       >
-        ${T7(e.paths)}
+        ${N7(e.paths)}
       </svg>
     ` : u;
   }
 };
-x4.styles = g`
+w4.styles = g`
     :host { display: inline-flex; align-items: center; justify-content: center; }
     svg { display: block; }
   `;
-let f2 = x4;
-Ce([
+let v2 = w4;
+he([
   a()
-], f2.prototype, "type");
-Ce([
+], v2.prototype, "type");
+he([
   a({ type: Number })
-], f2.prototype, "size");
-customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", f2);
-var K7 = Object.defineProperty, z1 = (r, e, t, o) => {
+], v2.prototype, "size");
+customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", v2);
+var W7 = 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 && K7(e, t, i), i;
+  return i && W7(e, t, i), i;
 };
-const R3 = {
+const E3 = {
   gray: "info",
   primary: "infoCircleLine",
   success: "checkCircle",
   warning: "warning",
   danger: "error"
-}, W7 = "anduin-toast:dismiss", M4 = class M4 extends h {
+}, Y7 = "anduin-toast:dismiss", Z4 = class Z4 extends h {
   constructor() {
     super(...arguments), this.variant = "gray", this.heading = "", this.description = "", this._dismissing = !1;
   }
@@ -4608,7 +4659,7 @@ const R3 = {
     const e = (o) => {
       var i;
       o.propertyName === "opacity" && ((i = this._toastEl) == null || i.removeEventListener("transitionend", e), this.dispatchEvent(
-        new CustomEvent(W7, { bubbles: !0, composed: !0 })
+        new CustomEvent(Y7, { bubbles: !0, composed: !0 })
       ));
     };
     (t = this._toastEl) == null || t.addEventListener("transitionend", e);
@@ -4617,7 +4668,7 @@ const R3 = {
     this.dismiss();
   }
   render() {
-    const e = R3[this.variant] ?? R3.gray;
+    const e = E3[this.variant] ?? E3.gray;
     return s`
       <div
         class="toast toast--${this.variant} ${this._dismissing ? "toast--dismissing" : ""}"
@@ -4643,7 +4694,7 @@ const R3 = {
     `;
   }
 };
-M4.styles = g`
+Z4.styles = g`
     :host {
       display: block;
       font-family: var(--font-sans);
@@ -4771,24 +4822,24 @@ M4.styles = g`
       background: var(--color-gray-3, #d0d5dd);
     }
   `;
-let g1 = M4;
+let f1 = Z4;
 z1([
   a()
-], g1.prototype, "variant");
+], f1.prototype, "variant");
 z1([
   a()
-], g1.prototype, "heading");
+], f1.prototype, "heading");
 z1([
   a()
-], g1.prototype, "description");
+], f1.prototype, "description");
 z1([
   H()
-], g1.prototype, "_dismissing");
+], f1.prototype, "_dismissing");
 z1([
   z(".toast")
-], g1.prototype, "_toastEl");
-customElements.get("anduin-toast") || customElements.define("anduin-toast", g1);
-const w4 = class w4 extends h {
+], f1.prototype, "_toastEl");
+customElements.get("anduin-toast") || customElements.define("anduin-toast", f1);
+const k4 = class k4 extends h {
   constructor() {
     super(...arguments), this.position = "bottom-left", this._toasts = [], this._nextId = 0;
   }
@@ -4832,7 +4883,7 @@ const w4 = class w4 extends h {
     `;
   }
 };
-w4.styles = g`
+k4.styles = g`
     :host {
       display: contents;
       pointer-events: none;
@@ -4879,17 +4930,17 @@ w4.styles = g`
       align-items: flex-end;
     }
   `;
-let v2 = w4;
+let m2 = k4;
 z1([
   a()
-], v2.prototype, "position");
+], m2.prototype, "position");
 z1([
   H()
-], v2.prototype, "_toasts");
-customElements.get("anduin-toaster") || customElements.define("anduin-toaster", v2);
+], m2.prototype, "_toasts");
+customElements.get("anduin-toaster") || customElements.define("anduin-toaster", m2);
 const j0 = {
   show(r) {
-    return Y7(r.position).show(r);
+    return q7(r.position).show(r);
   },
   success(r, e, t) {
     return this.show({ ...t, variant: "success", heading: r, description: e });
@@ -4906,23 +4957,23 @@ const j0 = {
   gray(r, e, t) {
     return this.show({ ...t, variant: "gray", heading: r, description: e });
   }
-}, K2 = /* @__PURE__ */ new Map();
-function Y7(r = "bottom-left") {
-  if (K2.has(r)) return K2.get(r);
+}, X2 = /* @__PURE__ */ new Map();
+function q7(r = "bottom-left") {
+  if (X2.has(r)) return X2.get(r);
   const e = document.createElement("anduin-toaster");
-  return e.position = r, document.body.appendChild(e), K2.set(r, e), e;
+  return e.position = r, document.body.appendChild(e), X2.set(r, e), e;
 }
-var q7 = Object.defineProperty, pe = (r, e, t, o) => {
+var X7 = Object.defineProperty, ue = (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;
+  return i && X7(e, t, i), i;
 };
-const X7 = "anduin-switcher:change", Z4 = class Z4 extends h {
+const J7 = "anduin-switcher:change", R4 = class R4 extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1;
   }
   onChange() {
-    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(X7, {
+    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(J7, {
       detail: this.checked,
       bubbles: !0,
       composed: !0
@@ -4946,7 +4997,7 @@ const X7 = "anduin-switcher:change", Z4 = class Z4 extends h {
     `;
   }
 };
-Z4.styles = g`
+R4.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
 
     label {
@@ -5010,20 +5061,20 @@ Z4.styles = g`
       line-height: 20px;
     }
   `;
-let b2 = Z4;
-pe([
+let b2 = R4;
+ue([
   a({ type: Boolean })
 ], b2.prototype, "checked");
-pe([
+ue([
   a({ type: Boolean })
 ], b2.prototype, "disabled");
 customElements.get("anduin-switcher") || customElements.define("anduin-switcher", b2);
-var J7 = Object.defineProperty, D = (r, e, t, o) => {
+var Q7 = Object.defineProperty, D = (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;
+  return i && Q7(e, t, i), i;
 };
-const $3 = "anduin-dropdown:change", k4 = class k4 extends h {
+const z3 = "anduin-dropdown:change", $4 = class $4 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._open = !1, this._query = "", this._onOutsideClick = (e) => {
       var t;
@@ -5055,14 +5106,14 @@ const $3 = "anduin-dropdown:change", k4 = class k4 extends h {
     e.key === "Escape" && (this._open = !1, this._query = "", (t = this._triggerEl) == null || t.focus());
   }
   _onClear(e) {
-    e.stopPropagation(), this.value = "", this.dispatchEvent(new CustomEvent($3, {
+    e.stopPropagation(), this.value = "", this.dispatchEvent(new CustomEvent(z3, {
       detail: "",
       bubbles: !0,
       composed: !0
     }));
   }
   _selectOption(e) {
-    this.value = e.value, this._open = !1, this._query = "", this.dispatchEvent(new CustomEvent($3, {
+    this.value = e.value, this._open = !1, this._query = "", this.dispatchEvent(new CustomEvent(z3, {
       detail: e.value,
       bubbles: !0,
       composed: !0
@@ -5077,7 +5128,7 @@ const $3 = "anduin-dropdown:change", k4 = class k4 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, m = p - o.bottom - c, b = o.top - c, _ = d.height <= m || m >= b ? o.bottom + c : o.top - d.height - c;
+    const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, b = p - o.bottom - c, m = o.top - c, _ = d.height <= b || b >= 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(_, p - d.height - f));
@@ -5148,7 +5199,7 @@ const $3 = "anduin-dropdown:change", k4 = class k4 extends h {
     `;
   }
 };
-k4.styles = g`
+$4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     :host([full-width]) { display: block; width: 100%; }
     :host([full-width]) .trigger { width: 100%; }
@@ -5328,7 +5379,7 @@ k4.styles = g`
       text-align: center;
     }
   `;
-let Z = k4;
+let Z = $4;
 D([
   a()
 ], Z.prototype, "value");
@@ -5378,24 +5429,26 @@ D([
   z("anduin-input")
 ], Z.prototype, "_searchEl");
 customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", Z);
-var Q7 = Object.defineProperty, y1 = (r, e, t, o) => {
+var e0 = Object.defineProperty, s1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && Q7(e, t, i), i;
+  return i && e0(e, t, i), i;
 };
-const p5 = "anduin-close", e0 = "anduin-after-close", t0 = 300, E3 = 250, i0 = /* @__PURE__ */ new Map([
+const e2 = "anduin-close", J2 = "anduin-after-close", t0 = 300, S3 = 250, i0 = /* @__PURE__ */ new Map([
   ["320", 320],
   ["360", 360],
   ["400", 400],
   ["640", 640]
-]), R4 = class R4 extends h {
+]), E4 = class E4 extends h {
   constructor() {
-    super(...arguments), this.open = !1, this.heading = "", this.hideHeader = !1, this.hideFooter = !1, this.defaultWidth = "320", this.allowInteractOutside = !1, this._leaving = !1, this._width = 320, this._resizing = !1, this._startX = 0, this._startWidth = 0, this._onResizeStart = (e) => {
+    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();
+    }, this._onResizeStart = (e) => {
       this._resizing = !0, this._startX = e.clientX, this._startWidth = this._width, e.currentTarget.setPointerCapture(e.pointerId), e.preventDefault();
     }, this._onResizeMove = (e) => {
       var n;
       if (!this._resizing) return;
-      const t = this._startX - e.clientX, o = Math.max(
+      const t = this.placement === "left" ? e.clientX - this._startX : this._startX - e.clientX, o = Math.max(
         200,
         Math.min(window.innerWidth * 0.9, this._startWidth + t)
       );
@@ -5412,23 +5465,29 @@ const p5 = "anduin-close", e0 = "anduin-after-close", t0 = 300, E3 = 250, i0 = /
   updated(e) {
     e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown")) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(() => {
       this._leaving = !1, this.classList.remove("is-shown"), this.dispatchEvent(
-        new CustomEvent(e0, {
+        new CustomEvent(J2, {
           bubbles: !0,
           composed: !0
         })
       );
-    }, E3)));
+    }, S3)));
   }
   _dispatch(e) {
     this.dispatchEvent(
       new CustomEvent(e, { bubbles: !0, composed: !0 })
     );
   }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(e2, this._stopAtSelf), this.addEventListener(J2, this._stopAtSelf);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener(e2, this._stopAtSelf), this.removeEventListener(J2, this._stopAtSelf);
+  }
   _onClose() {
-    this._dispatch(p5);
+    this._dispatch(e2);
   }
   _onBackdropClick() {
-    this._dispatch(p5);
+    this._dispatch(e2);
   }
   render() {
     const e = this._leaving;
@@ -5471,7 +5530,7 @@ const p5 = "anduin-close", e0 = "anduin-after-close", t0 = 300, E3 = 250, i0 = /
     `;
   }
 };
-R4.styles = g`
+E4.styles = g`
     :host {
       display: none;
       font-family: var(--font-sans);
@@ -5500,6 +5559,25 @@ R4.styles = g`
         transform: translateX(100%);
       }
     }
+    /* Mirrors of the two above for placement="left". A separate pair, rather
+       than one pair driven by a custom property, so the right-hand drawer's
+       animation stays exactly the rules it always was. */
+    @keyframes drawerInLeft {
+      from {
+        transform: translateX(-100%);
+      }
+      to {
+        transform: translateX(0);
+      }
+    }
+    @keyframes drawerOutLeft {
+      from {
+        transform: translateX(0);
+      }
+      to {
+        transform: translateX(-100%);
+      }
+    }
     /* Transparent backdrop — only rendered when dismiss-on-outside-click is set */
     .backdrop {
       position: absolute;
@@ -5525,9 +5603,24 @@ R4.styles = g`
       pointer-events: auto;
     }
     .drawer.is-leaving {
-      animation: drawerOut ${E3}ms
+      animation: drawerOut ${S3}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
+    /* placement="left": every rule above that assumes the right edge, flipped.
+       Anchor to the left, cast the shadow rightward (towards the page, away
+       from the edge it is pinned to), and slide in and out past the left edge.
+       Only animation-name changes, so duration and easing stay shared. */
+    :host([placement="left"]) .drawer {
+      left: 0;
+      right: auto;
+      box-shadow:
+        8px 0 24px 0 rgba(29, 41, 57, 0.12),
+        2px 0 8px 0 rgba(29, 41, 57, 0.08);
+      animation-name: drawerInLeft;
+    }
+    :host([placement="left"]) .drawer.is-leaving {
+      animation-name: drawerOutLeft;
+    }
     @media (max-width: 640px) {
       .drawer {
         top: 0;
@@ -5538,6 +5631,11 @@ R4.styles = g`
         max-width: 100%;
         min-width: unset;
       }
+      /* The placement="left" rule's right: auto outranks the bare .drawer
+         above on specificity, so full-screen has to be restated for it. */
+      :host([placement="left"]) .drawer {
+        right: 0;
+      }
       .resize-handle {
         display: none;
       }
@@ -5555,6 +5653,11 @@ R4.styles = g`
     .resize-handle:hover {
       background: var(--color-primary-3, #84caff);
     }
+    /* The handle sits on the edge that faces the page — the one you pull. */
+    :host([placement="left"]) .resize-handle {
+      left: auto;
+      right: 0;
+    }
     .header {
       flex-shrink: 0;
       display: flex;
@@ -5589,37 +5692,40 @@ R4.styles = g`
       border-top: 1px solid var(--color-gray-3, #e4e7ec);
     }
   `;
-let G = R4;
-y1([
+let j = E4;
+s1([
   a({ type: Boolean, reflect: !0 })
-], G.prototype, "open");
-y1([
+], j.prototype, "open");
+s1([
   a()
-], G.prototype, "heading");
-y1([
+], j.prototype, "heading");
+s1([
   a({ type: Boolean, attribute: "hide-header" })
-], G.prototype, "hideHeader");
-y1([
+], j.prototype, "hideHeader");
+s1([
   a({ type: Boolean, attribute: "hide-footer" })
-], G.prototype, "hideFooter");
-y1([
+], j.prototype, "hideFooter");
+s1([
   a({ attribute: "default-width" })
-], G.prototype, "defaultWidth");
-y1([
+], j.prototype, "defaultWidth");
+s1([
+  a({ reflect: !0 })
+], j.prototype, "placement");
+s1([
   a({ type: Boolean, attribute: "allow-interact-outside" })
-], G.prototype, "allowInteractOutside");
-y1([
+], j.prototype, "allowInteractOutside");
+s1([
   H()
-], G.prototype, "_leaving");
-y1([
+], j.prototype, "_leaving");
+s1([
   H()
-], G.prototype, "_width");
-customElements.get("anduin-drawer") || customElements.define("anduin-drawer", G);
+], j.prototype, "_width");
+customElements.get("anduin-drawer") || customElements.define("anduin-drawer", j);
 class o0 extends HTMLElement {
   constructor() {
     super(...arguments), this._onClick = () => {
       this.dispatchEvent(
-        new CustomEvent(p5, { bubbles: !0, composed: !0 })
+        new CustomEvent(e2, { bubbles: !0, composed: !0 })
       );
     };
   }
@@ -5636,7 +5742,7 @@ var n0 = Object.defineProperty, R = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && n0(e, t, i), i;
 };
-const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "anduin-suggestion:clear", $4 = class $4 extends h {
+const Q2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "anduin-suggestion:clear", z4 = class z4 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, this.suggestions = [], this.filter = !1, this.hideWhenEmpty = !1, this.emptyText = "No suggestions", this._open = !1, this._activeIndex = -1, this._onDocumentMouseDown = (e) => {
       var t;
@@ -5676,7 +5782,7 @@ const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "an
     this._openPanel();
   }
   _onInput() {
-    this.value = this._inputEl.value, this._open || this._openPanel(), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(W2, {
+    this.value = this._inputEl.value, this._open || this._openPanel(), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(Q2, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -5709,7 +5815,7 @@ const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "an
   }
   _selectSuggestion(e) {
     var t;
-    this.value = e.value, this._inputEl && (this._inputEl.value = e.value), this._open = !1, this.dispatchEvent(new CustomEvent(W2, {
+    this.value = e.value, this._inputEl && (this._inputEl.value = e.value), this._open = !1, this.dispatchEvent(new CustomEvent(Q2, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -5721,7 +5827,7 @@ const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "an
   }
   _onClear() {
     var e;
-    this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(W2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(l0, { bubbles: !0, composed: !0 })), (e = this._inputEl) == null || e.focus();
+    this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(Q2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(l0, { bubbles: !0, composed: !0 })), (e = this._inputEl) == null || e.focus();
   }
   _updatePosition() {
     var M;
@@ -5733,7 +5839,7 @@ const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "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, m = p - o.bottom - c, b = o.top - c, _ = d.height <= m || m >= b ? o.bottom + c : o.top - d.height - c;
+    const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, b = p - o.bottom - c, m = o.top - c, _ = d.height <= b || b >= 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(_, p - d.height - f));
@@ -5795,8 +5901,8 @@ const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "an
                     @mouseenter=${() => {
       this._activeIndex = f;
     }}
-                    @mousedown=${(m) => {
-      m.preventDefault(), this._selectSuggestion(p);
+                    @mousedown=${(b) => {
+      b.preventDefault(), this._selectSuggestion(p);
     }}
                   >
                     ${p.icon ? s`<anduin-icon name=${p.icon} size="16"></anduin-icon>` : u}
@@ -5809,7 +5915,7 @@ const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "an
     `;
   }
 };
-$4.styles = g`
+z4.styles = g`
     :host { display: block; font-family: var(--font-sans); position: relative; }
 
     .input-wrapper { position: relative; display: flex; align-items: center; }
@@ -5922,7 +6028,7 @@ $4.styles = g`
       text-align: center;
     }
   `;
-let w = $4;
+let w = z4;
 R([
   a()
 ], w.prototype, "value");
@@ -5983,7 +6089,7 @@ var a0 = Object.defineProperty, W = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && a0(e, t, i), i;
 };
-const s0 = "anduin-navigation:change", u5 = "anduin-navigation-item:item-click", E4 = class E4 extends h {
+const s0 = "anduin-navigation:change", v5 = "anduin-navigation-item:item-click", S4 = class S4 extends h {
   constructor() {
     super(...arguments), this.defaultValue = "", this.value = null, this.theme = "light", this.alignment = "left", this.internalValue = "", this.onItemClick = (e) => {
       e.stopPropagation();
@@ -6002,10 +6108,10 @@ const s0 = "anduin-navigation:change", u5 = "anduin-navigation-item:item-click",
     return this.isControlled ? this.value : this.internalValue;
   }
   connectedCallback() {
-    super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue), this.addEventListener(u5, this.onItemClick);
+    super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue), this.addEventListener(v5, this.onItemClick);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(u5, this.onItemClick);
+    super.disconnectedCallback(), this.removeEventListener(v5, this.onItemClick);
   }
   updated() {
     this.syncItems();
@@ -6026,7 +6132,7 @@ const s0 = "anduin-navigation:change", u5 = "anduin-navigation-item:item-click",
     `;
   }
 };
-E4.styles = g`
+S4.styles = g`
     :host {
       display: block;
       font-family: var(--font-sans);
@@ -6069,23 +6175,23 @@ E4.styles = g`
     .navigation--center { justify-content: center; }
     .navigation--right { justify-content: flex-end; }
   `;
-let f1 = E4;
+let v1 = S4;
 W([
   a({ attribute: "default-value" })
-], f1.prototype, "defaultValue");
+], v1.prototype, "defaultValue");
 W([
   a()
-], f1.prototype, "value");
+], v1.prototype, "value");
 W([
   a({ reflect: !0 })
-], f1.prototype, "theme");
+], v1.prototype, "theme");
 W([
   a()
-], f1.prototype, "alignment");
+], v1.prototype, "alignment");
 W([
   H()
-], f1.prototype, "internalValue");
-const z4 = class z4 extends h {
+], v1.prototype, "internalValue");
+const A4 = class A4 extends h {
   constructor() {
     super(...arguments), this.value = "", this.startIcon = "", this.href = "", this.disabled = !1, this.selected = !1, this.theme = "light";
   }
@@ -6094,7 +6200,7 @@ const z4 = class z4 extends h {
       e.preventDefault();
       return;
     }
-    this.dispatchEvent(new CustomEvent(u5, {
+    this.dispatchEvent(new CustomEvent(v5, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -6132,7 +6238,7 @@ const z4 = class z4 extends h {
         `;
   }
 };
-z4.styles = g`
+A4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .nav-item {
       box-sizing: border-box;
@@ -6177,7 +6283,7 @@ z4.styles = g`
     }
     .nav-item__icon { display: flex; }
   `;
-let l1 = z4;
+let l1 = A4;
 W([
   a()
 ], l1.prototype, "value");
@@ -6196,21 +6302,21 @@ W([
 W([
   a({ attribute: !1 })
 ], l1.prototype, "theme");
-customElements.get("anduin-navigation") || customElements.define("anduin-navigation", f1);
+customElements.get("anduin-navigation") || customElements.define("anduin-navigation", v1);
 customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item", l1);
 var d0 = Object.defineProperty, S1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && d0(e, t, i), i;
 };
-const c0 = "anduin-resizable:resize", ue = "anduin-resizable-panel", z3 = (r) => !!r && r.tagName.toLowerCase() === ue;
-function S3(r, e, t) {
+const c0 = "anduin-resizable:resize", ge = "anduin-resizable-panel", A3 = (r) => !!r && r.tagName.toLowerCase() === ge;
+function D3(r, e, t) {
   const o = (r || "").trim();
   if (!o) return t;
   const i = parseFloat(o);
   return Number.isNaN(i) ? t : o.endsWith("%") ? i / 100 * e : i;
 }
-const S4 = class S4 extends h {
+const D4 = class D4 extends h {
   constructor() {
     super(...arguments), this.orientation = "horizontal";
   }
@@ -6226,7 +6332,7 @@ const S4 = class S4 extends h {
     return this.isVertical ? e.height : e.width;
   }
   get panels() {
-    return Array.from(this.querySelectorAll(`:scope > ${ue}`));
+    return Array.from(this.querySelectorAll(`:scope > ${ge}`));
   }
   updated() {
     for (const e of this.querySelectorAll(":scope > anduin-resizable-handle"))
@@ -6251,7 +6357,7 @@ const S4 = class S4 extends h {
     `;
   }
 };
-S4.styles = g`
+D4.styles = g`
     :host { display: block; width: 100%; height: 100%; font-family: var(--font-sans); }
     .panel-group {
       display: flex; flex-direction: row;
@@ -6259,11 +6365,11 @@ S4.styles = g`
     }
     .panel-group--vertical { flex-direction: column; }
   `;
-let z2 = S4;
+let S2 = D4;
 S1([
   a({ reflect: !0 })
-], z2.prototype, "orientation");
-const A4 = class A4 extends h {
+], S2.prototype, "orientation");
+const B4 = class B4 extends h {
   constructor() {
     super(...arguments), this.defaultSize = "", this.minSize = "", this.maxSize = "", this.applied = !1;
   }
@@ -6286,20 +6392,20 @@ const A4 = class A4 extends h {
     return e ? t.height : t.width;
   }
   minPx(e) {
-    return S3(this.minSize, e, 0);
+    return D3(this.minSize, e, 0);
   }
   maxPx(e) {
-    return S3(this.maxSize, e, e);
+    return D3(this.maxSize, e, e);
   }
   render() {
     return s`<div class="panel" part="panel"><slot></slot></div>`;
   }
 };
-A4.styles = g`
+B4.styles = g`
     :host { display: block; flex: 1 1 0; min-width: 0; min-height: 0; overflow: hidden; font-family: var(--font-sans); }
     .panel { width: 100%; height: 100%; overflow: hidden; }
   `;
-let j1 = A4;
+let j1 = B4;
 S1([
   a({ attribute: "default-size" })
 ], j1.prototype, "defaultSize");
@@ -6309,7 +6415,7 @@ S1([
 S1([
   a({ attribute: "max-size" })
 ], j1.prototype, "maxSize");
-const D4 = class D4 extends h {
+const P4 = class P4 extends h {
   constructor() {
     super(...arguments), this.withHandle = !1, this.groupVertical = !1, this.dragging = !1, this.group = null, this.startPos = 0, this.startPrevPx = 0, this.combinedPx = 0, this.combinedGrow = 0, this.activePointerId = null, this.onPointerDown = (e) => {
       const t = this.closest("anduin-resizable-panel-group"), o = this.prevPanel, i = this.nextPanel;
@@ -6355,10 +6461,10 @@ const D4 = class D4 extends h {
     this.groupVertical = e, this.setAttribute("aria-orientation", e ? "horizontal" : "vertical");
   }
   get prevPanel() {
-    return z3(this.previousElementSibling) ? this.previousElementSibling : null;
+    return A3(this.previousElementSibling) ? this.previousElementSibling : null;
   }
   get nextPanel() {
-    return z3(this.nextElementSibling) ? this.nextElementSibling : null;
+    return A3(this.nextElementSibling) ? this.nextElementSibling : null;
   }
   endDrag() {
     if (!(!this.dragging && this.activePointerId === null)) {
@@ -6405,7 +6511,7 @@ const D4 = class D4 extends h {
     `;
   }
 };
-D4.styles = g`
+P4.styles = g`
     :host { display: block; flex: 0 0 auto; position: relative; z-index: 1; outline: none; font-family: var(--font-sans); }
     .handle {
       position: relative; display: flex; align-items: center; justify-content: center;
@@ -6426,7 +6532,7 @@ D4.styles = g`
     .handle:hover .handle__grip, .handle--dragging .handle__grip, :host(:focus-visible) .handle__grip { opacity: 1; }
     .handle--vertical .handle__grip { transform: rotate(90deg); }
   `;
-let U1 = D4;
+let U1 = P4;
 S1([
   a({ type: Boolean, attribute: "with-handle" })
 ], U1.prototype, "withHandle");
@@ -6436,7 +6542,7 @@ S1([
 S1([
   H()
 ], U1.prototype, "dragging");
-customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", z2);
+customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", S2);
 customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", j1);
 customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", U1);
 var C0 = Object.defineProperty, K1 = (r, e, t, o) => {
@@ -6444,12 +6550,12 @@ var C0 = Object.defineProperty, K1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && C0(e, t, i), i;
 };
-const p0 = "anduin-pagination:change", h5 = "anduin-pagination:jump";
+const p0 = "anduin-pagination:change", m5 = "anduin-pagination:jump";
 function X1(r, e) {
   const t = Math.max(e - r + 1, 0);
   return Array.from({ length: t }, (o, i) => r + i);
 }
-const B4 = class B4 extends h {
+const F4 = class F4 extends h {
   constructor() {
     super(...arguments), this.numberOfPages = 0, this.defaultValue = 1, this.value = null, this.internalValue = 1, this.indicatorReady = !1, this.onJump = (e) => {
       e.stopPropagation(), this.goTo(e.detail === "first" ? 1 : this.count);
@@ -6466,10 +6572,10 @@ const B4 = class B4 extends h {
     return Math.min(Math.max(Math.floor(e || 1), 1), Math.max(this.count, 1));
   }
   connectedCallback() {
-    super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue || 1), this.addEventListener(h5, this.onJump);
+    super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue || 1), this.addEventListener(m5, this.onJump);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(h5, this.onJump);
+    super.disconnectedCallback(), this.removeEventListener(m5, this.onJump);
   }
   /** MUI-style windowing: boundaryCount = 1, siblingCount = 1. */
   buildItems() {
@@ -6579,7 +6685,7 @@ const B4 = class B4 extends h {
     `;
   }
 };
-B4.styles = g`
+F4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     :host(:not([number-of-pages])),
     :host([number-of-pages='0']),
@@ -6642,26 +6748,26 @@ B4.styles = g`
       align-items: stretch;
     }
   `;
-let v1 = B4;
+let m1 = F4;
 K1([
   a({ type: Number, attribute: "number-of-pages", reflect: !0 })
-], v1.prototype, "numberOfPages");
+], m1.prototype, "numberOfPages");
 K1([
   a({ type: Number, attribute: "default-value" })
-], v1.prototype, "defaultValue");
+], m1.prototype, "defaultValue");
 K1([
   a({ type: Number })
-], v1.prototype, "value");
+], m1.prototype, "value");
 K1([
   H()
-], v1.prototype, "internalValue");
+], m1.prototype, "internalValue");
 K1([
   z(".pagination__indicator")
-], v1.prototype, "indicatorEl");
-const P4 = class P4 extends h {
+], m1.prototype, "indicatorEl");
+const O4 = class O4 extends h {
   constructor() {
     super(...arguments), this.disabled = !1, this.icon = "", this.label = "", this.target = "first", this.onClick = () => {
-      this.disabled || this.dispatchEvent(new CustomEvent(h5, {
+      this.disabled || this.dispatchEvent(new CustomEvent(m5, {
         detail: this.target,
         bubbles: !0,
         composed: !0
@@ -6684,32 +6790,32 @@ const P4 = class P4 extends h {
     `;
   }
 };
-P4.styles = g`
+O4.styles = g`
     :host { display: inline-flex; }
   `;
-let m2 = P4;
+let H2 = O4;
 K1([
   a({ type: Boolean })
-], m2.prototype, "disabled");
-class u0 extends m2 {
+], H2.prototype, "disabled");
+class h0 extends H2 {
   constructor() {
     super(...arguments), this.icon = "chevronVerticalLeft", this.label = "Go to first page", this.target = "first";
   }
 }
-class h0 extends m2 {
+class u0 extends H2 {
   constructor() {
     super(...arguments), this.icon = "chevronVerticalRight", this.label = "Go to last page", this.target = "last";
   }
 }
-customElements.get("anduin-pagination") || customElements.define("anduin-pagination", v1);
-customElements.get("anduin-pagination-first-page") || customElements.define("anduin-pagination-first-page", u0);
-customElements.get("anduin-pagination-last-page") || customElements.define("anduin-pagination-last-page", h0);
-const F4 = class F4 extends h {
+customElements.get("anduin-pagination") || customElements.define("anduin-pagination", m1);
+customElements.get("anduin-pagination-first-page") || customElements.define("anduin-pagination-first-page", h0);
+customElements.get("anduin-pagination-last-page") || customElements.define("anduin-pagination-last-page", u0);
+const I4 = class I4 extends h {
   render() {
     return s`<div class="timeline"><slot></slot></div>`;
   }
 };
-F4.styles = g`
+I4.styles = g`
     :host {
       display: block;
     }
@@ -6723,8 +6829,8 @@ F4.styles = g`
       flex-direction: column;
     }
   `;
-let g5 = F4;
-const O4 = class O4 extends h {
+let b5 = I4;
+const T4 = class T4 extends h {
   render() {
     return s`
       <div class="item">
@@ -6734,7 +6840,7 @@ const O4 = class O4 extends h {
     `;
   }
 };
-O4.styles = g`
+T4.styles = g`
     /* Host padding-left: 29px positions the rail so the dot center
      * (29 + 7 = 36px from left edge) aligns with the timeline axis. */
     :host {
@@ -6824,13 +6930,13 @@ O4.styles = g`
       padding-bottom: 0;
     }
   `;
-let f5 = O4;
-const I4 = class I4 extends h {
+let H5 = T4;
+const N4 = class N4 extends h {
   render() {
     return s`<div class="date"><slot></slot></div>`;
   }
 };
-I4.styles = g`
+N4.styles = g`
     :host {
       display: block;
     }
@@ -6842,25 +6948,25 @@ I4.styles = g`
       color: var(--color-gray-7);
     }
   `;
-let v5 = I4;
-const T4 = class T4 extends h {
+let y5 = N4;
+const j4 = class j4 extends h {
   render() {
     return s`<div class="title"><slot></slot></div>`;
   }
 };
-T4.styles = g`
+j4.styles = g`
     /* Block-level element inheriting the parent's font size and color. */
     :host {
       display: block;
     }
   `;
-let b5 = T4;
-const N4 = class N4 extends h {
+let _5 = j4;
+const U4 = class U4 extends h {
   render() {
     return s`<div class="group__items"><slot></slot></div>`;
   }
 };
-N4.styles = g`
+U4.styles = g`
     :host {
       display: block;
     }
@@ -6879,13 +6985,13 @@ N4.styles = g`
       flex-direction: column;
     }
   `;
-let m5 = N4;
-const j4 = class j4 extends h {
+let L5 = U4;
+const G4 = class G4 extends h {
   render() {
     return s`<div class="label-center"><div class="label-pill"><slot></slot></div></div>`;
   }
 };
-j4.styles = g`
+G4.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. */
@@ -6943,19 +7049,19 @@ j4.styles = g`
       font-weight: 600;
     }
   `;
-let H5 = j4;
-customElements.get("anduin-timeline") || customElements.define("anduin-timeline", g5);
-customElements.get("anduin-timeline-item") || customElements.define("anduin-timeline-item", f5);
-customElements.get("anduin-timeline-date") || customElements.define("anduin-timeline-date", v5);
-customElements.get("anduin-timeline-title") || customElements.define("anduin-timeline-title", b5);
-customElements.get("anduin-timeline-group") || customElements.define("anduin-timeline-group", m5);
-customElements.get("anduin-timeline-label") || customElements.define("anduin-timeline-label", H5);
+let V5 = G4;
+customElements.get("anduin-timeline") || customElements.define("anduin-timeline", b5);
+customElements.get("anduin-timeline-item") || customElements.define("anduin-timeline-item", H5);
+customElements.get("anduin-timeline-date") || customElements.define("anduin-timeline-date", y5);
+customElements.get("anduin-timeline-title") || customElements.define("anduin-timeline-title", _5);
+customElements.get("anduin-timeline-group") || customElements.define("anduin-timeline-group", L5);
+customElements.get("anduin-timeline-label") || customElements.define("anduin-timeline-label", V5);
 var g0 = Object.defineProperty, A1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && g0(e, t, i), i;
 };
-const f0 = "anduin-sidebar:select", U4 = class U4 extends h {
+const f0 = "anduin-sidebar:select", K4 = class K4 extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "navigation");
   }
@@ -6963,7 +7069,7 @@ const f0 = "anduin-sidebar:select", U4 = class U4 extends h {
     return s`<div class="sidebar" part="sidebar"><slot></slot></div>`;
   }
 };
-U4.styles = g`
+K4.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -6978,13 +7084,13 @@ U4.styles = g`
       min-height: 0;
     }
   `;
-let y5 = U4;
-const G4 = class G4 extends h {
+let x5 = K4;
+const W4 = class W4 extends h {
   render() {
     return s`<div class="sidebar-content" part="content"><slot></slot></div>`;
   }
 };
-G4.styles = g`
+W4.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -6999,8 +7105,8 @@ G4.styles = g`
       padding: 12px 16px;
     }
   `;
-let _5 = G4;
-const K4 = class K4 extends h {
+let M5 = W4;
+const Y4 = class Y4 extends h {
   constructor() {
     super(...arguments), this.divider = !1;
   }
@@ -7008,7 +7114,7 @@ const K4 = class K4 extends h {
     return s`<div class="sidebar-header" part="header"><slot></slot></div>`;
   }
 };
-K4.styles = g`
+Y4.styles = g`
     :host {
       display: block;
       flex: 0 0 auto;
@@ -7019,11 +7125,11 @@ K4.styles = g`
       border-bottom: 1px solid var(--color-gray-3);
     }
   `;
-let S2 = K4;
+let A2 = Y4;
 A1([
   a({ type: Boolean, reflect: !0 })
-], S2.prototype, "divider");
-const W4 = class W4 extends h {
+], A2.prototype, "divider");
+const q4 = class q4 extends h {
   constructor() {
     super(...arguments), this.divider = !1;
   }
@@ -7031,7 +7137,7 @@ const W4 = class W4 extends h {
     return s`<div class="sidebar-footer" part="footer"><slot></slot></div>`;
   }
 };
-W4.styles = g`
+q4.styles = g`
     :host {
       display: block;
       flex: 0 0 auto;
@@ -7042,16 +7148,16 @@ W4.styles = g`
       border-top: 1px solid var(--color-gray-3);
     }
   `;
-let A2 = W4;
+let D2 = q4;
 A1([
   a({ type: Boolean, reflect: !0 })
-], A2.prototype, "divider");
-const Y4 = class Y4 extends h {
+], D2.prototype, "divider");
+const X4 = class X4 extends h {
   render() {
     return s`<div class="sidebar-group" part="group" role="group"><slot></slot></div>`;
   }
 };
-Y4.styles = g`
+X4.styles = g`
     :host {
       display: block;
     }
@@ -7061,8 +7167,8 @@ Y4.styles = g`
       gap: 4px;
     }
   `;
-let V5 = Y4;
-const q4 = class q4 extends h {
+let w5 = X4;
+const J4 = class J4 extends h {
   render() {
     return s`
       <div class="sidebar-group-label" part="group-label">
@@ -7073,7 +7179,7 @@ const q4 = class q4 extends h {
     `;
   }
 };
-q4.styles = g`
+J4.styles = g`
     :host {
       display: block;
     }
@@ -7105,13 +7211,13 @@ q4.styles = g`
       padding-right: 6px;
     }
   `;
-let L5 = q4;
-const X4 = class X4 extends h {
+let Z5 = J4;
+const Q4 = class Q4 extends h {
   render() {
     return s`<div class="sidebar-menu" part="menu"><slot></slot></div>`;
   }
 };
-X4.styles = g`
+Q4.styles = g`
     :host {
       display: block;
     }
@@ -7121,8 +7227,8 @@ X4.styles = g`
       gap: 2px;
     }
   `;
-let x5 = X4;
-const J4 = class J4 extends h {
+let k5 = Q4;
+const e3 = class e3 extends h {
   constructor() {
     super(...arguments), this.startIcon = "", this.selected = !1, this.disabled = !1, this.href = "", this.openNewTab = !1, this.onClick = (e) => {
       if (this.disabled) {
@@ -7178,7 +7284,7 @@ const J4 = class J4 extends h {
     `;
   }
 };
-J4.styles = g`
+e3.styles = g`
     :host {
       display: block;
     }
@@ -7261,7 +7367,7 @@ J4.styles = g`
       padding-right: 6px;
     }
   `;
-let b1 = J4;
+let b1 = e3;
 A1([
   a({ attribute: "start-icon" })
 ], b1.prototype, "startIcon");
@@ -7277,7 +7383,7 @@ A1([
 A1([
   a({ type: Boolean, attribute: "open-new-tab" })
 ], b1.prototype, "openNewTab");
-const Q4 = class Q4 extends h {
+const t3 = class t3 extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "action");
   }
@@ -7285,7 +7391,7 @@ const Q4 = class Q4 extends h {
     return s`<div class="sidebar-action" part="action"><slot></slot></div>`;
   }
 };
-Q4.styles = g`
+t3.styles = g`
     :host {
       display: flex;
       align-items: center;
@@ -7295,8 +7401,8 @@ Q4.styles = g`
       align-items: center;
     }
   `;
-let M5 = Q4;
-const e3 = class e3 extends h {
+let R5 = t3;
+const i3 = class i3 extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "badge");
   }
@@ -7304,7 +7410,7 @@ const e3 = class e3 extends h {
     return s`<div class="sidebar-badge" part="badge"><slot></slot></div>`;
   }
 };
-e3.styles = g`
+i3.styles = g`
     :host {
       display: flex;
       align-items: center;
@@ -7314,8 +7420,8 @@ e3.styles = g`
       align-items: center;
     }
   `;
-let w5 = e3;
-const t3 = class t3 extends h {
+let $5 = i3;
+const o3 = class o3 extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "separator");
   }
@@ -7323,7 +7429,7 @@ const t3 = class t3 extends h {
     return s`<div class="sidebar-separator" part="separator"></div>`;
   }
 };
-t3.styles = g`
+o3.styles = g`
     :host {
       display: block;
     }
@@ -7332,18 +7438,18 @@ t3.styles = g`
       background-color: var(--color-gray-3);
     }
   `;
-let Z5 = t3;
-customElements.get("anduin-sidebar") || customElements.define("anduin-sidebar", y5);
-customElements.get("anduin-sidebar-content") || customElements.define("anduin-sidebar-content", _5);
-customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", S2);
-customElements.get("anduin-sidebar-footer") || customElements.define("anduin-sidebar-footer", A2);
-customElements.get("anduin-sidebar-group") || customElements.define("anduin-sidebar-group", V5);
-customElements.get("anduin-sidebar-group-label") || customElements.define("anduin-sidebar-group-label", L5);
-customElements.get("anduin-sidebar-menu") || customElements.define("anduin-sidebar-menu", x5);
+let E5 = o3;
+customElements.get("anduin-sidebar") || customElements.define("anduin-sidebar", x5);
+customElements.get("anduin-sidebar-content") || customElements.define("anduin-sidebar-content", M5);
+customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", A2);
+customElements.get("anduin-sidebar-footer") || customElements.define("anduin-sidebar-footer", D2);
+customElements.get("anduin-sidebar-group") || customElements.define("anduin-sidebar-group", w5);
+customElements.get("anduin-sidebar-group-label") || customElements.define("anduin-sidebar-group-label", Z5);
+customElements.get("anduin-sidebar-menu") || customElements.define("anduin-sidebar-menu", k5);
 customElements.get("anduin-sidebar-menu-item") || customElements.define("anduin-sidebar-menu-item", b1);
-customElements.get("anduin-sidebar-action") || customElements.define("anduin-sidebar-action", M5);
-customElements.get("anduin-sidebar-badge") || customElements.define("anduin-sidebar-badge", w5);
-customElements.get("anduin-sidebar-separator") || customElements.define("anduin-sidebar-separator", Z5);
+customElements.get("anduin-sidebar-action") || customElements.define("anduin-sidebar-action", R5);
+customElements.get("anduin-sidebar-badge") || customElements.define("anduin-sidebar-badge", $5);
+customElements.get("anduin-sidebar-separator") || customElements.define("anduin-sidebar-separator", E5);
 function A(r) {
   if (!r) return null;
   const e = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(r.trim());
@@ -7351,7 +7457,7 @@ function A(r) {
   const [t, o, i] = [Number(e[1]), Number(e[2]), Number(e[3])], n = new Date(t, o - 1, i);
   return n.getFullYear() !== t || n.getMonth() !== o - 1 || n.getDate() !== i ? null : n;
 }
-function V1(r) {
+function L1(r) {
   const e = (t) => String(t).padStart(2, "0");
   return `${r.getFullYear()}-${e(r.getMonth() + 1)}-${e(r.getDate())}`;
 }
@@ -7359,19 +7465,19 @@ function P1() {
   const r = /* @__PURE__ */ new Date();
   return new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
-function d1(r, e) {
+function c1(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 v0(r, e) {
   return new Date(r, e + 1, 0).getDate();
 }
-var b0 = Object.defineProperty, e1 = (r, e, t, o) => {
+var m0 = 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 && b0(e, t, i), i;
+  return i && m0(e, t, i), i;
 };
-const H2 = "anduin-calendar:change", k5 = "anduin-calendar:day-hover", A3 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], D3 = [
+const y2 = "anduin-calendar:change", z5 = "anduin-calendar:day-hover", B3 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], P3 = [
   "January",
   "February",
   "March",
@@ -7384,7 +7490,7 @@ const H2 = "anduin-calendar:change", k5 = "anduin-calendar:day-hover", A3 = ["Ja
   "October",
   "November",
   "December"
-], m0 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], B3 = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+], b0 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], F3 = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 function D1(r, e) {
   return new Date(r.getFullYear(), r.getMonth(), r.getDate() + e);
 }
@@ -7392,7 +7498,7 @@ function H0(r) {
   const e = ["th", "st", "nd", "rd"], t = r % 100;
   return `${r}${e[(t - 20) % 10] ?? e[t] ?? e[0]}`;
 }
-const i3 = class i3 extends h {
+const n3 = class n3 extends h {
   constructor() {
     super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = P1().getMonth(), this._viewYear = P1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
       this._openSelect && !e.composedPath().includes(this) && (this._openSelect = null);
@@ -7440,13 +7546,13 @@ const i3 = class i3 extends h {
   }
   // ── Navigation ──────────────────────────────────────────────────
   _shiftMonth(e) {
-    const t = d1(new Date(this._viewYear, this._viewMonth, 1), e);
+    const t = c1(new Date(this._viewYear, this._viewMonth, 1), e);
     this._viewYear = t.getFullYear(), this._viewMonth = t.getMonth(), this._viewSeeded = !0;
   }
   /** Move the roving focus, pulling the displayed month along with it. */
   _moveFocus(e, t) {
     const o = this._clamp(t);
-    this._isDisabled(o) || (this._focus = V1(o), (o.getMonth() !== e.getMonth() || o.getFullYear() !== e.getFullYear()) && (this._viewYear = o.getFullYear(), this._viewMonth = o.getMonth(), this._viewSeeded = !0), this._pendingFocus = !0);
+    this._isDisabled(o) || (this._focus = L1(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 = A(this._focus) ?? this._defaultFocusDate();
@@ -7454,16 +7560,16 @@ const i3 = class i3 extends h {
       // Shift turns the horizontal arrows into month steps and the vertical
       // ones into year steps.
       case "ArrowLeft":
-        this._moveFocus(t, e.shiftKey ? d1(t, -1) : D1(t, -1));
+        this._moveFocus(t, e.shiftKey ? c1(t, -1) : D1(t, -1));
         break;
       case "ArrowRight":
-        this._moveFocus(t, e.shiftKey ? d1(t, 1) : D1(t, 1));
+        this._moveFocus(t, e.shiftKey ? c1(t, 1) : D1(t, 1));
         break;
       case "ArrowUp":
-        this._moveFocus(t, e.shiftKey ? d1(t, -12) : D1(t, -7));
+        this._moveFocus(t, e.shiftKey ? c1(t, -12) : D1(t, -7));
         break;
       case "ArrowDown":
-        this._moveFocus(t, e.shiftKey ? d1(t, 12) : D1(t, 7));
+        this._moveFocus(t, e.shiftKey ? c1(t, 12) : D1(t, 7));
         break;
       case "Home":
         this._moveFocus(t, D1(t, -t.getDay()));
@@ -7472,10 +7578,10 @@ const i3 = class i3 extends h {
         this._moveFocus(t, D1(t, 6 - t.getDay()));
         break;
       case "PageUp":
-        this._moveFocus(t, d1(t, e.shiftKey ? -12 : -1));
+        this._moveFocus(t, c1(t, e.shiftKey ? -12 : -1));
         break;
       case "PageDown":
-        this._moveFocus(t, d1(t, e.shiftKey ? 12 : 1));
+        this._moveFocus(t, c1(t, e.shiftKey ? 12 : 1));
         break;
       case "Enter":
       case " ":
@@ -7488,11 +7594,11 @@ const i3 = class i3 extends h {
   }
   // ── Selection ───────────────────────────────────────────────────
   _pick(e) {
-    const t = V1(e);
-    this.value = t, this._focus = t, this.dispatchEvent(new CustomEvent(H2, { detail: t, bubbles: !0, composed: !0 }));
+    const t = L1(e);
+    this.value = t, this._focus = t, this.dispatchEvent(new CustomEvent(y2, { detail: t, bubbles: !0, composed: !0 }));
   }
   _emitHover(e) {
-    this.dispatchEvent(new CustomEvent(k5, { detail: e, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(z5, { detail: e, bubbles: !0, composed: !0 }));
   }
   /** The day that owns `tabindex="0"` when nothing has been focused yet. */
   _defaultFocusDate() {
@@ -7551,15 +7657,15 @@ const i3 = class i3 extends h {
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    const e = V1(P1()), t = A(this.value), o = A(this.rangeStart), i = A(this.rangeEnd), n = this.rangeMode || !!(o || i), l = V1(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 = L1(P1()), t = A(this.value), o = A(this.rangeStart), i = A(this.rangeEnd), n = this.rangeMode || !!(o || i), l = L1(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 }, (_, v) => v + 1)
     ];
     for (; p.length % 7 !== 0; ) p.push(null);
-    const f = Array.from({ length: p.length / 7 }, (_, v) => p.slice(v * 7, v * 7 + 7)), m = `${D3[this._viewMonth]} ${this._viewYear}`, b = (() => {
+    const f = Array.from({ length: p.length / 7 }, (_, v) => p.slice(v * 7, v * 7 + 7)), b = `${P3[this._viewMonth]} ${this._viewYear}`, m = (() => {
       const _ = this._min;
       return _ ? new Date(this._viewYear, this._viewMonth, 0).getTime() < _.getTime() : !1;
-    })(), L = (() => {
+    })(), V = (() => {
       const _ = this._max;
       return _ ? new Date(this._viewYear, this._viewMonth + 1, 1).getTime() > _.getTime() : !1;
     })();
@@ -7571,15 +7677,15 @@ const i3 = class i3 extends h {
             size="small"
             start-icon="chevronLeft"
             label="Previous month"
-            ?disabled=${b}
+            ?disabled=${m}
             @click=${() => this._shiftMonth(-1)}
           ></anduin-button>
           <div class="calendar__header-spacer"></div>
           ${this._renderSelect(
       "month",
-      A3[this._viewMonth],
+      B3[this._viewMonth],
       "Choose the month",
-      A3.map((_, v) => ({ value: v, label: _, selected: v === this._viewMonth })),
+      B3.map((_, v) => ({ value: v, label: _, selected: v === this._viewMonth })),
       (_) => this._selectMonth(_)
     )}
           ${this._renderSelect(
@@ -7595,7 +7701,7 @@ const i3 = class i3 extends h {
             size="small"
             start-icon="chevronRight"
             label="Next month"
-            ?disabled=${L}
+            ?disabled=${V}
             @click=${() => this._shiftMonth(1)}
           ></anduin-button>
         </div>
@@ -7605,14 +7711,14 @@ const i3 = class i3 extends h {
           part="grid"
           role="grid"
           aria-multiselectable="false"
-          aria-label="${m}"
+          aria-label="${b}"
           @keydown=${this._onGridKeyDown}
           @mouseleave=${() => this._emitHover(null)}
         >
           <thead aria-hidden="true">
             <tr>
-              ${m0.map((_, v) => s`
-                <th class="calendar__day-header" aria-label="${B3[v]}">${_}</th>
+              ${b0.map((_, v) => s`
+                <th class="calendar__day-header" aria-label="${F3[v]}">${_}</th>
               `)}
             </tr>
           </thead>
@@ -7621,40 +7727,40 @@ const i3 = class i3 extends h {
               <tr>
                 ${_.map((v) => {
       if (v === null) return s`<td class="calendar__day-cell"></td>`;
-      const x = new Date(this._viewYear, this._viewMonth, v), M = V1(x), S = x.getTime(), j = this._isDisabled(x), Y1 = !!o && S === o.getTime(), t1 = !!i && S === i.getTime(), s3 = !!o && !!i && S > o.getTime() && S < i.getTime(), d3 = !n && !!t && S === t.getTime(), ge = [
+      const x = new Date(this._viewYear, this._viewMonth, v), M = L1(x), S = x.getTime(), U = this._isDisabled(x), Y1 = !!o && S === o.getTime(), t1 = !!i && S === i.getTime(), c3 = !!o && !!i && S > o.getTime() && S < i.getTime(), C3 = !n && !!t && S === t.getTime(), ve = [
         "calendar__day-cell",
-        s3 ? "calendar__day-cell--in-range" : "",
+        c3 ? "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.
         Y1 && i ? "calendar__day-cell--range-start" : "",
         t1 && o ? "calendar__day-cell--range-end" : ""
-      ].filter(Boolean).join(" "), fe = [
+      ].filter(Boolean).join(" "), me = [
         "calendar__day-button",
         M === e ? "calendar__day-button--today" : "",
-        d3 ? "calendar__day-button--selected" : "",
+        C3 ? "calendar__day-button--selected" : "",
         Y1 ? "calendar__day-button--range-start" : "",
         t1 ? "calendar__day-button--range-end" : "",
-        s3 ? "calendar__day-button--in-range" : "",
-        j ? "calendar__day-button--disabled" : ""
+        c3 ? "calendar__day-button--in-range" : "",
+        U ? "calendar__day-button--disabled" : ""
       ].filter(Boolean).join(" ");
       return s`
                     <td
-                      class="${ge}"
+                      class="${ve}"
                       role="gridcell"
-                      aria-selected="${d3 || Y1 || t1}"
+                      aria-selected="${C3 || Y1 || t1}"
                     >
                       <button
                         type="button"
-                        class="${fe}"
+                        class="${me}"
                         part="day"
-                        aria-disabled="${j}"
-                        aria-label="${B3[x.getDay()]}, ${D3[x.getMonth()]} ${H0(v)}, ${x.getFullYear()}"
+                        aria-disabled="${U}"
+                        aria-label="${F3[x.getDay()]}, ${P3[x.getMonth()]} ${H0(v)}, ${x.getFullYear()}"
                         tabindex="${M === l ? 0 : -1}"
                         @click=${() => {
-        j || this._pick(x);
+        U || this._pick(x);
       }}
                         @mouseenter=${() => {
-        j || this._emitHover(M);
+        U || this._emitHover(M);
       }}
                       >${v}</button>
                     </td>
@@ -7668,7 +7774,7 @@ const i3 = class i3 extends h {
     `;
   }
 };
-i3.styles = g`
+n3.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .calendar { display: flex; flex-direction: column; font-family: inherit; font-size: 13px; }
@@ -7763,7 +7869,7 @@ i3.styles = g`
     .calendar__day-button--in-range { color: var(--color-primary-7, var(--color-primary-5)); }
     .calendar__day-button--in-range:hover { background-color: var(--color-primary-2); }
   `;
-let T = i3;
+let T = n3;
 e1([
   a({ reflect: !0 })
 ], T.prototype, "value");
@@ -7800,7 +7906,7 @@ var y0 = Object.defineProperty, W1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && y0(e, t, i), i;
 };
-const _0 = "anduin-date-range:change", o3 = class o3 extends h {
+const _0 = "anduin-date-range:change", r3 = class r3 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();
@@ -7821,10 +7927,10 @@ const _0 = "anduin-date-range:change", o3 = class o3 extends h {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(H2, this._onCalendarChange), this.addEventListener(k5, this._onCalendarHover);
+    super.connectedCallback(), this.addEventListener(y2, this._onCalendarChange), this.addEventListener(z5, this._onCalendarHover);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(H2, this._onCalendarChange), this.removeEventListener(k5, this._onCalendarHover);
+    super.disconnectedCallback(), this.removeEventListener(y2, this._onCalendarChange), this.removeEventListener(z5, this._onCalendarHover);
   }
   updated() {
     this._sync();
@@ -7853,7 +7959,7 @@ const _0 = "anduin-date-range:change", o3 = class o3 extends h {
    *  after it on the right. Falls back to today when there's no range yet. */
   _panelValue(e) {
     const t = A(this.startDate) ?? P1();
-    return V1(e === "start" ? t : d1(t, 1));
+    return L1(e === "start" ? t : c1(t, 1));
   }
   /** The range the calendars should paint — the live preview while selecting,
    *  otherwise the committed range. */
@@ -7871,10 +7977,10 @@ const _0 = "anduin-date-range:change", o3 = class o3 extends h {
     return s`<div class="date-range" part="date-range"><slot></slot></div>`;
   }
 };
-o3.styles = g`
+r3.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
   `;
-let Q = o3;
+let Q = r3;
 W1([
   a({ attribute: "start-date", reflect: !0 })
 ], Q.prototype, "startDate");
@@ -7893,7 +7999,7 @@ W1([
 W1([
   H()
 ], Q.prototype, "_hover");
-const n3 = class n3 extends h {
+const l3 = class l3 extends h {
   constructor() {
     super(...arguments), this._host = null;
   }
@@ -7922,21 +8028,21 @@ const n3 = class n3 extends h {
     return s`<anduin-calendar part="calendar" range-mode></anduin-calendar>`;
   }
 };
-n3.styles = g`
+l3.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
   `;
-let D2 = n3;
-class V0 extends D2 {
+let B2 = l3;
+class L0 extends B2 {
   constructor() {
     super(...arguments), this.panelRole = "start";
   }
 }
-class L0 extends D2 {
+class V0 extends B2 {
   constructor() {
     super(...arguments), this.panelRole = "end";
   }
 }
-const r3 = class r3 extends h {
+const a3 = class a3 extends h {
   render() {
     return s`
       <div class="date-range-default" part="layout">
@@ -7946,30 +8052,30 @@ const r3 = class r3 extends h {
     `;
   }
 };
-r3.styles = g`
+a3.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .date-range-default { display: flex; flex-direction: row; gap: 16px; }
   `;
-let R5 = r3;
+let S5 = a3;
 customElements.get("anduin-date-range") || customElements.define("anduin-date-range", Q);
-customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", R5);
-customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", V0);
-customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", L0);
+customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", S5);
+customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", L0);
+customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", V0);
 var x0 = 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 && x0(e, t, i), i;
 };
-const $5 = "anduin-date-input:change", P3 = { M: "month", d: "day", y: "year" };
+const A5 = "anduin-date-input:change", O3 = { M: "month", d: "day", y: "year" };
 function M0(r) {
   const e = [];
   let t = 0, o = 0;
   for (; o < r.length; ) {
-    const i = r[o], n = P3[i];
+    const i = r[o], n = O3[i];
     if (!n) {
       let d = "";
-      for (; o < r.length && !P3[r[o]]; ) d += r[o++];
+      for (; o < r.length && !O3[r[o]]; ) d += r[o++];
       e.push({ literal: d }), t += d.length;
       continue;
     }
@@ -7979,10 +8085,10 @@ function M0(r) {
   }
   return e;
 }
-function Y2(r) {
+function e5(r) {
   return r.type === "year" ? 10 ** r.length - 1 : r.length === 1 ? 9 : r.type === "month" ? 12 : 31;
 }
-const J1 = 1, B2 = class B2 extends h {
+const J1 = 1, O2 = class O2 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.inputid = "", this._digits = [], this._active = 0, this._buffer = "", this._pendingSelection = null, this._tokens = [], this._segments = [], this._onFieldLabelClick = (e) => {
       const t = e.detail;
@@ -8035,7 +8141,7 @@ const J1 = 1, B2 = class B2 extends h {
       return;
     }
     const o = this._clampToBounds(e);
-    this._digits = o, this.value = this._composeValue(), this.dispatchEvent(new CustomEvent($5, {
+    this._digits = o, this.value = this._composeValue(), this.dispatchEvent(new CustomEvent(A5, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -8053,14 +8159,14 @@ const J1 = 1, B2 = class B2 extends h {
     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, v0(d, c - 1)), f = new Date(d, c - 1, p), m = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
-    if (!m) {
+    const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), p = Math.min(C, v0(d, c - 1)), f = new Date(d, c - 1, p), b = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
+    if (!b) {
       if (p === C) return e;
-      const L = [...e];
-      return L[n] = String(p).padStart(this._segments[n].length, "0"), L;
+      const V = [...e];
+      return V[n] = String(p).padStart(this._segments[n].length, "0"), V;
     }
-    const b = [...e];
-    return b[l] = String(m.getFullYear()).padStart(this._segments[l].length, "0").slice(-this._segments[l].length), b[i] = String(m.getMonth() + 1).padStart(this._segments[i].length, "0"), b[n] = String(m.getDate()).padStart(this._segments[n].length, "0"), b;
+    const m = [...e];
+    return m[l] = String(b.getFullYear()).padStart(this._segments[l].length, "0").slice(-this._segments[l].length), m[i] = String(b.getMonth() + 1).padStart(this._segments[i].length, "0"), m[n] = String(b.getDate()).padStart(this._segments[n].length, "0"), m;
   }
   // ── Selection ───────────────────────────────────────────────────
   _focusSegment(e) {
@@ -8092,7 +8198,7 @@ const J1 = 1, B2 = class B2 extends h {
   _writeSegment(e, t) {
     const o = this._segments[e];
     if (!o) return;
-    const i = Math.min(Math.max(Number(t), J1), Y2(o)), n = [...this._digits];
+    const i = Math.min(Math.max(Number(t), J1), e5(o)), n = [...this._digits];
     n[e] = String(i).padStart(o.length, "0"), this._buffer = "", this._setDigits(n);
   }
   /** Commit any half-typed digits so they aren't stranded on blur or navigation. */
@@ -8111,7 +8217,7 @@ const J1 = 1, B2 = class B2 extends h {
       return;
     }
     const l = Number(i.padEnd(o.length, "0")), d = Number(i.padEnd(o.length, "9"));
-    if (l > Y2(o) || d < J1) {
+    if (l > e5(o) || d < J1) {
       this._commitBuffer(t, i, !0);
       return;
     }
@@ -8120,7 +8226,7 @@ const J1 = 1, B2 = class B2 extends h {
   _step(e) {
     const t = this._active, o = this._segments[t];
     if (!o) return;
-    const i = Y2(o), n = this._digits[t];
+    const i = e5(o), n = this._digits[t];
     let l;
     n === null ? l = e > 0 ? J1 : i : (l = Number(n) + e, l > i && (l = J1), l < J1 && (l = i));
     const d = [...this._digits];
@@ -8198,7 +8304,7 @@ const J1 = 1, B2 = class B2 extends h {
     `;
   }
 };
-B2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, B2.styles = g`
+O2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, O2.styles = g`
     :host { display: block; font-family: var(--font-sans); }
 
     .date-input-container { position: relative; display: flex; align-items: center; }
@@ -8249,7 +8355,7 @@ B2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, B2.styles
     .date-input--warning  { border-color: var(--color-warning-4); }
     .date-input--loading  { border-color: var(--color-gray-4); }
   `;
-let $ = B2;
+let $ = O2;
 O([
   a()
 ], $.prototype, "format");
@@ -8298,13 +8404,13 @@ var w0 = Object.defineProperty, I = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && w0(e, t, i), i;
 };
-const Z0 = "anduin-date-picker:change", he = { M: "month", d: "day", y: "year" };
+const Z0 = "anduin-date-picker:change", fe = { M: "month", d: "day", y: "year" };
 function k0(r, e) {
   if (!r) return null;
   const t = {};
   let o = 0, i = 0;
   for (; i < e.length; ) {
-    const d = e[i], c = he[d];
+    const d = e[i], c = fe[d];
     if (!c) {
       i++, o++;
       continue;
@@ -8328,7 +8434,7 @@ function R0(r, e) {
   };
   let o = "", i = 0;
   for (; i < e.length; ) {
-    const n = e[i], l = he[n];
+    const n = e[i], l = fe[n];
     if (!l) {
       o += n, i++;
       continue;
@@ -8340,7 +8446,7 @@ function R0(r, e) {
   }
   return o;
 }
-const l3 = class l3 extends h {
+const s3 = class s3 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;
@@ -8358,10 +8464,10 @@ const l3 = class l3 extends h {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener($5, this._onInputChange), this.addEventListener(H2, this._onCalendarChange), this.addEventListener(l5, this._onPopoverOpenChange), this.addEventListener("keydown", this._onKeyDown);
+    super.connectedCallback(), this.addEventListener(A5, this._onInputChange), this.addEventListener(y2, this._onCalendarChange), this.addEventListener(C5, this._onPopoverOpenChange), this.addEventListener("keydown", this._onKeyDown);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener($5, this._onInputChange), this.removeEventListener(H2, this._onCalendarChange), this.removeEventListener(l5, this._onPopoverOpenChange), this.removeEventListener("keydown", this._onKeyDown);
+    super.disconnectedCallback(), this.removeEventListener(A5, this._onInputChange), this.removeEventListener(y2, this._onCalendarChange), this.removeEventListener(C5, this._onPopoverOpenChange), this.removeEventListener("keydown", this._onKeyDown);
   }
   _closePopover() {
     this._popoverEl && (this._popoverEl.open = !1), this._open = !1;
@@ -8373,7 +8479,7 @@ const l3 = class l3 extends h {
   /** ISO form of the value, for driving the calendar. */
   get _isoValue() {
     const e = this._date;
-    return e ? V1(e) : "";
+    return e ? L1(e) : "";
   }
   _emit(e) {
     this.value = e, this.dispatchEvent(new CustomEvent(Z0, {
@@ -8416,7 +8522,7 @@ const l3 = class l3 extends h {
     `;
   }
 };
-l3.styles = g`
+s3.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .datepicker { display: block; }
@@ -8426,7 +8532,7 @@ l3.styles = g`
     /* The popover contributes 8px; the calendar reads better with 16px total. */
     .datepicker__panel { padding: 8px; display: flex; flex-direction: column; }
   `;
-let E = l3;
+let E = s3;
 I([
   a()
 ], E.prototype, "format");
@@ -8470,12 +8576,12 @@ I([
   z("anduin-popover")
 ], E.prototype, "_popoverEl");
 customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", E);
-var $0 = Object.defineProperty, V = (r, e, t, o) => {
+var $0 = 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 && $0(e, t, i), i;
 };
-const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-table:row-click", A0 = "anduin-table:selection-change", D0 = "anduin-table:cell-context-menu", B0 = "anduin-table:row-expand", P0 = "anduin-table:row-collapse", F0 = "anduin-table:group-toggle", F3 = "anduin-table:column-resize", O3 = 40, i1 = (r) => r.type === "selection", s1 = (r, e) => {
+const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-table:row-click", A0 = "anduin-table:selection-change", D0 = "anduin-table:cell-context-menu", B0 = "anduin-table:row-expand", P0 = "anduin-table:row-collapse", F0 = "anduin-table:group-toggle", I3 = "anduin-table:column-resize", T3 = 40, i1 = (r) => r.type === "selection", d1 = (r, e) => {
   if (!e) return;
   let t = r;
   for (const o of e.split(".")) {
@@ -8483,7 +8589,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
     t = t[o];
   }
   return t;
-}, O0 = (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" }), a3 = class a3 extends h {
+}, O0 = (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" }), d3 = class d3 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;
@@ -8499,7 +8605,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "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(F3, {
+      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(I3, {
         detail: { column: e, field: t.key, width: t.width },
         bubbles: !0,
         composed: !0
@@ -8552,7 +8658,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
   // ── Row keys & selection helpers ────────────────────────────────────────
   /** A stable identity for a row, used for selection and expansion state. */
   keyFor(e, t) {
-    const o = s1(e, this.indexColumn);
+    const o = d1(e, this.indexColumn);
     return o == null ? `__index:${t}` : String(o);
   }
   get selectedKeySet() {
@@ -8616,7 +8722,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
   sortRows(e) {
     const t = this.sortedColumn;
     if (!t) return e;
-    const o = this.sortDirection === "desc" ? -1 : 1, i = t.sortWith ? (n, l) => t.sortWith({ a: n, b: l }) : (n, l) => O0(s1(n, t.field), s1(l, t.field));
+    const o = this.sortDirection === "desc" ? -1 : 1, i = t.sortWith ? (n, l) => t.sortWith({ a: n, b: l }) : (n, l) => O0(d1(n, t.field), d1(l, t.field));
     return [...e].sort((n, l) => i(n, l) * o);
   }
   onHeaderClick(e) {
@@ -8640,14 +8746,14 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
   buildFlatRows(e, t) {
     const o = [];
     return e.forEach((i, n) => {
-      const l = this.keyFor(i, n), d = this.dataTree ? s1(i, this.treeChildrenField) : void 0, c = Array.isArray(d) && d.length > 0, C = c && this.isExpanded(l, i);
+      const l = this.keyFor(i, n), d = this.dataTree ? d1(i, this.treeChildrenField) : void 0, c = Array.isArray(d) && d.length > 0, C = c && this.isExpanded(l, i);
       o.push({ kind: "row", data: i, key: l, depth: t, hasChildren: c, expanded: C }), C && o.push(...this.buildFlatRows(this.sortRows(d), t + 1));
     }), o;
   }
   buildGroupedRows() {
     const e = /* @__PURE__ */ new Map();
     this.data.forEach((o) => {
-      const i = s1(o, this.groupBy), n = String(i), l = e.get(n);
+      const i = d1(o, this.groupBy), n = String(i), l = e.get(n);
       l ? l.rows.push(o) : e.set(n, { value: i, rows: [o] });
     });
     const t = [];
@@ -8678,7 +8784,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
   expandAll() {
     const e = /* @__PURE__ */ new Set(), t = (o) => {
       o.forEach((i, n) => {
-        const l = s1(i, this.treeChildrenField);
+        const l = d1(i, this.treeChildrenField);
         Array.isArray(l) && l.length > 0 && (e.add(this.keyFor(i, n)), t(l));
       });
     };
@@ -8699,7 +8805,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
     const t = /* @__PURE__ */ new Map(), o = (n) => {
       n.forEach((l, d) => {
         t.set(this.keyFor(l, d), l);
-        const c = this.dataTree ? s1(l, this.treeChildrenField) : void 0;
+        const c = this.dataTree ? d1(l, this.treeChildrenField) : void 0;
         Array.isArray(c) && o(c);
       });
     };
@@ -8831,7 +8937,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
    */
   fitColumnsMinWidth() {
     return this.layout !== "fit-columns" || !this.columns.some((e) => e.minWidth) ? 0 : this.columns.reduce((e, t, o) => {
-      const i = i1(t) && !t.width && !t.minWidth ? O3 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
+      const i = i1(t) && !t.width && !t.minWidth ? T3 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
       return e + i;
     }, 0);
   }
@@ -8857,7 +8963,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "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(F3, {
+    delete n[i], this.resizedWidths = n, this.dispatchEvent(new CustomEvent(I3, {
       detail: { column: t, field: i, width: null },
       bubbles: !0,
       composed: !0
@@ -8901,14 +9007,14 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
           ></span>
         ` : u;
     if (i1(e)) {
-      const v = this.renderSelectableRows, x = this.renderSelectedKeys, M = v.filter((t1) => x.has(t1.key)).length, S = v.length > 0 && M === v.length, j = M > 0 && !S, Y1 = e.renderHeader ? e.renderHeader({
+      const v = this.renderSelectableRows, x = this.renderSelectedKeys, M = v.filter((t1) => x.has(t1.key)).length, S = v.length > 0 && M === v.length, U = M > 0 && !S, Y1 = e.renderHeader ? e.renderHeader({
         areAllRowsSelected: S,
         hasSelectedRow: M > 0,
         onChange: (t1) => this.toggleAllRows(t1)
       }) : s`
             <anduin-checkbox
               .checked=${S}
-              .indeterminate=${j}
+              .indeterminate=${U}
               aria-label="${S ? "Deselect all rows" : "Select all rows"}"
               @anduin-checkbox:change=${(t1) => {
         t1.stopPropagation(), this.toggleAllRows(!S);
@@ -8925,10 +9031,10 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
         ><div class="${C}">${Y1}</div>${f}</th>
       `;
     }
-    const m = this.sortField === e.field, b = m ? this.sortDirection : null, L = e.renderHeader ? e.renderHeader({ column: e, sortDirection: b }) : s`<span class="table__header-text">${e.title ?? ""}</span>`, _ = e.isSortable ? s`
+    const b = this.sortField === e.field, m = b ? this.sortDirection : null, V = e.renderHeader ? e.renderHeader({ column: e, sortDirection: m }) : s`<span class="table__header-text">${e.title ?? ""}</span>`, _ = e.isSortable ? s`
           <anduin-icon
-            class="table__sort-icon ${m ? "table__sort-icon--active" : ""}"
-            name="${b === "desc" ? "caretDown" : "caretUp"}"
+            class="table__sort-icon ${b ? "table__sort-icon--active" : ""}"
+            name="${m === "desc" ? "caretDown" : "caretUp"}"
             size="16"
           ></anduin-icon>
         ` : u;
@@ -8940,12 +9046,12 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
         data-col="${t}"
         style="${d}"
         tabindex="${e.isSortable ? "0" : u}"
-        aria-sort="${m ? b === "desc" ? "descending" : "ascending" : e.isSortable ? "none" : u}"
+        aria-sort="${b ? m === "desc" ? "descending" : "ascending" : e.isSortable ? "none" : u}"
         @click=${() => this.onHeaderClick(e)}
         @keydown=${(v) => {
       e.isSortable && (v.key !== "Enter" && v.key !== " " || (v.preventDefault(), this.onHeaderClick(e)));
     }}
-      ><div class="${C}">${L}${_}</div>${f}</th>
+      ><div class="${C}">${V}${_}</div>${f}</th>
     `;
   }
   renderCell(e, t, o, i) {
@@ -8959,13 +9065,13 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
       this.sizingClass(o, i)
     ].filter(Boolean).join(" "), C = this.cellStyle(o, i);
     if (i1(o)) {
-      const L = this.renderSelectedKeys.has(e.key), _ = this.rowIsDisabled(e.data), v = (M) => this.setRowSelected(e, M), x = o.renderCell ? o.renderCell({ data: e.data, isChecked: L, isDisabled: _, onChange: v }) : s`
+      const V = this.renderSelectedKeys.has(e.key), _ = this.rowIsDisabled(e.data), v = (M) => this.setRowSelected(e, M), x = o.renderCell ? o.renderCell({ data: e.data, isChecked: V, isDisabled: _, onChange: v }) : s`
             <anduin-checkbox
-              .checked=${L}
+              .checked=${V}
               .disabled=${_}
-              aria-label="${L ? "Deselect row" : "Select row"}"
+              aria-label="${V ? "Deselect row" : "Select row"}"
               @anduin-checkbox:change=${(M) => {
-        M.stopPropagation(), v(!L);
+        M.stopPropagation(), v(!V);
       }}
             ></anduin-checkbox>
           `;
@@ -8979,7 +9085,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
         >${x}</td>
       `;
     }
-    const p = s1(e.data, o.field), f = o.renderCell ? o.renderCell({ data: e.data, value: p, rowIndex: t, column: o }) : p == null ? u : String(p), b = this.dataTree && i === this.firstDataColumnIndex ? s`
+    const p = d1(e.data, o.field), f = o.renderCell ? o.renderCell({ data: e.data, value: p, rowIndex: t, column: o }) : p == null ? u : String(p), m = this.dataTree && i === this.firstDataColumnIndex ? s`
           <div class="table__tree-cell" style="padding-left:${e.depth * this.treeChildIndent}px">
             ${e.hasChildren ? s`
                   <button
@@ -8987,8 +9093,8 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
                     type="button"
                     aria-expanded="${e.expanded}"
                     aria-label="${e.expanded ? "Collapse row" : "Expand row"}"
-                    @click=${(L) => {
-      L.stopPropagation(), this.toggleTreeRow(e);
+                    @click=${(V) => {
+      V.stopPropagation(), this.toggleTreeRow(e);
     }}
                   >
                     <anduin-icon
@@ -9006,8 +9112,8 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
         part="cell"
         data-col="${i}"
         style="${C}"
-        @contextmenu=${(L) => this.onCellContextMenu(L, e, t, o)}
-      >${b}</td>
+        @contextmenu=${(V) => this.onCellContextMenu(V, e, t, o)}
+      >${m}</td>
     `;
   }
   get firstDataColumnIndex() {
@@ -9084,8 +9190,8 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
     ].filter(Boolean).join(" ");
     let n = e, l = 0, d = 0, c = 0;
     if (this.renderMode === "virtual" && e.length > 0) {
-      const p = Math.ceil((this.viewportHeight || 400) / this.rowHeight), f = Math.max(0, Math.floor(this.virtualScrollTop / this.rowHeight) - 6), m = Math.min(e.length, f + p + 12);
-      n = e.slice(f, m), l = f * this.rowHeight, d = (e.length - m) * this.rowHeight, c = f;
+      const p = Math.ceil((this.viewportHeight || 400) / this.rowHeight), f = Math.max(0, Math.floor(this.virtualScrollTop / this.rowHeight) - 6), b = Math.min(e.length, f + p + 12);
+      n = e.slice(f, b), l = f * this.rowHeight, d = (e.length - b) * this.rowHeight, c = f;
     }
     return s`
       <div class="${i}" part="table" style="${t}">
@@ -9121,7 +9227,7 @@ const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-t
     `;
   }
 };
-a3.styles = g`
+d3.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -9338,7 +9444,7 @@ a3.styles = g`
       text-align: right;
     }
     .table__cell--selection {
-      width: ${O3}px;
+      width: ${T3}px;
       padding: 8px 0 8px 12px;
     }
 
@@ -9487,261 +9593,261 @@ a3.styles = g`
       cursor: progress;
     }
   `;
-let y = a3;
-V([
+let y = d3;
+L([
   a({ attribute: !1 })
 ], y.prototype, "columns");
-V([
+L([
   a({ attribute: !1 })
 ], y.prototype, "data");
-V([
+L([
   a({ reflect: !0 })
 ], y.prototype, "layout");
-V([
+L([
   a({ attribute: "render-mode", reflect: !0 })
 ], y.prototype, "renderMode");
-V([
+L([
   a({ type: Number, attribute: "row-height" })
 ], y.prototype, "rowHeight");
-V([
+L([
   a()
 ], y.prototype, "height");
-V([
+L([
   a({ attribute: "max-height" })
 ], y.prototype, "maxHeight");
-V([
+L([
   a({ attribute: "min-height" })
 ], y.prototype, "minHeight");
-V([
+L([
   a({
     attribute: "resizable-columns",
     converter: (r) => r !== "false"
   })
 ], y.prototype, "resizableColumns");
-V([
+L([
   a({ type: Boolean, attribute: "hide-header", reflect: !0 })
 ], y.prototype, "hideHeader");
-V([
+L([
   a({ type: Boolean, reflect: !0 })
 ], y.prototype, "loading");
-V([
+L([
   a({ reflect: !0 })
 ], y.prototype, "selectable");
-V([
+L([
   a({ attribute: "index-column" })
 ], y.prototype, "indexColumn");
-V([
+L([
   a({ attribute: "column-align" })
 ], y.prototype, "columnAlign");
-V([
+L([
   a({ attribute: "column-vertical-align" })
 ], y.prototype, "columnVerticalAlign");
-V([
+L([
   a({ attribute: "sort-field" })
 ], y.prototype, "sortField");
-V([
+L([
   a({ attribute: "sort-direction" })
 ], y.prototype, "sortDirection");
-V([
+L([
   a({ type: Boolean, attribute: "data-tree", reflect: !0 })
 ], y.prototype, "dataTree");
-V([
+L([
   a({ attribute: "tree-children-field" })
 ], y.prototype, "treeChildrenField");
-V([
+L([
   a({ type: Number, attribute: "tree-child-indent" })
 ], y.prototype, "treeChildIndent");
-V([
+L([
   a({ attribute: "group-by" })
 ], y.prototype, "groupBy");
-V([
+L([
   a({ attribute: !1 })
 ], y.prototype, "selectedRows");
-V([
+L([
   a({ attribute: !1 })
 ], y.prototype, "isRowDisabled");
-V([
+L([
   a({ attribute: !1 })
 ], y.prototype, "onStartExpanded");
-V([
+L([
   a({ attribute: !1 })
 ], y.prototype, "rowClass");
-V([
+L([
   a({ attribute: !1 })
 ], y.prototype, "renderGroupHeader");
-V([
+L([
   H()
 ], y.prototype, "expandedKeys");
-V([
+L([
   H()
 ], y.prototype, "collapsedGroups");
-V([
+L([
   H()
 ], y.prototype, "virtualScrollTop");
-V([
+L([
   H()
 ], y.prototype, "viewportHeight");
-V([
+L([
   H()
 ], y.prototype, "scrolledX");
-V([
+L([
   H()
 ], y.prototype, "scrollableXEnd");
-V([
+L([
   H()
 ], y.prototype, "resizedWidths");
-V([
+L([
   H()
 ], y.prototype, "resizingKey");
 customElements.get("anduin-table") || customElements.define("anduin-table", y);
 export {
-  x5 as $,
+  k5 as $,
   J as A,
-  R2 as B,
+  $2 as B,
   Z1 as C,
   T1 as D,
-  E7 as E,
-  z7 as F,
-  f1 as G,
+  z7 as E,
+  S7 as F,
+  v1 as G,
   l1 as H,
-  v1 as I,
-  u0 as J,
-  h0 as K,
+  m1 as I,
+  h0 as J,
+  u0 as K,
   X as L,
-  a5 as M,
-  C2 as N,
+  p5 as M,
+  p2 as N,
   r1 as O,
   N1 as P,
   U1 as Q,
   j1 as R,
-  z2 as S,
-  y5 as T,
-  M5 as U,
-  w5 as V,
-  _5 as W,
-  A2 as X,
-  V5 as Y,
-  L5 as Z,
-  S2 as _,
-  w2 as a,
+  S2 as S,
+  x5 as T,
+  R5 as U,
+  $5 as V,
+  M5 as W,
+  D2 as X,
+  w5 as Y,
+  Z5 as Z,
+  A2 as _,
+  Z2 as a,
   z0 as a$,
   b1 as a0,
-  Z5 as a1,
+  E5 as a1,
   o1 as a2,
-  a2 as a3,
-  l2 as a4,
+  s2 as a3,
+  a2 as a4,
   w as a5,
   b2 as a6,
-  h2 as a7,
+  g2 as a7,
   n1 as a8,
   y as a9,
   _0 as aA,
-  e0 as aB,
-  p5 as aC,
-  $3 as aD,
-  ie as aE,
+  J2 as aB,
+  e2 as aC,
+  z3 as aD,
+  ne as aE,
   u1 as aF,
-  N7 as aG,
-  V3 as aH,
-  l7 as aI,
-  s5 as aJ,
-  R7 as aK,
+  j7 as aG,
+  x3 as aH,
+  s7 as aI,
+  h5 as aJ,
+  W2 as aK,
   Q1 as aL,
   s0 as aM,
-  u5 as aN,
+  v5 as aN,
   p0 as aO,
-  h5 as aP,
-  r5 as aQ,
-  l5 as aR,
-  d5 as aS,
-  A7 as aT,
+  m5 as aP,
+  c5 as aQ,
+  C5 as aR,
+  u5 as aS,
+  D7 as aT,
   c0 as aU,
   f0 as aV,
-  W2 as aW,
+  Q2 as aW,
   l0 as aX,
   r0 as aY,
-  X7 as aZ,
+  J7 as aZ,
   D0 as a_,
   O1 as aa,
   u2 as ab,
   I1 as ac,
-  Q2 as ad,
-  U as ae,
-  g5 as af,
-  v5 as ag,
-  m5 as ah,
-  f5 as ai,
-  H5 as aj,
-  b5 as ak,
-  g1 as al,
-  v2 as am,
+  n5 as ad,
+  G as ae,
+  b5 as af,
+  y5 as ag,
+  L5 as ah,
+  H5 as ai,
+  V5 as aj,
+  _5 as ak,
+  f1 as al,
+  m2 as am,
   Y as an,
   q as ao,
-  g2 as ap,
-  o5 as aq,
-  i5 as ar,
-  E2 as as,
-  n5 as at,
-  X3 as au,
-  H2 as av,
-  k5 as aw,
-  n7 as ax,
-  $5 as ay,
+  f2 as ap,
+  s5 as aq,
+  a5 as ar,
+  z2 as as,
+  d5 as at,
+  Q3 as au,
+  y2 as av,
+  z5 as aw,
+  l7 as ax,
+  A5 as ay,
   Z0 as az,
-  d2 as b,
-  F3 as b0,
+  c2 as b,
+  I3 as b0,
   F0 as b1,
   S0 as b2,
   P0 as b3,
   B0 as b4,
   A0 as b5,
   E0 as b6,
-  c7 as b7,
-  oe as b8,
-  F2 as b9,
-  p7 as ba,
-  s7 as bb,
-  f7 as bc,
-  v7 as bd,
-  e5 as be,
-  m7 as bf,
-  b7 as bg,
-  ae as bh,
-  se as bi,
-  P5 as bj,
-  re as bk,
-  le as bl,
-  de as bm,
-  M7 as bn,
-  d1 as bo,
-  V1 as bp,
-  J3 as bq,
+  p7 as b7,
+  re as b8,
+  T2 as b9,
+  u7 as ba,
+  c7 as bb,
+  m7 as bc,
+  b7 as bd,
+  r5 as be,
+  y7 as bf,
+  H7 as bg,
+  de as bh,
+  ce as bi,
+  T5 as bj,
+  ae as bk,
+  se as bl,
+  Ce as bm,
+  Z7 as bn,
+  c1 as bo,
+  L1 as bp,
+  ee as bq,
   A as br,
-  U7 as bs,
+  G7 as bs,
   P1 as bt,
   j0 as bu,
   k as c,
   T as d,
-  Z2 as e,
-  h1 as f,
+  k2 as e,
+  g1 as f,
   $ as g,
   E as h,
   Q as i,
-  R5 as j,
-  L0 as k,
-  D2 as l,
-  V0 as m,
-  c2 as n,
-  k2 as o,
-  G as p,
+  S5 as j,
+  V0 as k,
+  B2 as l,
+  L0 as m,
+  C2 as n,
+  R2 as o,
+  j as p,
   o0 as q,
   Z as r,
-  $2 as s,
-  q2 as t,
-  X2 as u,
-  J2 as v,
-  p2 as w,
-  f2 as x,
-  s2 as y,
+  E2 as s,
+  t5 as t,
+  i5 as u,
+  o5 as v,
+  h2 as w,
+  v2 as x,
+  d2 as y,
   P as z
 };