@duyluonganduin/acl-web-components 0.0.56 → 0.0.58

package/dist/{anduin-table-BQzxNe9V.js → anduin-table-gTUL80nN.js}

@@ -3,8 +3,8 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const k2 = globalThis, T5 = k2.ShadowRoot && (k2.ShadyCSS === void 0 || k2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, I5 = Symbol(), b3 = /* @__PURE__ */ new WeakMap();
-let ee = class {
+const k2 = globalThis, T5 = k2.ShadowRoot && (k2.ShadyCSS === void 0 || k2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, I5 = Symbol(), be = /* @__PURE__ */ new WeakMap();
+let e3 = class {
   constructor(e, t, o) {
     if (this._$cssResult$ = !0, o !== I5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
@@ -14,7 +14,7 @@ let ee = class {
     const t = this.t;
     if (T5 && e === void 0) {
       const o = t !== void 0 && t.length === 1;
-      o && (e = b3.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && b3.set(t, e));
+      o && (e = be.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && be.set(t, e));
     }
     return e;
   }
@@ -22,33 +22,33 @@ let ee = class {
     return this.cssText;
   }
 };
-const te = (r) => new ee(typeof r == "string" ? r : r + "", void 0, I5), g = (r, ...e) => {
+const t3 = (r) => new e3(typeof r == "string" ? r : r + "", void 0, I5), 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 ee(t, r, I5);
-}, $e = (r, e) => {
+  return new e3(t, r, I5);
+}, $3 = (r, e) => {
   if (T5) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const o = document.createElement("style"), i = k2.litNonce;
     i !== void 0 && o.setAttribute("nonce", i), o.textContent = t.cssText, r.appendChild(o);
   }
-}, H3 = T5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
+}, ye = T5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const o of e.cssRules) t += o.cssText;
-  return te(t);
+  return t3(t);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ee, defineProperty: ze, getOwnPropertyDescriptor: Se, getOwnPropertyNames: Ae, getOwnPropertySymbols: De, getPrototypeOf: Pe } = Object, p1 = globalThis, y3 = p1.trustedTypes, Be = y3 ? y3.emptyScript : "", K2 = p1.reactiveElementPolyfillSupport, r2 = (r, e) => r, R2 = { toAttribute(r, e) {
+const { is: E3, defineProperty: z3, getOwnPropertyDescriptor: S3, getOwnPropertyNames: A3, getOwnPropertySymbols: D3, getPrototypeOf: P3 } = Object, p1 = globalThis, He = p1.trustedTypes, B3 = He ? He.emptyScript : "", K2 = p1.reactiveElementPolyfillSupport, r2 = (r, e) => r, R2 = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      r = r ? Be : null;
+      r = r ? B3 : null;
       break;
     case Object:
     case Array:
@@ -73,7 +73,7 @@ const { is: Ee, defineProperty: ze, getOwnPropertyDescriptor: Se, getOwnProperty
       }
   }
   return t;
-} }, N5 = (r, e) => !Ee(r, e), _3 = { attribute: !0, type: String, converter: R2, reflect: !1, useDefault: !1, hasChanged: N5 };
+} }, N5 = (r, e) => !E3(r, e), _e = { attribute: !0, type: String, converter: R2, reflect: !1, useDefault: !1, hasChanged: N5 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), p1.litPropertyMetadata ?? (p1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let B1 = class extends HTMLElement {
   static addInitializer(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 = _3) {
+  static createProperty(e, t = _e) {
     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 && ze(this.prototype, e, i);
+      i !== void 0 && z3(this.prototype, e, i);
     }
   }
   static getPropertyDescriptor(e, t, o) {
-    const { get: i, set: n } = Se(this.prototype, e) ?? { get() {
+    const { get: i, set: n } = S3(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) ?? _3;
+    return this.elementProperties.get(e) ?? _e;
   }
   static _$Ei() {
     if (this.hasOwnProperty(r2("elementProperties"))) return;
-    const e = Pe(this);
+    const e = P3(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(r2("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(r2("properties"))) {
-      const t = this.properties, o = [...Ae(t), ...De(t)];
+      const t = this.properties, o = [...A3(t), ...D3(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(H3(i));
-    } else e !== void 0 && t.push(H3(e));
+      for (const i of o) t.unshift(ye(i));
+    } else e !== void 0 && t.push(ye(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 $e(e, this.constructor.elementStyles), e;
+    return $3(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -284,42 +284,42 @@ B1.elementStyles = [], B1.shadowRootOptions = { mode: "open" }, B1[r2("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const l2 = globalThis, L3 = (r) => r, $2 = l2.trustedTypes, V3 = $2 ? $2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ie = "$lit$", C1 = `lit$${Math.random().toFixed(9).slice(2)}$`, oe = "?" + C1, Fe = `<${oe}>`, w1 = document, a2 = () => w1.createComment(""), d2 = (r) => r === null || typeof r != "object" && typeof r != "function", j5 = Array.isArray, Oe = (r) => j5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", W2 = `[ 	
-\f\r]`, J1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, x3 = /-->/g, M3 = />/g, _1 = RegExp(`>|${W2}(?:([^\\s"'>=/]+)(${W2}*=${W2}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), w3 = /'/g, Z3 = /"/g, ne = /^(?:script|style|textarea|title)$/i, re = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), a = re(1), c2 = re(2), Z1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), k3 = /* @__PURE__ */ new WeakMap(), V1 = w1.createTreeWalker(w1, 129);
-function le(r, e) {
+const l2 = globalThis, Le = (r) => r, $2 = l2.trustedTypes, Ve = $2 ? $2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, i3 = "$lit$", C1 = `lit$${Math.random().toFixed(9).slice(2)}$`, o3 = "?" + C1, F3 = `<${o3}>`, w1 = document, a2 = () => w1.createComment(""), d2 = (r) => r === null || typeof r != "object" && typeof r != "function", j5 = Array.isArray, O3 = (r) => j5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", W2 = `[ 	
+\f\r]`, J1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, xe = /-->/g, Me = />/g, _1 = RegExp(`>|${W2}(?:([^\\s"'>=/]+)(${W2}*=${W2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), we = /'/g, Ze = /"/g, n3 = /^(?:script|style|textarea|title)$/i, r3 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), a = r3(1), c2 = r3(2), Z1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ke = /* @__PURE__ */ new WeakMap(), V1 = w1.createTreeWalker(w1, 129);
+function l3(r, e) {
   if (!j5(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return V3 !== void 0 ? V3.createHTML(e) : e;
+  return Ve !== void 0 ? Ve.createHTML(e) : e;
 }
-const Te = (r, e) => {
+const T3 = (r, e) => {
   const t = r.length - 1, o = [];
   let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", l = J1;
   for (let d = 0; d < t; d++) {
     const c = r[d];
     let C, p, f = -1, b = 0;
-    for (; b < c.length && (l.lastIndex = b, p = l.exec(c), p !== null); ) b = l.lastIndex, l === J1 ? p[1] === "!--" ? l = x3 : p[1] !== void 0 ? l = M3 : p[2] !== void 0 ? (ne.test(p[2]) && (i = RegExp("</" + p[2], "g")), l = _1) : p[3] !== void 0 && (l = _1) : l === _1 ? p[0] === ">" ? (l = i ?? J1, 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] === '"' ? Z3 : w3) : l === Z3 || l === w3 ? l = _1 : l === x3 || l === M3 ? l = J1 : (l = _1, i = void 0);
+    for (; b < c.length && (l.lastIndex = b, p = l.exec(c), p !== null); ) b = l.lastIndex, l === J1 ? p[1] === "!--" ? l = xe : p[1] !== void 0 ? l = Me : p[2] !== void 0 ? (n3.test(p[2]) && (i = RegExp("</" + p[2], "g")), l = _1) : p[3] !== void 0 && (l = _1) : l === _1 ? p[0] === ">" ? (l = i ?? J1, 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] === '"' ? Ze : we) : l === Ze || l === we ? l = _1 : l === xe || l === Me ? l = J1 : (l = _1, i = void 0);
     const m = l === _1 && r[d + 1].startsWith("/>") ? " " : "";
-    n += l === J1 ? c + Fe : f >= 0 ? (o.push(C), c.slice(0, f) + ie + c.slice(f) + C1 + m) : c + C1 + (f === -2 ? d : m);
+    n += l === J1 ? c + F3 : f >= 0 ? (o.push(C), c.slice(0, f) + i3 + c.slice(f) + C1 + m) : c + C1 + (f === -2 ? d : m);
   }
-  return [le(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
+  return [l3(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
 class C2 {
   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] = Te(e, t);
+    const d = e.length - 1, c = this.parts, [C, p] = T3(e, t);
     if (this.el = C2.createElement(C, o), V1.currentNode = this.el.content, t === 2 || t === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
     for (; (i = V1.nextNode()) !== null && c.length < d; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(ie)) {
+        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(i3)) {
           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] === "." ? Ne : V[1] === "?" ? je : V[1] === "@" ? Ue : U2 }), i.removeAttribute(f);
+          c.push({ type: 1, index: n, name: V[2], strings: m, ctor: V[1] === "." ? N3 : V[1] === "?" ? j3 : V[1] === "@" ? U3 : U2 }), i.removeAttribute(f);
         } else f.startsWith(C1) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
-        if (ne.test(i.tagName)) {
+        if (n3.test(i.tagName)) {
           const f = i.textContent.split(C1), b = f.length - 1;
           if (b > 0) {
             i.textContent = $2 ? $2.emptyScript : "";
@@ -327,7 +327,7 @@ class C2 {
             i.append(f[b], a2());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === oe) c.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === o3) 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;
@@ -347,7 +347,7 @@ function O1(r, e, t = r, o) {
   const n = d2(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 = O1(r, i._$AS(r, e.values), i, o)), e;
 }
-class Ie {
+class I3 {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -364,7 +364,7 @@ class Ie {
     for (; c !== void 0; ) {
       if (l === c.index) {
         let C;
-        c.type === 2 ? C = new w2(n, n.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (C = new Ge(n, this, e)), this._$AV.push(C), c = o[++d];
+        c.type === 2 ? C = new w2(n, n.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (C = new G3(n, this, e)), this._$AV.push(C), c = o[++d];
       }
       l !== (c == null ? void 0 : c.index) && (n = V1.nextNode(), l++);
     }
@@ -395,7 +395,7 @@ class w2 {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = O1(this, e, t), d2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== Z1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Oe(e) ? this.k(e) : this._(e);
+    e = O1(this, e, t), d2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== Z1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : O3(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -408,16 +408,16 @@ class w2 {
   }
   $(e) {
     var n;
-    const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = C2.createElement(le(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 = C2.createElement(l3(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 Ie(i, this), d = l.u(this.options);
+      const l = new I3(i, this), d = l.u(this.options);
       l.p(t), this.T(d), this._$AH = l;
     }
   }
   _$AC(e) {
-    let t = k3.get(e.strings);
-    return t === void 0 && k3.set(e.strings, t = new C2(e)), t;
+    let t = ke.get(e.strings);
+    return t === void 0 && ke.set(e.strings, t = new C2(e)), t;
   }
   k(e) {
     j5(this._$AH) || (this._$AH = [], this._$AR());
@@ -429,8 +429,8 @@ class w2 {
   _$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 = L3(e).nextSibling;
-      L3(e).remove(), e = i;
+      const i = Le(e).nextSibling;
+      Le(e).remove(), e = i;
     }
   }
   setConnected(e) {
@@ -463,7 +463,7 @@ class U2 {
     e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Ne extends U2 {
+class N3 extends U2 {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -471,7 +471,7 @@ class Ne extends U2 {
     this.element[this.name] = e === u ? void 0 : e;
   }
 }
-class je extends U2 {
+class j3 extends U2 {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -479,7 +479,7 @@ class je extends U2 {
     this.element.toggleAttribute(this.name, !!e && e !== u);
   }
 }
-class Ue extends U2 {
+class U3 extends U2 {
   constructor(e, t, o, i, n) {
     super(e, t, o, i, n), this.type = 5;
   }
@@ -493,7 +493,7 @@ class Ue extends U2 {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Ge {
+class G3 {
   constructor(e, t, o) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
   }
@@ -506,7 +506,7 @@ class Ge {
 }
 const Y2 = l2.litHtmlPolyfillSupport;
 Y2 == null || Y2(C2, w2), (l2.litHtmlVersions ?? (l2.litHtmlVersions = [])).push("3.3.2");
-const Ke = (r, e, t) => {
+const K3 = (r, e, t) => {
   const o = (t == null ? void 0 : t.renderBefore) ?? e;
   let i = o._$litPart$;
   if (i === void 0) {
@@ -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 = Ke(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = K3(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -546,8 +546,8 @@ let h = class extends B1 {
     return Z1;
   }
 };
-var Q3;
-h._$litElement$ = !0, h.finalized = !0, (Q3 = M1.litElementHydrateSupport) == null || Q3.call(M1, { LitElement: h });
+var Qe;
+h._$litElement$ = !0, h.finalized = !0, (Qe = M1.litElementHydrateSupport) == null || Qe.call(M1, { LitElement: h });
 const q2 = M1.litElementPolyfillSupport;
 q2 == null || q2({ LitElement: h });
 (M1.litElementVersions ?? (M1.litElementVersions = [])).push("4.2.2");
@@ -556,7 +556,7 @@ q2 == null || q2({ LitElement: h });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const We = { attribute: !0, type: String, converter: R2, reflect: !1, hasChanged: N5 }, Ye = (r = We, e, t) => {
+const W3 = { attribute: !0, type: String, converter: R2, reflect: !1, hasChanged: N5 }, Y3 = (r = W3, 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 We = { attribute: !0, type: String, converter: R2, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + o);
 };
 function s(r) {
-  return (e, t) => typeof t == "object" ? Ye(r, e, t) : ((o, i, n) => {
+  return (e, t) => typeof t == "object" ? Y3(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);
@@ -588,7 +588,7 @@ function s(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function H(r) {
+function y(r) {
   return s({ ...r, state: !0, attribute: !1 });
 }
 /**
@@ -596,7 +596,7 @@ function H(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const qe = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
+const q3 = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -608,15 +608,15 @@ function R(r, e) {
       var d;
       return ((d = l.renderRoot) == null ? void 0 : d.querySelector(r)) ?? null;
     };
-    return qe(t, o, { get() {
+    return q3(t, o, { get() {
       return n(this);
     } });
   };
 }
-var Xe = Object.defineProperty, se = (r, e, t, o) => {
+var X3 = Object.defineProperty, s3 = (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 && Xe(e, t, i), i;
+  return i && X3(e, t, i), i;
 };
 const Y5 = class Y5 extends h {
   constructor() {
@@ -681,24 +681,24 @@ Y5.styles = g`
     @keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
   `;
 let p2 = Y5;
-se([
+s3([
   s()
 ], p2.prototype, "size");
-se([
+s3([
   s()
 ], p2.prototype, "percent");
 customElements.get("anduin-spinner") || customElements.define("anduin-spinner", p2);
-var Je = Object.defineProperty, ae = (r, e, t, o) => {
+var J3 = Object.defineProperty, a3 = (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 && J3(e, t, i), i;
 };
-const R3 = "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", Qe = { small: 16, medium: 24, large: 32 }, q5 = class q5 extends h {
+const Re = "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", Q3 = { small: 16, medium: 24, large: 32 }, q5 = class q5 extends h {
   constructor() {
     super(...arguments), this.size = "small", this.color = "default";
   }
   render() {
-    const e = Qe[this.size] ?? 16;
+    const e = Q3[this.size] ?? 16;
     return c2`
       <svg
         xmlns="http://www.w3.org/2000/svg"
@@ -708,8 +708,8 @@ const R3 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.635
         fill="currentColor"
         overflow="visible"
       >
-        <path class="star"        d="${R3}"/>
-        <path class="star star-2" d="${R3}"/>
+        <path class="star"        d="${Re}"/>
+        <path class="star star-2" d="${Re}"/>
       </svg>
     `;
   }
@@ -754,10 +754,10 @@ q5.styles = g`
     }
   `;
 let h2 = q5;
-ae([
+a3([
   s({ reflect: !0 })
 ], h2.prototype, "size");
-ae([
+a3([
   s({ reflect: !0 })
 ], h2.prototype, "color");
 customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", h2);
@@ -766,7 +766,7 @@ var e7 = Object.defineProperty, U5 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && e7(e, t, i), i;
 };
-const de = [
+const d3 = [
   {
     index: 1,
     d: "M62.5473 18.7416L54.9042 14.3289L44.2017 19.8592L44.1897 8.14288L40.4782 6L36.7581 8.1621L36.7873 32.0482L62.5473 18.7416Z",
@@ -809,7 +809,7 @@ const de = [
     originY: 39.0175,
     delay: -0.97
   }
-], $3 = 20, E3 = 5, t7 = 900, i7 = 160, z3 = 2, o7 = "cubic-bezier(0.22, 0.61, 0.36, 1)", X2 = 180, t2 = "ai-spinner--loading", i2 = "ai-spinner--settling", x1 = "ai-spinner__segment", n7 = de.map(
+], $e = 20, Ee = 5, t7 = 900, i7 = 160, ze = 2, o7 = "cubic-bezier(0.22, 0.61, 0.36, 1)", X2 = 180, t2 = "ai-spinner--loading", i2 = "ai-spinner--settling", x1 = "ai-spinner__segment", n7 = d3.map(
   (r) => `
     .${x1}--${r.index} {
       transform-origin: ${r.originX}px ${r.originY}px;
@@ -823,10 +823,10 @@ const de = [
 ).join(`
 `), X5 = class X5 extends h {
   constructor() {
-    super(...arguments), this.state = "loading", this.size = $3;
+    super(...arguments), this.state = "loading", this.size = $e;
   }
   render() {
-    const e = this.size > 0 ? this.size : $3;
+    const e = this.size > 0 ? this.size : $e;
     return a`
       <div class="ai-spinner">
         <svg
@@ -838,7 +838,7 @@ const de = [
           fill="none"
           aria-hidden="true"
         >
-          ${de.map(
+          ${d3.map(
       (t) => c2`
               <path
                 class="${x1} ${x1}--${t.index}"
@@ -862,7 +862,7 @@ const de = [
     const t = this.wrapper;
     if (!t) return;
     const o = this.currentRotationDegrees(t), i = t.classList.contains(t2) || t.classList.contains(i2);
-    e ? (this.cancelSettle(t), this.cancelSegmentRest(t), o !== null && o >= z3 ? t.style.setProperty("animation-delay", `${-(o / 360 * E3)}s`) : t.style.removeProperty("animation-delay"), t.classList.add(t2)) : i && (o !== null && 360 - o >= z3 ? (this.cancelSettle(t), t.classList.remove(t2), this.startSettle(t, o)) : this.restSegments(t));
+    e ? (this.cancelSettle(t), this.cancelSegmentRest(t), o !== null && o >= ze ? t.style.setProperty("animation-delay", `${-(o / 360 * Ee)}s`) : t.style.removeProperty("animation-delay"), t.classList.add(t2)) : i && (o !== null && 360 - o >= ze ? (this.cancelSettle(t), t.classList.remove(t2), this.startSettle(t, o)) : this.restSegments(t));
   }
   /** The mark's current rotation in [0, 360), or null when it is not rotating (static, or reduced motion). */
   currentRotationDegrees(e) {
@@ -945,7 +945,7 @@ X5.styles = g`
     }
 
     .ai-spinner--loading {
-      animation: ai-spinner-spin ${E3}s linear infinite;
+      animation: ai-spinner-spin ${Ee}s linear infinite;
       will-change: transform;
     }
 
@@ -958,7 +958,7 @@ X5.styles = g`
       animation: ai-spinner-pulse 1.52s linear infinite;
     }
 
-    ${te(n7)}
+    ${t3(n7)}
 
     @keyframes ai-spinner-spin {
       to {
@@ -1008,7 +1008,7 @@ U5([
   R(".ai-spinner")
 ], T1.prototype, "wrapper");
 customElements.get("anduin-ai-spinner") || customElements.define("anduin-ai-spinner", T1);
-const S3 = {
+const Se = {
   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" }],
@@ -1369,7 +1369,7 @@ const S3 = {
   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 r7 = Object.defineProperty, ce = (r, e, t, o) => {
+var r7 = Object.defineProperty, c3 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && r7(e, t, i), i;
@@ -1379,7 +1379,7 @@ const J5 = class J5 extends h {
     super(...arguments), this.name = "", this.size = 16;
   }
   render() {
-    const e = this.name && S3[this.name] ? S3[this.name] : [], t = !this.name;
+    const e = this.name && Se[this.name] ? Se[this.name] : [], t = !this.name;
     return c2`
       <svg
         class=${t ? "icon--hidden" : ""}
@@ -1407,10 +1407,10 @@ J5.styles = g`
     .icon--hidden { display: none; }
   `;
 let u2 = J5;
-ce([
+c3([
   s()
 ], u2.prototype, "name");
-ce([
+c3([
   s({ type: Number })
 ], u2.prototype, "size");
 customElements.get("anduin-icon") || customElements.define("anduin-icon", u2);
@@ -1419,7 +1419,7 @@ var l7 = Object.defineProperty, s7 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && l7(e, t, i), i;
 };
-const Ce = g`
+const C3 = g`
   :host { display: inline-block; font-family: var(--font-sans); }
   .badge {
     border-radius: 9999px;
@@ -1446,7 +1446,7 @@ const Ce = g`
   .badge--bold-warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
   .badge--hidden { display: none; }
 `;
-function pe(r) {
+function p3(r) {
   return {
     gray: "badge--light-gray",
     primary: "badge--light-primary",
@@ -1465,17 +1465,17 @@ const Q5 = class Q5 extends h {
     super(...arguments), this.variant = "gray";
   }
   render() {
-    const e = pe(this.variant);
+    const e = p3(this.variant);
     return a`<div class="badge ${e}" part="badge"><slot></slot></div>`;
   }
 };
-Q5.styles = [Ce];
+Q5.styles = [C3];
 let E2 = Q5;
 s7([
   s()
 ], E2.prototype, "variant");
 customElements.get("anduin-badge") || customElements.define("anduin-badge", E2);
-var a7 = Object.defineProperty, he = (r, e, t, o) => {
+var a7 = Object.defineProperty, h3 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && a7(e, t, i), i;
@@ -1488,7 +1488,7 @@ const e4 = class e4 extends h {
     return e > 99 ? "99+" : e.toString();
   }
   render() {
-    const e = pe(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, i = [
+    const e = p3(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, i = [
       "badge",
       e,
       t ? "badge--hidden" : "",
@@ -1497,12 +1497,12 @@ const e4 = class e4 extends h {
     return a`<div class="${i}" part="badge">${this.formatCount(this.count)}</div>`;
   }
 };
-e4.styles = [Ce];
+e4.styles = [C3];
 let g2 = e4;
-he([
+h3([
   s()
 ], g2.prototype, "variant");
-he([
+h3([
   s({ type: Number })
 ], g2.prototype, "count");
 customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", g2);
@@ -1690,7 +1690,7 @@ t4.styles = g`
   `;
 let k = t4;
 P([
-  H()
+  y()
 ], k.prototype, "iconOnly");
 P([
   s({ converter: (r) => r || "filled" })
@@ -1770,7 +1770,7 @@ p7([
   s()
 ], z2.prototype, "variant");
 customElements.get("anduin-callout") || customElements.define("anduin-callout", z2);
-var h7 = Object.defineProperty, ue = (r, e, t, o) => {
+var h7 = Object.defineProperty, u3 = (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;
@@ -1817,11 +1817,11 @@ o4.styles = g`
     .divider__line--vertical { border-left: 1px solid var(--color-gray-3); justify-self: center; }
   `;
 let f2 = o4;
-ue([
+u3([
   s({ reflect: !0 })
 ], f2.prototype, "direction");
-ue([
-  H()
+u3([
+  y()
 ], f2.prototype, "hasContent");
 customElements.get("anduin-divider") || customElements.define("anduin-divider", f2);
 var u7 = Object.defineProperty, g7 = (r, e, t, o) => {
@@ -1851,7 +1851,7 @@ g7([
   s()
 ], S2.prototype, "variant");
 customElements.get("anduin-dot") || customElements.define("anduin-dot", S2);
-var f7 = Object.defineProperty, ge = (r, e, t, o) => {
+var f7 = Object.defineProperty, g3 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && f7(e, t, i), i;
@@ -1889,10 +1889,10 @@ r4.styles = g`
     }
   `;
 let v2 = r4;
-ge([
+g3([
   s()
 ], v2.prototype, "percent");
-ge([
+g3([
   s()
 ], v2.prototype, "height");
 customElements.get("anduin-progress") || customElements.define("anduin-progress", v2);
@@ -1990,17 +1990,17 @@ b7([
   s()
 ], A2.prototype, "height");
 customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", A2);
-var H7 = Object.defineProperty, G5 = (r, e, t, o) => {
+var y7 = Object.defineProperty, G5 = (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 && y7(e, t, i), i;
 };
-const fe = "anduin-field:label-click", u1 = "anduin-field:label-click-coordinated", a4 = class a4 extends h {
+const f3 = "anduin-field:label-click", u1 = "anduin-field:label-click-coordinated", a4 = class a4 extends h {
   constructor() {
     super(...arguments), this.orientation = "vertical";
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(fe, (e) => {
+    super.connectedCallback(), this.addEventListener(f3, (e) => {
       const t = e;
       this.dispatchEvent(new CustomEvent(u1, {
         detail: t.detail,
@@ -2036,7 +2036,7 @@ const d4 = class d4 extends h {
     super.connectedCallback();
   }
   onLabelClick(e) {
-    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(fe, {
+    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(f3, {
       detail: this.htmlfor,
       bubbles: !0,
       composed: !0
@@ -2102,10 +2102,10 @@ customElements.get("anduin-field-label") || customElements.define("anduin-field-
 customElements.get("anduin-field-description") || customElements.define("anduin-field-description", l5);
 customElements.get("anduin-field-error") || customElements.define("anduin-field-error", s5);
 customElements.get("anduin-field-group") || customElements.define("anduin-field-group", a5);
-var y7 = Object.defineProperty, Z2 = (r, e, t, o) => {
+var H7 = Object.defineProperty, Z2 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && y7(e, t, i), i;
+  return i && H7(e, t, i), i;
 };
 const _7 = "anduin-checkbox:change", h4 = class h4 extends h {
   constructor() {
@@ -2221,7 +2221,7 @@ var L7 = Object.defineProperty, K = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && L7(e, t, i), i;
 };
-const A3 = "anduin-input:change", V7 = "anduin-input:clear", I2 = class I2 extends h {
+const Ae = "anduin-input:change", V7 = "anduin-input:clear", I2 = class I2 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;
   }
@@ -2267,7 +2267,7 @@ const A3 = "anduin-input:change", V7 = "anduin-input:clear", I2 = class I2 exten
     this._withInput((i) => i.setSelectionRange(e, t, o));
   }
   onInput() {
-    this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(A3, {
+    this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(Ae, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -2275,7 +2275,7 @@ const A3 = "anduin-input:change", V7 = "anduin-input:clear", I2 = class I2 exten
   }
   onClear() {
     var e;
-    this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(A3, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(V7, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
+    this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(Ae, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(V7, { 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";
@@ -2408,7 +2408,7 @@ K([
   R("input")
 ], B.prototype, "inputEl");
 customElements.get("anduin-input") || customElements.define("anduin-input", B);
-var x7 = Object.defineProperty, H1 = (r, e, t, o) => {
+var x7 = Object.defineProperty, y1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && x7(e, t, i), i;
@@ -2491,28 +2491,28 @@ N2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, N2.styles
     .textarea--loading  { border-color: var(--color-gray-4); }
   `;
 let G = N2;
-H1([
+y1([
   s()
 ], G.prototype, "value");
-H1([
+y1([
   s({ type: Boolean })
 ], G.prototype, "disabled");
-H1([
+y1([
   s({ type: Boolean })
 ], G.prototype, "readonly");
-H1([
+y1([
   s()
 ], G.prototype, "placeholder");
-H1([
+y1([
   s()
 ], G.prototype, "inputid");
-H1([
+y1([
   s({ type: Number })
 ], G.prototype, "rows");
-H1([
+y1([
   s()
 ], G.prototype, "status");
-H1([
+y1([
   R("textarea")
 ], G.prototype, "textareaEl");
 customElements.get("anduin-textarea") || customElements.define("anduin-textarea", G);
@@ -2521,12 +2521,12 @@ var w7 = Object.defineProperty, N = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && w7(e, t, i), i;
 };
-const ve = "anduin-tab:trigger-click", G2 = "anduin-tab:value-changed", Z7 = "anduin-tab:change", u4 = class u4 extends h {
+const v3 = "anduin-tab:trigger-click", G2 = "anduin-tab:value-changed", Z7 = "anduin-tab:change", u4 = class u4 extends h {
   constructor() {
     super(...arguments), this.defaultValue = "", this.value = "", this.fill = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(ve, (e) => {
+    super.connectedCallback(), this.addEventListener(v3, (e) => {
       e.stopPropagation();
       const t = e;
       this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(Z7, { detail: t.detail, bubbles: !0, composed: !0 }));
@@ -2645,7 +2645,7 @@ const f4 = class f4 extends h {
     });
   }
   onClick() {
-    this.dispatchEvent(new CustomEvent(ve, { detail: this.value, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(v3, { detail: this.value, bubbles: !0, composed: !0 }));
   }
   render() {
     return a`
@@ -2706,7 +2706,7 @@ N([
   s({ attribute: "badge-count" })
 ], n1.prototype, "badgeCount");
 N([
-  H()
+  y()
 ], n1.prototype, "isActive");
 const v4 = class v4 extends h {
   constructor() {
@@ -2736,17 +2736,17 @@ v4.styles = g`
     :host(:not([active])) { display: none; }
     .tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
   `;
-let H2 = v4;
+let y2 = v4;
 N([
   s()
-], H2.prototype, "value");
+], y2.prototype, "value");
 N([
-  H()
-], H2.prototype, "isActive");
+  y()
+], y2.prototype, "isActive");
 customElements.get("anduin-tabs") || customElements.define("anduin-tabs", I1);
 customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", b2);
 customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", n1);
-customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", H2);
+customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", y2);
 var k7 = Object.defineProperty, K5 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
@@ -2905,7 +2905,7 @@ var z7 = Object.defineProperty, F = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && z7(e, t, i), i;
 };
-const S7 = "anduin-toggle-group:change", A7 = "anduin-toggle-group-item:change", D7 = "anduin-toggle-group-item:select", P7 = "anduin-toggle-group-item:deselect", c5 = "anduin-toggle-group-item:item-click", H4 = class H4 extends h {
+const S7 = "anduin-toggle-group:change", A7 = "anduin-toggle-group-item:change", D7 = "anduin-toggle-group-item:select", P7 = "anduin-toggle-group-item:deselect", c5 = "anduin-toggle-group-item:item-click", y4 = class y4 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;
@@ -2958,7 +2958,7 @@ const S7 = "anduin-toggle-group:change", A7 = "anduin-toggle-group-item:change",
     `;
   }
 };
-H4.styles = g`
+y4.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
     .toggle-group { display: inline-flex; align-items: center; }
     .toggle-group--small {
@@ -2992,7 +2992,7 @@ H4.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 = H4;
+let Y = y4;
 F([
   s()
 ], Y.prototype, "mode");
@@ -3012,9 +3012,9 @@ F([
   s({ type: Boolean })
 ], Y.prototype, "gap");
 F([
-  H()
+  y()
 ], Y.prototype, "internalValue");
-const y4 = class y4 extends h {
+const H4 = class H4 extends h {
   constructor() {
     super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.selected = !1, this.groupSize = "medium", this.groupVariant = "gray", this.groupMode = "single";
   }
@@ -3064,7 +3064,7 @@ const y4 = class y4 extends h {
     `;
   }
 };
-y4.styles = g`
+H4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .toggle-item {
       position: relative; z-index: 0; box-sizing: border-box;
@@ -3100,7 +3100,7 @@ y4.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 = y4;
+let q = H4;
 F([
   s({ reflect: !0 })
 ], q.prototype, "value");
@@ -3127,12 +3127,12 @@ function J2(r) {
 }
 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 B7 = Object.defineProperty, me = (r, e, t, o) => {
+var B7 = Object.defineProperty, m3 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && B7(e, t, i), i;
 };
-const be = "anduin-tooltip:show", W5 = "anduin-tooltip:hide", He = "anduin-tooltip:trigger-mounted", ye = "anduin-tooltip:content-popup-mounted", _e = "anduin-tooltip:content-popup-unmounted", Le = "anduin-tooltip:visibility-changed", F7 = [
+const b3 = "anduin-tooltip:show", W5 = "anduin-tooltip:hide", y3 = "anduin-tooltip:trigger-mounted", H3 = "anduin-tooltip:content-popup-mounted", _3 = "anduin-tooltip:content-popup-unmounted", L3 = "anduin-tooltip:visibility-changed", F7 = [
   "top-start",
   "top-center",
   "top-end",
@@ -3146,7 +3146,7 @@ const be = "anduin-tooltip:show", W5 = "anduin-tooltip:hide", He = "anduin-toolt
   "left-center",
   "left-end"
 ];
-function D3(r, e, t, o, i) {
+function De(r, e, t, o, i) {
   switch (o) {
     case "top-start":
       return { left: r.left, top: r.top - t - i };
@@ -3176,20 +3176,20 @@ function D3(r, e, t, o, i) {
       return { left: 0, top: 0 };
   }
 }
-function P3(r, e) {
+function Pe(r, e) {
   return e.right >= r.left && e.left <= r.right && e.top <= r.bottom && e.bottom >= r.top;
 }
-function B3(r, e) {
+function Be(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 O7(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 (!P3(
+  if (!Pe(
     { left: r.left, top: r.top, right: r.right, bottom: r.bottom },
     l
   )) return null;
-  const C = D3(r, d, c, t, o), p = F7.map((m) => ({ p: m, off: D3(r, d, c, m, o) })).filter(({ off: m }) => P3({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
+  const C = De(r, d, c, t, o), p = F7.map((m) => ({ p: m, off: De(r, d, c, m, o) })).filter(({ off: m }) => Pe({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
   if (p.length === 0)
     return {
       placement: t,
@@ -3197,10 +3197,10 @@ function O7(r, e, t, o = 8) {
       top: Math.round(Math.min(Math.max(C.top, 0), n - c))
     };
   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 = B3(_, l), M = B3(v, l);
+    const _ = { left: m.off.left, top: m.off.top, right: m.off.left + d, bottom: m.off.top + c }, v = { left: V.off.left, top: V.off.top, right: V.off.left + d, bottom: V.off.top + c }, x = Be(_, l), M = Be(v, l);
     if (M !== x) return M - x;
-    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 A = 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 A - U;
   });
   const { p: f, off: b } = p[0];
   return {
@@ -3225,13 +3225,13 @@ const _4 = class _4 extends h {
     super(...arguments), this.disabled = !1, this.placement = "top-center", this.triggerElement = null, this.contentPopupElement = null, this.containingBlockLeft = 0, this.containingBlockTop = 0, this.rafId = 0, this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN, this.isVisible = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(He, (e) => {
+    super.connectedCallback(), this.addEventListener(y3, (e) => {
       e.stopPropagation(), this.triggerElement = e.detail, this.maybeStartPositionLoop();
-    }), this.addEventListener(ye, (e) => {
+    }), this.addEventListener(H3, (e) => {
       e.stopPropagation(), this.contentPopupElement = e.detail, this.computeContainingBlockOffset(this.contentPopupElement), this.maybeStartPositionLoop();
-    }), this.addEventListener(_e, (e) => {
+    }), this.addEventListener(_3, (e) => {
       e.stopPropagation(), this.stopPositionLoop(), this.contentPopupElement = null;
-    }), this.addEventListener(be, (e) => {
+    }), this.addEventListener(b3, (e) => {
       e.stopPropagation(), !this.disabled && (this.isVisible = !0, this.broadcastVisibilityChanged(`show:${this.placement}`));
     }), this.addEventListener(W5, (e) => {
       e.stopPropagation(), this.isVisible = !1, this.stopPositionLoop(), this.broadcastVisibilityChanged("hide");
@@ -3276,7 +3276,7 @@ const _4 = class _4 extends h {
     }
   }
   broadcastVisibilityChanged(e) {
-    this.dispatchEvent(new CustomEvent(Le, { detail: e, bubbles: !1, composed: !1 }));
+    this.dispatchEvent(new CustomEvent(L3, { detail: e, bubbles: !1, composed: !1 }));
   }
   render() {
     return a`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
@@ -3293,19 +3293,19 @@ _4.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 y2 = _4;
-me([
+let H2 = _4;
+m3([
   s({ type: Boolean })
-], y2.prototype, "disabled");
-me([
+], H2.prototype, "disabled");
+m3([
   s()
-], y2.prototype, "placement");
+], H2.prototype, "placement");
 const L4 = class L4 extends h {
   firstUpdated() {
     requestAnimationFrame(() => {
-      this.dispatchEvent(new CustomEvent(He, { detail: this, bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(y3, { detail: this, bubbles: !0, composed: !0 }));
     }), this.addEventListener("pointerenter", () => {
-      this.dispatchEvent(new CustomEvent(be, { bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(b3, { bubbles: !0, composed: !0 }));
     }), this.addEventListener("click", () => {
       this.dispatchEvent(new CustomEvent(W5, { bubbles: !0, composed: !0 }));
     });
@@ -3335,7 +3335,7 @@ const V4 = class V4 extends h {
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tooltip");
-    e && e.addEventListener(Le, (t) => {
+    e && e.addEventListener(L3, (t) => {
       const o = t.detail;
       o.startsWith("show:") ? this.showPopup(o.slice(5)) : this.hidePopup();
     });
@@ -3374,10 +3374,10 @@ const V4 = class V4 extends h {
       const c = d.querySelector("anduin-tooltip-trigger");
       c && this.setupGraceAreaListeners(c, o);
     }
-    this.dispatchEvent(new CustomEvent(ye, { detail: o, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(H3, { detail: o, bubbles: !0, composed: !0 }));
   }
   hidePopup() {
-    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(_e, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
+    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(_3, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
   }
   render() {
     return a`<div class="tooltip-content-wrapper"></div>`;
@@ -3408,7 +3408,7 @@ V4.styles = g`
     .tooltip-arrow--right { left: -4px; top: 50%; transform: translateY(-50%); border-right-color: var(--tooltip-bg); border-left: none; }
   `;
 let h5 = V4;
-customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", y2);
+customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", H2);
 customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", p5);
 customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", h5);
 var I7 = Object.defineProperty, N7 = (r, e, t, o) => {
@@ -3616,8 +3616,8 @@ const g5 = "anduin-popover:close", f5 = "anduin-popover:open-change", w4 = class
     t.style.transform = i;
     const l = t.getBoundingClientRect(), d = 4, c = window.innerWidth, C = window.innerHeight, p = 8;
     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 V = !this.placement.startsWith("top"), _ = C - o.bottom - d, v = o.top - d, x = _ >= l.height, M = v >= l.height, A = V ? x || _ >= v : !M && x;
+    m = A ? "bottom" : "top", b = A ? 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;
   }
@@ -3698,10 +3698,10 @@ R1([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
 ], X.prototype, "fullWidth");
 R1([
-  H()
+  y()
 ], X.prototype, "_visible");
 R1([
-  H()
+  y()
 ], X.prototype, "_closing");
 R1([
   R(".popover__trigger")
@@ -3917,16 +3917,16 @@ var K7 = Object.defineProperty, E1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && K7(e, t, i), i;
 };
-const o2 = "anduin-close", Q2 = "anduin-after-close", e5 = 300, t5 = 200, F3 = 250;
-let s2 = 0, Ve = "";
+const o2 = "anduin-close", Q2 = "anduin-after-close", e5 = 300, t5 = 200, Fe = 250;
+let s2 = 0, V3 = "";
 function W7() {
-  typeof document > "u" || (s2 === 0 && (Ve = document.body.style.overflow, document.body.style.overflow = "hidden"), s2++);
+  typeof document > "u" || (s2 === 0 && (V3 = document.body.style.overflow, document.body.style.overflow = "hidden"), s2++);
 }
-function O3() {
-  typeof document > "u" || s2 !== 0 && (s2--, s2 === 0 && (document.body.style.overflow = Ve));
+function Oe() {
+  typeof document > "u" || s2 !== 0 && (s2--, s2 === 0 && (document.body.style.overflow = V3));
 }
 var h1;
-const y1 = (h1 = class extends h {
+const H1 = (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.stopPropagation();
@@ -3939,14 +3939,14 @@ const y1 = (h1 = class extends h {
     }
     e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown"), this._holdsScrollLock || (this._holdsScrollLock = !0, W7())) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(
       () => {
-        this._leaving = !1, this.classList.remove("is-shown"), this._holdsScrollLock && (this._holdsScrollLock = !1, O3()), this.dispatchEvent(
+        this._leaving = !1, this.classList.remove("is-shown"), this._holdsScrollLock && (this._holdsScrollLock = !1, Oe()), this.dispatchEvent(
           new CustomEvent(Q2, {
             bubbles: !0,
             composed: !0
           })
         );
       },
-      Math.max(t5, F3)
+      Math.max(t5, Fe)
     )));
   }
   dispatch(e) {
@@ -3964,7 +3964,7 @@ const y1 = (h1 = class extends h {
     super.connectedCallback(), this.addEventListener(o2, this.onAnduinClose), this.addEventListener(Q2, this.onAnduinClose);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(o2, this.onAnduinClose), this.removeEventListener(Q2, this.onAnduinClose), this._holdsScrollLock && (this._holdsScrollLock = !1, O3());
+    super.disconnectedCallback(), this.removeEventListener(o2, this.onAnduinClose), this.removeEventListener(Q2, this.onAnduinClose), this._holdsScrollLock && (this._holdsScrollLock = !1, Oe());
   }
   render() {
     const e = this._leaving, t = this.fullscreen;
@@ -4082,7 +4082,7 @@ const y1 = (h1 = class extends h {
         forwards;
     }
     .overlay.is-leaving {
-      animation: overlayOut ${F3}ms
+      animation: overlayOut ${Fe}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
     .modal-wrapper {
@@ -4201,26 +4201,26 @@ const y1 = (h1 = class extends h {
 ]), h1);
 E1([
   s({ type: Boolean, reflect: !0 })
-], y1.prototype, "open");
+], H1.prototype, "open");
 E1([
   s()
-], y1.prototype, "heading");
+], H1.prototype, "heading");
 E1([
   s({ type: Boolean, attribute: "hide-header" })
-], y1.prototype, "hideHeader");
+], H1.prototype, "hideHeader");
 E1([
   s({ type: Boolean, attribute: "hide-footer" })
-], y1.prototype, "hideFooter");
+], H1.prototype, "hideFooter");
 E1([
   s({ attribute: "max-width" })
-], y1.prototype, "maxWidth");
+], H1.prototype, "maxWidth");
 E1([
   s({ type: Boolean })
-], y1.prototype, "fullscreen");
+], H1.prototype, "fullscreen");
 E1([
-  H()
-], y1.prototype, "_leaving");
-let Y7 = y1;
+  y()
+], H1.prototype, "_leaving");
+let Y7 = H1;
 customElements.get("anduin-modal") || customElements.define("anduin-modal", Y7);
 class q7 extends HTMLElement {
   constructor() {
@@ -4442,7 +4442,7 @@ var Q7 = Object.defineProperty, z1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && Q7(e, t, i), i;
 };
-const T3 = [
+const Te = [
   { bg: "#6172F3", text: "#ffffff" },
   { bg: "#B692F6", text: "#ffffff" },
   { bg: "#F670C7", text: "#ffffff" },
@@ -4455,7 +4455,7 @@ const T3 = [
 function e0(r) {
   let e = 0;
   for (let t = 0; t < r.length; t++) e = e * 31 + r.charCodeAt(t) >>> 0;
-  return T3[e % T3.length];
+  return Te[e % Te.length];
 }
 function t0(r, e = 2) {
   var i;
@@ -4540,7 +4540,7 @@ z1([
   s()
 ], J.prototype, "shape");
 z1([
-  H()
+  y()
 ], J.prototype, "_imgError");
 customElements.get("anduin-avatar") || customElements.define("anduin-avatar", J);
 /**
@@ -4570,7 +4570,7 @@ class n0 {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class H5 extends n0 {
+class y5 extends n0 {
   constructor(e) {
     if (super(e), this.it = u, e.type !== i0.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -4584,16 +4584,16 @@ class H5 extends n0 {
     return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
   }
 }
-H5.directiveName = "unsafeHTML", H5.resultType = 1;
+y5.directiveName = "unsafeHTML", y5.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class y5 extends H5 {
+class H5 extends y5 {
 }
-y5.directiveName = "unsafeSVG", y5.resultType = 2;
-const r0 = o0(y5), l0 = {
+H5.directiveName = "unsafeSVG", H5.resultType = 2;
+const r0 = o0(H5), l0 = {
   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"/>
@@ -4846,7 +4846,7 @@ function a0(r, e) {
     if (t[o]) return t[o];
   return null;
 }
-var d0 = Object.defineProperty, xe = (r, e, t, o) => {
+var d0 = 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 && d0(e, t, i), i;
@@ -4877,10 +4877,10 @@ S4.styles = g`
     svg { display: block; }
   `;
 let _2 = S4;
-xe([
+x3([
   s()
 ], _2.prototype, "type");
-xe([
+x3([
   s({ type: Number })
 ], _2.prototype, "size");
 customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", _2);
@@ -4889,7 +4889,7 @@ var c0 = Object.defineProperty, S1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && c0(e, t, i), i;
 };
-const I3 = {
+const Ie = {
   gray: "info",
   primary: "infoCircleLine",
   success: "checkCircle",
@@ -4915,7 +4915,7 @@ const I3 = {
     this.dismiss();
   }
   render() {
-    const e = I3[this.variant] ?? I3.gray;
+    const e = Ie[this.variant] ?? Ie.gray;
     return a`
       <div
         class="toast toast--${this.variant} ${this._dismissing ? "toast--dismissing" : ""}"
@@ -5080,7 +5080,7 @@ S1([
   s()
 ], f1.prototype, "description");
 S1([
-  H()
+  y()
 ], f1.prototype, "_dismissing");
 S1([
   R(".toast")
@@ -5182,7 +5182,7 @@ S1([
   s()
 ], L2.prototype, "position");
 S1([
-  H()
+  y()
 ], L2.prototype, "_toasts");
 customElements.get("anduin-toaster") || customElements.define("anduin-toaster", L2);
 const lt = {
@@ -5210,7 +5210,7 @@ function p0(r = "bottom-left") {
   const e = document.createElement("anduin-toaster");
   return e.position = r, document.body.appendChild(e), i5.set(r, e), e;
 }
-var h0 = Object.defineProperty, Me = (r, e, t, o) => {
+var h0 = Object.defineProperty, M3 = (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 && h0(e, t, i), i;
@@ -5309,21 +5309,21 @@ P4.styles = g`
     }
   `;
 let V2 = P4;
-Me([
+M3([
   s({ type: Boolean })
 ], V2.prototype, "checked");
-Me([
+M3([
   s({ type: Boolean })
 ], V2.prototype, "disabled");
 customElements.get("anduin-switcher") || customElements.define("anduin-switcher", V2);
-var g0 = Object.defineProperty, D = (r, e, t, o) => {
+var g0 = Object.defineProperty, S = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && g0(e, t, i), i;
 };
-const N3 = "anduin-dropdown:change", B4 = class B4 extends h {
+const Ne = "anduin-dropdown:change", B4 = class B4 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) => {
+    super(...arguments), this.value = "", this.placeholder = "Select...", this.options = [], this.icon = "", this.searchable = !0, this.disabled = !1, this.placement = "bottom-start", this.appearance = "filled", this.variant = "gray0", this.size = "default", this.fullWidth = !1, this.clearable = !0, this._open = !1, this._query = "", this._onOutsideClick = (e) => {
       var t;
       !this.contains(e.target) && !((t = this.shadowRoot) != null && t.contains(e.target)) && (this._open = !1, this._query = "");
     }, this._onScrollOrResize = () => {
@@ -5353,14 +5353,14 @@ const N3 = "anduin-dropdown:change", B4 = class B4 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(N3, {
+    e.stopPropagation(), this.clearable && (this.value = "", this.dispatchEvent(new CustomEvent(Ne, {
       detail: "",
       bubbles: !0,
       composed: !0
-    }));
+    })));
   }
   _selectOption(e) {
-    this.value = e.value, this._open = !1, this._query = "", this.dispatchEvent(new CustomEvent(N3, {
+    this.value = e.value, this._open = !1, this._query = "", this.dispatchEvent(new CustomEvent(Ne, {
       detail: e.value,
       bubbles: !0,
       composed: !0
@@ -5387,7 +5387,7 @@ const N3 = "anduin-dropdown:change", B4 = class B4 extends h {
     return this.options.filter((t) => t.label.toLowerCase().includes(e));
   }
   render() {
-    const e = this.options.find((n) => n.value === this.value), t = (e == null ? void 0 : e.label) ?? "", o = e ? e.icon ?? "" : this.icon, i = this._filteredOptions;
+    const e = this.options.find((l) => l.value === this.value), t = (e == null ? void 0 : e.label) ?? "", o = e ? e.icon ?? "" : this.icon, i = this._filteredOptions, n = this.clearable && !!this.value && !this.disabled;
     return a`
       <button
         class="trigger trigger--${this.appearance} trigger--${this.variant}${this.size === "small" ? " trigger--small" : ""}${this.value ? " has-value" : ""}"
@@ -5400,11 +5400,11 @@ const N3 = "anduin-dropdown:change", B4 = class B4 extends h {
       >
         ${o && t ? a`<anduin-icon name="${o}" size="16"></anduin-icon>` : u}
         <span class="trigger__label${t ? "" : " trigger__label--placeholder"}">${t || this.placeholder}</span>
-        <span class="trigger__caret">
+        <span class="trigger__caret${n ? " trigger__caret--clearable" : ""}">
           <span class="trigger__chevron">
             <anduin-icon name="caretDown" size="16"></anduin-icon>
           </span>
-          ${this.value && !this.disabled ? a`
+          ${n ? a`
             <span class="trigger__clear" @click=${this._onClear}>
               <anduin-icon name="crossSmall" size="16"></anduin-icon>
             </span>
@@ -5419,25 +5419,25 @@ const N3 = "anduin-dropdown:change", B4 = class B4 extends h {
               <anduin-input
                 placeholder="Search ..."
                 .value=${this._query}
-                @anduin-input:change=${(n) => {
-      this._query = n.detail;
+                @anduin-input:change=${(l) => {
+      this._query = l.detail;
     }}
               ></anduin-input>
             </div>
           ` : u}
           <div class="options">
-            ${i.length ? i.map((n) => a`
+            ${i.length ? i.map((l) => a`
                   <div
                     class="option"
                     role="option"
-                    aria-selected=${n.value === this.value}
-                    @click=${() => this._selectOption(n)}
+                    aria-selected=${l.value === this.value}
+                    @click=${() => this._selectOption(l)}
                   >
                     <span class="option__check">
-                      ${n.value === this.value ? a`<anduin-icon name="checkSmall" size="16"></anduin-icon>` : u}
+                      ${l.value === this.value ? a`<anduin-icon name="checkSmall" size="16"></anduin-icon>` : u}
                     </span>
-                    ${n.icon ? a`<anduin-icon name="${n.icon}" size="16"></anduin-icon>` : u}
-                    <span class="option__label">${n.label}</span>
+                    ${l.icon ? a`<anduin-icon name="${l.icon}" size="16"></anduin-icon>` : u}
+                    <span class="option__label">${l.label}</span>
                   </div>
                 `) : a`<div class="empty">No results</div>`}
           </div>
@@ -5559,7 +5559,13 @@ B4.styles = g`
     }
     .trigger__clear:hover { color: var(--color-gray-9, #101828); background-color: var(--color-gray-3); }
     .trigger__clear:active { background-color: var(--color-gray-4); }
-    .trigger__caret:hover .trigger__chevron { opacity: 0; }
+    /* Scoped to --clearable so the chevron only fades when there is a × to
+       reveal: unscoped, it fades out to show a × that is not there and the caret
+       is simply gone while hovered. --clearable is set under exactly the
+       condition the × renders (clearable, a value, not disabled) — not on
+       the clearable flag alone, which left a filter resting on '' or a disabled
+       dropdown with no caret on hover. */
+    .trigger__caret--clearable:hover .trigger__chevron { opacity: 0; }
     .trigger__caret:hover .trigger__clear { opacity: 1; }
 
     /* ── Panel ─────────────────────────────────────────────────── */
@@ -5627,52 +5633,55 @@ B4.styles = g`
     }
   `;
 let Z = B4;
-D([
+S([
   s()
 ], Z.prototype, "value");
-D([
+S([
   s()
 ], Z.prototype, "placeholder");
-D([
+S([
   s({ attribute: !1 })
 ], Z.prototype, "options");
-D([
+S([
   s()
 ], Z.prototype, "icon");
-D([
+S([
   s({ type: Boolean })
 ], Z.prototype, "searchable");
-D([
+S([
   s({ type: Boolean })
 ], Z.prototype, "disabled");
-D([
+S([
   s()
 ], Z.prototype, "placement");
-D([
+S([
   s()
 ], Z.prototype, "appearance");
-D([
+S([
   s()
 ], Z.prototype, "variant");
-D([
+S([
   s()
 ], Z.prototype, "size");
-D([
+S([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
 ], Z.prototype, "fullWidth");
-D([
-  H()
+S([
+  s({ converter: (r) => r !== "false" })
+], Z.prototype, "clearable");
+S([
+  y()
 ], Z.prototype, "_open");
-D([
-  H()
+S([
+  y()
 ], Z.prototype, "_query");
-D([
+S([
   R(".trigger")
 ], Z.prototype, "_triggerEl");
-D([
+S([
   R(".panel")
 ], Z.prototype, "_panelEl");
-D([
+S([
   R("anduin-input")
 ], Z.prototype, "_searchEl");
 customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", Z);
@@ -5681,7 +5690,7 @@ var f0 = Object.defineProperty, a1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && f0(e, t, i), i;
 };
-const n2 = "anduin-close", o5 = "anduin-after-close", v0 = 300, j3 = 250, m0 = /* @__PURE__ */ new Map([
+const n2 = "anduin-close", o5 = "anduin-after-close", v0 = 300, je = 250, m0 = /* @__PURE__ */ new Map([
   ["320", 320],
   ["360", 360],
   ["400", 400],
@@ -5717,7 +5726,7 @@ const n2 = "anduin-close", o5 = "anduin-after-close", v0 = 300, j3 = 250, m0 = /
           composed: !0
         })
       );
-    }, j3)));
+    }, je)));
   }
   _dispatch(e) {
     this.dispatchEvent(
@@ -5850,7 +5859,7 @@ F4.styles = g`
       pointer-events: auto;
     }
     .drawer.is-leaving {
-      animation: drawerOut ${j3}ms
+      animation: drawerOut ${je}ms
         cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
     }
     /* placement="left": every rule above that assumes the right edge, flipped.
@@ -5962,10 +5971,10 @@ a1([
   s({ type: Boolean, attribute: "allow-interact-outside" })
 ], j.prototype, "allowInteractOutside");
 a1([
-  H()
+  y()
 ], j.prototype, "_leaving");
 a1([
-  H()
+  y()
 ], j.prototype, "_width");
 customElements.get("anduin-drawer") || customElements.define("anduin-drawer", j);
 class b0 extends HTMLElement {
@@ -5984,12 +5993,12 @@ class b0 extends HTMLElement {
   }
 }
 customElements.get("anduin-drawer-close") || customElements.define("anduin-drawer-close", b0);
-var H0 = Object.defineProperty, $ = (r, e, t, o) => {
+var y0 = Object.defineProperty, $ = (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 && H0(e, t, i), i;
+  return i && y0(e, t, i), i;
 };
-const n5 = "anduin-suggestion:change", y0 = "anduin-suggestion:select", _0 = "anduin-suggestion:clear", O4 = class O4 extends h {
+const n5 = "anduin-suggestion:change", H0 = "anduin-suggestion:select", _0 = "anduin-suggestion:clear", O4 = class O4 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;
@@ -6066,7 +6075,7 @@ const n5 = "anduin-suggestion:change", y0 = "anduin-suggestion:select", _0 = "an
       detail: this.value,
       bubbles: !0,
       composed: !0
-    })), this.dispatchEvent(new CustomEvent(y0, {
+    })), this.dispatchEvent(new CustomEvent(H0, {
       detail: e,
       bubbles: !0,
       composed: !0
@@ -6319,10 +6328,10 @@ $([
   s({ attribute: "empty-text" })
 ], w.prototype, "emptyText");
 $([
-  H()
+  y()
 ], w.prototype, "_open");
 $([
-  H()
+  y()
 ], w.prototype, "_activeIndex");
 $([
   R("input")
@@ -6436,7 +6445,7 @@ W([
   s()
 ], v1.prototype, "alignment");
 W([
-  H()
+  y()
 ], v1.prototype, "internalValue");
 const I4 = class I4 extends h {
   constructor() {
@@ -6556,8 +6565,8 @@ var x0 = Object.defineProperty, A1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && x0(e, t, i), i;
 };
-const M0 = "anduin-resizable:resize", we = "anduin-resizable-panel", U3 = (r) => !!r && r.tagName.toLowerCase() === we;
-function G3(r, e, t) {
+const M0 = "anduin-resizable:resize", w3 = "anduin-resizable-panel", Ue = (r) => !!r && r.tagName.toLowerCase() === w3;
+function Ge(r, e, t) {
   const o = (r || "").trim();
   if (!o) return t;
   const i = parseFloat(o);
@@ -6579,7 +6588,7 @@ const N4 = class N4 extends h {
     return this.isVertical ? e.height : e.width;
   }
   get panels() {
-    return Array.from(this.querySelectorAll(`:scope > ${we}`));
+    return Array.from(this.querySelectorAll(`:scope > ${w3}`));
   }
   updated() {
     for (const e of this.querySelectorAll(":scope > anduin-resizable-handle"))
@@ -6639,10 +6648,10 @@ const j4 = class j4 extends h {
     return e ? t.height : t.width;
   }
   minPx(e) {
-    return G3(this.minSize, e, 0);
+    return Ge(this.minSize, e, 0);
   }
   maxPx(e) {
-    return G3(this.maxSize, e, e);
+    return Ge(this.maxSize, e, e);
   }
   render() {
     return a`<div class="panel" part="panel"><slot></slot></div>`;
@@ -6708,10 +6717,10 @@ const U4 = class U4 extends h {
     this.groupVertical = e, this.setAttribute("aria-orientation", e ? "horizontal" : "vertical");
   }
   get prevPanel() {
-    return U3(this.previousElementSibling) ? this.previousElementSibling : null;
+    return Ue(this.previousElementSibling) ? this.previousElementSibling : null;
   }
   get nextPanel() {
-    return U3(this.nextElementSibling) ? this.nextElementSibling : null;
+    return Ue(this.nextElementSibling) ? this.nextElementSibling : null;
   }
   endDrag() {
     if (!(!this.dragging && this.activePointerId === null)) {
@@ -6784,10 +6793,10 @@ A1([
   s({ type: Boolean, attribute: "with-handle" })
 ], K1.prototype, "withHandle");
 A1([
-  H()
+  y()
 ], K1.prototype, "groupVertical");
 A1([
-  H()
+  y()
 ], K1.prototype, "dragging");
 customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", B2);
 customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", G1);
@@ -7006,7 +7015,7 @@ Y1([
   s({ type: Number })
 ], m1.prototype, "value");
 Y1([
-  H()
+  y()
 ], m1.prototype, "internalValue");
 Y1([
   R(".pagination__indicator")
@@ -7308,7 +7317,7 @@ var $0 = Object.defineProperty, D1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && $0(e, t, i), i;
 };
-const E0 = "anduin-sidebar:select", e3 = class e3 extends h {
+const E0 = "anduin-sidebar:select", ee = class ee extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "navigation");
   }
@@ -7316,7 +7325,7 @@ const E0 = "anduin-sidebar:select", e3 = class e3 extends h {
     return a`<div class="sidebar" part="sidebar"><slot></slot></div>`;
   }
 };
-e3.styles = g`
+ee.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -7331,13 +7340,13 @@ e3.styles = g`
       min-height: 0;
     }
   `;
-let R5 = e3;
-const t3 = class t3 extends h {
+let R5 = ee;
+const te = class te extends h {
   render() {
     return a`<div class="sidebar-content" part="content"><slot></slot></div>`;
   }
 };
-t3.styles = g`
+te.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -7352,8 +7361,8 @@ t3.styles = g`
       padding: 12px 16px;
     }
   `;
-let $5 = t3;
-const i3 = class i3 extends h {
+let $5 = te;
+const ie = class ie extends h {
   constructor() {
     super(...arguments), this.divider = !1;
   }
@@ -7361,7 +7370,7 @@ const i3 = class i3 extends h {
     return a`<div class="sidebar-header" part="header"><slot></slot></div>`;
   }
 };
-i3.styles = g`
+ie.styles = g`
     :host {
       display: block;
       flex: 0 0 auto;
@@ -7372,11 +7381,11 @@ i3.styles = g`
       border-bottom: 1px solid var(--color-gray-3);
     }
   `;
-let F2 = i3;
+let F2 = ie;
 D1([
   s({ type: Boolean, reflect: !0 })
 ], F2.prototype, "divider");
-const o3 = class o3 extends h {
+const oe = class oe extends h {
   constructor() {
     super(...arguments), this.divider = !1;
   }
@@ -7384,7 +7393,7 @@ const o3 = class o3 extends h {
     return a`<div class="sidebar-footer" part="footer"><slot></slot></div>`;
   }
 };
-o3.styles = g`
+oe.styles = g`
     :host {
       display: block;
       flex: 0 0 auto;
@@ -7395,16 +7404,16 @@ o3.styles = g`
       border-top: 1px solid var(--color-gray-3);
     }
   `;
-let O2 = o3;
+let O2 = oe;
 D1([
   s({ type: Boolean, reflect: !0 })
 ], O2.prototype, "divider");
-const n3 = class n3 extends h {
+const ne = class ne extends h {
   render() {
     return a`<div class="sidebar-group" part="group" role="group"><slot></slot></div>`;
   }
 };
-n3.styles = g`
+ne.styles = g`
     :host {
       display: block;
     }
@@ -7414,8 +7423,8 @@ n3.styles = g`
       gap: 4px;
     }
   `;
-let E5 = n3;
-const r3 = class r3 extends h {
+let E5 = ne;
+const re = class re extends h {
   render() {
     return a`
       <div class="sidebar-group-label" part="group-label">
@@ -7426,7 +7435,7 @@ const r3 = class r3 extends h {
     `;
   }
 };
-r3.styles = g`
+re.styles = g`
     :host {
       display: block;
     }
@@ -7458,13 +7467,13 @@ r3.styles = g`
       padding-right: 6px;
     }
   `;
-let z5 = r3;
-const l3 = class l3 extends h {
+let z5 = re;
+const le = class le extends h {
   render() {
     return a`<div class="sidebar-menu" part="menu"><slot></slot></div>`;
   }
 };
-l3.styles = g`
+le.styles = g`
     :host {
       display: block;
     }
@@ -7474,8 +7483,8 @@ l3.styles = g`
       gap: 2px;
     }
   `;
-let S5 = l3;
-const s3 = class s3 extends h {
+let S5 = le;
+const se = class se extends h {
   constructor() {
     super(...arguments), this.startIcon = "", this.selected = !1, this.disabled = !1, this.href = "", this.openNewTab = !1, this.onClick = (e) => {
       if (this.disabled) {
@@ -7531,7 +7540,7 @@ const s3 = class s3 extends h {
     `;
   }
 };
-s3.styles = g`
+se.styles = g`
     :host {
       display: block;
     }
@@ -7614,7 +7623,7 @@ s3.styles = g`
       padding-right: 6px;
     }
   `;
-let b1 = s3;
+let b1 = se;
 D1([
   s({ attribute: "start-icon" })
 ], b1.prototype, "startIcon");
@@ -7630,7 +7639,7 @@ D1([
 D1([
   s({ type: Boolean, attribute: "open-new-tab" })
 ], b1.prototype, "openNewTab");
-const a3 = class a3 extends h {
+const ae = class ae extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "action");
   }
@@ -7638,7 +7647,7 @@ const a3 = class a3 extends h {
     return a`<div class="sidebar-action" part="action"><slot></slot></div>`;
   }
 };
-a3.styles = g`
+ae.styles = g`
     :host {
       display: flex;
       align-items: center;
@@ -7648,8 +7657,8 @@ a3.styles = g`
       align-items: center;
     }
   `;
-let A5 = a3;
-const d3 = class d3 extends h {
+let A5 = ae;
+const de = class de extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "badge");
   }
@@ -7657,7 +7666,7 @@ const d3 = class d3 extends h {
     return a`<div class="sidebar-badge" part="badge"><slot></slot></div>`;
   }
 };
-d3.styles = g`
+de.styles = g`
     :host {
       display: flex;
       align-items: center;
@@ -7667,8 +7676,8 @@ d3.styles = g`
       align-items: center;
     }
   `;
-let D5 = d3;
-const c3 = class c3 extends h {
+let D5 = de;
+const ce = class ce extends h {
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "separator");
   }
@@ -7676,7 +7685,7 @@ const c3 = class c3 extends h {
     return a`<div class="sidebar-separator" part="separator"></div>`;
   }
 };
-c3.styles = g`
+ce.styles = g`
     :host {
       display: block;
     }
@@ -7685,7 +7694,7 @@ c3.styles = g`
       background-color: var(--color-gray-3);
     }
   `;
-let P5 = c3;
+let P5 = ce;
 customElements.get("anduin-sidebar") || customElements.define("anduin-sidebar", R5);
 customElements.get("anduin-sidebar-content") || customElements.define("anduin-sidebar-content", $5);
 customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", F2);
@@ -7697,7 +7706,7 @@ customElements.get("anduin-sidebar-menu-item") || customElements.define("anduin-
 customElements.get("anduin-sidebar-action") || customElements.define("anduin-sidebar-action", A5);
 customElements.get("anduin-sidebar-badge") || customElements.define("anduin-sidebar-badge", D5);
 customElements.get("anduin-sidebar-separator") || customElements.define("anduin-sidebar-separator", P5);
-function A(r) {
+function D(r) {
   if (!r) return null;
   const e = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(r.trim());
   if (!e) return null;
@@ -7724,7 +7733,7 @@ var S0 = Object.defineProperty, e1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && S0(e, t, i), i;
 };
-const M2 = "anduin-calendar:change", B5 = "anduin-calendar:day-hover", K3 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], W3 = [
+const M2 = "anduin-calendar:change", B5 = "anduin-calendar:day-hover", Ke = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], We = [
   "January",
   "February",
   "March",
@@ -7737,7 +7746,7 @@ const M2 = "anduin-calendar:change", B5 = "anduin-calendar:day-hover", K3 = ["Ja
   "October",
   "November",
   "December"
-], A0 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Y3 = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+], A0 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Ye = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 function P1(r, e) {
   return new Date(r.getFullYear(), r.getMonth(), r.getDate() + e);
 }
@@ -7745,7 +7754,7 @@ function D0(r) {
   const e = ["th", "st", "nd", "rd"], t = r % 100;
   return `${r}${e[(t - 20) % 10] ?? e[t] ?? e[0]}`;
 }
-const C3 = class C3 extends h {
+const Ce = class Ce extends h {
   constructor() {
     super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = F1().getMonth(), this._viewYear = F1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
       this._openSelect && !e.composedPath().includes(this) && (this._openSelect = null);
@@ -7759,7 +7768,7 @@ const C3 = class C3 extends h {
   }
   willUpdate(e) {
     if (e.has("value")) {
-      const t = A(this.value);
+      const t = D(this.value);
       if (t)
         this._viewYear = t.getFullYear(), this._viewMonth = t.getMonth(), this._viewSeeded = !0;
       else if (!this._viewSeeded) {
@@ -7777,10 +7786,10 @@ const C3 = class C3 extends h {
   }
   // ── Constraints ─────────────────────────────────────────────────
   get _min() {
-    return A(this.minDate);
+    return D(this.minDate);
   }
   get _max() {
-    return A(this.maxDate);
+    return D(this.maxDate);
   }
   _isDisabled(e) {
     const t = this._min, o = this._max;
@@ -7802,7 +7811,7 @@ const C3 = class C3 extends h {
     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();
+    const t = D(this._focus) ?? this._defaultFocusDate();
     switch (e.key) {
       // Shift turns the horizontal arrows into month steps and the vertical
       // ones into year steps.
@@ -7849,10 +7858,10 @@ const C3 = class C3 extends h {
   }
   /** The day that owns `tabindex="0"` when nothing has been focused yet. */
   _defaultFocusDate() {
-    const e = A(this._focus);
+    const e = D(this._focus);
     if (e && e.getMonth() === this._viewMonth && e.getFullYear() === this._viewYear)
       return e;
-    const t = A(this.value);
+    const t = D(this.value);
     if (t && t.getMonth() === this._viewMonth && t.getFullYear() === this._viewYear)
       return t;
     const o = F1();
@@ -7904,12 +7913,12 @@ const C3 = class C3 extends h {
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    const e = L1(F1()), 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 = [
+    const e = L1(F1()), t = D(this.value), o = D(this.rangeStart), i = D(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)), b = `${W3[this._viewMonth]} ${this._viewYear}`, m = (() => {
+    const f = Array.from({ length: p.length / 7 }, (_, v) => p.slice(v * 7, v * 7 + 7)), b = `${We[this._viewMonth]} ${this._viewYear}`, m = (() => {
       const _ = this._min;
       return _ ? new Date(this._viewYear, this._viewMonth, 0).getTime() < _.getTime() : !1;
     })(), V = (() => {
@@ -7930,9 +7939,9 @@ const C3 = class C3 extends h {
           <div class="calendar__header-spacer"></div>
           ${this._renderSelect(
       "month",
-      K3[this._viewMonth],
+      Ke[this._viewMonth],
       "Choose the month",
-      K3.map((_, v) => ({ value: v, label: _, selected: v === this._viewMonth })),
+      Ke.map((_, v) => ({ value: v, label: _, selected: v === this._viewMonth })),
       (_) => this._selectMonth(_)
     )}
           ${this._renderSelect(
@@ -7965,7 +7974,7 @@ const C3 = class C3 extends h {
           <thead aria-hidden="true">
             <tr>
               ${A0.map((_, v) => a`
-                <th class="calendar__day-header" aria-label="${Y3[v]}">${_}</th>
+                <th class="calendar__day-header" aria-label="${Ye[v]}">${_}</th>
               `)}
             </tr>
           </thead>
@@ -7974,34 +7983,34 @@ const C3 = class C3 extends h {
               <tr>
                 ${_.map((v) => {
       if (v === null) return a`<td class="calendar__day-cell"></td>`;
-      const x = new Date(this._viewYear, this._viewMonth, v), M = L1(x), S = x.getTime(), U = this._isDisabled(x), X1 = !!o && S === o.getTime(), t1 = !!i && S === i.getTime(), v3 = !!o && !!i && S > o.getTime() && S < i.getTime(), m3 = !n && !!t && S === t.getTime(), ke = [
+      const x = new Date(this._viewYear, this._viewMonth, v), M = L1(x), A = x.getTime(), U = this._isDisabled(x), X1 = !!o && A === o.getTime(), t1 = !!i && A === i.getTime(), ve = !!o && !!i && A > o.getTime() && A < i.getTime(), me = !n && !!t && A === t.getTime(), k3 = [
         "calendar__day-cell",
-        v3 ? "calendar__day-cell--in-range" : "",
+        ve ? "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.
         X1 && i ? "calendar__day-cell--range-start" : "",
         t1 && o ? "calendar__day-cell--range-end" : ""
-      ].filter(Boolean).join(" "), Re = [
+      ].filter(Boolean).join(" "), R3 = [
         "calendar__day-button",
         M === e ? "calendar__day-button--today" : "",
-        m3 ? "calendar__day-button--selected" : "",
+        me ? "calendar__day-button--selected" : "",
         X1 ? "calendar__day-button--range-start" : "",
         t1 ? "calendar__day-button--range-end" : "",
-        v3 ? "calendar__day-button--in-range" : "",
+        ve ? "calendar__day-button--in-range" : "",
         U ? "calendar__day-button--disabled" : ""
       ].filter(Boolean).join(" ");
       return a`
                     <td
-                      class="${ke}"
+                      class="${k3}"
                       role="gridcell"
-                      aria-selected="${m3 || X1 || t1}"
+                      aria-selected="${me || X1 || t1}"
                     >
                       <button
                         type="button"
-                        class="${Re}"
+                        class="${R3}"
                         part="day"
                         aria-disabled="${U}"
-                        aria-label="${Y3[x.getDay()]}, ${W3[x.getMonth()]} ${D0(v)}, ${x.getFullYear()}"
+                        aria-label="${Ye[x.getDay()]}, ${We[x.getMonth()]} ${D0(v)}, ${x.getFullYear()}"
                         tabindex="${M === l ? 0 : -1}"
                         @click=${() => {
         U || this._pick(x);
@@ -8021,7 +8030,7 @@ const C3 = class C3 extends h {
     `;
   }
 };
-C3.styles = g`
+Ce.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .calendar { display: flex; flex-direction: column; font-family: inherit; font-size: 13px; }
@@ -8116,7 +8125,7 @@ C3.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 I = C3;
+let I = Ce;
 e1([
   s({ reflect: !0 })
 ], I.prototype, "value");
@@ -8136,16 +8145,16 @@ e1([
   s({ type: Boolean, attribute: "range-mode" })
 ], I.prototype, "rangeMode");
 e1([
-  H()
+  y()
 ], I.prototype, "_viewMonth");
 e1([
-  H()
+  y()
 ], I.prototype, "_viewYear");
 e1([
-  H()
+  y()
 ], I.prototype, "_focus");
 e1([
-  H()
+  y()
 ], I.prototype, "_openSelect");
 customElements.get("anduin-calendar") || customElements.define("anduin-calendar", I);
 var P0 = Object.defineProperty, q1 = (r, e, t, o) => {
@@ -8153,12 +8162,12 @@ var P0 = Object.defineProperty, q1 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && P0(e, t, i), i;
 };
-const B0 = "anduin-date-range:change", p3 = class p3 extends h {
+const B0 = "anduin-date-range:change", pe = class pe extends h {
   constructor() {
     super(...arguments), this.startDate = "", this.endDate = "", this.minDate = "", this.maxDate = "", this._anchor = null, this._hover = null, this._panels = /* @__PURE__ */ new Map(), this._pushedValue = /* @__PURE__ */ new Map(), this._onCalendarChange = (e) => {
       e.stopPropagation();
       const t = e.detail;
-      if (!A(t)) return;
+      if (!D(t)) return;
       if (this._anchor === null) {
         this._anchor = t, this._hover = null;
         return;
@@ -8205,7 +8214,7 @@ const B0 = "anduin-date-range:change", p3 = class p3 extends h {
   /** Which month each panel opens on: the start date on the left, the month
    *  after it on the right. Falls back to today when there's no range yet. */
   _panelValue(e) {
-    const t = A(this.startDate) ?? F1();
+    const t = D(this.startDate) ?? F1();
     return L1(e === "start" ? t : c1(t, 1));
   }
   /** The range the calendars should paint — the live preview while selecting,
@@ -8217,17 +8226,17 @@ const B0 = "anduin-date-range:change", p3 = class p3 extends h {
     return [e, t];
   }
   _sorted(e, t) {
-    const o = A(e), i = A(t);
+    const o = D(e), i = D(t);
     return !o || !i ? [e, t] : o.getTime() <= i.getTime() ? [e, t] : [t, e];
   }
   render() {
     return a`<div class="date-range" part="date-range"><slot></slot></div>`;
   }
 };
-p3.styles = g`
+pe.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
   `;
-let Q = p3;
+let Q = pe;
 q1([
   s({ attribute: "start-date", reflect: !0 })
 ], Q.prototype, "startDate");
@@ -8241,12 +8250,12 @@ q1([
   s({ attribute: "max-date" })
 ], Q.prototype, "maxDate");
 q1([
-  H()
+  y()
 ], Q.prototype, "_anchor");
 q1([
-  H()
+  y()
 ], Q.prototype, "_hover");
-const h3 = class h3 extends h {
+const he = class he extends h {
   constructor() {
     super(...arguments), this._host = null;
   }
@@ -8275,10 +8284,10 @@ const h3 = class h3 extends h {
     return a`<anduin-calendar part="calendar" range-mode></anduin-calendar>`;
   }
 };
-h3.styles = g`
+he.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
   `;
-let T2 = h3;
+let T2 = he;
 class F0 extends T2 {
   constructor() {
     super(...arguments), this.panelRole = "start";
@@ -8289,7 +8298,7 @@ class O0 extends T2 {
     super(...arguments), this.panelRole = "end";
   }
 }
-const u3 = class u3 extends h {
+const ue = class ue extends h {
   render() {
     return a`
       <div class="date-range-default" part="layout">
@@ -8299,12 +8308,12 @@ const u3 = class u3 extends h {
     `;
   }
 };
-u3.styles = g`
+ue.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .date-range-default { display: flex; flex-direction: row; gap: 16px; }
   `;
-let F5 = u3;
+let F5 = ue;
 customElements.get("anduin-date-range") || customElements.define("anduin-date-range", Q);
 customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", F5);
 customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", F0);
@@ -8314,15 +8323,15 @@ var T0 = Object.defineProperty, O = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && T0(e, t, i), i;
 };
-const O5 = "anduin-date-input:change", q3 = { M: "month", d: "day", y: "year" };
+const O5 = "anduin-date-input:change", qe = { M: "month", d: "day", y: "year" };
 function I0(r) {
   const e = [];
   let t = 0, o = 0;
   for (; o < r.length; ) {
-    const i = r[o], n = q3[i];
+    const i = r[o], n = qe[i];
     if (!n) {
       let d = "";
-      for (; o < r.length && !q3[r[o]]; ) d += r[o++];
+      for (; o < r.length && !qe[r[o]]; ) d += r[o++];
       e.push({ literal: d }), t += d.length;
       continue;
     }
@@ -8402,7 +8411,7 @@ const e2 = 1, j2 = class j2 extends h {
    * carries a full date — a partial format like `MM/dd` has no year to compare.
    */
   _clampToBounds(e) {
-    const t = A(this.minDate), o = A(this.maxDate);
+    const t = D(this.minDate), o = D(this.maxDate);
     if (!t && !o) return e;
     const i = this._indexOfType("month"), n = this._indexOfType("day"), l = this._indexOfType("year");
     if (i < 0 || n < 0 || l < 0) return e;
@@ -8634,13 +8643,13 @@ O([
   s()
 ], E.prototype, "inputid");
 O([
-  H()
+  y()
 ], E.prototype, "_digits");
 O([
-  H()
+  y()
 ], E.prototype, "_active");
 O([
-  H()
+  y()
 ], E.prototype, "_buffer");
 O([
   R("input")
@@ -8651,13 +8660,13 @@ var N0 = Object.defineProperty, T = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && N0(e, t, i), i;
 };
-const j0 = "anduin-date-picker:change", Ze = { M: "month", d: "day", y: "year" };
+const j0 = "anduin-date-picker:change", Z3 = { M: "month", d: "day", y: "year" };
 function U0(r, e) {
   if (!r) return null;
   const t = {};
   let o = 0, i = 0;
   for (; i < e.length; ) {
-    const d = e[i], c = Ze[d];
+    const d = e[i], c = Z3[d];
     if (!c) {
       i++, o++;
       continue;
@@ -8681,7 +8690,7 @@ function G0(r, e) {
   };
   let o = "", i = 0;
   for (; i < e.length; ) {
-    const n = e[i], l = Ze[n];
+    const n = e[i], l = Z3[n];
     if (!l) {
       o += n, i++;
       continue;
@@ -8693,7 +8702,7 @@ function G0(r, e) {
   }
   return o;
 }
-const g3 = class g3 extends h {
+const ge = class ge 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;
@@ -8701,7 +8710,7 @@ const g3 = class g3 extends h {
       e.stopPropagation(), this._emit(e.detail);
     }, this._onCalendarChange = (e) => {
       e.stopPropagation();
-      const t = A(e.detail);
+      const t = D(e.detail);
       t && (this._emit(G0(t, this.format)), this._closePopover());
     }, this._onKeyDown = (e) => {
       var t;
@@ -8769,7 +8778,7 @@ const g3 = class g3 extends h {
     `;
   }
 };
-g3.styles = g`
+ge.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .datepicker { display: block; }
@@ -8779,7 +8788,7 @@ g3.styles = g`
     /* The popover contributes 8px; the calendar reads better with 16px total. */
     .datepicker__panel { padding: 8px; display: flex; flex-direction: column; }
   `;
-let z = g3;
+let z = ge;
 T([
   s()
 ], z.prototype, "format");
@@ -8814,7 +8823,7 @@ T([
   s()
 ], z.prototype, "inputid");
 T([
-  H()
+  y()
 ], z.prototype, "_open");
 T([
   R("anduin-date-input")
@@ -8828,7 +8837,7 @@ var K0 = Object.defineProperty, L = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && K0(e, t, i), i;
 };
-const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "anduin-table:row-click", X0 = "anduin-table:selection-change", J0 = "anduin-table:cell-context-menu", Q0 = "anduin-table:row-expand", et = "anduin-table:row-collapse", tt = "anduin-table:group-toggle", X3 = "anduin-table:column-resize", J3 = 40, i1 = (r) => r.type === "selection", d1 = (r, e) => {
+const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "anduin-table:row-click", X0 = "anduin-table:selection-change", J0 = "anduin-table:cell-context-menu", Q0 = "anduin-table:row-expand", et = "anduin-table:row-collapse", tt = "anduin-table:group-toggle", Xe = "anduin-table:column-resize", Je = 40, i1 = (r) => r.type === "selection", d1 = (r, e) => {
   if (!e) return;
   let t = r;
   for (const o of e.split(".")) {
@@ -8836,7 +8845,7 @@ const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "anduin-t
     t = t[o];
   }
   return t;
-}, it = (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" }), f3 = class f3 extends h {
+}, it = (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" }), fe = class fe 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;
@@ -8852,7 +8861,7 @@ const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "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(X3, {
+      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(Xe, {
         detail: { column: e, field: t.key, width: t.width },
         bubbles: !0,
         composed: !0
@@ -9184,7 +9193,7 @@ const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "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 ? J3 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
+      const i = i1(t) && !t.width && !t.minWidth ? Je : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
       return e + i;
     }, 0);
   }
@@ -9210,7 +9219,7 @@ const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "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(X3, {
+    delete n[i], this.resizedWidths = n, this.dispatchEvent(new CustomEvent(Xe, {
       detail: { column: t, field: i, width: null },
       bubbles: !0,
       composed: !0
@@ -9254,17 +9263,17 @@ const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "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, U = M > 0 && !S, X1 = e.renderHeader ? e.renderHeader({
-        areAllRowsSelected: S,
+      const v = this.renderSelectableRows, x = this.renderSelectedKeys, M = v.filter((t1) => x.has(t1.key)).length, A = v.length > 0 && M === v.length, U = M > 0 && !A, X1 = e.renderHeader ? e.renderHeader({
+        areAllRowsSelected: A,
         hasSelectedRow: M > 0,
         onChange: (t1) => this.toggleAllRows(t1)
       }) : a`
             <anduin-checkbox
-              .checked=${S}
+              .checked=${A}
               .indeterminate=${U}
-              aria-label="${S ? "Deselect all rows" : "Select all rows"}"
+              aria-label="${A ? "Deselect all rows" : "Select all rows"}"
               @anduin-checkbox:change=${(t1) => {
-        t1.stopPropagation(), this.toggleAllRows(!S);
+        t1.stopPropagation(), this.toggleAllRows(!A);
       }}
             ></anduin-checkbox>
           `;
@@ -9474,7 +9483,7 @@ const W0 = "anduin-table:sort", Y0 = "anduin-table:column-click", q0 = "anduin-t
     `;
   }
 };
-f3.styles = g`
+fe.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -9691,7 +9700,7 @@ f3.styles = g`
       text-align: right;
     }
     .table__cell--selection {
-      width: ${J3}px;
+      width: ${Je}px;
       padding: 8px 0 8px 12px;
     }
 
@@ -9840,113 +9849,113 @@ f3.styles = g`
       cursor: progress;
     }
   `;
-let y = f3;
+let H = fe;
 L([
   s({ attribute: !1 })
-], y.prototype, "columns");
+], H.prototype, "columns");
 L([
   s({ attribute: !1 })
-], y.prototype, "data");
+], H.prototype, "data");
 L([
   s({ reflect: !0 })
-], y.prototype, "layout");
+], H.prototype, "layout");
 L([
   s({ attribute: "render-mode", reflect: !0 })
-], y.prototype, "renderMode");
+], H.prototype, "renderMode");
 L([
   s({ type: Number, attribute: "row-height" })
-], y.prototype, "rowHeight");
+], H.prototype, "rowHeight");
 L([
   s()
-], y.prototype, "height");
+], H.prototype, "height");
 L([
   s({ attribute: "max-height" })
-], y.prototype, "maxHeight");
+], H.prototype, "maxHeight");
 L([
   s({ attribute: "min-height" })
-], y.prototype, "minHeight");
+], H.prototype, "minHeight");
 L([
   s({
     attribute: "resizable-columns",
     converter: (r) => r !== "false"
   })
-], y.prototype, "resizableColumns");
+], H.prototype, "resizableColumns");
 L([
   s({ type: Boolean, attribute: "hide-header", reflect: !0 })
-], y.prototype, "hideHeader");
+], H.prototype, "hideHeader");
 L([
   s({ type: Boolean, reflect: !0 })
-], y.prototype, "loading");
+], H.prototype, "loading");
 L([
   s({ reflect: !0 })
-], y.prototype, "selectable");
+], H.prototype, "selectable");
 L([
   s({ attribute: "index-column" })
-], y.prototype, "indexColumn");
+], H.prototype, "indexColumn");
 L([
   s({ attribute: "column-align" })
-], y.prototype, "columnAlign");
+], H.prototype, "columnAlign");
 L([
   s({ attribute: "column-vertical-align" })
-], y.prototype, "columnVerticalAlign");
+], H.prototype, "columnVerticalAlign");
 L([
   s({ attribute: "sort-field" })
-], y.prototype, "sortField");
+], H.prototype, "sortField");
 L([
   s({ attribute: "sort-direction" })
-], y.prototype, "sortDirection");
+], H.prototype, "sortDirection");
 L([
   s({ type: Boolean, attribute: "data-tree", reflect: !0 })
-], y.prototype, "dataTree");
+], H.prototype, "dataTree");
 L([
   s({ attribute: "tree-children-field" })
-], y.prototype, "treeChildrenField");
+], H.prototype, "treeChildrenField");
 L([
   s({ type: Number, attribute: "tree-child-indent" })
-], y.prototype, "treeChildIndent");
+], H.prototype, "treeChildIndent");
 L([
   s({ attribute: "group-by" })
-], y.prototype, "groupBy");
+], H.prototype, "groupBy");
 L([
   s({ attribute: !1 })
-], y.prototype, "selectedRows");
+], H.prototype, "selectedRows");
 L([
   s({ attribute: !1 })
-], y.prototype, "isRowDisabled");
+], H.prototype, "isRowDisabled");
 L([
   s({ attribute: !1 })
-], y.prototype, "onStartExpanded");
+], H.prototype, "onStartExpanded");
 L([
   s({ attribute: !1 })
-], y.prototype, "rowClass");
+], H.prototype, "rowClass");
 L([
   s({ attribute: !1 })
-], y.prototype, "renderGroupHeader");
+], H.prototype, "renderGroupHeader");
 L([
-  H()
-], y.prototype, "expandedKeys");
+  y()
+], H.prototype, "expandedKeys");
 L([
-  H()
-], y.prototype, "collapsedGroups");
+  y()
+], H.prototype, "collapsedGroups");
 L([
-  H()
-], y.prototype, "virtualScrollTop");
+  y()
+], H.prototype, "virtualScrollTop");
 L([
-  H()
-], y.prototype, "viewportHeight");
+  y()
+], H.prototype, "viewportHeight");
 L([
-  H()
-], y.prototype, "scrolledX");
+  y()
+], H.prototype, "scrolledX");
 L([
-  H()
-], y.prototype, "scrollableXEnd");
+  y()
+], H.prototype, "scrollableXEnd");
 L([
-  H()
-], y.prototype, "resizedWidths");
+  y()
+], H.prototype, "resizedWidths");
 L([
-  H()
-], y.prototype, "resizingKey");
-customElements.get("anduin-table") || customElements.define("anduin-table", y);
+  y()
+], H.prototype, "resizingKey");
+customElements.get("anduin-table") || customElements.define("anduin-table", H);
 export {
   F2 as $,
   T1 as A,
@@ -9986,17 +9995,17 @@ export {
   p2 as a5,
   w as a6,
   V2 as a7,
-  H2 as a8,
+  y2 as a8,
   n1 as a9,
   j0 as aA,
   B0 as aB,
   o5 as aC,
   n2 as aD,
-  N3 as aE,
-  fe as aF,
+  Ne as aE,
+  f3 as aF,
   u1 as aG,
   l0 as aH,
-  A3 as aI,
+  Ae as aI,
   V7 as aJ,
   m5 as aK,
   Q2 as aL,
@@ -10013,9 +10022,9 @@ export {
   E0 as aW,
   n5 as aX,
   _0 as aY,
-  y0 as aZ,
+  H0 as aZ,
   u0 as a_,
-  y as aa,
+  H as aa,
   I1 as ab,
   b2 as ac,
   N1 as ad,
@@ -10031,19 +10040,19 @@ export {
   L2 as an,
   Y as ao,
   q as ap,
-  y2 as aq,
+  H2 as aq,
   h5 as ar,
   p5 as as,
   P2 as at,
   u5 as au,
-  Ce as av,
+  C3 as av,
   M2 as aw,
   B5 as ax,
   _7 as ay,
   O5 as az,
   E2 as b,
   Y0 as b0,
-  X3 as b1,
+  Xe as b1,
   tt as b2,
   q0 as b3,
   et as b4,
@@ -10051,7 +10060,7 @@ export {
   X0 as b6,
   W0 as b7,
   Z7 as b8,
-  ve as b9,
+  v3 as b9,
   G2 as ba,
   R7 as bb,
   M7 as bc,
@@ -10060,17 +10069,17 @@ export {
   c5 as bf,
   P7 as bg,
   D7 as bh,
-  ye as bi,
-  _e as bj,
+  H3 as bi,
+  _3 as bj,
   W5 as bk,
-  be as bl,
-  He as bm,
-  Le as bn,
+  b3 as bl,
+  y3 as bm,
+  L3 as bn,
   j7 as bo,
   c1 as bp,
   L1 as bq,
-  pe as br,
-  A as bs,
+  p3 as br,
+  D as bs,
   a0 as bt,
   F1 as bu,
   lt as bv,