npm - @duyluonganduin/acl-web-components - Versions diffs - 0.0.57 → 0.0.59 - Mend

@duyluonganduin/acl-web-components 0.0.57 → 0.0.59

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

Files changed (10) hide show

package/dist/acl-web-components.cjs +1 -1
package/dist/acl-web-components.d.ts +24 -0
package/dist/acl-web-components.iife.js +188 -148
package/dist/acl-web-components.js +1 -1
package/dist/{anduin-table-DGYmi5iv.js → anduin-table-DRPTUmAM.js} +635 -563
package/dist/{anduin-table-CgbMyPrV.cjs → anduin-table-X2lYnMwn.cjs} +74 -34
package/dist/react.cjs +1 -1
package/dist/react.d.ts +24 -0
package/dist/react.js +2 -2
package/package.json +1 -1

package/dist/{anduin-table-DGYmi5iv.js → anduin-table-DRPTUmAM.js} RENAMED Viewed

@@ -3,18 +3,18 @@
  * 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, I5 = k2.ShadowRoot && (k2.ShadyCSS === void 0 || k2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, T5 = 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.");
+    if (this._$cssResult$ = !0, o !== T5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
     let e = this.o;
     const t = this.t;
-    if (T5 && e === void 0) {
+    if (I5 && 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, T5), 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) => {
-  if (T5) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  return new e3(t, r, T5);
+}, $3 = (r, e) => {
+  if (I5) 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 = I5 ? (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 I3 = (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] = I3(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 T3 {
   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 T3(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 {
@@ -997,18 +997,18 @@ X5.styles = g`
       }
     }
   `;
-let T1 = X5;
+let I1 = X5;
 U5([
   s({ reflect: !0 })
-], T1.prototype, "state");
+], I1.prototype, "state");
 U5([
   s({ type: Number, reflect: !0 })
-], T1.prototype, "size");
+], I1.prototype, "size");
 U5([
   R(".ai-spinner")
-], T1.prototype, "wrapper");
-customElements.get("anduin-ai-spinner") || customElements.define("anduin-ai-spinner", T1);
-const S3 = {
+], I1.prototype, "wrapper");
+customElements.get("anduin-ai-spinner") || customElements.define("anduin-ai-spinner", I1);
+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", T2 = class T2 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";
@@ -2319,7 +2319,7 @@ const A3 = "anduin-input:change", V7 = "anduin-input:clear", I2 = class I2 exten
     `;
   }
 };
-I2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, I2.styles = g`
+T2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, T2.styles = g`
     :host { display: block; font-family: var(--font-sans); }
     .input-wrapper { position: relative; display: flex; align-items: center; }
@@ -2373,7 +2373,7 @@ I2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, I2.styles
     }
     .input__clear:hover { color: var(--color-gray-7); }
   `;
-let B = I2;
+let B = T2;
 K([
   s()
 ], B.prototype, "value");
@@ -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 }));
@@ -2554,16 +2554,16 @@ u4.styles = g`
     .tabs { display: flex; flex-direction: column; width: 100%; }
     :host([fill]) .tabs { flex: 1; min-height: 0; }
   `;
-let I1 = u4;
+let T1 = u4;
 N([
   s({ attribute: "default-value" })
-], I1.prototype, "defaultValue");
+], T1.prototype, "defaultValue");
 N([
   s()
-], I1.prototype, "value");
+], T1.prototype, "value");
 N([
   s({ type: Boolean, reflect: !0 })
-], I1.prototype, "fill");
+], T1.prototype, "fill");
 const g4 = class g4 extends h {
   constructor() {
     super(...arguments), this.alignment = "left", this.lastActiveValue = "", this.resizeObserver = null;
@@ -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");
-customElements.get("anduin-tabs") || customElements.define("anduin-tabs", I1);
+  y()
+], y2.prototype, "isActive");
+customElements.get("anduin-tabs") || customElements.define("anduin-tabs", T1);
 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,7 +3197,7 @@ 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 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;
