@duyluonganduin/acl-web-components 0.0.54 → 0.0.55

package/dist/{anduin-table-BSCDZ052.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" }],
@@ -1122,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"
@@ -1143,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}"
@@ -1155,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;
@@ -1199,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",
@@ -1213,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;
   }
@@ -1241,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" : "",
@@ -1250,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 = "";
   }
@@ -1284,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";
@@ -1328,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 {
@@ -1441,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");
@@ -1488,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";
   }
@@ -1506,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;
@@ -1518,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;
   }
@@ -1559,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; }
@@ -1569,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";
   }
@@ -1590,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); }
@@ -1599,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";
   }
@@ -1625,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 {
@@ -1641,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 = "";
   }
@@ -1673,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; }
@@ -1692,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");
@@ -1712,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";
   }
@@ -1732,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,
@@ -1771,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;
   }
@@ -1789,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
@@ -1808,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 = "";
   }
@@ -1873,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
@@ -1914,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 {
@@ -1952,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;
   }
@@ -1990,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
@@ -1999,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";
@@ -2043,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; }
@@ -2097,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");
@@ -2132,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 = "";
   }
@@ -2153,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
@@ -2179,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 {
@@ -2196,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));
@@ -2248,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");
@@ -2270,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);
@@ -2314,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. */
@@ -2331,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`
@@ -2372,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;
@@ -2395,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");
@@ -2414,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;
     });
@@ -2437,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",
@@ -2483,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",
@@ -2508,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}
@@ -2523,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;
@@ -2571,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`
@@ -2593,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;
@@ -2603,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;
@@ -2623,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
@@ -2634,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();
@@ -2664,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 {
@@ -2698,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");
@@ -2720,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
@@ -2740,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
@@ -2770,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;
@@ -2806,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");
@@ -2828,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",
@@ -2852,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 };
@@ -2882,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];
@@ -2926,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");
     });
   }
@@ -2970,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}`));
@@ -2982,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
@@ -2999,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) => {
@@ -3041,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();
     });
@@ -3067,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}`;
@@ -3080,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));
@@ -3113,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";
   }
@@ -3142,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);
@@ -3217,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() {
@@ -3239,7 +3286,7 @@ const v4 = class v4 extends h {
     `;
   }
 };
-v4.styles = g`
+b4.styles = g`
     :host {
       display: inline-block;
       font-family: var(--font-sans);
@@ -3264,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);
@@ -3286,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
@@ -3321,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`
@@ -3340,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%; }
 
@@ -3393,7 +3440,7 @@ b4.styles = g`
       transform: none;
     }
   `;
-let X = b4;
+let X = H4;
 k1([
   a({ type: Boolean, reflect: !0 })
 ], X.prototype, "open");
@@ -3416,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);
@@ -3446,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());
@@ -3498,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; }
@@ -3541,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");
@@ -3554,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`
@@ -3576,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;
@@ -3606,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");
@@ -3618,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) {
@@ -3667,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;
@@ -3712,7 +3759,7 @@ const H1 = (p1 = class extends h {
       </div>
     `;
   }
-}, p1.styles = g`
+}, h1.styles = g`
     :host {
       display: none;
       font-family: var(--font-sans);
@@ -3784,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 {
@@ -3814,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 {
@@ -3848,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 {
@@ -3898,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(
@@ -3943,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 = "";
   }
@@ -3962,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
@@ -4003,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 {
@@ -4074,7 +4121,7 @@ _4.styles = g`
       transform: scale(1);
     }
   `;
-let r1 = _4;
+let r1 = V4;
 a1([
   a({ type: Boolean })
 ], r1.prototype, "checked");
@@ -4094,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
@@ -4109,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`
@@ -4122,7 +4169,7 @@ const V4 = class V4 extends h {
     `;
   }
 };
-V4.styles = g`
+x4.styles = g`
     :host { display: block; font-family: var(--font-sans); }
 
     .group {
@@ -4132,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");
@@ -4143,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" },
@@ -4158,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;
   }
@@ -4179,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}"
@@ -4197,7 +4244,7 @@ const L4 = class L4 extends h {
     `;
   }
 };
-L4.styles = g`
+M4.styles = g`
     :host { display: inline-flex; }
 
     .avatar {
@@ -4226,7 +4273,7 @@ L4.styles = g`
       display: block;
     }
   `;
-let J = L4;
+let J = M4;
 E1([
   a()
 ], J.prototype, "src");
@@ -4254,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() {
@@ -4276,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;
@@ -4290,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"/>
@@ -4543,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}
@@ -4573,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;
   }
@@ -4612,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);
@@ -4621,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" : ""}"
@@ -4647,7 +4694,7 @@ const R3 = {
     `;
   }
 };
-M4.styles = g`
+Z4.styles = g`
     :host {
       display: block;
       font-family: var(--font-sans);
@@ -4775,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;
   }