@@ -3212,7 +3212,7 @@ function O7(r, e, t, o = 8) {
 function C5(r) {
   return r.split("-")[0] || "top";
 }
-function T7(r, e, t) {
+function I7(r, e, t) {
   let o = !1, i = t.length - 1;
   for (let n = 0; n < t.length; n++) {
     const l = t[n][0], d = t[n][1], c = t[i][0], C = t[i][1];
@@ -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 }));
     });
@@ -3325,7 +3325,7 @@ const V4 = class V4 extends h {
       var n, l;
       if (!this.graceArea) return;
       const t = e.target, o = ((n = this.triggerEl) == null ? void 0 : n.contains(t)) ?? !1, i = ((l = this.popupEl) == null ? void 0 : l.contains(t)) ?? !1;
-      o || i ? this.graceArea = null : T7(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(W5, { bubbles: !0, composed: !0 })));
+      o || i ? this.graceArea = null : I7(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(W5, { bubbles: !0, composed: !0 })));
     }, this.handleTriggerLeave = (e) => {
       this.triggerEl && this.popupEl && this.createGraceArea(this.triggerEl, this.popupEl, e);
     }, this.handleContentLeave = (e) => {
@@ -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,13 +3408,13 @@ 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) => {
+var T7 = Object.defineProperty, N7 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && I7(e, t, i), i;
+  return i && T7(e, t, i), i;
 };
 const j7 = "anduin-well-close:click", x4 = class x4 extends h {
   constructor() {
@@ -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 Ie = [
   { 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 Ie[e % Ie.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 Te = {
   gray: "info",
   primary: "infoCircleLine",
   success: "checkCircle",
@@ -4915,7 +4915,7 @@ const I3 = {
     this.dismiss();
   }
   render() {
-    const e = I3[this.variant] ?? I3.gray;
+    const e = Te[this.variant] ?? Te.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,23 +5309,23 @@ 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, S = (r, e, t, o) => {
+var g0 = 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 && 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.clearable = !0, 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._activeIndex = -1, this._onOutsideClick = (e) => {
       var t;
-      !this.contains(e.target) && !((t = this.shadowRoot) != null && t.contains(e.target)) && (this._open = !1, this._query = "");
+      !this.contains(e.target) && !((t = this.shadowRoot) != null && t.contains(e.target)) && (this._open = !1, this._query = "", this._activeIndex = -1);
     }, this._onScrollOrResize = () => {
       this._open && this._updatePosition();
     };
@@ -5337,34 +5337,61 @@ const N3 = "anduin-dropdown:change", B4 = class B4 extends h {
     super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize);
   }
   updated(e) {
-    e.has("_open") && this._open && requestAnimationFrame(() => {
-      var t, o;
+    var t, o;
+    e.has("_activeIndex") && this._activeIndex >= 0 && ((o = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".option--active")) == null || o.scrollIntoView({ block: "nearest" })), e.has("_open") && this._open && requestAnimationFrame(() => {
+      var i, n;
       if (this._updatePosition(), this.searchable) {
-        const i = (o = (t = this._searchEl) == null ? void 0 : t.shadowRoot) == null ? void 0 : o.querySelector("input");
-        i == null || i.focus();
+        const l = (n = (i = this._searchEl) == null ? void 0 : i.shadowRoot) == null ? void 0 : n.querySelector("input");
+        l == null || l.focus();
       }
     });
   }
   _onTriggerClick() {
-    this.disabled || (this._open = !this._open, this._open || (this._query = ""));
+    this.disabled || (this._open = !this._open, this._activeIndex = -1, this._open || (this._query = ""));
   }
+  // Bound on both the trigger and the panel, so it hears keys whether focus is
+  // on the trigger (searchable off) or in the search input (keydown is composed
+  // and bubbles out of anduin-input's shadow root). Before 0.0.59 only Escape
+  // was handled; the arrows and Enter are new and act only while the panel is
+  // open, so a closed dropdown's keyboard behaviour is unchanged.
   _onKeyDown(e) {
     var t;
-    e.key === "Escape" && (this._open = !1, this._query = "", (t = this._triggerEl) == null || t.focus());
+    if (e.key === "Escape") {
+      this._open = !1, this._query = "", this._activeIndex = -1, (t = this._triggerEl) == null || t.focus();
+      return;
+    }
+    if (this._open) {
+      if (e.key === "ArrowDown" || e.key === "ArrowUp")
+        e.preventDefault(), this._moveActive(e.key === "ArrowDown" ? 1 : -1);
+      else if (e.key === "Enter" && this._activeIndex >= 0) {
+        e.preventDefault();
+        const o = this._filteredOptions[this._activeIndex];
+        o && this._selectOption(o);
+      }
+    }
+  }
+  /** Step the highlight by `dir`, skipping disabled rows; stays put at either end. */
+  _moveActive(e) {
+    const t = this._filteredOptions;
+    for (let o = this._activeIndex + e; o >= 0 && o < t.length; o += e)
+      if (!t[o].disabled) {
+        this._activeIndex = o;
+        return;
+      }
   }
   _onClear(e) {
-    e.stopPropagation(), this.clearable && (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, {
+    e.disabled || (this.value = e.value, this._open = !1, this._query = "", this._activeIndex = -1, this.dispatchEvent(new CustomEvent(Ne, {
       detail: e.value,
       bubbles: !0,
       composed: !0
-    }));
+    })));
   }
   _updatePosition() {
     const e = this._triggerEl, t = this._panelEl;
@@ -5387,7 +5414,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 +5427,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${this.clearable ? " trigger__caret--clearable" : ""}">
+        <span class="trigger__caret${n ? " trigger__caret--clearable" : ""}">
           <span class="trigger__chevron">
             <anduin-icon name="caretDown" size="16"></anduin-icon>
           </span>
-          ${this.clearable && 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 +5446,32 @@ 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, this._activeIndex = -1;
     }}
               ></anduin-input>
             </div>
           ` : u}
           <div class="options">
-            ${i.length ? i.map((n) => a`
+            ${i.length ? i.map((l, d) => a`
                   <div
-                    class="option"
+                    class="option${l.disabled ? " option--disabled" : ""}${l.description ? " option--described" : ""}${d === this._activeIndex ? " option--active" : ""}"
                     role="option"
-                    aria-selected=${n.value === this.value}
-                    @click=${() => this._selectOption(n)}
+                    aria-selected=${l.value === this.value}
+                    aria-disabled=${l.disabled ? "true" : u}
+                    @click=${() => this._selectOption(l)}
+                    @mouseenter=${() => {
+      this._activeIndex >= 0 && !l.disabled && (this._activeIndex = d);
+    }}
                   >
                     <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}
+                    ${l.description ? a`<span class="option__text">
+                          <span class="option__label">${l.label}</span>
+                          <span class="option__description" part="option-description">${l.description}</span>
+                        </span>` : a`<span class="option__label">${l.label}</span>`}
                   </div>
                 `) : a`<div class="empty">No results</div>`}
           </div>
@@ -5559,8 +5593,12 @@ 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); }
-    /* Scoped to --clearable so a dropdown with clearable=false keeps its chevron
-       on hover: unscoped, the chevron fades out to reveal a × that is not there. */
+    /* 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; }
@@ -5618,9 +5656,40 @@ B4.styles = g`
     }
     .option:hover  { background: var(--color-gray-2, #f2f4f7); }
     .option:active { background: var(--color-gray-3, #e4e7ec); }
+    /* Keyboard highlight. The same fill as :hover, so a row reached by arrow
+       keys reads exactly like one under the pointer. Only ever set by a key
+       press (see _activeIndex), so a dropdown driven by the mouse alone paints
+       as it always did. */
+    .option--active { background: var(--color-gray-2, #f2f4f7); }
     .option__check { flex-shrink: 0; width: 16px; display: flex; align-items: center; color: var(--color-gray-7, #344054); }
     .option__label { flex: 1; min-width: 0; }
+    /* Disabled option: visible but unavailable. Opacity 0.5 is the design
+       system's own value for anduin-select-item[disabled]. The cursor is
+       default rather than its not-allowed, to match this library's disabled
+       trigger (.trigger:disabled) — nothing here uses not-allowed. Hover and
+       press draw no fill, so the row never pretends it can be picked. */
+    .option--disabled { opacity: 0.5; cursor: default; }
+    .option--disabled:hover,
+    .option--disabled:active { background: transparent; }
+    /* Option with a description: two lines. The label keeps its own line and
+       typography; the description sits under it at 12px in gray-6 (the
+       placeholder's ink — lighter than the gray-9 label, still legible on a
+       dimmed disabled row). The row aligns to the top so the check and icon line
+       up with the label rather than the middle of the block; each is 16px tall
+       against a 20px label line, hence the 2px nudge. Rows without a
+       description never get --described, so their height is unchanged. */
+    .option--described { align-items: flex-start; }
+    .option--described > .option__check,
+    .option--described > anduin-icon { margin-top: 2px; }
+    .option__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
+    .option__description {
+      font-size: 12px;
+      line-height: 16px;
+      color: var(--color-gray-6, #667085);
+    }
     .empty {
       padding: 12px 16px;
       font-size: 13px;
@@ -5628,65 +5697,68 @@ B4.styles = g`
       text-align: center;
     }
   `;
-let Z = B4;
-S([
+let w = B4;
+$([
   s()
-], Z.prototype, "value");
-S([
+], w.prototype, "value");
+$([
   s()
-], Z.prototype, "placeholder");
-S([
+], w.prototype, "placeholder");
+$([
   s({ attribute: !1 })
-], Z.prototype, "options");
-S([
+], w.prototype, "options");
+$([
   s()
-], Z.prototype, "icon");
-S([
+], w.prototype, "icon");
+$([
   s({ type: Boolean })
-], Z.prototype, "searchable");
-S([
+], w.prototype, "searchable");
+$([
   s({ type: Boolean })
-], Z.prototype, "disabled");
-S([
+], w.prototype, "disabled");
+$([
   s()
-], Z.prototype, "placement");
-S([
+], w.prototype, "placement");
+$([
   s()
-], Z.prototype, "appearance");
-S([
+], w.prototype, "appearance");
+$([
   s()
-], Z.prototype, "variant");
-S([
+], w.prototype, "variant");
+$([
   s()
-], Z.prototype, "size");
-S([
+], w.prototype, "size");
+$([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
-], Z.prototype, "fullWidth");
-S([
+], w.prototype, "fullWidth");
+$([
   s({ converter: (r) => r !== "false" })
-], Z.prototype, "clearable");
-S([
-  H()
-], Z.prototype, "_open");
-S([
-  H()
-], Z.prototype, "_query");
-S([
+], w.prototype, "clearable");
+$([
+  y()
+], w.prototype, "_open");
+$([
+  y()
+], w.prototype, "_query");
+$([
+  y()
+], w.prototype, "_activeIndex");
+$([
   R(".trigger")
-], Z.prototype, "_triggerEl");
-S([
+], w.prototype, "_triggerEl");
+$([
   R(".panel")
-], Z.prototype, "_panelEl");
-S([
+], w.prototype, "_panelEl");
+$([
   R("anduin-input")
-], Z.prototype, "_searchEl");
-customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", Z);
+], w.prototype, "_searchEl");
+customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", w);
 var f0 = Object.defineProperty, a1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && 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],
@@ -5722,7 +5794,7 @@ const n2 = "anduin-close", o5 = "anduin-after-close", v0 = 300, j3 = 250, m0 = /
           composed: !0
         })
       );
-    }, j3)));
+    }, je)));
   }
   _dispatch(e) {
     this.dispatchEvent(
@@ -5855,7 +5927,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.
@@ -5967,10 +6039,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 {
@@ -5989,12 +6061,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, E = (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;
@@ -6071,7 +6143,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
@@ -6280,68 +6352,68 @@ O4.styles = g`
       text-align: center;
     }
   `;
-let w = O4;
-$([
+let Z = O4;
+E([
   s()
-], w.prototype, "value");
-$([
+], Z.prototype, "value");
+E([
   s()
-], w.prototype, "size");
-$([
+], Z.prototype, "size");
+E([
   s({ type: Boolean })
-], w.prototype, "disabled");
-$([
+], Z.prototype, "disabled");
+E([
   s({ type: Boolean })
-], w.prototype, "readonly");
-$([
+], Z.prototype, "readonly");
+E([
   s()
-], w.prototype, "placeholder");
-$([
+], Z.prototype, "placeholder");
+E([
   s()
-], w.prototype, "inputid");
-$([
+], Z.prototype, "inputid");
+E([
   s()
-], w.prototype, "status");
-$([
+], Z.prototype, "status");
+E([
   s({ attribute: "start-icon" })
-], w.prototype, "startIcon");
-$([
+], Z.prototype, "startIcon");
+E([
   s({ attribute: "end-icon" })
-], w.prototype, "endIcon");
-$([
+], Z.prototype, "endIcon");
+E([
   s({ type: Boolean })
-], w.prototype, "clearable");
-$([
+], Z.prototype, "clearable");
+E([
   s({ attribute: !1 })
-], w.prototype, "suggestions");
-$([
+], Z.prototype, "suggestions");
+E([
   s({ type: Boolean })
-], w.prototype, "filter");
-$([
+], Z.prototype, "filter");
+E([
   s({ type: Boolean, attribute: "hide-when-empty" })
-], w.prototype, "hideWhenEmpty");
-$([
+], Z.prototype, "hideWhenEmpty");
+E([
   s({ attribute: "empty-text" })
-], w.prototype, "emptyText");
-$([
-  H()
-], w.prototype, "_open");
-$([
-  H()
-], w.prototype, "_activeIndex");
-$([
+], Z.prototype, "emptyText");
+E([
+  y()
+], Z.prototype, "_open");
+E([
+  y()
+], Z.prototype, "_activeIndex");
+E([
   R("input")
-], w.prototype, "_inputEl");
-$([
+], Z.prototype, "_inputEl");
+E([
   R(".panel")
-], w.prototype, "_panelEl");
-customElements.get("anduin-suggestion") || customElements.define("anduin-suggestion", w);
+], Z.prototype, "_panelEl");
+customElements.get("anduin-suggestion") || customElements.define("anduin-suggestion", Z);
 var L0 = Object.defineProperty, W = (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 && L0(e, t, i), i;
 };
-const V0 = "anduin-navigation:change", _5 = "anduin-navigation-item:item-click", T4 = class T4 extends h {
+const V0 = "anduin-navigation:change", _5 = "anduin-navigation-item:item-click", I4 = class I4 extends h {
   constructor() {
     super(...arguments), this.defaultValue = "", this.value = null, this.theme = "light", this.alignment = "left", this.internalValue = "", this.onItemClick = (e) => {
       e.stopPropagation();
@@ -6384,7 +6456,7 @@ const V0 = "anduin-navigation:change", _5 = "anduin-navigation-item:item-click",
     `;
   }
 };
-T4.styles = g`
+I4.styles = g`
     :host {
       display: block;
       font-family: var(--font-sans);
@@ -6427,7 +6499,7 @@ T4.styles = g`
     .navigation--center { justify-content: center; }
     .navigation--right { justify-content: flex-end; }
   `;
-let v1 = T4;
+let v1 = I4;
 W([
   s({ attribute: "default-value" })
 ], v1.prototype, "defaultValue");
@@ -6441,9 +6513,9 @@ W([
   s()
 ], v1.prototype, "alignment");
 W([
-  H()
+  y()
 ], v1.prototype, "internalValue");
-const I4 = class I4 extends h {
+const T4 = class T4 extends h {
   constructor() {
     super(...arguments), this.value = "", this.startIcon = "", this.href = "", this.disabled = !1, this.selected = !1, this.theme = "light";
   }
@@ -6490,7 +6562,7 @@ const I4 = class I4 extends h {
         `;
   }
 };
-I4.styles = g`
+T4.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     .nav-item {
       box-sizing: border-box;
@@ -6535,7 +6607,7 @@ I4.styles = g`
     }
     .nav-item__icon { display: flex; }
   `;
-let l1 = I4;
+let l1 = T4;
 W([
   s()
 ], l1.prototype, "value");
@@ -6561,8 +6633,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);
@@ -6584,7 +6656,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"))
@@ -6644,10 +6716,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>`;
@@ -6713,10 +6785,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)) {
@@ -6789,10 +6861,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);
@@ -7011,7 +7083,7 @@ Y1([
   s({ type: Number })
 ], m1.prototype, "value");
 Y1([
-  H()
+  y()
 ], m1.prototype, "internalValue");
 Y1([
   R(".pagination__indicator")
@@ -7313,7 +7385,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");
   }
@@ -7321,7 +7393,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;
@@ -7336,13 +7408,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;
@@ -7357,8 +7429,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;
   }
@@ -7366,7 +7438,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;
@@ -7377,11 +7449,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;
   }
@@ -7389,7 +7461,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;
@@ -7400,16 +7472,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;
     }
@@ -7419,8 +7491,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">
@@ -7431,7 +7503,7 @@ const r3 = class r3 extends h {
     `;
   }
 };
-r3.styles = g`
+re.styles = g`
     :host {
       display: block;
     }
@@ -7463,13 +7535,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;
     }
@@ -7479,8 +7551,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) {
@@ -7536,7 +7608,7 @@ const s3 = class s3 extends h {
     `;
   }
 };