@@ -4836,7 +4883,7 @@ const w4 = class w4 extends h {
     `;
   }
 };
-w4.styles = g`
+k4.styles = g`
     :host {
       display: contents;
       pointer-events: none;
@@ -4883,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 });
@@ -4910,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
@@ -4950,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 {
@@ -5014,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;
@@ -5059,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
@@ -5081,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));
@@ -5152,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%; }
@@ -5332,7 +5379,7 @@ k4.styles = g`
       text-align: center;
     }
   `;
-let Z = k4;
+let Z = $4;
 D([
   a()
 ], Z.prototype, "value");
@@ -5382,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)
       );
@@ -5416,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;
@@ -5475,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);
@@ -5504,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;
@@ -5529,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;
@@ -5542,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;
       }
@@ -5559,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;
@@ -5593,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 })
       );
     };
   }
@@ -5640,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;
@@ -5680,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
@@ -5713,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
@@ -5725,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;
@@ -5737,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));
@@ -5799,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}
@@ -5813,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; }
@@ -5926,7 +6028,7 @@ $4.styles = g`
       text-align: center;
     }
   `;
-let w = $4;
+let w = z4;
 R([
   a()
 ], w.prototype, "value");
@@ -5987,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();
@@ -6006,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();
@@ -6030,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);
@@ -6073,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";
   }
@@ -6098,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
@@ -6136,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;
@@ -6181,7 +6283,7 @@ z4.styles = g`
     }
     .nav-item__icon { display: flex; }
   `;
-let l1 = z4;
+let l1 = A4;
 W([
   a()
 ], l1.prototype, "value");
@@ -6200,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";
   }
@@ -6230,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"))
@@ -6255,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;
@@ -6263,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;
   }
@@ -6290,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");
@@ -6313,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;
@@ -6359,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)) {
@@ -6409,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;
@@ -6430,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");
@@ -6440,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) => {
@@ -6448,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);
@@ -6470,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() {
@@ -6583,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']),
@@ -6646,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
@@ -6688,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;
     }
@@ -6727,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">
@@ -6738,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 {
@@ -6828,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;
     }
@@ -6846,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;
     }
@@ -6883,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. */
@@ -6947,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");
   }
@@ -6967,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;
@@ -6982,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;
@@ -7003,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;
   }
@@ -7012,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;
@@ -7023,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;
   }
@@ -7035,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;
@@ -7046,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;
     }
@@ -7065,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">
@@ -7077,7 +7179,7 @@ const q4 = class q4 extends h {
     `;
   }
 };
-q4.styles = g`
+J4.styles = g`
     :host {
       display: block;
     }
@@ -7109,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;
     }
@@ -7125,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) {
@@ -7182,7 +7284,7 @@ const J4 = class J4 extends h {
     `;
   }
 };
-J4.styles = g`
+e3.styles = g`
     :host {
       display: block;
     }
@@ -7265,7 +7367,7 @@ J4.styles = g`
       padding-right: 6px;
     }
   `;
-let b1 = J4;
+let b1 = e3;
 A1([
   a({ attribute: "start-icon" })
 ], b1.prototype, "startIcon");
@@ -7281,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");
   }
@@ -7289,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;
@@ -7299,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");
   }
@@ -7308,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;
@@ -7318,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");
   }
@@ -7327,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;
     }
@@ -7336,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());
@@ -7355,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())}`;
 }
@@ -7363,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",
@@ -7388,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);
 }
@@ -7396,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);
@@ -7444,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();
@@ -7458,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()));
@@ -7476,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 " ":
@@ -7492,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() {
@@ -7555,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;
     })();
@@ -7575,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(
@@ -7599,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>
@@ -7609,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>
@@ -7625,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>
@@ -7672,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; }
@@ -7767,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");
@@ -7804,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();
@@ -7825,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();
@@ -7857,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. */
@@ -7875,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");
@@ -7897,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;
   }
@@ -7926,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">
@@ -7950,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;
     }
@@ -7983,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;
@@ -8039,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
@@ -8057,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) {
@@ -8096,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. */
@@ -8115,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;
     }
@@ -8124,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];
@@ -8202,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; }
@@ -8253,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");
@@ -8302,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;
@@ -8332,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;
@@ -8344,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;
@@ -8362,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;
@@ -8377,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, {
@@ -8420,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; }
@@ -8430,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");
@@ -8474,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(".")) {
@@ -8487,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;
@@ -8503,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
@@ -8556,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() {
@@ -8620,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) {
@@ -8644,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 = [];
@@ -8682,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));
       });
     };
@@ -8703,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);
       });
     };
@@ -8835,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);
   }
@@ -8861,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
@@ -8905,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);
@@ -8929,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;
@@ -8944,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) {
@@ -8963,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>
           `;
@@ -8983,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
@@ -8991,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
@@ -9010,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() {
@@ -9088,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}">
@@ -9125,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;
@@ -9342,7 +9444,7 @@ a3.styles = g`
       text-align: right;
     }
     .table__cell--selection {
-      width: ${O3}px;
+      width: ${T3}px;
       padding: 8px 0 8px 12px;
     }
 
@@ -9491,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
 };