-s3.styles = g`
+se.styles = g`
     :host {
       display: block;
     }
@@ -7619,7 +7691,7 @@ s3.styles = g`
       padding-right: 6px;
     }
   `;
-let b1 = s3;
+let b1 = se;
 D1([
   s({ attribute: "start-icon" })
 ], b1.prototype, "startIcon");
@@ -7635,7 +7707,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");
   }
@@ -7643,7 +7715,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;
@@ -7653,8 +7725,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");
   }
@@ -7662,7 +7734,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;
@@ -7672,8 +7744,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");
   }
@@ -7681,7 +7753,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;
     }
@@ -7690,7 +7762,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);
@@ -7729,7 +7801,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",
@@ -7742,7 +7814,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);
 }
@@ -7750,7 +7822,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);
@@ -7914,7 +7986,7 @@ const C3 = class C3 extends h {
       ...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 = (() => {
@@ -7935,9 +8007,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(
@@ -7970,7 +8042,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>
@@ -7979,34 +8051,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), A = x.getTime(), U = this._isDisabled(x), X1 = !!o && A === o.getTime(), t1 = !!i && A === i.getTime(), v3 = !!o && !!i && A > o.getTime() && A < i.getTime(), m3 = !n && !!t && A === 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);
@@ -8026,7 +8098,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; }
@@ -8121,44 +8193,44 @@ 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 T = Ce;
 e1([
   s({ reflect: !0 })
-], I.prototype, "value");
+], T.prototype, "value");
 e1([
   s({ attribute: "min-date" })
-], I.prototype, "minDate");
+], T.prototype, "minDate");
 e1([
   s({ attribute: "max-date" })
-], I.prototype, "maxDate");
+], T.prototype, "maxDate");
 e1([
   s({ attribute: "range-start" })
-], I.prototype, "rangeStart");
+], T.prototype, "rangeStart");
 e1([
   s({ attribute: "range-end" })
-], I.prototype, "rangeEnd");
+], T.prototype, "rangeEnd");
 e1([
   s({ type: Boolean, attribute: "range-mode" })
-], I.prototype, "rangeMode");
+], T.prototype, "rangeMode");
 e1([
-  H()
-], I.prototype, "_viewMonth");
+  y()
+], T.prototype, "_viewMonth");
 e1([
-  H()
-], I.prototype, "_viewYear");
+  y()
+], T.prototype, "_viewYear");
 e1([
-  H()
-], I.prototype, "_focus");
+  y()
+], T.prototype, "_focus");
 e1([
-  H()
-], I.prototype, "_openSelect");
-customElements.get("anduin-calendar") || customElements.define("anduin-calendar", I);
+  y()
+], T.prototype, "_openSelect");
+customElements.get("anduin-calendar") || customElements.define("anduin-calendar", T);
 var P0 = Object.defineProperty, q1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && 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();
@@ -8229,10 +8301,10 @@ const B0 = "anduin-date-range:change", p3 = class p3 extends h {
     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");
@@ -8246,12 +8318,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;
   }
@@ -8280,21 +8352,21 @@ 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;
-class F0 extends T2 {
+let I2 = he;
+class F0 extends I2 {
   constructor() {
     super(...arguments), this.panelRole = "start";
   }
 }
-class O0 extends T2 {
+class O0 extends I2 {
   constructor() {
     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">
@@ -8304,30 +8376,30 @@ 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);
 customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", O0);
-var T0 = Object.defineProperty, O = (r, e, t, o) => {
+var I0 = Object.defineProperty, O = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && T0(e, t, i), i;
+  return i && I0(e, t, i), i;
 };
-const O5 = "anduin-date-input:change", q3 = { M: "month", d: "day", y: "year" };
-function I0(r) {
+const O5 = "anduin-date-input:change", qe = { M: "month", d: "day", y: "year" };
+function T0(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;
     }
@@ -8357,7 +8429,7 @@ const e2 = 1, j2 = class j2 extends h {
     super.disconnectedCallback(), (e = this.closest("anduin-field")) == null || e.removeEventListener(u1, this._onFieldLabelClick);
   }
   willUpdate(e) {
-    e.has("format") ? (this._tokens = I0(this.format), this._segments = this._tokens.flatMap((t) => "segment" in t ? [t.segment] : []), this._digits = this._segments.map(() => null), this._active = 0, this._buffer = "", this.value && this._adoptValue(this.value)) : e.has("value") && this.value !== this._composeValue() && this._adoptValue(this.value);
+    e.has("format") ? (this._tokens = T0(this.format), this._segments = this._tokens.flatMap((t) => "segment" in t ? [t.segment] : []), this._digits = this._segments.map(() => null), this._active = 0, this._buffer = "", this.value && this._adoptValue(this.value)) : e.has("value") && this.value !== this._composeValue() && this._adoptValue(this.value);
   }
   updated() {
     const e = this._display();
@@ -8607,62 +8679,62 @@ j2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, j2.styles
     .date-input--warning  { border-color: var(--color-warning-4); }
     .date-input--loading  { border-color: var(--color-gray-4); }
   `;
-let E = j2;
+let z = j2;
 O([
   s()
-], E.prototype, "format");
+], z.prototype, "format");
 O([
   s()
-], E.prototype, "value");
+], z.prototype, "value");
 O([
   s()
-], E.prototype, "size");
+], z.prototype, "size");
 O([
   s({ type: Boolean })
-], E.prototype, "disabled");
+], z.prototype, "disabled");
 O([
   s({ type: Boolean })
-], E.prototype, "readonly");
+], z.prototype, "readonly");
 O([
   s()
-], E.prototype, "status");
+], z.prototype, "status");
 O([
   s({ attribute: "start-icon" })
-], E.prototype, "startIcon");
+], z.prototype, "startIcon");
 O([
   s({ attribute: "min-date" })
-], E.prototype, "minDate");
+], z.prototype, "minDate");
 O([
   s({ attribute: "max-date" })
-], E.prototype, "maxDate");
+], z.prototype, "maxDate");
 O([
   s()
-], E.prototype, "inputid");
+], z.prototype, "inputid");
 O([
-  H()
-], E.prototype, "_digits");
+  y()
+], z.prototype, "_digits");
 O([
-  H()
-], E.prototype, "_active");
+  y()
+], z.prototype, "_active");
 O([
-  H()
-], E.prototype, "_buffer");
+  y()
+], z.prototype, "_buffer");
 O([
   R("input")
-], E.prototype, "_inputEl");
-customElements.get("anduin-date-input") || customElements.define("anduin-date-input", E);
-var N0 = Object.defineProperty, T = (r, e, t, o) => {
+], z.prototype, "_inputEl");
+customElements.get("anduin-date-input") || customElements.define("anduin-date-input", z);
+var N0 = Object.defineProperty, I = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && 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;
@@ -8686,7 +8758,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;
@@ -8698,7 +8770,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;
@@ -8774,7 +8846,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; }
@@ -8784,56 +8856,56 @@ 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;
-T([
+let S = ge;
+I([
   s()
-], z.prototype, "format");
-T([
+], S.prototype, "format");
+I([
   s()
-], z.prototype, "value");
-T([
+], S.prototype, "value");
+I([
   s()
-], z.prototype, "size");
-T([
+], S.prototype, "size");
+I([
   s({ type: Boolean })
-], z.prototype, "disabled");
-T([
+], S.prototype, "disabled");
+I([
   s({ type: Boolean })
-], z.prototype, "readonly");
-T([
+], S.prototype, "readonly");
+I([
   s()
-], z.prototype, "status");
-T([
+], S.prototype, "status");
+I([
   s({ attribute: "start-icon" })
-], z.prototype, "startIcon");
-T([
+], S.prototype, "startIcon");
+I([
   s({ attribute: "min-date" })
-], z.prototype, "minDate");
-T([
+], S.prototype, "minDate");
+I([
   s({ attribute: "max-date" })
-], z.prototype, "maxDate");
-T([
+], S.prototype, "maxDate");
+I([
   s()
-], z.prototype, "placement");
-T([
+], S.prototype, "placement");
+I([
   s()
-], z.prototype, "inputid");
-T([
-  H()
-], z.prototype, "_open");
-T([
+], S.prototype, "inputid");
+I([
+  y()
+], S.prototype, "_open");
+I([
   R("anduin-date-input")
-], z.prototype, "_inputEl");
-T([
+], S.prototype, "_inputEl");
+I([
   R("anduin-popover")
-], z.prototype, "_popoverEl");
-customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", z);
+], S.prototype, "_popoverEl");
+customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", S);
 var K0 = Object.defineProperty, L = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && 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(".")) {
@@ -8841,7 +8913,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;
@@ -8857,7 +8929,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
@@ -9189,7 +9261,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);
   }
@@ -9215,7 +9287,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
@@ -9479,7 +9551,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;
@@ -9696,7 +9768,7 @@ f3.styles = g`
       text-align: right;
     }
     .table__cell--selection {
-      width: ${J3}px;
+      width: ${Je}px;
       padding: 8px 0 8px 12px;
     }
@@ -9845,116 +9917,116 @@ 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,
+  I1 as A,
   B,
   A2 as C,
   k1 as D,
@@ -9989,19 +10061,19 @@ export {
   o1 as a3,
   h2 as a4,
   p2 as a5,
-  w as a6,
+  Z 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,
@@ -10018,10 +10090,10 @@ export {
   E0 as aW,
   n5 as aX,
   _0 as aY,
-  y0 as aZ,
+  H0 as aZ,
   u0 as a_,
-  y as aa,
-  I1 as ab,
+  H as aa,
+  T1 as ab,
   b2 as ac,
   N1 as ad,
   d5 as ae,
@@ -10036,19 +10108,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,
@@ -10056,7 +10128,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,
@@ -10065,37 +10137,37 @@ 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,
+  p3 as br,
   D as bs,
   a0 as bt,
   F1 as bu,
   lt as bv,
   g2 as c,
   k as d,
-  I as e,
+  T as e,
   z2 as f,
   g1 as g,
-  E as h,
-  z as i,
+  z as h,
+  S as i,
   Q as j,
   F5 as k,
   O0 as l,
-  T2 as m,
+  I2 as m,
   F0 as n,
   f2 as o,
   S2 as p,
   j as q,
   b0 as r,
-  Z as s,
+  w as s,
   D2 as t,
   l5 as u,
   s5 as v,