@duyluonganduin/acl-web-components 0.0.6 → 0.0.8

package/dist/acl-web-components.js

@@ -1,21 +1,21 @@
-const p2 = ':root{--color-gray-0: oklch(1 0 0);--color-gray-1: oklch(.9846 .0017 247.84);--color-gray-2: oklch(.9515 .0046 258.32);--color-gray-3: oklch(.9336 .0058 264.53);--color-gray-4: oklch(.8618 .0141 258.35);--color-gray-5: oklch(.7073 .0268 263.28);--color-gray-6: oklch(.6528 .0316 266.24);--color-gray-7: oklch(.5371 .0337 264.24);--color-gray-8: oklch(.3544 .0326 260.94);--color-gray-9: oklch(.2776 .0341 255.81);--color-danger-1: oklch(.9437 .0174 17.47);--color-danger-2: oklch(.8643 .0573 18.32);--color-danger-3: oklch(.712 .1517 21.64);--color-danger-4: oklch(.5948 .2165 26.91);--color-danger-5: oklch(.531 .2147 28.91);--color-primary-1: oklch(.9474 .0256 221.57);--color-primary-2: oklch(.8652 .066 236.86);--color-primary-3: oklch(.7219 .1335 240.15);--color-primary-4: oklch(.5679 .1784 254.76);--color-primary-5: oklch(.4682 .1548 255.23);--color-success-1: oklch(.9276 .0541 150.91);--color-success-2: oklch(.8592 .1078 149.75);--color-success-3: oklch(.6953 .1711 149.14);--color-success-4: oklch(.6149 .1634 148.21);--color-success-5: oklch(.5075 .136 146.46);--color-warning-1: oklch(.9549 .0496 88.08);--color-warning-2: oklch(.912 .0811 83.56);--color-warning-3: oklch(.8282 .1628 78.73);--color-warning-4: oklch(.7325 .1512 75.97);--color-warning-5: oklch(.5329 .1098 82);--color-semantic-gray-0: oklch(1 0 0);--color-semantic-gray-1: oklch(.9846 .0017 247.84);--color-semantic-gray-2: oklch(.9515 .0046 258.32);--color-semantic-gray-3: oklch(.9336 .0058 264.53);--color-semantic-gray-4: oklch(.8618 .0141 258.35);--color-semantic-gray-5: oklch(.7073 .0268 263.28);--color-semantic-gray-6: oklch(.6528 .0316 266.24);--color-semantic-gray-7: oklch(.5371 .0337 264.24);--color-semantic-gray-8: oklch(.3544 .0326 260.94);--color-semantic-gray-9: oklch(.2776 .0341 255.81);--color-semantic-danger-1: oklch(.9437 .0174 17.47);--color-semantic-danger-2: oklch(.8643 .0573 18.32);--color-semantic-danger-3: oklch(.712 .1517 21.64);--color-semantic-danger-4: oklch(.5948 .2165 26.91);--color-semantic-danger-5: oklch(.531 .2147 28.91);--color-semantic-primary-1: oklch(.9474 .0256 221.57);--color-semantic-primary-2: oklch(.8652 .066 236.86);--color-semantic-primary-3: oklch(.7219 .1335 240.15);--color-semantic-primary-4: oklch(.5679 .1784 254.76);--color-semantic-primary-5: oklch(.4682 .1548 255.23);--color-semantic-success-1: oklch(.9276 .0541 150.91);--color-semantic-success-2: oklch(.8592 .1078 149.75);--color-semantic-success-3: oklch(.6953 .1711 149.14);--color-semantic-success-4: oklch(.6149 .1634 148.21);--color-semantic-success-5: oklch(.5075 .136 146.46);--color-semantic-warning-1: oklch(.9549 .0496 88.08);--color-semantic-warning-2: oklch(.912 .0811 83.56);--color-semantic-warning-3: oklch(.8282 .1628 78.73);--color-semantic-warning-4: oklch(.7325 .1512 75.97);--color-semantic-warning-5: oklch(.5329 .1098 82);--color-white: var(--color-gray-0);--font-sans: system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono: monospace;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-13: 13px;--text-15: 15px;--text-17: 17px;--text-20: 20px;--text-23: 23px;--text-26: 26px;--text-30: 30px;--text-35: 35px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-16: 16px;--leading-20: 20px;--leading-24: 24px;--leading-28: 28px;--leading-32: 32px;--leading-40: 40px;--leading-44: 44px;--leading-r1p5: 1.5;--radius-0: 0;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 9999px;--shadow-1: 0px 1px 2px rgba(29, 41, 57, .07);--shadow-2: 0px 1px 2px rgba(29, 41, 57, .04), 0px 2px 8px rgba(29, 41, 57, .08);--shadow-3: 0px 2px 8px rgba(29, 41, 57, .08), 0px 8px 24px rgba(29, 41, 57, .12);--shadow-4: 0px 4px 8px rgba(29, 41, 57, .08), 0px 16px 48px rgba(29, 41, 57, .16);--spacing-px: 1px;--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-128: 128px;--spacing-256: 256px;--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-4: 4;--z-5: 5;--z-999: 999;--z-9999: 9999}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';
+const b5 = ':root{--color-gray-0: oklch(1 0 0);--color-gray-1: oklch(.9846 .0017 247.84);--color-gray-2: oklch(.9515 .0046 258.32);--color-gray-3: oklch(.9336 .0058 264.53);--color-gray-4: oklch(.8618 .0141 258.35);--color-gray-5: oklch(.7073 .0268 263.28);--color-gray-6: oklch(.6528 .0316 266.24);--color-gray-7: oklch(.5371 .0337 264.24);--color-gray-8: oklch(.3544 .0326 260.94);--color-gray-9: oklch(.2776 .0341 255.81);--color-danger-1: oklch(.9437 .0174 17.47);--color-danger-2: oklch(.8643 .0573 18.32);--color-danger-3: oklch(.712 .1517 21.64);--color-danger-4: oklch(.5948 .2165 26.91);--color-danger-5: oklch(.531 .2147 28.91);--color-primary-1: oklch(.9474 .0256 221.57);--color-primary-2: oklch(.8652 .066 236.86);--color-primary-3: oklch(.7219 .1335 240.15);--color-primary-4: oklch(.5679 .1784 254.76);--color-primary-5: oklch(.4682 .1548 255.23);--color-success-1: oklch(.9276 .0541 150.91);--color-success-2: oklch(.8592 .1078 149.75);--color-success-3: oklch(.6953 .1711 149.14);--color-success-4: oklch(.6149 .1634 148.21);--color-success-5: oklch(.5075 .136 146.46);--color-warning-1: oklch(.9549 .0496 88.08);--color-warning-2: oklch(.912 .0811 83.56);--color-warning-3: oklch(.8282 .1628 78.73);--color-warning-4: oklch(.7325 .1512 75.97);--color-warning-5: oklch(.5329 .1098 82);--color-semantic-gray-0: oklch(1 0 0);--color-semantic-gray-1: oklch(.9846 .0017 247.84);--color-semantic-gray-2: oklch(.9515 .0046 258.32);--color-semantic-gray-3: oklch(.9336 .0058 264.53);--color-semantic-gray-4: oklch(.8618 .0141 258.35);--color-semantic-gray-5: oklch(.7073 .0268 263.28);--color-semantic-gray-6: oklch(.6528 .0316 266.24);--color-semantic-gray-7: oklch(.5371 .0337 264.24);--color-semantic-gray-8: oklch(.3544 .0326 260.94);--color-semantic-gray-9: oklch(.2776 .0341 255.81);--color-semantic-danger-1: oklch(.9437 .0174 17.47);--color-semantic-danger-2: oklch(.8643 .0573 18.32);--color-semantic-danger-3: oklch(.712 .1517 21.64);--color-semantic-danger-4: oklch(.5948 .2165 26.91);--color-semantic-danger-5: oklch(.531 .2147 28.91);--color-semantic-primary-1: oklch(.9474 .0256 221.57);--color-semantic-primary-2: oklch(.8652 .066 236.86);--color-semantic-primary-3: oklch(.7219 .1335 240.15);--color-semantic-primary-4: oklch(.5679 .1784 254.76);--color-semantic-primary-5: oklch(.4682 .1548 255.23);--color-semantic-success-1: oklch(.9276 .0541 150.91);--color-semantic-success-2: oklch(.8592 .1078 149.75);--color-semantic-success-3: oklch(.6953 .1711 149.14);--color-semantic-success-4: oklch(.6149 .1634 148.21);--color-semantic-success-5: oklch(.5075 .136 146.46);--color-semantic-warning-1: oklch(.9549 .0496 88.08);--color-semantic-warning-2: oklch(.912 .0811 83.56);--color-semantic-warning-3: oklch(.8282 .1628 78.73);--color-semantic-warning-4: oklch(.7325 .1512 75.97);--color-semantic-warning-5: oklch(.5329 .1098 82);--color-white: var(--color-gray-0);--font-sans: system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono: monospace;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-13: 13px;--text-15: 15px;--text-17: 17px;--text-20: 20px;--text-23: 23px;--text-26: 26px;--text-30: 30px;--text-35: 35px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-16: 16px;--leading-20: 20px;--leading-24: 24px;--leading-28: 28px;--leading-32: 32px;--leading-40: 40px;--leading-44: 44px;--leading-r1p5: 1.5;--radius-0: 0;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 9999px;--shadow-1: 0px 1px 2px rgba(29, 41, 57, .07);--shadow-2: 0px 1px 2px rgba(29, 41, 57, .04), 0px 2px 8px rgba(29, 41, 57, .08);--shadow-3: 0px 2px 8px rgba(29, 41, 57, .08), 0px 8px 24px rgba(29, 41, 57, .12);--shadow-4: 0px 4px 8px rgba(29, 41, 57, .08), 0px 16px 48px rgba(29, 41, 57, .16);--spacing-px: 1px;--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-128: 128px;--spacing-256: 256px;--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-4: 4;--z-5: 5;--z-999: 999;--z-9999: 9999}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const s1 = globalThis, S1 = s1.ShadowRoot && (s1.ShadyCSS === void 0 || s1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, O1 = Symbol(), y5 = /* @__PURE__ */ new WeakMap();
-let T5 = class {
-  constructor(e, t, l) {
-    if (this._$cssResult$ = !0, l !== O1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+const H1 = globalThis, U1 = H1.ShadowRoot && (H1.ShadyCSS === void 0 || H1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, j1 = Symbol(), A2 = /* @__PURE__ */ new WeakMap();
+let X2 = class {
+  constructor(e, t, o) {
+    if (this._$cssResult$ = !0, o !== j1) 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 (S1 && e === void 0) {
-      const l = t !== void 0 && t.length === 1;
-      l && (e = y5.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), l && y5.set(t, e));
+    if (U1 && e === void 0) {
+      const o = t !== void 0 && t.length === 1;
+      o && (e = A2.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && A2.set(t, e));
     }
     return e;
   }
@@ -23,120 +23,120 @@ let T5 = class {
     return this.cssText;
   }
 };
-const h2 = (C) => new T5(typeof C == "string" ? C : C + "", void 0, O1), h = (C, ...e) => {
-  const t = C.length === 1 ? C[0] : e.reduce((l, o, i) => l + ((n) => {
+const m5 = (l) => new X2(typeof l == "string" ? l : l + "", void 0, j1), H = (l, ...e) => {
+  const t = l.length === 1 ? l[0] : e.reduce((o, C, i) => o + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(o) + C[i + 1], C[0]);
-  return new T5(t, C, O1);
-}, v2 = (C, e) => {
-  if (S1) C.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  })(C) + l[i + 1], l[0]);
+  return new X2(t, l, j1);
+}, y5 = (l, e) => {
+  if (U1) l.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
-    const l = document.createElement("style"), o = s1.litNonce;
-    o !== void 0 && l.setAttribute("nonce", o), l.textContent = t.cssText, C.appendChild(l);
+    const o = document.createElement("style"), C = H1.litNonce;
+    C !== void 0 && o.setAttribute("nonce", C), o.textContent = t.cssText, l.appendChild(o);
   }
-}, R5 = S1 ? (C) => C : (C) => C instanceof CSSStyleSheet ? ((e) => {
+}, B2 = U1 ? (l) => l : (l) => l instanceof CSSStyleSheet ? ((e) => {
   let t = "";
-  for (const l of e.cssRules) t += l.cssText;
-  return h2(t);
-})(C) : C;
+  for (const o of e.cssRules) t += o.cssText;
+  return m5(t);
+})(l) : l;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: L2, defineProperty: g2, getOwnPropertyDescriptor: f2, getOwnPropertyNames: H2, getOwnPropertySymbols: b2, getPrototypeOf: m2 } = Object, x = globalThis, _5 = x.trustedTypes, V2 = _5 ? _5.emptyScript : "", V1 = x.reactiveElementPolyfillSupport, D = (C, e) => C, d1 = { toAttribute(C, e) {
+const { is: R5, defineProperty: x5, getOwnPropertyDescriptor: _5, getOwnPropertyNames: w5, getOwnPropertySymbols: k5, getPrototypeOf: $5 } = Object, w = globalThis, F2 = w.trustedTypes, E5 = F2 ? F2.emptyScript : "", _1 = w.reactiveElementPolyfillSupport, K = (l, e) => l, v1 = { toAttribute(l, e) {
   switch (e) {
     case Boolean:
-      C = C ? V2 : null;
+      l = l ? E5 : null;
       break;
     case Object:
     case Array:
-      C = C == null ? C : JSON.stringify(C);
+      l = l == null ? l : JSON.stringify(l);
   }
-  return C;
-}, fromAttribute(C, e) {
-  let t = C;
+  return l;
+}, fromAttribute(l, e) {
+  let t = l;
   switch (e) {
     case Boolean:
-      t = C !== null;
+      t = l !== null;
       break;
     case Number:
-      t = C === null ? null : Number(C);
+      t = l === null ? null : Number(l);
       break;
     case Object:
     case Array:
       try {
-        t = JSON.parse(C);
+        t = JSON.parse(l);
       } catch {
         t = null;
       }
   }
   return t;
-} }, B1 = (C, e) => !L2(C, e), x5 = { attribute: !0, type: String, converter: d1, reflect: !1, useDefault: !1, hasChanged: B1 };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), x.litPropertyMetadata ?? (x.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let S = class extends HTMLElement {
+} }, q1 = (l, e) => !R5(l, e), z2 = { attribute: !0, type: String, converter: v1, reflect: !1, useDefault: !1, hasChanged: q1 };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), w.litPropertyMetadata ?? (w.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let T = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = x5) {
+  static createProperty(e, t = z2) {
     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 l = Symbol(), o = this.getPropertyDescriptor(e, l, t);
-      o !== void 0 && g2(this.prototype, e, o);
+      const o = Symbol(), C = this.getPropertyDescriptor(e, o, t);
+      C !== void 0 && x5(this.prototype, e, C);
     }
   }
-  static getPropertyDescriptor(e, t, l) {
-    const { get: o, set: i } = f2(this.prototype, e) ?? { get() {
+  static getPropertyDescriptor(e, t, o) {
+    const { get: C, set: i } = _5(this.prototype, e) ?? { get() {
       return this[t];
     }, set(n) {
       this[t] = n;
     } };
-    return { get: o, set(n) {
-      const a = o == null ? void 0 : o.call(this);
-      i == null || i.call(this, n), this.requestUpdate(e, a, l);
+    return { get: C, set(n) {
+      const a = C == null ? void 0 : C.call(this);
+      i == null || i.call(this, n), this.requestUpdate(e, a, o);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? x5;
+    return this.elementProperties.get(e) ?? z2;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(D("elementProperties"))) return;
-    const e = m2(this);
+    if (this.hasOwnProperty(K("elementProperties"))) return;
+    const e = $5(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(D("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(D("properties"))) {
-      const t = this.properties, l = [...H2(t), ...b2(t)];
-      for (const o of l) this.createProperty(o, t[o]);
+    if (this.hasOwnProperty(K("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(K("properties"))) {
+      const t = this.properties, o = [...w5(t), ...k5(t)];
+      for (const C of o) this.createProperty(C, t[C]);
     }
     const e = this[Symbol.metadata];
     if (e !== null) {
       const t = litPropertyMetadata.get(e);
-      if (t !== void 0) for (const [l, o] of t) this.elementProperties.set(l, o);
+      if (t !== void 0) for (const [o, C] of t) this.elementProperties.set(o, C);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t, l] of this.elementProperties) {
-      const o = this._$Eu(t, l);
-      o !== void 0 && this._$Eh.set(o, t);
+    for (const [t, o] of this.elementProperties) {
+      const C = this._$Eu(t, o);
+      C !== void 0 && this._$Eh.set(C, t);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(e) {
     const t = [];
     if (Array.isArray(e)) {
-      const l = new Set(e.flat(1 / 0).reverse());
-      for (const o of l) t.unshift(R5(o));
-    } else e !== void 0 && t.push(R5(e));
+      const o = new Set(e.flat(1 / 0).reverse());
+      for (const C of o) t.unshift(B2(C));
+    } else e !== void 0 && t.push(B2(e));
     return t;
   }
   static _$Eu(e, t) {
-    const l = t.attribute;
-    return l === !1 ? void 0 : typeof l == "string" ? l : typeof e == "string" ? e.toLowerCase() : void 0;
+    const o = t.attribute;
+    return o === !1 ? void 0 : typeof o == "string" ? o : typeof e == "string" ? e.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -155,18 +155,18 @@ let S = class extends HTMLElement {
   }
   _$E_() {
     const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
-    for (const l of t.keys()) this.hasOwnProperty(l) && (e.set(l, this[l]), delete this[l]);
+    for (const o of t.keys()) this.hasOwnProperty(o) && (e.set(o, this[o]), delete this[o]);
     e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return v2(e, this.constructor.elementStyles), e;
+    return y5(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {
-      var l;
-      return (l = t.hostConnected) == null ? void 0 : l.call(t);
+      var o;
+      return (o = t.hostConnected) == null ? void 0 : o.call(t);
     });
   }
   enableUpdating(e) {
@@ -174,42 +174,42 @@ let S = class extends HTMLElement {
   disconnectedCallback() {
     var e;
     (e = this._$EO) == null || e.forEach((t) => {
-      var l;
-      return (l = t.hostDisconnected) == null ? void 0 : l.call(t);
+      var o;
+      return (o = t.hostDisconnected) == null ? void 0 : o.call(t);
     });
   }
-  attributeChangedCallback(e, t, l) {
-    this._$AK(e, l);
+  attributeChangedCallback(e, t, o) {
+    this._$AK(e, o);
   }
   _$ET(e, t) {
     var i;
-    const l = this.constructor.elementProperties.get(e), o = this.constructor._$Eu(e, l);
-    if (o !== void 0 && l.reflect === !0) {
-      const n = (((i = l.converter) == null ? void 0 : i.toAttribute) !== void 0 ? l.converter : d1).toAttribute(t, l.type);
-      this._$Em = e, n == null ? this.removeAttribute(o) : this.setAttribute(o, n), this._$Em = null;
+    const o = this.constructor.elementProperties.get(e), C = this.constructor._$Eu(e, o);
+    if (C !== void 0 && o.reflect === !0) {
+      const n = (((i = o.converter) == null ? void 0 : i.toAttribute) !== void 0 ? o.converter : v1).toAttribute(t, o.type);
+      this._$Em = e, n == null ? this.removeAttribute(C) : this.setAttribute(C, n), this._$Em = null;
     }
   }
   _$AK(e, t) {
     var i, n;
-    const l = this.constructor, o = l._$Eh.get(e);
-    if (o !== void 0 && this._$Em !== o) {
-      const a = l.getPropertyOptions(o), s = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((i = a.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? a.converter : d1;
-      this._$Em = o;
-      const u = s.fromAttribute(t, a.type);
-      this[o] = u ?? ((n = this._$Ej) == null ? void 0 : n.get(o)) ?? u, this._$Em = null;
+    const o = this.constructor, C = o._$Eh.get(e);
+    if (C !== void 0 && this._$Em !== C) {
+      const a = o.getPropertyOptions(C), s = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((i = a.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? a.converter : v1;
+      this._$Em = C;
+      const c = s.fromAttribute(t, a.type);
+      this[C] = c ?? ((n = this._$Ej) == null ? void 0 : n.get(C)) ?? c, this._$Em = null;
     }
   }
-  requestUpdate(e, t, l, o = !1, i) {
+  requestUpdate(e, t, o, C = !1, i) {
     var n;
     if (e !== void 0) {
       const a = this.constructor;
-      if (o === !1 && (i = this[e]), l ?? (l = a.getPropertyOptions(e)), !((l.hasChanged ?? B1)(i, t) || l.useDefault && l.reflect && i === ((n = this._$Ej) == null ? void 0 : n.get(e)) && !this.hasAttribute(a._$Eu(e, l)))) return;
-      this.C(e, t, l);
+      if (C === !1 && (i = this[e]), o ?? (o = a.getPropertyOptions(e)), !((o.hasChanged ?? q1)(i, t) || o.useDefault && o.reflect && i === ((n = this._$Ej) == null ? void 0 : n.get(e)) && !this.hasAttribute(a._$Eu(e, o)))) return;
+      this.C(e, t, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, t, { useDefault: l, reflect: o, wrapped: i }, n) {
-    l && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, n ?? t ?? this[e]), i !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || l || (t = void 0), this._$AL.set(e, t)), o === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, t, { useDefault: o, reflect: C, wrapped: i }, n) {
+    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, n ?? t ?? this[e]), i !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || o || (t = void 0), this._$AL.set(e, t)), C === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -225,15 +225,15 @@ let S = class extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var l;
+    var o;
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
         for (const [i, n] of this._$Ep) this[i] = n;
         this._$Ep = void 0;
       }
-      const o = this.constructor.elementProperties;
-      if (o.size > 0) for (const [i, n] of o) {
+      const C = this.constructor.elementProperties;
+      if (C.size > 0) for (const [i, n] of C) {
         const { wrapped: a } = n, s = this[i];
         a !== !0 || this._$AL.has(i) || s === void 0 || this.C(i, void 0, n, s);
       }
@@ -241,12 +241,12 @@ let S = class extends HTMLElement {
     let e = !1;
     const t = this._$AL;
     try {
-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (l = this._$EO) == null || l.forEach((o) => {
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (o = this._$EO) == null || o.forEach((C) => {
         var i;
-        return (i = o.hostUpdate) == null ? void 0 : i.call(o);
+        return (i = C.hostUpdate) == null ? void 0 : i.call(C);
       }), this.update(t)) : this._$EM();
-    } catch (o) {
-      throw e = !1, this._$EM(), o;
+    } catch (C) {
+      throw e = !1, this._$EM(), C;
     }
     e && this._$AE(t);
   }
@@ -254,9 +254,9 @@ let S = class extends HTMLElement {
   }
   _$AE(e) {
     var t;
-    (t = this._$EO) == null || t.forEach((l) => {
-      var o;
-      return (o = l.hostUpdated) == null ? void 0 : o.call(l);
+    (t = this._$EO) == null || t.forEach((o) => {
+      var C;
+      return (C = o.hostUpdated) == null ? void 0 : C.call(o);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
   _$EM() {
@@ -279,76 +279,76 @@ let S = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[D("elementProperties")] = /* @__PURE__ */ new Map(), S[D("finalized")] = /* @__PURE__ */ new Map(), V1 == null || V1({ ReactiveElement: S }), (x.reactiveElementVersions ?? (x.reactiveElementVersions = [])).push("2.1.2");
+T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[K("elementProperties")] = /* @__PURE__ */ new Map(), T[K("finalized")] = /* @__PURE__ */ new Map(), _1 == null || _1({ ReactiveElement: T }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q = globalThis, k5 = (C) => C, c1 = q.trustedTypes, w5 = c1 ? c1.createPolicy("lit-html", { createHTML: (C) => C }) : void 0, U5 = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, j5 = "?" + _, M2 = `<${j5}>`, z = document, G = () => z.createComment(""), Y = (C) => C === null || typeof C != "object" && typeof C != "function", I1 = Array.isArray, Z2 = (C) => I1(C) || typeof (C == null ? void 0 : C[Symbol.iterator]) == "function", M1 = `[ 	
-\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $5 = /-->/g, E5 = />/g, E = RegExp(`>|${M1}(?:([^\\s"'>=/]+)(${M1}*=${M1}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), P5 = /'/g, A5 = /"/g, D5 = /^(?:script|style|textarea|title)$/i, q5 = (C) => (e, ...t) => ({ _$litType$: C, strings: e, values: t }), d = q5(1), R1 = q5(2), O = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), z5 = /* @__PURE__ */ new WeakMap(), P = z.createTreeWalker(z, 129);
-function G5(C, e) {
-  if (!I1(C) || !C.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return w5 !== void 0 ? w5.createHTML(e) : e;
+const X = globalThis, P2 = (l) => l, V1 = X.trustedTypes, S2 = V1 ? V1.createPolicy("lit-html", { createHTML: (l) => l }) : void 0, J2 = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, Q2 = "?" + _, A5 = `<${Q2}>`, z = document, J = () => z.createComment(""), Q = (l) => l === null || typeof l != "object" && typeof l != "function", G1 = Array.isArray, B5 = (l) => G1(l) || typeof (l == null ? void 0 : l[Symbol.iterator]) == "function", w1 = `[ 	
+\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, D2 = /-->/g, O2 = />/g, A = RegExp(`>|${w1}(?:([^\\s"'>=/]+)(${w1}*=${w1}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), I2 = /'/g, T2 = /"/g, e5 = /^(?:script|style|textarea|title)$/i, t5 = (l) => (e, ...t) => ({ _$litType$: l, strings: e, values: t }), d = t5(1), E1 = t5(2), P = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), N2 = /* @__PURE__ */ new WeakMap(), B = z.createTreeWalker(z, 129);
+function C5(l, e) {
+  if (!G1(l) || !l.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return S2 !== void 0 ? S2.createHTML(e) : e;
 }
-const y2 = (C, e) => {
-  const t = C.length - 1, l = [];
-  let o, i = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = j;
+const F5 = (l, e) => {
+  const t = l.length - 1, o = [];
+  let C, i = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = W;
   for (let a = 0; a < t; a++) {
-    const s = C[a];
-    let u, L, v = -1, m = 0;
-    for (; m < s.length && (n.lastIndex = m, L = n.exec(s), L !== null); ) m = n.lastIndex, n === j ? L[1] === "!--" ? n = $5 : L[1] !== void 0 ? n = E5 : L[2] !== void 0 ? (D5.test(L[2]) && (o = RegExp("</" + L[2], "g")), n = E) : L[3] !== void 0 && (n = E) : n === E ? L[0] === ">" ? (n = o ?? j, v = -1) : L[1] === void 0 ? v = -2 : (v = n.lastIndex - L[2].length, u = L[1], n = L[3] === void 0 ? E : L[3] === '"' ? A5 : P5) : n === A5 || n === P5 ? n = E : n === $5 || n === E5 ? n = j : (n = E, o = void 0);
-    const g = n === E && C[a + 1].startsWith("/>") ? " " : "";
-    i += n === j ? s + M2 : v >= 0 ? (l.push(u), s.slice(0, v) + U5 + s.slice(v) + _ + g) : s + _ + (v === -2 ? a : g);
+    const s = l[a];
+    let c, p, v = -1, Z = 0;
+    for (; Z < s.length && (n.lastIndex = Z, p = n.exec(s), p !== null); ) Z = n.lastIndex, n === W ? p[1] === "!--" ? n = D2 : p[1] !== void 0 ? n = O2 : p[2] !== void 0 ? (e5.test(p[2]) && (C = RegExp("</" + p[2], "g")), n = A) : p[3] !== void 0 && (n = A) : n === A ? p[0] === ">" ? (n = C ?? W, v = -1) : p[1] === void 0 ? v = -2 : (v = n.lastIndex - p[2].length, c = p[1], n = p[3] === void 0 ? A : p[3] === '"' ? T2 : I2) : n === T2 || n === I2 ? n = A : n === D2 || n === O2 ? n = W : (n = A, C = void 0);
+    const V = n === A && l[a + 1].startsWith("/>") ? " " : "";
+    i += n === W ? s + A5 : v >= 0 ? (o.push(c), s.slice(0, v) + J2 + s.slice(v) + _ + V) : s + _ + (v === -2 ? a : V);
   }
-  return [G5(C, i + (C[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), l];
+  return [C5(l, i + (l[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
-class W {
-  constructor({ strings: e, _$litType$: t }, l) {
-    let o;
+class e1 {
+  constructor({ strings: e, _$litType$: t }, o) {
+    let C;
     this.parts = [];
     let i = 0, n = 0;
-    const a = e.length - 1, s = this.parts, [u, L] = y2(e, t);
-    if (this.el = W.createElement(u, l), P.currentNode = this.el.content, t === 2 || t === 3) {
+    const a = e.length - 1, s = this.parts, [c, p] = F5(e, t);
+    if (this.el = e1.createElement(c, o), B.currentNode = this.el.content, t === 2 || t === 3) {
       const v = this.el.content.firstChild;
       v.replaceWith(...v.childNodes);
     }
-    for (; (o = P.nextNode()) !== null && s.length < a; ) {
-      if (o.nodeType === 1) {
-        if (o.hasAttributes()) for (const v of o.getAttributeNames()) if (v.endsWith(U5)) {
-          const m = L[n++], g = o.getAttribute(v).split(_), V = /([.?@])?(.*)/.exec(m);
-          s.push({ type: 1, index: i, name: V[2], strings: g, ctor: V[1] === "." ? _2 : V[1] === "?" ? x2 : V[1] === "@" ? k2 : f1 }), o.removeAttribute(v);
-        } else v.startsWith(_) && (s.push({ type: 6, index: i }), o.removeAttribute(v));
-        if (D5.test(o.tagName)) {
-          const v = o.textContent.split(_), m = v.length - 1;
-          if (m > 0) {
-            o.textContent = c1 ? c1.emptyScript : "";
-            for (let g = 0; g < m; g++) o.append(v[g], G()), P.nextNode(), s.push({ type: 2, index: ++i });
-            o.append(v[m], G());
+    for (; (C = B.nextNode()) !== null && s.length < a; ) {
+      if (C.nodeType === 1) {
+        if (C.hasAttributes()) for (const v of C.getAttributeNames()) if (v.endsWith(J2)) {
+          const Z = p[n++], V = C.getAttribute(v).split(_), b = /([.?@])?(.*)/.exec(Z);
+          s.push({ type: 1, index: i, name: b[2], strings: V, ctor: b[1] === "." ? P5 : b[1] === "?" ? S5 : b[1] === "@" ? D5 : m1 }), C.removeAttribute(v);
+        } else v.startsWith(_) && (s.push({ type: 6, index: i }), C.removeAttribute(v));
+        if (e5.test(C.tagName)) {
+          const v = C.textContent.split(_), Z = v.length - 1;
+          if (Z > 0) {
+            C.textContent = V1 ? V1.emptyScript : "";
+            for (let V = 0; V < Z; V++) C.append(v[V], J()), B.nextNode(), s.push({ type: 2, index: ++i });
+            C.append(v[Z], J());
           }
         }
-      } else if (o.nodeType === 8) if (o.data === j5) s.push({ type: 2, index: i });
+      } else if (C.nodeType === 8) if (C.data === Q2) s.push({ type: 2, index: i });
       else {
         let v = -1;
-        for (; (v = o.data.indexOf(_, v + 1)) !== -1; ) s.push({ type: 7, index: i }), v += _.length - 1;
+        for (; (v = C.data.indexOf(_, v + 1)) !== -1; ) s.push({ type: 7, index: i }), v += _.length - 1;
       }
       i++;
     }
   }
   static createElement(e, t) {
-    const l = z.createElement("template");
-    return l.innerHTML = e, l;
+    const o = z.createElement("template");
+    return o.innerHTML = e, o;
   }
 }
-function B(C, e, t = C, l) {
+function N(l, e, t = l, o) {
   var n, a;
-  if (e === O) return e;
-  let o = l !== void 0 ? (n = t._$Co) == null ? void 0 : n[l] : t._$Cl;
-  const i = Y(e) ? void 0 : e._$litDirective$;
-  return (o == null ? void 0 : o.constructor) !== i && ((a = o == null ? void 0 : o._$AO) == null || a.call(o, !1), i === void 0 ? o = void 0 : (o = new i(C), o._$AT(C, t, l)), l !== void 0 ? (t._$Co ?? (t._$Co = []))[l] = o : t._$Cl = o), o !== void 0 && (e = B(C, o._$AS(C, e.values), o, l)), e;
+  if (e === P) return e;
+  let C = o !== void 0 ? (n = t._$Co) == null ? void 0 : n[o] : t._$Cl;
+  const i = Q(e) ? void 0 : e._$litDirective$;
+  return (C == null ? void 0 : C.constructor) !== i && ((a = C == null ? void 0 : C._$AO) == null || a.call(C, !1), i === void 0 ? C = void 0 : (C = new i(l), C._$AT(l, t, o)), o !== void 0 ? (t._$Co ?? (t._$Co = []))[o] = C : t._$Cl = C), C !== void 0 && (e = N(l, C._$AS(l, e.values), C, o)), e;
 }
-class R2 {
+class z5 {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -359,30 +359,30 @@ class R2 {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: t }, parts: l } = this._$AD, o = ((e == null ? void 0 : e.creationScope) ?? z).importNode(t, !0);
-    P.currentNode = o;
-    let i = P.nextNode(), n = 0, a = 0, s = l[0];
+    const { el: { content: t }, parts: o } = this._$AD, C = ((e == null ? void 0 : e.creationScope) ?? z).importNode(t, !0);
+    B.currentNode = C;
+    let i = B.nextNode(), n = 0, a = 0, s = o[0];
     for (; s !== void 0; ) {
       if (n === s.index) {
-        let u;
-        s.type === 2 ? u = new n1(i, i.nextSibling, this, e) : s.type === 1 ? u = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (u = new w2(i, this, e)), this._$AV.push(u), s = l[++a];
+        let c;
+        s.type === 2 ? c = new c1(i, i.nextSibling, this, e) : s.type === 1 ? c = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (c = new O5(i, this, e)), this._$AV.push(c), s = o[++a];
       }
-      n !== (s == null ? void 0 : s.index) && (i = P.nextNode(), n++);
+      n !== (s == null ? void 0 : s.index) && (i = B.nextNode(), n++);
     }
-    return P.currentNode = z, o;
+    return B.currentNode = z, C;
   }
   p(e) {
     let t = 0;
-    for (const l of this._$AV) l !== void 0 && (l.strings !== void 0 ? (l._$AI(e, l, t), t += l.strings.length - 2) : l._$AI(e[t])), t++;
+    for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(e, o, t), t += o.strings.length - 2) : o._$AI(e[t])), t++;
   }
 }
-class n1 {
+class c1 {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
-  constructor(e, t, l, o) {
-    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = l, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
+  constructor(e, t, o, C) {
+    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = o, this.options = C, this._$Cv = (C == null ? void 0 : C.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -396,7 +396,7 @@ class n1 {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = B(this, e, t), Y(e) ? e === p || e == null || e === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : e !== this._$AH && e !== O && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Z2(e) ? this.k(e) : this._(e);
+    e = N(this, e, t), Q(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== P && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : B5(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -405,33 +405,33 @@ class n1 {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== p && Y(this._$AH) ? this._$AA.nextSibling.data = e : this.T(z.createTextNode(e)), this._$AH = e;
+    this._$AH !== u && Q(this._$AH) ? this._$AA.nextSibling.data = e : this.T(z.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var i;
-    const { values: t, _$litType$: l } = e, o = typeof l == "number" ? this._$AC(e) : (l.el === void 0 && (l.el = W.createElement(G5(l.h, l.h[0]), this.options)), l);
-    if (((i = this._$AH) == null ? void 0 : i._$AD) === o) this._$AH.p(t);
+    const { values: t, _$litType$: o } = e, C = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = e1.createElement(C5(o.h, o.h[0]), this.options)), o);
+    if (((i = this._$AH) == null ? void 0 : i._$AD) === C) this._$AH.p(t);
     else {
-      const n = new R2(o, this), a = n.u(this.options);
+      const n = new z5(C, this), a = n.u(this.options);
       n.p(t), this.T(a), this._$AH = n;
     }
   }
   _$AC(e) {
-    let t = z5.get(e.strings);
-    return t === void 0 && z5.set(e.strings, t = new W(e)), t;
+    let t = N2.get(e.strings);
+    return t === void 0 && N2.set(e.strings, t = new e1(e)), t;
   }
   k(e) {
-    I1(this._$AH) || (this._$AH = [], this._$AR());
+    G1(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
-    let l, o = 0;
-    for (const i of e) o === t.length ? t.push(l = new n1(this.O(G()), this.O(G()), this, this.options)) : l = t[o], l._$AI(i), o++;
-    o < t.length && (this._$AR(l && l._$AB.nextSibling, o), t.length = o);
+    let o, C = 0;
+    for (const i of e) C === t.length ? t.push(o = new c1(this.O(J()), this.O(J()), this, this.options)) : o = t[C], o._$AI(i), C++;
+    C < t.length && (this._$AR(o && o._$AB.nextSibling, C), t.length = C);
   }
   _$AR(e = this._$AA.nextSibling, t) {
-    var l;
-    for ((l = this._$AP) == null ? void 0 : l.call(this, !1, !0, t); e !== this._$AB; ) {
-      const o = k5(e).nextSibling;
-      k5(e).remove(), e = o;
+    var o;
+    for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, t); e !== this._$AB; ) {
+      const C = P2(e).nextSibling;
+      P2(e).remove(), e = C;
     }
   }
   setConnected(e) {
@@ -439,90 +439,90 @@ class n1 {
     this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
   }
 }
-class f1 {
+class m1 {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, t, l, o, i) {
-    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = e, this.name = t, this._$AM = o, this.options = i, l.length > 2 || l[0] !== "" || l[1] !== "" ? (this._$AH = Array(l.length - 1).fill(new String()), this.strings = l) : this._$AH = p;
+  constructor(e, t, o, C, i) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = C, this.options = i, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = u;
   }
-  _$AI(e, t = this, l, o) {
+  _$AI(e, t = this, o, C) {
     const i = this.strings;
     let n = !1;
-    if (i === void 0) e = B(this, e, t, 0), n = !Y(e) || e !== this._$AH && e !== O, n && (this._$AH = e);
+    if (i === void 0) e = N(this, e, t, 0), n = !Q(e) || e !== this._$AH && e !== P, n && (this._$AH = e);
     else {
       const a = e;
-      let s, u;
-      for (e = i[0], s = 0; s < i.length - 1; s++) u = B(this, a[l + s], t, s), u === O && (u = this._$AH[s]), n || (n = !Y(u) || u !== this._$AH[s]), u === p ? e = p : e !== p && (e += (u ?? "") + i[s + 1]), this._$AH[s] = u;
+      let s, c;
+      for (e = i[0], s = 0; s < i.length - 1; s++) c = N(this, a[o + s], t, s), c === P && (c = this._$AH[s]), n || (n = !Q(c) || c !== this._$AH[s]), c === u ? e = u : e !== u && (e += (c ?? "") + i[s + 1]), this._$AH[s] = c;
     }
-    n && !o && this.j(e);
+    n && !C && this.j(e);
   }
   j(e) {
-    e === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class _2 extends f1 {
+class P5 extends m1 {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === p ? void 0 : e;
+    this.element[this.name] = e === u ? void 0 : e;
   }
 }
-class x2 extends f1 {
+class S5 extends m1 {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== p);
+    this.element.toggleAttribute(this.name, !!e && e !== u);
   }
 }
-class k2 extends f1 {
-  constructor(e, t, l, o, i) {
-    super(e, t, l, o, i), this.type = 5;
+class D5 extends m1 {
+  constructor(e, t, o, C, i) {
+    super(e, t, o, C, i), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = B(this, e, t, 0) ?? p) === O) return;
-    const l = this._$AH, o = e === p && l !== p || e.capture !== l.capture || e.once !== l.once || e.passive !== l.passive, i = e !== p && (l === p || o);
-    o && this.element.removeEventListener(this.name, this, l), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    if ((e = N(this, e, t, 0) ?? u) === P) return;
+    const o = this._$AH, C = e === u && o !== u || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, i = e !== u && (o === u || C);
+    C && this.element.removeEventListener(this.name, this, o), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
     var t;
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class w2 {
-  constructor(e, t, l) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = l;
+class O5 {
+  constructor(e, t, o) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    B(this, e);
+    N(this, e);
   }
 }
-const Z1 = q.litHtmlPolyfillSupport;
-Z1 == null || Z1(W, n1), (q.litHtmlVersions ?? (q.litHtmlVersions = [])).push("3.3.2");
-const $2 = (C, e, t) => {
-  const l = (t == null ? void 0 : t.renderBefore) ?? e;
-  let o = l._$litPart$;
-  if (o === void 0) {
+const k1 = X.litHtmlPolyfillSupport;
+k1 == null || k1(e1, c1), (X.litHtmlVersions ?? (X.litHtmlVersions = [])).push("3.3.2");
+const I5 = (l, e, t) => {
+  const o = (t == null ? void 0 : t.renderBefore) ?? e;
+  let C = o._$litPart$;
+  if (C === void 0) {
     const i = (t == null ? void 0 : t.renderBefore) ?? null;
-    l._$litPart$ = o = new n1(e.insertBefore(G(), i), i, void 0, t ?? {});
+    o._$litPart$ = C = new c1(e.insertBefore(J(), i), i, void 0, t ?? {});
   }
-  return o._$AI(C), o;
+  return C._$AI(l), C;
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const A = globalThis;
-class c extends S {
+const F = globalThis;
+let h = class extends T {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -533,7 +533,7 @@ class c extends S {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = $2(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = I5(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -544,82 +544,82 @@ class c extends S {
     super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
   }
   render() {
-    return O;
+    return P;
   }
-}
-var N5;
-c._$litElement$ = !0, c.finalized = !0, (N5 = A.litElementHydrateSupport) == null || N5.call(A, { LitElement: c });
-const y1 = A.litElementPolyfillSupport;
-y1 == null || y1({ LitElement: c });
-(A.litElementVersions ?? (A.litElementVersions = [])).push("4.2.2");
+};
+var K2;
+h._$litElement$ = !0, h.finalized = !0, (K2 = F.litElementHydrateSupport) == null || K2.call(F, { LitElement: h });
+const $1 = F.litElementPolyfillSupport;
+$1 == null || $1({ LitElement: h });
+(F.litElementVersions ?? (F.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const E2 = { attribute: !0, type: String, converter: d1, reflect: !1, hasChanged: B1 }, P2 = (C = E2, e, t) => {
-  const { kind: l, metadata: o } = t;
-  let i = globalThis.litPropertyMetadata.get(o);
-  if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), l === "setter" && ((C = Object.create(C)).wrapped = !0), i.set(t.name, C), l === "accessor") {
+const T5 = { attribute: !0, type: String, converter: v1, reflect: !1, hasChanged: q1 }, N5 = (l = T5, e, t) => {
+  const { kind: o, metadata: C } = t;
+  let i = globalThis.litPropertyMetadata.get(C);
+  if (i === void 0 && globalThis.litPropertyMetadata.set(C, i = /* @__PURE__ */ new Map()), o === "setter" && ((l = Object.create(l)).wrapped = !0), i.set(t.name, l), o === "accessor") {
     const { name: n } = t;
     return { set(a) {
       const s = e.get.call(this);
-      e.set.call(this, a), this.requestUpdate(n, s, C, !0, a);
+      e.set.call(this, a), this.requestUpdate(n, s, l, !0, a);
     }, init(a) {
-      return a !== void 0 && this.C(n, void 0, C, a), a;
+      return a !== void 0 && this.C(n, void 0, l, a), a;
     } };
   }
-  if (l === "setter") {
+  if (o === "setter") {
     const { name: n } = t;
     return function(a) {
       const s = this[n];
-      e.call(this, a), this.requestUpdate(n, s, C, !0, a);
+      e.call(this, a), this.requestUpdate(n, s, l, !0, a);
     };
   }
-  throw Error("Unsupported decorator location: " + l);
+  throw Error("Unsupported decorator location: " + o);
 };
-function r(C) {
-  return (e, t) => typeof t == "object" ? P2(C, e, t) : ((l, o, i) => {
-    const n = o.hasOwnProperty(i);
-    return o.constructor.createProperty(i, l), n ? Object.getOwnPropertyDescriptor(o, i) : void 0;
-  })(C, e, t);
+function r(l) {
+  return (e, t) => typeof t == "object" ? N5(l, e, t) : ((o, C, i) => {
+    const n = C.hasOwnProperty(i);
+    return C.constructor.createProperty(i, o), n ? Object.getOwnPropertyDescriptor(C, i) : void 0;
+  })(l, e, t);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function H1(C) {
-  return r({ ...C, state: !0, attribute: !1 });
+function u1(l) {
+  return r({ ...l, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const A2 = (C, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(C, e, t), t);
+const U5 = (l, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(l, e, t), t);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function N1(C, e) {
-  return (t, l, o) => {
+function O(l, e) {
+  return (t, o, C) => {
     const i = (n) => {
       var a;
-      return ((a = n.renderRoot) == null ? void 0 : a.querySelector(C)) ?? null;
+      return ((a = n.renderRoot) == null ? void 0 : a.querySelector(l)) ?? null;
     };
-    return A2(t, l, { get() {
+    return U5(t, o, { get() {
       return i(this);
     } });
   };
 }
-var z2 = Object.defineProperty, Y5 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && z2(e, t, o), o;
+var j5 = Object.defineProperty, o5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && j5(e, t, C), C;
 };
-const D1 = class D1 extends c {
+const X1 = class X1 extends h {
   constructor() {
     super(...arguments), this.size = "medium", this.percent = "";
   }
@@ -638,13 +638,13 @@ const D1 = class D1 extends c {
     }
   }
   render() {
-    const [e, t] = this.getSizeParams(this.size), l = this.percent === "" || this.percent === null;
-    let o;
-    l ? o = 0.75 * Math.PI * e : o = (1 - Math.max(0, Math.min(1, parseFloat(this.percent) || 0))) * Math.PI * e;
+    const [e, t] = this.getSizeParams(this.size), o = this.percent === "" || this.percent === null;
+    let C;
+    o ? C = 0.75 * Math.PI * e : C = (1 - Math.max(0, Math.min(1, parseFloat(this.percent) || 0))) * Math.PI * e;
     const i = t / 2, n = t + e, a = e / 2, s = Math.PI * e;
-    return R1`
+    return E1`
       <svg
-        class=${l ? "spinner" : ""}
+        class=${o ? "spinner" : ""}
         width="${e}px"
         height="${e}px"
         transform="rotate(-90)"
@@ -670,26 +670,26 @@ const D1 = class D1 extends c {
           r="${a}"
           fill-opacity="0"
           stroke-dasharray="${s}"
-          stroke-dashoffset="${o}"
+          stroke-dashoffset="${C}"
         />
       </svg>
     `;
   }
 };
-D1.styles = h`
+X1.styles = H`
     :host { display: inline-block; line-height: 0; font-family: var(--font-sans); }
     .spinner { animation: circle 0.6s linear infinite; }
     @keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
   `;
-let X = D1;
-Y5([
+let t1 = X1;
+o5([
   r()
-], X.prototype, "size");
-Y5([
+], t1.prototype, "size");
+o5([
   r()
-], X.prototype, "percent");
-customElements.get("anduin-spinner") || customElements.define("anduin-spinner", X);
-const S5 = {
+], t1.prototype, "percent");
+customElements.get("anduin-spinner") || customElements.define("anduin-spinner", t1);
+const U2 = {
   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" }],
@@ -1026,18 +1026,18 @@ const S5 = {
   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 S2 = Object.defineProperty, W5 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && S2(e, t, o), o;
+var q5 = Object.defineProperty, l5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && q5(e, t, C), C;
 };
-const q1 = class q1 extends c {
+const J1 = class J1 extends h {
   constructor() {
     super(...arguments), this.name = "", this.size = 16;
   }
   render() {
-    const e = this.name && S5[this.name] ? S5[this.name] : [], t = !this.name;
-    return R1`
+    const e = this.name && U2[this.name] ? U2[this.name] : [], t = !this.name;
+    return E1`
       <svg
         class=${t ? "icon--hidden" : ""}
         xmlns="http://www.w3.org/2000/svg"
@@ -1047,36 +1047,36 @@ const q1 = class q1 extends c {
         viewBox="0 0 16 16"
       >
         ${e.map(
-      (l) => R1`
+      (o) => E1`
           <path
             fill="currentColor"
-            d="${l.d}"
-            fill-rule="${l.fillRule ?? p}"
-            clip-rule="${l.clipRule ?? p}"
+            d="${o.d}"
+            fill-rule="${o.fillRule ?? u}"
+            clip-rule="${o.clipRule ?? u}"
           />`
     )}
       </svg>
     `;
   }
 };
-q1.styles = h`
+J1.styles = H`
     :host { display: block; line-height: 0; font-family: var(--font-sans); }
     .icon--hidden { display: none; }
   `;
-let K = q1;
-W5([
+let C1 = J1;
+l5([
   r()
-], K.prototype, "name");
-W5([
+], C1.prototype, "name");
+l5([
   r({ type: Number })
-], K.prototype, "size");
-customElements.get("anduin-icon") || customElements.define("anduin-icon", K);
-var O2 = Object.defineProperty, B2 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && O2(e, t, o), o;
-};
-const X5 = h`
+], C1.prototype, "size");
+customElements.get("anduin-icon") || customElements.define("anduin-icon", C1);
+var G5 = Object.defineProperty, Y5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && G5(e, t, C), C;
+};
+const i5 = H`
   :host { display: inline-block; font-family: var(--font-sans); }
   .badge {
     border-radius: 9999px;
@@ -1103,7 +1103,7 @@ const X5 = h`
   .badge--bold-warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
   .badge--hidden { display: none; }
 `;
-function K5(C) {
+function n5(l) {
   return {
     gray: "badge--light-gray",
     primary: "badge--light-primary",
@@ -1115,29 +1115,29 @@ function K5(C) {
     boldSuccess: "badge--bold-success",
     boldWarning: "badge--bold-warning",
     boldDanger: "badge--bold-danger"
-  }[C || "gray"] || "badge--light-gray";
+  }[l || "gray"] || "badge--light-gray";
 }
-const G1 = class G1 extends c {
+const Q1 = class Q1 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
   render() {
-    const e = K5(this.variant);
+    const e = n5(this.variant);
     return d`<div class="badge ${e}" part="badge"><slot></slot></div>`;
   }
 };
-G1.styles = [X5];
-let u1 = G1;
-B2([
+Q1.styles = [i5];
+let f1 = Q1;
+Y5([
   r()
-], u1.prototype, "variant");
-customElements.get("anduin-badge") || customElements.define("anduin-badge", u1);
-var I2 = Object.defineProperty, F5 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && I2(e, t, o), o;
-};
-const Y1 = class Y1 extends c {
+], f1.prototype, "variant");
+customElements.get("anduin-badge") || customElements.define("anduin-badge", f1);
+var W5 = Object.defineProperty, r5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && W5(e, t, C), C;
+};
+const e2 = class e2 extends h {
   constructor() {
     super(...arguments), this.variant = "gray", this.count = 0;
   }
@@ -1145,33 +1145,33 @@ const Y1 = class Y1 extends c {
     return e > 99 ? "99+" : e.toString();
   }
   render() {
-    const e = K5(this.variant), t = this.count === 0, l = this.count > 0 && this.count < 10, o = [
+    const e = n5(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, C = [
       "badge",
       e,
       t ? "badge--hidden" : "",
-      l ? "badge--square" : ""
+      o ? "badge--square" : ""
     ].filter(Boolean).join(" ");
-    return d`<div class="${o}" part="badge">${this.formatCount(this.count)}</div>`;
+    return d`<div class="${C}" part="badge">${this.formatCount(this.count)}</div>`;
   }
 };
-Y1.styles = [X5];
-let F = Y1;
-F5([
+e2.styles = [i5];
+let o1 = e2;
+r5([
   r()
-], F.prototype, "variant");
-F5([
+], o1.prototype, "variant");
+r5([
   r({ type: Number })
-], F.prototype, "count");
-customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", F);
-var N2 = Object.defineProperty, H = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && N2(e, t, o), o;
-};
-function T2(C) {
-  return C.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
+], o1.prototype, "count");
+customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", o1);
+var K5 = Object.defineProperty, L = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && K5(e, t, C), C;
+};
+function X5(l) {
+  return l.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const W1 = class W1 extends c {
+const t2 = class t2 extends h {
   constructor() {
     super(...arguments), this.iconOnly = !1, this.appearance = "filled", this.variant = "", this.size = "medium", this.disabled = !1, this.loading = !1, this.fullWidth = !1, this.pill = !1, this.selected = !1, this.href = "", this.openNewTab = !1, this.download = "", this.startIcon = "", this.endIcon = "", this.label = "";
   }
@@ -1188,13 +1188,13 @@ const W1 = class W1 extends c {
     return this.variant ? this.variant : this.appearance === "filled" ? "gray0" : this.appearance === "text" ? "primary" : "gray9";
   }
   getSizeKebab() {
-    return T2(this.size);
+    return X5(this.size);
   }
   iconSize() {
     return this.size === "tiny" || this.size === "extraSmall" || this.size === "small" ? "12" : "16";
   }
   render() {
-    const e = this.getVariant(), t = this.getSizeKebab(), l = [
+    const e = this.getVariant(), t = this.getSizeKebab(), o = [
       "button",
       `button--${this.appearance}`,
       `button--${e}`,
@@ -1205,36 +1205,36 @@ const W1 = class W1 extends c {
       this.loading ? "button--loading" : "",
       this.selected ? "button--selected" : "",
       this.iconOnly && this.appearance !== "text" && !this.fullWidth ? "button--icon-only" : ""
-    ].filter(Boolean).join(" "), o = d`
+    ].filter(Boolean).join(" "), C = d`
       <div class="button__content button__content--${t}">
-        ${this.startIcon ? d`<anduin-icon name="${this.startIcon}" size="${this.iconSize()}"></anduin-icon>` : p}
+        ${this.startIcon ? d`<anduin-icon name="${this.startIcon}" size="${this.iconSize()}"></anduin-icon>` : u}
         <slot @slotchange=${this.onSlotChange}></slot>
-        ${this.endIcon ? d`<anduin-icon name="${this.endIcon}" size="${this.iconSize()}"></anduin-icon>` : p}
+        ${this.endIcon ? d`<anduin-icon name="${this.endIcon}" size="${this.iconSize()}"></anduin-icon>` : u}
       </div>
-      ${this.loading && this.appearance !== "text" ? d`<div class="button__loading"><anduin-spinner size="small"></anduin-spinner></div>` : p}
+      ${this.loading && this.appearance !== "text" ? d`<div class="button__loading"><anduin-spinner size="small"></anduin-spinner></div>` : u}
     `;
     return this.href ? d`
         <a
-          class="${l}"
+          class="${o}"
           href="${this.disabled ? "" : this.href}"
-          target="${this.openNewTab ? "_blank" : p}"
-          rel="${this.openNewTab ? "noreferrer noopener" : p}"
-          download="${this.download || p}"
-          aria-label="${this.label || p}"
-        >${o}</a>
+          target="${this.openNewTab ? "_blank" : u}"
+          rel="${this.openNewTab ? "noreferrer noopener" : u}"
+          download="${this.download || u}"
+          aria-label="${this.label || u}"
+        >${C}</a>
       ` : d`
       <button
         type="button"
-        class="${l}"
+        class="${o}"
         ?disabled="${this.disabled}"
-        aria-label="${this.label || p}"
-      >${o}</button>
+        aria-label="${this.label || u}"
+      >${C}</button>
     `;
   }
 };
-W1.styles = h`
+t2.styles = H`
     :host { display: inline-block; font-family: var(--font-sans); }
-    :host([full-width="true"]) { display: block; width: 100%; }
+    :host([full-width]) { display: block; width: 100%; }
     .button {
       background: none; border-radius: 4px; display: block; flex-shrink: 0; font-weight: 500;
       border-width: 1px; border-style: solid; line-height: 16px; white-space: nowrap;
@@ -1334,59 +1334,59 @@ W1.styles = h`
     .button--icon-only.button--medium { width: 32px; min-width: 32px; padding-left: 0; padding-right: 0; }
     .button--icon-only.button--large { width: 40px; min-width: 40px; padding-left: 0; padding-right: 0; }
   `;
-let f = W1;
-H([
-  H1()
+let f = t2;
+L([
+  u1()
 ], f.prototype, "iconOnly");
-H([
-  r()
+L([
+  r({ converter: (l) => l || "filled" })
 ], f.prototype, "appearance");
-H([
+L([
   r()
 ], f.prototype, "variant");
-H([
+L([
   r()
 ], f.prototype, "size");
-H([
+L([
   r({ type: Boolean })
 ], f.prototype, "disabled");
-H([
+L([
   r({ type: Boolean })
 ], f.prototype, "loading");
-H([
+L([
   r({ type: Boolean, attribute: "full-width" })
 ], f.prototype, "fullWidth");
-H([
+L([
   r({ type: Boolean })
 ], f.prototype, "pill");
-H([
+L([
   r({ type: Boolean })
 ], f.prototype, "selected");
-H([
+L([
   r()
 ], f.prototype, "href");
-H([
+L([
   r({ type: Boolean, attribute: "open-new-tab" })
 ], f.prototype, "openNewTab");
-H([
+L([
   r()
 ], f.prototype, "download");
-H([
+L([
   r({ attribute: "start-icon" })
 ], f.prototype, "startIcon");
-H([
+L([
   r({ attribute: "end-icon" })
 ], f.prototype, "endIcon");
-H([
+L([
   r()
 ], f.prototype, "label");
 customElements.get("anduin-button") || customElements.define("anduin-button", f);
-var U2 = Object.defineProperty, j2 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && U2(e, t, o), o;
+var J5 = Object.defineProperty, Q5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && J5(e, t, C), C;
 };
-const X1 = class X1 extends c {
+const C2 = class C2 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -1399,7 +1399,7 @@ const X1 = class X1 extends c {
     `;
   }
 };
-X1.styles = h`
+C2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
     .callout {
       display: flex; align-items: center; justify-content: center;
@@ -1411,17 +1411,17 @@ X1.styles = h`
     .callout--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
     .callout--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
   `;
-let p1 = X1;
-j2([
+let L1 = C2;
+Q5([
   r()
-], p1.prototype, "variant");
-customElements.get("anduin-callout") || customElements.define("anduin-callout", p1);
-var D2 = Object.defineProperty, J5 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && D2(e, t, o), o;
-};
-const K1 = class K1 extends c {
+], L1.prototype, "variant");
+customElements.get("anduin-callout") || customElements.define("anduin-callout", L1);
+var e4 = Object.defineProperty, a5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && e4(e, t, C), C;
+};
+const o2 = class o2 extends h {
   constructor() {
     super(...arguments), this.direction = "horizontal", this.hasContent = !1;
   }
@@ -1432,10 +1432,10 @@ const K1 = class K1 extends c {
     e.has("direction") && this.setAttribute("aria-orientation", this.direction === "vertical" ? "vertical" : "horizontal");
   }
   onSlotChange(e) {
-    const l = e.target.assignedNodes({ flatten: !0 });
-    this.hasContent = l.some((o) => {
+    const o = e.target.assignedNodes({ flatten: !0 });
+    this.hasContent = o.some((C) => {
       var i;
-      return ((i = o.textContent) == null ? void 0 : i.trim()) !== "";
+      return ((i = C.textContent) == null ? void 0 : i.trim()) !== "";
     });
   }
   render() {
@@ -1452,7 +1452,7 @@ const K1 = class K1 extends c {
             </div>` : d`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`;
   }
 };
-K1.styles = h`
+o2.styles = H`
     :host { width: 100%; font-family: var(--font-sans); }
     :host([direction="vertical"]) { width: auto; height: 100%; }
     .divider--horizontal { margin-top: 8px; margin-bottom: 8px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 8px; text-align: center; }
@@ -1462,20 +1462,20 @@ K1.styles = h`
     .divider--vertical-empty { background-color: var(--color-gray-3); width: 1px; }
     .divider__line--vertical { border-left: 1px solid var(--color-gray-3); justify-self: center; }
   `;
-let J = K1;
-J5([
+let l1 = o2;
+a5([
   r()
-], J.prototype, "direction");
-J5([
-  H1()
-], J.prototype, "hasContent");
-customElements.get("anduin-divider") || customElements.define("anduin-divider", J);
-var q2 = Object.defineProperty, G2 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && q2(e, t, o), o;
-};
-const F1 = class F1 extends c {
+], l1.prototype, "direction");
+a5([
+  u1()
+], l1.prototype, "hasContent");
+customElements.get("anduin-divider") || customElements.define("anduin-divider", l1);
+var t4 = Object.defineProperty, C4 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && t4(e, t, C), C;
+};
+const l2 = class l2 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -1483,7 +1483,7 @@ const F1 = class F1 extends c {
     return d`<div class="dot dot--${this.variant}" part="dot"></div>`;
   }
 };
-F1.styles = h`
+l2.styles = H`
     :host { display: inline-block; font-family: var(--font-sans); }
     .dot { width: 10px; height: 10px; border-radius: 9999px; }
     .dot--gray { background-color: var(--color-semantic-gray-6); color: var(--color-semantic-gray-0); }
@@ -1492,33 +1492,33 @@ F1.styles = h`
     .dot--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
     .dot--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
   `;
-let h1 = F1;
-G2([
+let g1 = l2;
+C4([
   r()
-], h1.prototype, "variant");
-customElements.get("anduin-dot") || customElements.define("anduin-dot", h1);
-var Y2 = Object.defineProperty, Q5 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && Y2(e, t, o), o;
-};
-const J1 = class J1 extends c {
+], g1.prototype, "variant");
+customElements.get("anduin-dot") || customElements.define("anduin-dot", g1);
+var o4 = Object.defineProperty, s5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && o4(e, t, C), C;
+};
+const i2 = class i2 extends h {
   constructor() {
     super(...arguments), this.percent = "", this.height = "medium";
   }
   render() {
     const e = this.height === "large" ? 8 : 3, t = this.percent === "" || this.percent === null;
-    let l = "";
-    const o = ["progress__fill"];
-    return t ? o.push("progress__fill--indeterminate") : l = `width: ${Math.max(0, Math.min(1, parseFloat(this.percent) || 0)) * 100}%;`, d`
+    let o = "";
+    const C = ["progress__fill"];
+    return t ? C.push("progress__fill--indeterminate") : o = `width: ${Math.max(0, Math.min(1, parseFloat(this.percent) || 0)) * 100}%;`, d`
       <div class="progress" style="height: ${e}px;" part="progress">
-        <div class="${o.join(" ")}" style="${l}"></div>
+        <div class="${C.join(" ")}" style="${o}"></div>
         <div class="progress__background"></div>
       </div>
     `;
   }
 };
-J1.styles = h`
+i2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
     .progress { overflow-x: hidden; position: relative; border-radius: 9999px; }
     .progress__fill {
@@ -1534,20 +1534,20 @@ J1.styles = h`
       to { transform: translateX(330%); }
     }
   `;
-let Q = J1;
-Q5([
+let i1 = i2;
+s5([
   r()
-], Q.prototype, "percent");
-Q5([
+], i1.prototype, "percent");
+s5([
   r()
-], Q.prototype, "height");
-customElements.get("anduin-progress") || customElements.define("anduin-progress", Q);
-var W2 = Object.defineProperty, U = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && W2(e, t, o), o;
-};
-const Q1 = class Q1 extends c {
+], i1.prototype, "height");
+customElements.get("anduin-progress") || customElements.define("anduin-progress", i1);
+var l4 = Object.defineProperty, G = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && l4(e, t, C), C;
+};
+const n2 = class n2 extends h {
   constructor() {
     super(...arguments), this.effect = "pulse", this.shape = "rectangle", this.height = "", this.width = "100%", this.duration = 1500, this.fontSize = "";
   }
@@ -1558,15 +1558,15 @@ const Q1 = class Q1 extends c {
       this.shape === "rounded" ? "skeleton--rounded" : "",
       this.shape === "rectangle" ? "skeleton--rectangle" : "",
       this.shape === "text" && this.fontSize ? "skeleton--text" : ""
-    ].filter(Boolean).join(" "), t = this.shape === "text" && this.fontSize ? `--anduin-skeleton-font-size: ${this.fontSize};` : "", l = `${this.height ? `height: ${this.height};` : ""} width: ${this.width};`, o = this.effect === "pulse" ? `animation: skeleton-pulse ${this.duration}ms ease-in-out infinite;` : "";
+    ].filter(Boolean).join(" "), t = this.shape === "text" && this.fontSize ? `--anduin-skeleton-font-size: ${this.fontSize};` : "", o = `${this.height ? `height: ${this.height};` : ""} width: ${this.width};`, C = this.effect === "pulse" ? `animation: skeleton-pulse ${this.duration}ms ease-in-out infinite;` : "";
     return d`
-      <div class="${e}" style="${t} ${l} ${o}" part="skeleton">
+      <div class="${e}" style="${t} ${o} ${C}" part="skeleton">
         ${this.effect === "wave" ? d`<div class="skeleton__wave" style="animation: skeleton-wave ${this.duration}ms linear infinite;"></div>` : ""}
       </div>
     `;
   }
 };
-Q1.styles = h`
+n2.styles = H`
     :host { display: block; height: 100%; font-family: var(--font-sans); }
     .skeleton { background-color: var(--color-gray-3); position: relative; overflow: hidden; }
     .skeleton--circle { border-radius: 9999px; }
@@ -1585,32 +1585,32 @@ Q1.styles = h`
       0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
     }
   `;
-let y = Q1;
-U([
+let R = n2;
+G([
   r()
-], y.prototype, "effect");
-U([
+], R.prototype, "effect");
+G([
   r()
-], y.prototype, "shape");
-U([
+], R.prototype, "shape");
+G([
   r()
-], y.prototype, "height");
-U([
+], R.prototype, "height");
+G([
   r()
-], y.prototype, "width");
-U([
+], R.prototype, "width");
+G([
   r({ type: Number })
-], y.prototype, "duration");
-U([
+], R.prototype, "duration");
+G([
   r({ attribute: "font-size" })
-], y.prototype, "fontSize");
-customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", y);
-var X2 = Object.defineProperty, K2 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && X2(e, t, o), o;
-};
-const e5 = class e5 extends c {
+], R.prototype, "fontSize");
+customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", R);
+var i4 = Object.defineProperty, n4 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && i4(e, t, C), C;
+};
+const r2 = class r2 extends h {
   constructor() {
     super(...arguments), this.height = "256px";
   }
@@ -1625,30 +1625,30 @@ const e5 = class e5 extends c {
     `;
   }
 };
-e5.styles = h`
+r2.styles = H`
     :host { display: block; height: 100%; font-family: var(--font-sans); }
     .loading-state { display: flex; flex-direction: column; justify-content: center; align-items: center; }
     .loading-state__indicator { color: var(--color-primary-4); }
     .loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-gray-6); }
   `;
-let v1 = e5;
-K2([
+let M1 = r2;
+n4([
   r()
-], v1.prototype, "height");
-customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", v1);
-var F2 = Object.defineProperty, T1 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && F2(e, t, o), o;
-};
-const e2 = "anduin-field:label-click", b1 = "anduin-field:label-click-coordinated", t5 = class t5 extends c {
+], M1.prototype, "height");
+customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", M1);
+var r4 = Object.defineProperty, Y1 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && r4(e, t, C), C;
+};
+const d5 = "anduin-field:label-click", y1 = "anduin-field:label-click-coordinated", a2 = class a2 extends h {
   constructor() {
     super(...arguments), this.orientation = "vertical";
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(e2, (e) => {
+    super.connectedCallback(), this.addEventListener(d5, (e) => {
       const t = e;
-      this.dispatchEvent(new CustomEvent(b1, {
+      this.dispatchEvent(new CustomEvent(y1, {
         detail: t.detail,
         bubbles: !1,
         composed: !1
@@ -1664,17 +1664,17 @@ const e2 = "anduin-field:label-click", b1 = "anduin-field:label-click-coordinate
     `;
   }
 };
-t5.styles = h`
+a2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
     .field { display: flex; flex-wrap: wrap; }
     .field--vertical { flex-direction: column; row-gap: 4px; }
     .field--horizontal { column-gap: 4px; }
   `;
-let L1 = t5;
-T1([
+let Z1 = a2;
+Y1([
   r()
-], L1.prototype, "orientation");
-const o5 = class o5 extends c {
+], Z1.prototype, "orientation");
+const s2 = class s2 extends h {
   constructor() {
     super(...arguments), this.htmlfor = "", this.required = !1;
   }
@@ -1682,7 +1682,7 @@ const o5 = class o5 extends c {
     super.connectedCallback();
   }
   onLabelClick(e) {
-    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(e2, {
+    this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(d5, {
       detail: this.htmlfor,
       bubbles: !0,
       composed: !0
@@ -1701,72 +1701,72 @@ const o5 = class o5 extends c {
     `;
   }
 };
-o5.styles = h`
+s2.styles = H`
     :host { display: inline-block; font-family: var(--font-sans); }
     .field-label { font-size: 13px; line-height: 20px; font-weight: 600; cursor: default; }
     .field-label__required { color: var(--color-danger-5); }
   `;
-let e1 = o5;
-T1([
+let n1 = s2;
+Y1([
   r()
-], e1.prototype, "htmlfor");
-T1([
+], n1.prototype, "htmlfor");
+Y1([
   r({ type: Boolean })
-], e1.prototype, "required");
-const l5 = class l5 extends c {
+], n1.prototype, "required");
+const d2 = class d2 extends h {
   render() {
     return d`<div class="field-description" part="description"><slot></slot></div>`;
   }
 };
-l5.styles = h`
+d2.styles = H`
     :host { display: inline-block; font-family: var(--font-sans); }
     .field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-gray-7); }
   `;
-let _1 = l5;
-const C5 = class C5 extends c {
+let A1 = d2;
+const c2 = class c2 extends h {
   render() {
     return d`<div class="field-error" part="error"><slot></slot></div>`;
   }
 };
-C5.styles = h`
+c2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
     .field-error { color: var(--color-danger-4); }
   `;
-let x1 = C5;
-const i5 = class i5 extends c {
+let B1 = c2;
+const u2 = class u2 extends h {
   render() {
     return d`<div class="field-group" part="group"><slot></slot></div>`;
   }
 };
-i5.styles = h`
+u2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
     .field-group { display: flex; flex-direction: column; row-gap: 24px; }
   `;
-let k1 = i5;
-customElements.get("anduin-field") || customElements.define("anduin-field", L1);
-customElements.get("anduin-field-label") || customElements.define("anduin-field-label", e1);
-customElements.get("anduin-field-description") || customElements.define("anduin-field-description", _1);
-customElements.get("anduin-field-error") || customElements.define("anduin-field-error", x1);
-customElements.get("anduin-field-group") || customElements.define("anduin-field-group", k1);
-var J2 = Object.defineProperty, r1 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && J2(e, t, o), o;
-};
-const Q2 = "anduin-checkbox:change", n5 = class n5 extends c {
+let F1 = u2;
+customElements.get("anduin-field") || customElements.define("anduin-field", Z1);
+customElements.get("anduin-field-label") || customElements.define("anduin-field-label", n1);
+customElements.get("anduin-field-description") || customElements.define("anduin-field-description", A1);
+customElements.get("anduin-field-error") || customElements.define("anduin-field-error", B1);
+customElements.get("anduin-field-group") || customElements.define("anduin-field-group", F1);
+var a4 = Object.defineProperty, p1 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && a4(e, t, C), C;
+};
+const s4 = "anduin-checkbox:change", p2 = class p2 extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.readonly = !1, this.inputid = "";
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-field");
-    e && e.addEventListener(b1, (t) => {
-      const l = t;
-      this.inputid && this.inputid === l.detail && !this.disabled && !this.readonly && this.toggle();
+    e && e.addEventListener(y1, (t) => {
+      const o = t;
+      this.inputid && this.inputid === o.detail && !this.disabled && !this.readonly && this.toggle();
     });
   }
   toggle() {
-    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(Q2, {
+    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(s4, {
       detail: this.checked,
       bubbles: !0,
       composed: !0
@@ -1782,10 +1782,10 @@ const Q2 = "anduin-checkbox:change", n5 = class n5 extends c {
       this.readonly && !this.indeterminate && !this.checked ? "checkbox__box--readonly" : "",
       this.disabled && !this.indeterminate && !this.checked ? "checkbox__box--disabled" : "",
       !this.indeterminate && !this.checked && !this.readonly && !this.disabled ? "checkbox__box--unchecked" : ""
-    ].filter(Boolean).join(" "), t = this.indeterminate ? "minusBold" : this.checked ? "checkBold" : "", l = !this.disabled && !this.readonly, o = l ? 0 : -1;
+    ].filter(Boolean).join(" "), t = this.indeterminate ? "minusBold" : this.checked ? "checkBold" : "", o = !this.disabled && !this.readonly, C = o ? 0 : -1;
     return d`
       <div
-        class="checkbox ${l ? "checkbox--interactive" : ""} ${this.disabled ? "checkbox--disabled" : ""}"
+        class="checkbox ${o ? "checkbox--interactive" : ""} ${this.disabled ? "checkbox--disabled" : ""}"
         part="checkbox"
       >
         <input
@@ -1793,18 +1793,18 @@ const Q2 = "anduin-checkbox:change", n5 = class n5 extends c {
           type="checkbox"
           .checked=${this.checked}
           ?disabled=${this.disabled || this.readonly}
-          tabindex="${o}"
-          @change=${l ? this.onInputChange : p}
+          tabindex="${C}"
+          @change=${o ? this.onInputChange : u}
         />
-        <div class="${e}" tabindex="${o}"></div>
+        <div class="${e}" tabindex="${C}"></div>
         <div class="checkbox__icon ${this.indeterminate || this.checked ? "checkbox__icon--visible" : ""}">
-          ${t ? d`<anduin-icon name="${t}" size="16"></anduin-icon>` : p}
+          ${t ? d`<anduin-icon name="${t}" size="16"></anduin-icon>` : u}
         </div>
       </div>
     `;
   }
 };
-n5.styles = h`
+p2.styles = H`
     :host { display: inline-flex; font-family: var(--font-sans); }
     .checkbox { width: 16px; height: 16px; position: relative; }
     .checkbox--interactive { cursor: pointer; }
@@ -1827,58 +1827,72 @@ n5.styles = h`
     .checkbox__icon { position: absolute; inset: 0; pointer-events: none; color: var(--color-gray-4); display: flex; align-items: center; justify-content: center; }
     .checkbox__icon--visible { color: var(--color-gray-0); }
   `;
-let k = n5;
-r1([
+let $ = p2;
+p1([
   r({ type: Boolean })
-], k.prototype, "checked");
-r1([
+], $.prototype, "checked");
+p1([
   r({ type: Boolean })
-], k.prototype, "disabled");
-r1([
+], $.prototype, "disabled");
+p1([
   r({ type: Boolean })
-], k.prototype, "indeterminate");
-r1([
+], $.prototype, "indeterminate");
+p1([
   r({ type: Boolean })
-], k.prototype, "readonly");
-r1([
+], $.prototype, "readonly");
+p1([
   r()
-], k.prototype, "inputid");
-customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", k);
-var e4 = Object.defineProperty, w = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && e4(e, t, o), o;
-};
-const t4 = "anduin-input:change", r5 = class r5 extends c {
+], $.prototype, "inputid");
+customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", $);
+var d4 = Object.defineProperty, y = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && d4(e, t, C), C;
+};
+const j2 = "anduin-input:change", c4 = "anduin-input:clear", h2 = class h2 extends h {
   constructor() {
-    super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "";
+    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;
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-field");
-    e && e.addEventListener(b1, (t) => {
-      var o;
-      const l = t;
-      this.inputid && this.inputid === l.detail && ((o = this.inputEl) == null || o.focus());
+    e && e.addEventListener(y1, (t) => {
+      var C;
+      const o = t;
+      this.inputid && this.inputid === o.detail && ((C = this.inputEl) == null || C.focus());
     });
   }
   updated() {
     this.inputEl && this.inputEl.value !== this.value && (this.inputEl.value = this.value);
   }
   onInput() {
-    this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(t4, {
+    this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(j2, {
       detail: this.value,
       bubbles: !0,
       composed: !0
     }));
   }
+  onClear() {
+    var e;
+    this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(j2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(c4, { 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}` : "", l = this.querySelector('[slot="icon"]') !== null;
+    const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, C = !!this.endIcon || this.clearable && !!this.value, i = this.clearable && !!this.value && !this.disabled && !this.readonly, n = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", a = this.size === "small" ? "10" : this.size === "large" ? "16" : "14";
     return d`
-      <div class="input-container${l ? " input-container--has-icon" : ""}">
-        <slot name="icon" class="input__icon"></slot>
+      <div class="input-wrapper">
+        ${o ? d`
+          <span class="input__start">
+            <anduin-icon name=${this.startIcon} size=${n}></anduin-icon>
+          </span>
+        ` : u}
+
         <input
-          class="input ${e} ${this.disabled ? "input--disabled" : ""} ${this.readonly ? "input--readonly" : ""} ${t}"
+          class="input ${e}
+            ${o ? "input--has-start" : ""}
+            ${C ? "input--has-end" : ""}
+            ${this.disabled ? "input--disabled" : ""}
+            ${this.readonly ? "input--readonly" : ""}
+            ${t}"
           type="text"
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
@@ -1887,82 +1901,135 @@ const t4 = "anduin-input:change", r5 = class r5 extends c {
           part="input"
           @input=${this.onInput}
         />
+
+        ${C ? d`
+          <span class="input__end">
+            ${i ? d`
+              <button class="input__clear" type="button" @click=${this.onClear} aria-label="Clear">
+                <anduin-icon name="cross" size=${a}></anduin-icon>
+              </button>
+            ` : u}
+            ${this.endIcon ? d`
+              <anduin-icon name=${this.endIcon} size=${n}></anduin-icon>
+            ` : u}
+          </span>
+        ` : u}
       </div>
     `;
   }
 };
-r5.styles = h`
+h2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
-    .input-container { position: relative; display: flex; align-items: center; }
-    .input-container--has-icon .input { padding-left: 32px; }
-    .input__icon { position: absolute; left: 8px; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; color: var(--color-gray-6); }
+
+    .input-wrapper { position: relative; display: flex; align-items: center; }
+
     .input {
       display: block; width: 100%; border: 1px solid var(--color-gray-4); border-radius: 4px;
-      transition: all 0.1s, box-shadow 0.3s ease; font-size: 13px; line-height: 20px;
-      color: var(--color-gray-8); background-color: var(--color-gray-0); box-shadow: 0 0 0 12px transparent;
+      transition: all 0.1s, box-shadow 0.3s ease; line-height: 20px;
+      color: var(--color-gray-8); background-color: var(--color-gray-0);
       box-sizing: border-box; font-family: var(--font-sans);
     }
     .input:focus { outline: none; border-color: var(--color-primary-4); }
     .input:active { box-shadow: 0 0 0 2px var(--color-primary-1); }
-    .input--small { height: 24px; padding-left: 6px; padding-right: 6px; }
-    .input--default { height: 32px; padding-left: 12px; padding-right: 12px; }
-    .input--large { height: 40px; padding-left: 16px; padding-right: 16px; }
+
+    .input--small   { height: 24px; padding: 0 6px; font-size: 11px; }
+    .input--default { height: 32px; padding: 0 12px; font-size: 13px; }
+    .input--large   { height: 40px; padding: 0 16px; font-size: 15px; }
+
+    /* Shift padding to make room for icons */
+    .input--has-start.input--small   { padding-left: 26px; }
+    .input--has-start.input--default { padding-left: 32px; }
+    .input--has-start.input--large   { padding-left: 42px; }
+
+    .input--has-end.input--small   { padding-right: 26px; }
+    .input--has-end.input--default { padding-right: 32px; }
+    .input--has-end.input--large   { padding-right: 42px; }
+
     .input--disabled { color: var(--color-gray-7); background-color: var(--color-gray-2); cursor: not-allowed; }
     .input--readonly { background-color: var(--color-gray-2); }
-    .input--valid { border-color: var(--color-success-4); }
-    .input--invalid { border-color: var(--color-danger-4); }
-    .input--warning { border-color: var(--color-warning-4); }
-    .input--loading { border-color: var(--color-gray-4); }
+    .input--valid    { border-color: var(--color-success-4); }
+    .input--invalid  { border-color: var(--color-danger-4); }
+    .input--warning  { border-color: var(--color-warning-4); }
+    .input--loading  { border-color: var(--color-gray-4); }
+
+    .input__start,
+    .input__end {
+      position: absolute; top: 0; bottom: 0;
+      display: flex; align-items: center;
+      pointer-events: none;
+      color: var(--color-gray-6);
+    }
+    .input__start { left: 8px; }
+    .input__end   { right: 8px; gap: 2px; }
+
+    .input__clear {
+      display: flex; align-items: center; justify-content: center;
+      pointer-events: auto; cursor: pointer;
+      background: none; border: none; padding: 0;
+      color: var(--color-gray-5);
+      border-radius: 3px;
+      line-height: 0;
+    }
+    .input__clear:hover { color: var(--color-gray-7); }
   `;
-let M = r5;
-w([
+let g = h2;
+y([
   r()
-], M.prototype, "value");
-w([
+], g.prototype, "value");
+y([
   r()
-], M.prototype, "size");
-w([
+], g.prototype, "size");
+y([
   r({ type: Boolean })
-], M.prototype, "disabled");
-w([
+], g.prototype, "disabled");
+y([
   r({ type: Boolean })
-], M.prototype, "readonly");
-w([
+], g.prototype, "readonly");
+y([
   r()
-], M.prototype, "placeholder");
-w([
+], g.prototype, "placeholder");
+y([
   r()
-], M.prototype, "inputid");
-w([
+], g.prototype, "inputid");
+y([
   r()
-], M.prototype, "status");
-w([
-  N1("input")
-], M.prototype, "inputEl");
-customElements.get("anduin-input") || customElements.define("anduin-input", M);
-var o4 = Object.defineProperty, $ = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && o4(e, t, o), o;
-};
-const l4 = "anduin-textarea:change", a5 = class a5 extends c {
+], g.prototype, "status");
+y([
+  r({ attribute: "start-icon" })
+], g.prototype, "startIcon");
+y([
+  r({ attribute: "end-icon" })
+], g.prototype, "endIcon");
+y([
+  r({ type: Boolean })
+], g.prototype, "clearable");
+y([
+  O("input")
+], g.prototype, "inputEl");
+customElements.get("anduin-input") || customElements.define("anduin-input", g);
+var u4 = Object.defineProperty, E = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && u4(e, t, C), C;
+};
+const p4 = "anduin-textarea:change", H2 = class H2 extends h {
   constructor() {
     super(...arguments), this.value = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.rows = 3, this.status = "";
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-field");
-    e && e.addEventListener(b1, (t) => {
-      var o;
-      const l = t;
-      this.inputid && this.inputid === l.detail && ((o = this.textareaEl) == null || o.focus());
+    e && e.addEventListener(y1, (t) => {
+      var C;
+      const o = t;
+      this.inputid && this.inputid === o.detail && ((C = this.textareaEl) == null || C.focus());
     });
   }
   updated() {
     this.textareaEl && this.textareaEl.value !== this.value && (this.textareaEl.value = this.value);
   }
   onInput() {
-    this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(l4, {
+    this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(p4, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -1971,79 +2038,79 @@ const l4 = "anduin-textarea:change", a5 = class a5 extends c {
   render() {
     const e = this.status ? `textarea--${this.status}` : "";
     return d`
-      <div class="textarea-container">
-        <textarea
-          class="textarea ${this.disabled ? "textarea--disabled" : ""} ${this.readonly ? "textarea--readonly" : ""} ${e}"
-          rows="${this.rows}"
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          id=${this.inputid || ""}
-          placeholder=${this.placeholder || ""}
-          part="textarea"
-          @input=${this.onInput}
-        ></textarea>
-      </div>
+      <textarea
+        class="textarea
+          ${this.disabled ? "textarea--disabled" : ""}
+          ${this.readonly ? "textarea--readonly" : ""}
+          ${e}"
+        rows="${this.rows}"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        id=${this.inputid || ""}
+        placeholder=${this.placeholder || ""}
+        part="textarea"
+        @input=${this.onInput}
+      ></textarea>
     `;
   }
 };
-a5.styles = h`
+H2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
-    .textarea-container { position: relative; display: flex; align-items: stretch; }
+
     .textarea {
       display: block; width: 100%; border: 1px solid var(--color-gray-4); border-radius: 4px;
-      transition: all 0.1s, box-shadow 0.3s ease; font-size: 13px; line-height: 20px;
-      color: var(--color-gray-8); background-color: var(--color-gray-0); box-shadow: 0 0 0 12px transparent;
+      transition: border-color 0.1s; font-size: 13px; line-height: 20px;
+      color: var(--color-gray-8); background-color: var(--color-gray-0);
       padding: 6px 12px; resize: vertical; font-family: var(--font-sans); box-sizing: border-box;
     }
-    .textarea:focus { outline: none; border-color: var(--color-primary-4); }
-    .textarea:active { box-shadow: 0 0 0 2px var(--color-primary-1); }
+    .textarea:focus   { outline: none; border-color: var(--color-primary-4); }
     .textarea--disabled { color: var(--color-gray-7); background-color: var(--color-gray-2); cursor: not-allowed; resize: none; }
     .textarea--readonly { background-color: var(--color-gray-2); resize: none; }
-    .textarea--valid { border-color: var(--color-success-4); }
-    .textarea--invalid { border-color: var(--color-danger-4); }
-    .textarea--warning { border-color: var(--color-warning-4); }
-    .textarea--loading { border-color: var(--color-gray-4); }
+    .textarea--valid    { border-color: var(--color-success-4); }
+    .textarea--invalid  { border-color: var(--color-danger-4); }
+    .textarea--warning  { border-color: var(--color-warning-4); }
+    .textarea--loading  { border-color: var(--color-gray-4); }
   `;
-let Z = a5;
-$([
+let m = H2;
+E([
   r()
-], Z.prototype, "value");
-$([
+], m.prototype, "value");
+E([
   r({ type: Boolean })
-], Z.prototype, "disabled");
-$([
+], m.prototype, "disabled");
+E([
   r({ type: Boolean })
-], Z.prototype, "readonly");
-$([
+], m.prototype, "readonly");
+E([
   r()
-], Z.prototype, "placeholder");
-$([
+], m.prototype, "placeholder");
+E([
   r()
-], Z.prototype, "inputid");
-$([
+], m.prototype, "inputid");
+E([
   r({ type: Number })
-], Z.prototype, "rows");
-$([
+], m.prototype, "rows");
+E([
   r()
-], Z.prototype, "status");
-$([
-  N1("textarea")
-], Z.prototype, "textareaEl");
-customElements.get("anduin-textarea") || customElements.define("anduin-textarea", Z);
-var C4 = Object.defineProperty, b = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && C4(e, t, o), o;
-};
-const t2 = "anduin-tab:trigger-click", m1 = "anduin-tab:value-changed", i4 = "anduin-tab:change", s5 = class s5 extends c {
+], m.prototype, "status");
+E([
+  O("textarea")
+], m.prototype, "textareaEl");
+customElements.get("anduin-textarea") || customElements.define("anduin-textarea", m);
+var h4 = Object.defineProperty, M = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && h4(e, t, C), C;
+};
+const c5 = "anduin-tab:trigger-click", R1 = "anduin-tab:value-changed", H4 = "anduin-tab:change", v2 = class v2 extends h {
   constructor() {
     super(...arguments), this.defaultValue = "", this.value = "", this.fill = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(t2, (e) => {
+    super.connectedCallback(), this.addEventListener(c5, (e) => {
       e.stopPropagation();
       const t = e;
-      this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(i4, { detail: t.detail, bubbles: !0, composed: !0 }));
+      this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(H4, { detail: t.detail, bubbles: !0, composed: !0 }));
     }), requestAnimationFrame(() => {
       const e = this.value || this.defaultValue;
       e && (this.value || (this.value = e), this.broadcastValueChanged(e));
@@ -2053,39 +2120,39 @@ const t2 = "anduin-tab:trigger-click", m1 = "anduin-tab:value-changed", i4 = "an
     e.has("value") && this.value && this.broadcastValueChanged(this.value);
   }
   broadcastValueChanged(e) {
-    this.dispatchEvent(new CustomEvent(m1, { detail: e, bubbles: !1, composed: !1 }));
+    this.dispatchEvent(new CustomEvent(R1, { detail: e, bubbles: !1, composed: !1 }));
   }
   render() {
     return d`<div class="tabs" part="tabs"><slot></slot></div>`;
   }
 };
-s5.styles = h`
+v2.styles = H`
     :host { display: flex; flex-direction: column; font-family: var(--font-sans); }
     :host([fill]) { flex: 1; min-height: 0; --_tab-fill-flex: 1; --_tab-fill-height: 100%; }
     .tabs { display: flex; flex-direction: column; width: 100%; }
     :host([fill]) .tabs { flex: 1; min-height: 0; }
   `;
-let I = s5;
-b([
+let U = v2;
+M([
   r({ attribute: "default-value" })
-], I.prototype, "defaultValue");
-b([
+], U.prototype, "defaultValue");
+M([
   r()
-], I.prototype, "value");
-b([
+], U.prototype, "value");
+M([
   r({ type: Boolean, reflect: !0 })
-], I.prototype, "fill");
-const d5 = class d5 extends c {
+], U.prototype, "fill");
+const V2 = class V2 extends h {
   constructor() {
     super(...arguments), this.alignment = "left", this.lastActiveValue = "", this.resizeObserver = null;
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tabs");
-    e && e.addEventListener(m1, (t) => {
-      const l = t;
-      this.lastActiveValue = l.detail, requestAnimationFrame(() => {
-        this.animateIndicator(l.detail);
+    e && e.addEventListener(R1, (t) => {
+      const o = t;
+      this.lastActiveValue = o.detail, requestAnimationFrame(() => {
+        this.animateIndicator(o.detail);
       });
     });
   }
@@ -2100,10 +2167,10 @@ const d5 = class d5 extends c {
   }
   animateIndicator(e) {
     const t = this.querySelectorAll(":scope > anduin-tab-trigger");
-    for (let l = 0; l < t.length; l++) {
-      const o = t[l];
-      if (o.getAttribute("value") === e) {
-        const i = o.getBoundingClientRect(), n = this.getBoundingClientRect(), a = i.left - n.left + this.scrollLeft;
+    for (let o = 0; o < t.length; o++) {
+      const C = t[o];
+      if (C.getAttribute("value") === e) {
+        const i = C.getBoundingClientRect(), n = this.getBoundingClientRect(), a = i.left - n.left + this.scrollLeft;
         this.indicator && (this.indicator.style.width = `${i.width}px`, this.indicator.style.transform = `translateX(${a}px)`);
         break;
       }
@@ -2118,7 +2185,7 @@ const d5 = class d5 extends c {
     `;
   }
 };
-d5.styles = h`
+V2.styles = H`
     :host { display: block; font-family: var(--font-sans); }
     .tabs-list {
       display: flex; background-color: var(--color-gray-0);
@@ -2133,27 +2200,27 @@ d5.styles = h`
       left: 0; height: 2px; transition-duration: 200ms; transition-property: transform, width;
     }
   `;
-let t1 = d5;
-b([
+let r1 = V2;
+M([
   r()
-], t1.prototype, "alignment");
-b([
-  N1(".tabs-list__indicator")
-], t1.prototype, "indicator");
-const c5 = class c5 extends c {
+], r1.prototype, "alignment");
+M([
+  O(".tabs-list__indicator")
+], r1.prototype, "indicator");
+const f2 = class f2 extends h {
   constructor() {
     super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.showBadge = !1, this.badgeCount = "", this.isActive = !1;
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tabs");
-    e && e.addEventListener(m1, (t) => {
-      const l = t;
-      this.isActive = l.detail === this.value;
+    e && e.addEventListener(R1, (t) => {
+      const o = t;
+      this.isActive = o.detail === this.value;
     });
   }
   onClick() {
-    this.dispatchEvent(new CustomEvent(t2, { detail: this.value, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(c5, { detail: this.value, bubbles: !0, composed: !0 }));
   }
   render() {
     return d`
@@ -2166,15 +2233,15 @@ const c5 = class c5 extends c {
         @click=${this.onClick}
       >
         <div class="tab-trigger__content">
-          ${this.startIcon ? d`<anduin-icon name="${this.startIcon}" size="16"></anduin-icon>` : p}
+          ${this.startIcon ? d`<anduin-icon name="${this.startIcon}" size="16"></anduin-icon>` : u}
           <slot></slot>
-          ${this.showBadge ? d`<span class="tab-trigger__badge">${this.badgeCount}</span>` : p}
+          ${this.showBadge ? d`<span class="tab-trigger__badge">${this.badgeCount}</span>` : u}
         </div>
       </button>
     `;
   }
 };
-c5.styles = h`
+f2.styles = H`
     :host { display: inline-block; font-family: var(--font-sans); }
     .tab-trigger {
       cursor: pointer; background: none; border: none; display: block;
@@ -2197,35 +2264,35 @@ c5.styles = h`
       color: var(--color-gray-7); white-space: nowrap;
     }
   `;
-let R = c5;
-b([
+let x = f2;
+M([
   r()
-], R.prototype, "value");
-b([
+], x.prototype, "value");
+M([
   r({ attribute: "start-icon" })
-], R.prototype, "startIcon");
-b([
+], x.prototype, "startIcon");
+M([
   r({ type: Boolean })
-], R.prototype, "disabled");
-b([
+], x.prototype, "disabled");
+M([
   r({ type: Boolean, attribute: "show-badge" })
-], R.prototype, "showBadge");
-b([
+], x.prototype, "showBadge");
+M([
   r({ attribute: "badge-count" })
-], R.prototype, "badgeCount");
-b([
-  H1()
-], R.prototype, "isActive");
-const u5 = class u5 extends c {
+], x.prototype, "badgeCount");
+M([
+  u1()
+], x.prototype, "isActive");
+const L2 = class L2 extends h {
   constructor() {
     super(...arguments), this.value = "", this.isActive = !1;
   }
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tabs");
-    e && e.addEventListener(m1, (t) => {
-      const l = t;
-      this.isActive = l.detail === this.value;
+    e && e.addEventListener(R1, (t) => {
+      const o = t;
+      this.isActive = o.detail === this.value;
     });
   }
   updated(e) {
@@ -2239,28 +2306,28 @@ const u5 = class u5 extends c {
     `;
   }
 };
-u5.styles = h`
+L2.styles = H`
     :host { display: block; font-family: var(--font-sans); flex: var(--_tab-fill-flex, 0 0 auto); min-height: 0; }
     :host(:not([active])) { display: none; }
     .tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
   `;
-let o1 = u5;
-b([
+let a1 = L2;
+M([
   r()
-], o1.prototype, "value");
-b([
-  H1()
-], o1.prototype, "isActive");
-customElements.get("anduin-tabs") || customElements.define("anduin-tabs", I);
-customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", t1);
-customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", R);
-customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", o1);
-var n4 = Object.defineProperty, U1 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && n4(e, t, o), o;
-};
-const r4 = "anduin-tag-close:click", a4 = {
+], a1.prototype, "value");
+M([
+  u1()
+], a1.prototype, "isActive");
+customElements.get("anduin-tabs") || customElements.define("anduin-tabs", U);
+customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", r1);
+customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", x);
+customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", a1);
+var v4 = Object.defineProperty, W1 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && v4(e, t, C), C;
+};
+const V4 = "anduin-tag-close:click", f4 = {
   gray: "tag--light-gray",
   primary: "tag--light-primary",
   success: "tag--light-success",
@@ -2285,7 +2352,7 @@ const r4 = "anduin-tag-close:click", a4 = {
   customYellow: "tag--custom-yellow",
   customYellowGreen: "tag--custom-yellow-green",
   customYellowOrange: "tag--custom-yellow-orange"
-}, s4 = {
+}, L4 = {
   gray: "tag__icon--light-gray",
   primary: "tag__icon--light-primary",
   success: "tag__icon--light-success",
@@ -2310,22 +2377,22 @@ const r4 = "anduin-tag-close:click", a4 = {
   customMagenta: "tag__icon--custom-magenta",
   customBlueGreen: "tag__icon--custom-blue-green",
   customPink: "tag__icon--custom-pink"
-}, p5 = class p5 extends c {
+}, g2 = class g2 extends h {
   constructor() {
     super(...arguments), this.variant = "gray", this.icon = "", this.disabled = !1;
   }
   render() {
-    const e = a4[this.variant] || "tag--light-gray", t = s4[this.variant] || "tag__icon--light-gray";
+    const e = f4[this.variant] || "tag--light-gray", t = L4[this.variant] || "tag__icon--light-gray";
     return d`
       <div class="tag ${e} ${this.disabled ? "tag--disabled" : ""}" part="tag">
-        ${this.icon ? d`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>` : p}
+        ${this.icon ? d`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>` : u}
         <div class="tag__label"><slot></slot></div>
         <slot name="closeButton" class="tag__close"></slot>
       </div>
     `;
   }
 };
-p5.styles = h`
+g2.styles = H`
     :host { display: inline-flex; max-width: 100%; font-family: var(--font-sans); }
     .tag {
       font-weight: 500; font-size: 11px; height: 20px; padding-left: 6px; padding-right: 6px;
@@ -2373,19 +2440,19 @@ p5.styles = h`
     .tag--custom-yellow-green { color: var(--color-gray-9); background-color: rgb(174,207,85); }
     .tag--custom-yellow-orange { color: var(--color-gray-9); background-color: rgb(255,193,107); }
   `;
-let N = p5;
-U1([
+let j = g2;
+W1([
   r()
-], N.prototype, "variant");
-U1([
+], j.prototype, "variant");
+W1([
   r()
-], N.prototype, "icon");
-U1([
+], j.prototype, "icon");
+W1([
   r({ type: Boolean })
-], N.prototype, "disabled");
-const h5 = class h5 extends c {
+], j.prototype, "disabled");
+const M2 = class M2 extends h {
   onClick() {
-    this.dispatchEvent(new CustomEvent(r4, { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(V4, { bubbles: !0, composed: !0 }));
   }
   render() {
     return d`
@@ -2395,7 +2462,7 @@ const h5 = class h5 extends c {
     `;
   }
 };
-h5.styles = h`
+M2.styles = H`
     :host { display: inline-block; font-family: var(--font-sans); }
     .tag-close__button {
       flex: none; width: 16px; height: 16px; display: flex; align-items: center;
@@ -2405,15 +2472,15 @@ h5.styles = h`
     .tag-close__button:hover { opacity: 0.7; }
     .tag-close__button:active { opacity: 0.5; }
   `;
-let w1 = h5;
-customElements.get("anduin-tag") || customElements.define("anduin-tag", N);
-customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", w1);
-var d4 = Object.defineProperty, o2 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && d4(e, t, o), o;
-};
-const l2 = "anduin-tooltip:show", j1 = "anduin-tooltip:hide", C2 = "anduin-tooltip:trigger-mounted", i2 = "anduin-tooltip:content-popup-mounted", n2 = "anduin-tooltip:content-popup-unmounted", r2 = "anduin-tooltip:visibility-changed", c4 = [
+let z1 = M2;
+customElements.get("anduin-tag") || customElements.define("anduin-tag", j);
+customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", z1);
+var g4 = Object.defineProperty, u5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && g4(e, t, C), C;
+};
+const p5 = "anduin-tooltip:show", K1 = "anduin-tooltip:hide", h5 = "anduin-tooltip:trigger-mounted", H5 = "anduin-tooltip:content-popup-mounted", v5 = "anduin-tooltip:content-popup-unmounted", V5 = "anduin-tooltip:visibility-changed", M4 = [
   "top-start",
   "top-center",
   "top-end",
@@ -2427,94 +2494,94 @@ const l2 = "anduin-tooltip:show", j1 = "anduin-tooltip:hide", C2 = "anduin-toolt
   "left-center",
   "left-end"
 ];
-function O5(C, e, t, l, o) {
-  switch (l) {
+function q2(l, e, t, o, C) {
+  switch (o) {
     case "top-start":
-      return { left: C.left, top: C.top - t - o };
+      return { left: l.left, top: l.top - t - C };
     case "top-center":
-      return { left: C.left + C.width / 2 - e / 2, top: C.top - t - o };
+      return { left: l.left + l.width / 2 - e / 2, top: l.top - t - C };
     case "top-end":
-      return { left: C.left + C.width - e, top: C.top - t - o };
+      return { left: l.left + l.width - e, top: l.top - t - C };
     case "right-start":
-      return { left: C.right + o, top: C.top };
+      return { left: l.right + C, top: l.top };
     case "right-center":
-      return { left: C.right + o, top: C.top + C.height / 2 - t / 2 };
+      return { left: l.right + C, top: l.top + l.height / 2 - t / 2 };
     case "right-end":
-      return { left: C.right + o, top: C.top + C.height - t };
+      return { left: l.right + C, top: l.top + l.height - t };
     case "bottom-start":
-      return { left: C.left, top: C.bottom + o };
+      return { left: l.left, top: l.bottom + C };
     case "bottom-center":
-      return { left: C.left + C.width / 2 - e / 2, top: C.bottom + o };
+      return { left: l.left + l.width / 2 - e / 2, top: l.bottom + C };
     case "bottom-end":
-      return { left: C.left + C.width - e, top: C.bottom + o };
+      return { left: l.left + l.width - e, top: l.bottom + C };
     case "left-start":
-      return { left: C.left - e - o, top: C.top };
+      return { left: l.left - e - C, top: l.top };
     case "left-center":
-      return { left: C.left - e - o, top: C.top + C.height / 2 - t / 2 };
+      return { left: l.left - e - C, top: l.top + l.height / 2 - t / 2 };
     case "left-end":
-      return { left: C.left - e - o, top: C.top + C.height - t };
+      return { left: l.left - e - C, top: l.top + l.height - t };
     default:
       return { left: 0, top: 0 };
   }
 }
-function B5(C, e) {
-  return e.right >= C.left && e.left <= C.right && e.top <= C.bottom && e.bottom >= C.top;
+function G2(l, e) {
+  return e.right >= l.left && e.left <= l.right && e.top <= l.bottom && e.bottom >= l.top;
 }
-function I5(C, e) {
-  const t = Math.max(C.left, e.left), l = Math.max(C.top, e.top), o = Math.min(C.right, e.right), i = Math.min(C.bottom, e.bottom);
-  return o < t || i < l ? 0 : (o - t) * (i - l);
+function Y2(l, e) {
+  const t = Math.max(l.left, e.left), o = Math.max(l.top, e.top), C = Math.min(l.right, e.right), i = Math.min(l.bottom, e.bottom);
+  return C < t || i < o ? 0 : (C - t) * (i - o);
 }
-function u4(C, e, t, l = 8) {
-  const o = window.innerWidth, i = window.innerHeight, n = { left: 0, top: 0, right: o, bottom: i }, a = e.width, s = e.height;
-  if (!B5(
-    { left: C.left, top: C.top, right: C.right, bottom: C.bottom },
+function Z4(l, e, t, o = 8) {
+  const C = window.innerWidth, i = window.innerHeight, n = { left: 0, top: 0, right: C, bottom: i }, a = e.width, s = e.height;
+  if (!G2(
+    { left: l.left, top: l.top, right: l.right, bottom: l.bottom },
     n
   )) return null;
-  const u = O5(C, a, s, t, l), L = c4.map((g) => ({ p: g, off: O5(C, a, s, g, l) })).filter(({ off: g }) => B5({ left: g.left, top: g.top, right: g.left + a, bottom: g.top + s }, n));
-  if (L.length === 0)
+  const c = q2(l, a, s, t, o), p = M4.map((V) => ({ p: V, off: q2(l, a, s, V, o) })).filter(({ off: V }) => G2({ left: V.left, top: V.top, right: V.left + a, bottom: V.top + s }, n));
+  if (p.length === 0)
     return {
       placement: t,
-      left: Math.round(Math.min(Math.max(u.left, 0), o - a)),
-      top: Math.round(Math.min(Math.max(u.top, 0), i - s))
+      left: Math.round(Math.min(Math.max(c.left, 0), C - a)),
+      top: Math.round(Math.min(Math.max(c.top, 0), i - s))
     };
-  L.sort((g, V) => {
-    const s2 = { left: g.off.left, top: g.off.top, right: g.off.left + a, bottom: g.off.top + s }, d2 = { left: V.off.left, top: V.off.top, right: V.off.left + a, bottom: V.off.top + s }, M5 = I5(s2, n), Z5 = I5(d2, n);
-    if (Z5 !== M5) return Z5 - M5;
-    const c2 = Math.abs(g.off.left - u.left) + Math.abs(g.off.top - u.top), u2 = Math.abs(V.off.left - u.left) + Math.abs(V.off.top - u.top);
-    return c2 - u2;
+  p.sort((V, b) => {
+    const L5 = { left: V.off.left, top: V.off.top, right: V.off.left + a, bottom: V.off.top + s }, g5 = { left: b.off.left, top: b.off.top, right: b.off.left + a, bottom: b.off.top + s }, $2 = Y2(L5, n), E2 = Y2(g5, n);
+    if (E2 !== $2) return E2 - $2;
+    const M5 = Math.abs(V.off.left - c.left) + Math.abs(V.off.top - c.top), Z5 = Math.abs(b.off.left - c.left) + Math.abs(b.off.top - c.top);
+    return M5 - Z5;
   });
-  const { p: v, off: m } = L[0];
+  const { p: v, off: Z } = p[0];
   return {
     placement: v,
-    left: Math.round(Math.min(Math.max(m.left, 0), o - a)),
-    top: Math.round(Math.min(Math.max(m.top, 0), i - s))
+    left: Math.round(Math.min(Math.max(Z.left, 0), C - a)),
+    top: Math.round(Math.min(Math.max(Z.top, 0), i - s))
   };
 }
-function $1(C) {
-  return C.split("-")[0] || "top";
+function P1(l) {
+  return l.split("-")[0] || "top";
 }
-function p4(C, e, t) {
-  let l = !1, o = t.length - 1;
+function b4(l, e, t) {
+  let o = !1, C = t.length - 1;
   for (let i = 0; i < t.length; i++) {
-    const n = t[i][0], a = t[i][1], s = t[o][0], u = t[o][1];
-    a > e != u > e && C < (s - n) * (e - a) / (u - a) + n && (l = !l), o = i;
+    const n = t[i][0], a = t[i][1], s = t[C][0], c = t[C][1];
+    a > e != c > e && l < (s - n) * (e - a) / (c - a) + n && (o = !o), C = i;
   }
-  return l;
+  return o;
 }
-const v5 = class v5 extends c {
+const Z2 = class Z2 extends h {
   constructor() {
     super(...arguments), this.disabled = !1, this.placement = "top-center", this.triggerElement = null, this.contentPopupElement = null, this.containingBlockLeft = 0, this.containingBlockTop = 0, this.rafId = 0, this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN, this.isVisible = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(C2, (e) => {
+    super.connectedCallback(), this.addEventListener(h5, (e) => {
       e.stopPropagation(), this.triggerElement = e.detail, this.maybeStartPositionLoop();
-    }), this.addEventListener(i2, (e) => {
+    }), this.addEventListener(H5, (e) => {
       e.stopPropagation(), this.contentPopupElement = e.detail, this.computeContainingBlockOffset(this.contentPopupElement), this.maybeStartPositionLoop();
-    }), this.addEventListener(n2, (e) => {
+    }), this.addEventListener(v5, (e) => {
       e.stopPropagation(), this.stopPositionLoop(), this.contentPopupElement = null;
-    }), this.addEventListener(l2, (e) => {
+    }), this.addEventListener(p5, (e) => {
       e.stopPropagation(), !this.disabled && (this.isVisible = !0, this.broadcastVisibilityChanged(`show:${this.placement}`));
-    }), this.addEventListener(j1, (e) => {
+    }), this.addEventListener(K1, (e) => {
       e.stopPropagation(), this.isVisible = !1, this.stopPositionLoop(), this.broadcastVisibilityChanged("hide");
     });
   }
@@ -2529,77 +2596,77 @@ const v5 = class v5 extends c {
   }
   startPositionLoop() {
     this.stopPositionLoop(), this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN;
-    const e = this.triggerElement, t = this.contentPopupElement, l = this.placement, o = () => {
+    const e = this.triggerElement, t = this.contentPopupElement, o = this.placement, C = () => {
       const i = e.getBoundingClientRect();
-      (i.top !== this.prevTriggerTop || i.left !== this.prevTriggerLeft) && (this.prevTriggerTop = i.top, this.prevTriggerLeft = i.left, this.positionPopup(t, e, l)), this.rafId = requestAnimationFrame(o);
+      (i.top !== this.prevTriggerTop || i.left !== this.prevTriggerLeft) && (this.prevTriggerTop = i.top, this.prevTriggerLeft = i.left, this.positionPopup(t, e, o)), this.rafId = requestAnimationFrame(C);
     };
-    this.rafId = requestAnimationFrame(o);
+    this.rafId = requestAnimationFrame(C);
   }
   stopPositionLoop() {
     this.rafId && (cancelAnimationFrame(this.rafId), this.rafId = 0), this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN;
   }
   computeContainingBlockOffset(e) {
-    const t = e, l = t.style.transform;
+    const t = e, o = t.style.transform;
     t.style.transform = "none";
-    const o = e.getBoundingClientRect();
-    this.containingBlockLeft = o.left, this.containingBlockTop = o.top, t.style.transform = l;
+    const C = e.getBoundingClientRect();
+    this.containingBlockLeft = C.left, this.containingBlockTop = C.top, t.style.transform = o;
   }
-  positionPopup(e, t, l) {
-    const o = t.getBoundingClientRect(), i = e.getBoundingClientRect(), n = u4(o, i, l, 8);
+  positionPopup(e, t, o) {
+    const C = t.getBoundingClientRect(), i = e.getBoundingClientRect(), n = Z4(C, i, o, 8);
     if (n) {
       const a = e;
       a.style.transform = `translate(${n.left - this.containingBlockLeft}px, ${n.top - this.containingBlockTop}px)`;
-      const s = $1(n.placement), u = $1(l);
-      if (s !== u) {
-        const L = e.querySelector(".tooltip-arrow");
-        L && (L.classList.remove(`tooltip-arrow--${u}`), L.classList.add(`tooltip-arrow--${s}`));
+      const s = P1(n.placement), c = P1(o);
+      if (s !== c) {
+        const p = e.querySelector(".tooltip-arrow");
+        p && (p.classList.remove(`tooltip-arrow--${c}`), p.classList.add(`tooltip-arrow--${s}`));
       }
     }
   }
   broadcastVisibilityChanged(e) {
-    this.dispatchEvent(new CustomEvent(r2, { detail: e, bubbles: !1, composed: !1 }));
+    this.dispatchEvent(new CustomEvent(V5, { detail: e, bubbles: !1, composed: !1 }));
   }
   render() {
     return d`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
   }
 };
-v5.styles = h`
+Z2.styles = H`
     :host { display: inline-block; position: relative; max-width: 100%; font-family: var(--font-sans); }
     .tooltip-root { display: inline-block; position: relative; max-width: 100%; }
   `;
-let l1 = v5;
-o2([
+let s1 = Z2;
+u5([
   r({ type: Boolean })
-], l1.prototype, "disabled");
-o2([
+], s1.prototype, "disabled");
+u5([
   r()
-], l1.prototype, "placement");
-const L5 = class L5 extends c {
+], s1.prototype, "placement");
+const b2 = class b2 extends h {
   firstUpdated() {
     requestAnimationFrame(() => {
-      this.dispatchEvent(new CustomEvent(C2, { detail: this, bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(h5, { detail: this, bubbles: !0, composed: !0 }));
     }), this.addEventListener("pointerenter", () => {
-      this.dispatchEvent(new CustomEvent(l2, { bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(p5, { bubbles: !0, composed: !0 }));
     }), this.addEventListener("click", () => {
-      this.dispatchEvent(new CustomEvent(j1, { bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(K1, { bubbles: !0, composed: !0 }));
     });
   }
   render() {
     return d`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`;
   }
 };
-L5.styles = h`
+b2.styles = H`
     :host { display: inline-block; max-width: 100%; font-family: var(--font-sans); }
     .tooltip-trigger { display: flex; align-items: center; max-width: 100%; }
   `;
-let E1 = L5;
-const g5 = class g5 extends c {
+let S1 = b2;
+const m2 = class m2 extends h {
   constructor() {
     super(...arguments), this.graceArea = null, this.triggerEl = null, this.popupEl = null, this.handlePointerMove = (e) => {
       var i, n;
       if (!this.graceArea) return;
-      const t = e.target, l = ((i = this.triggerEl) == null ? void 0 : i.contains(t)) ?? !1, o = ((n = this.popupEl) == null ? void 0 : n.contains(t)) ?? !1;
-      l || o ? this.graceArea = null : p4(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(j1, { bubbles: !0, composed: !0 })));
+      const t = e.target, o = ((i = this.triggerEl) == null ? void 0 : i.contains(t)) ?? !1, C = ((n = this.popupEl) == null ? void 0 : n.contains(t)) ?? !1;
+      o || C ? this.graceArea = null : b4(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(K1, { bubbles: !0, composed: !0 })));
     }, this.handleTriggerLeave = (e) => {
       this.triggerEl && this.popupEl && this.createGraceArea(this.triggerEl, this.popupEl, e);
     }, this.handleContentLeave = (e) => {
@@ -2609,22 +2676,22 @@ const g5 = class g5 extends c {
   connectedCallback() {
     super.connectedCallback();
     const e = this.closest("anduin-tooltip");
-    e && e.addEventListener(r2, (t) => {
-      const l = t.detail;
-      l.startsWith("show:") ? this.showPopup(l.slice(5)) : this.hidePopup();
+    e && e.addEventListener(V5, (t) => {
+      const o = t.detail;
+      o.startsWith("show:") ? this.showPopup(o.slice(5)) : this.hidePopup();
     });
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.hidePopup();
   }
-  createGraceArea(e, t, l) {
-    const o = t.getBoundingClientRect(), i = l.clientX, n = l.clientY;
+  createGraceArea(e, t, o) {
+    const C = t.getBoundingClientRect(), i = o.clientX, n = o.clientY;
     this.graceArea = [
       [i, n],
-      [o.left, o.top],
-      [o.right, o.top],
-      [o.right, o.bottom],
-      [o.left, o.bottom]
+      [C.left, C.top],
+      [C.right, C.top],
+      [C.right, C.bottom],
+      [C.left, C.bottom]
     ];
   }
   setupGraceAreaListeners(e, t) {
@@ -2635,29 +2702,29 @@ const g5 = class g5 extends c {
   }
   showPopup(e) {
     this.hidePopup();
-    const t = $1(e), l = document.createElement("div");
-    l.className = "tooltip-popup", l.setAttribute("role", "tooltip");
-    const o = document.createElement("div");
-    o.className = `tooltip-arrow tooltip-arrow--${t}`;
+    const t = P1(e), o = document.createElement("div");
+    o.className = "tooltip-popup", o.setAttribute("role", "tooltip");
+    const C = document.createElement("div");
+    C.className = `tooltip-arrow tooltip-arrow--${t}`;
     const i = document.createElement("div");
-    i.className = "tooltip-body", i.appendChild(document.createElement("slot")), l.appendChild(o), l.appendChild(i);
+    i.className = "tooltip-body", i.appendChild(document.createElement("slot")), o.appendChild(C), o.appendChild(i);
     const n = this.shadowRoot.querySelector(".tooltip-content-wrapper");
-    n && n.appendChild(l), this.popupEl = l;
+    n && n.appendChild(o), this.popupEl = o;
     const a = this.closest("anduin-tooltip");
     if (a) {
       const s = a.querySelector("anduin-tooltip-trigger");
-      s && this.setupGraceAreaListeners(s, l);
+      s && this.setupGraceAreaListeners(s, o);
     }
-    this.dispatchEvent(new CustomEvent(i2, { detail: l, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(H5, { detail: o, bubbles: !0, composed: !0 }));
   }
   hidePopup() {
-    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(n2, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
+    this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(v5, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
   }
   render() {
     return d`<div class="tooltip-content-wrapper"></div>`;
   }
 };
-g5.styles = h`
+m2.styles = H`
     :host {
       display: contents;
       --tooltip-bg: var(--anduin-tooltip-content-background, var(--color-gray-9));
@@ -2681,16 +2748,16 @@ g5.styles = h`
     .tooltip-arrow--left { right: -4px; top: 50%; transform: translateY(-50%); border-left-color: var(--tooltip-bg); border-right: none; }
     .tooltip-arrow--right { left: -4px; top: 50%; transform: translateY(-50%); border-right-color: var(--tooltip-bg); border-left: none; }
   `;
-let P1 = g5;
-customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", l1);
-customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", E1);
-customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", P1);
-var h4 = Object.defineProperty, v4 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && h4(e, t, o), o;
-};
-const L4 = "anduin-well-close:click", f5 = class f5 extends c {
+let D1 = m2;
+customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", s1);
+customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", S1);
+customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", D1);
+var m4 = Object.defineProperty, y4 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && m4(e, t, C), C;
+};
+const R4 = "anduin-well-close:click", y2 = class y2 extends h {
   constructor() {
     super(...arguments), this.variant = "gray";
   }
@@ -2709,7 +2776,7 @@ const L4 = "anduin-well-close:click", f5 = class f5 extends c {
     `;
   }
 };
-f5.styles = h`
+y2.styles = H`
     :host {
       display: block;
       font-family: var(--font-sans);
@@ -2774,14 +2841,14 @@ f5.styles = h`
       color: var(--color-warning-4);
     }
   `;
-let g1 = f5;
-v4([
+let b1 = y2;
+y4([
   r()
-], g1.prototype, "variant");
-const H5 = class H5 extends c {
+], b1.prototype, "variant");
+const R2 = class R2 extends h {
   onClick() {
     this.dispatchEvent(
-      new CustomEvent(L4, { bubbles: !0, composed: !0 })
+      new CustomEvent(R4, { bubbles: !0, composed: !0 })
     );
   }
   render() {
@@ -2796,7 +2863,7 @@ const H5 = class H5 extends c {
     `;
   }
 };
-H5.styles = h`
+R2.styles = H`
     :host {
       display: inline-block;
       font-family: var(--font-sans);
@@ -2821,36 +2888,72 @@ H5.styles = h`
       background-color: var(--color-gray-3);
     }
   `;
-let A1 = H5;
-customElements.get("anduin-well") || customElements.define("anduin-well", g1);
-customElements.get("anduin-well-close") || customElements.define("anduin-well-close", A1);
-var g4 = Object.defineProperty, a2 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && g4(e, t, o), o;
-};
-const b5 = class b5 extends c {
+let O1 = R2;
+customElements.get("anduin-well") || customElements.define("anduin-well", b1);
+customElements.get("anduin-well-close") || customElements.define("anduin-well-close", O1);
+var x4 = Object.defineProperty, x1 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && x4(e, t, C), C;
+};
+const x2 = class x2 extends h {
   constructor() {
     super(...arguments), this.open = !1, this.placement = "bottom-start", this._onOutsideClick = (e) => {
       var t;
       !this.contains(e.target) && !((t = this.shadowRoot) != null && t.contains(e.target)) && (this.open = !1);
+    }, this._onScrollOrResize = () => {
+      this.open && this._updatePosition();
     };
   }
   _onTriggerClick() {
     this.open = !this.open;
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick);
+    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick);
+    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(() => this._updatePosition());
+  }
+  _updatePosition() {
+    const e = this._triggerEl, t = this._panelEl;
+    if (!e || !t) return;
+    const o = e.getBoundingClientRect(), C = t.style.transform;
+    t.style.transform = "none";
+    const i = t.getBoundingClientRect();
+    t.style.transform = C;
+    const n = t.getBoundingClientRect(), a = 4;
+    let s = 0, c = 0, p = "bottom";
+    switch (this.placement) {
+      case "bottom-start":
+        s = o.left, c = o.bottom + a, p = "bottom";
+        break;
+      case "bottom-end":
+        s = o.right - n.width, c = o.bottom + a, p = "bottom";
+        break;
+      case "bottom":
+        s = o.left + o.width / 2 - n.width / 2, c = o.bottom + a, p = "bottom";
+        break;
+      case "top-start":
+        s = o.left, c = o.top - n.height - a, p = "top";
+        break;
+      case "top-end":
+        s = o.right - n.width, c = o.top - n.height - a, p = "top";
+        break;
+      case "top":
+        s = o.left + o.width / 2 - n.width / 2, c = o.top - n.height - a, p = "top";
+        break;
+    }
+    t.style.transform = `translate(${Math.round(s - i.left)}px, ${Math.round(c - i.top)}px)`, t.dataset.side = p;
   }
   render() {
     return d`
-      <div @click=${this._onTriggerClick} part="trigger">
+      <div class="popover__trigger" @click=${this._onTriggerClick} part="trigger">
         <slot name="trigger"></slot>
       </div>
-      <div class="popover__panel popover__panel--${this.placement} ${this.open ? "popover__panel--open" : ""}" part="popover">
+      <div class="popover__panel ${this.open ? "popover__panel--open" : ""}" part="popover">
         <div class="popover__inner">
           <slot></slot>
         </div>
@@ -2858,25 +2961,21 @@ const b5 = class b5 extends c {
     `;
   }
 };
-b5.styles = h`
-    :host { display: inline-block; position: relative; font-family: var(--font-sans); }
+x2.styles = H`
+    :host { display: inline-block; font-family: var(--font-sans); }
+
+    .popover__trigger { display: inline-block; }
 
-    /* Outer: handles placement positioning only */
     .popover__panel {
-      position: absolute;
+      position: fixed;
+      top: 0;
+      left: 0;
       z-index: 50;
       visibility: hidden;
       pointer-events: none;
     }
-    .popover__panel--bottom-start { top: calc(100% + 4px); left: 0; }
-    .popover__panel--bottom-end   { top: calc(100% + 4px); right: 0; }
-    .popover__panel--bottom       { top: calc(100% + 4px); left: 50%; transform: translateX(-50%); }
-    .popover__panel--top-start    { bottom: calc(100% + 4px); left: 0; }
-    .popover__panel--top-end      { bottom: calc(100% + 4px); right: 0; }
-    .popover__panel--top          { bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); }
     .popover__panel--open { visibility: visible; pointer-events: auto; }
 
-    /* Inner: handles visual styling + animation */
     .popover__inner {
       background-color: var(--color-white, white);
       border-radius: 8px;
@@ -2900,55 +2999,93 @@ b5.styles = h`
       transform: scale(1) translateY(0);
     }
     /* Top placements animate upward from below */
-    .popover__panel--top-start .popover__inner,
-    .popover__panel--top .popover__inner,
-    .popover__panel--top-end .popover__inner {
+    .popover__panel[data-side="top"] .popover__inner {
       transform: scale(0.97) translateY(4px);
       transform-origin: bottom center;
     }
-    .popover__panel--top-start.popover__panel--open .popover__inner,
-    .popover__panel--top.popover__panel--open .popover__inner,
-    .popover__panel--top-end.popover__panel--open .popover__inner {
+    .popover__panel--open[data-side="top"] .popover__inner {
       transform: scale(1) translateY(0);
     }
   `;
-let C1 = b5;
-a2([
+let S = x2;
+x1([
   r({ type: Boolean, reflect: !0 })
-], C1.prototype, "open");
-a2([
+], S.prototype, "open");
+x1([
   r()
-], C1.prototype, "placement");
-customElements.get("anduin-popover") || customElements.define("anduin-popover", C1);
-var f4 = Object.defineProperty, a1 = (C, e, t, l) => {
-  for (var o = void 0, i = C.length - 1, n; i >= 0; i--)
-    (n = C[i]) && (o = n(e, t, o) || o);
-  return o && f4(e, t, o), o;
-};
-const z1 = "anduin-menu-item:click", m5 = class m5 extends c {
+], S.prototype, "placement");
+x1([
+  O(".popover__trigger")
+], S.prototype, "_triggerEl");
+x1([
+  O(".popover__panel")
+], S.prototype, "_panelEl");
+customElements.get("anduin-popover") || customElements.define("anduin-popover", S);
+var _4 = Object.defineProperty, I = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && _4(e, t, C), C;
+};
+const I1 = "anduin-menu-item:click", _2 = class _2 extends h {
   constructor() {
     super(...arguments), this.open = !1, this.placement = "bottom-start", this._onOutsideClick = (e) => {
       var t;
       !this.contains(e.target) && !((t = this.shadowRoot) != null && t.contains(e.target)) && (this.open = !1);
     }, this._onItemClick = () => {
       this.open = !1;
+    }, this._onScrollOrResize = () => {
+      this.open && this._updatePosition();
     };
   }
   _onTriggerClick() {
     this.open = !this.open;
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(z1, this._onItemClick);
+    super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(I1, this._onItemClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(z1, this._onItemClick);
+    super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(I1, this._onItemClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize);
+  }
+  updated(e) {
+    e.has("open") && this.open && requestAnimationFrame(() => this._updatePosition());
+  }
+  _updatePosition() {
+    const e = this._triggerEl, t = this._panelEl;
+    if (!e || !t) return;
+    const o = e.getBoundingClientRect(), C = t.style.transform;
+    t.style.transform = "none";
+    const i = t.getBoundingClientRect();
+    t.style.transform = C;
+    const n = t.getBoundingClientRect(), a = 4;
+    let s = 0, c = 0, p = "bottom";
+    switch (this.placement) {
+      case "bottom-start":
+        s = o.left, c = o.bottom + a, p = "bottom";
+        break;
+      case "bottom-end":
+        s = o.right - n.width, c = o.bottom + a, p = "bottom";
+        break;
+      case "bottom":
+        s = o.left + o.width / 2 - n.width / 2, c = o.bottom + a, p = "bottom";
+        break;
+      case "top-start":
+        s = o.left, c = o.top - n.height - a, p = "top";
+        break;
+      case "top-end":
+        s = o.right - n.width, c = o.top - n.height - a, p = "top";
+        break;
+      case "top":
+        s = o.left + o.width / 2 - n.width / 2, c = o.top - n.height - a, p = "top";
+        break;
+    }
+    t.style.transform = `translate(${Math.round(s - i.left)}px, ${Math.round(c - i.top)}px)`, t.dataset.side = p;
   }
   render() {
     return d`
       <div class="menu__trigger" @click=${this._onTriggerClick} part="trigger">
         <slot name="trigger"></slot>
       </div>
-      <div class="menu__panel menu__panel--${this.placement} ${this.open ? "menu__panel--open" : ""}" part="menu">
+      <div class="menu__panel ${this.open ? "menu__panel--open" : ""}" part="menu">
         <div class="menu__inner" role="menu">
           <slot></slot>
         </div>
@@ -2956,27 +3093,21 @@ const z1 = "anduin-menu-item:click", m5 = class m5 extends c {
     `;
   }
 };
-m5.styles = h`
-    :host { display: inline-block; position: relative; font-family: var(--font-sans); }
+_2.styles = H`
+    :host { display: inline-block; font-family: var(--font-sans); }
 
     .menu__trigger { display: inline-block; }
 
-    /* Outer: placement only */
     .menu__panel {
-      position: absolute;
+      position: fixed;
+      top: 0;
+      left: 0;
       z-index: 50;
       visibility: hidden;
       pointer-events: none;
     }
-    .menu__panel--bottom-start { top: calc(100% + 4px); left: 0; }
-    .menu__panel--bottom-end   { top: calc(100% + 4px); right: 0; }
-    .menu__panel--bottom       { top: calc(100% + 4px); left: 50%; transform: translateX(-50%); }
-    .menu__panel--top-start    { bottom: calc(100% + 4px); left: 0; }
-    .menu__panel--top-end      { bottom: calc(100% + 4px); right: 0; }
-    .menu__panel--top          { bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); }
     .menu__panel--open { visibility: visible; pointer-events: auto; }
 
-    /* Inner: visual shell + animation */
     .menu__inner {
       background-color: var(--color-white, white);
       border-radius: 8px;
@@ -2984,8 +3115,9 @@ m5.styles = h`
                   0px 8px 24px 0px rgba(29, 41, 57, 0.12);
       display: flex;
       flex-direction: column;
-      align-items: flex-start;
-      width: 280px;
+      align-items: stretch;
+      min-width: 180px;
+      max-width: 480px;
       padding: 8px;
       opacity: 0;
       transform: scale(0.97) translateY(-4px);
@@ -2996,31 +3128,33 @@ m5.styles = h`
       opacity: 1;
       transform: scale(1) translateY(0);
     }
-    .menu__panel--top-start .menu__inner,
-    .menu__panel--top .menu__inner,
-    .menu__panel--top-end .menu__inner {
+    .menu__panel[data-side="top"] .menu__inner {
       transform: scale(0.97) translateY(4px);
       transform-origin: bottom center;
     }
-    .menu__panel--top-start.menu__panel--open .menu__inner,
-    .menu__panel--top.menu__panel--open .menu__inner,
-    .menu__panel--top-end.menu__panel--open .menu__inner {
+    .menu__panel--open[data-side="top"] .menu__inner {
       transform: scale(1) translateY(0);
     }
   `;
-let i1 = m5;
-a1([
+let D = _2;
+I([
   r({ type: Boolean, reflect: !0 })
-], i1.prototype, "open");
-a1([
+], D.prototype, "open");
+I([
   r()
-], i1.prototype, "placement");
-const V5 = class V5 extends c {
+], D.prototype, "placement");
+I([
+  O(".menu__trigger")
+], D.prototype, "_triggerEl");
+I([
+  O(".menu__panel")
+], D.prototype, "_panelEl");
+const w2 = class w2 extends h {
   constructor() {
     super(...arguments), this.icon = "", this.variant = "default", this.disabled = !1;
   }
   _onClick() {
-    this.dispatchEvent(new CustomEvent(z1, { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(I1, { bubbles: !0, composed: !0 }));
   }
   render() {
     return d`
@@ -3031,13 +3165,13 @@ const V5 = class V5 extends c {
         part="menu-item"
         @click=${this._onClick}
       >
-        ${this.icon ? d`<anduin-icon name="${this.icon}" size="16"></anduin-icon>` : p}
+        ${this.icon ? d`<anduin-icon name="${this.icon}" size="16"></anduin-icon>` : u}
         <span class="menu-item__label"><slot></slot></span>
       </button>
     `;
   }
 };
-V5.styles = h`
+w2.styles = H`
     :host { display: block; width: 100%; font-family: var(--font-sans); }
     .menu-item {
       display: flex;
@@ -3067,73 +3201,608 @@ V5.styles = h`
     anduin-icon { color: var(--color-gray-7); }
     .menu-item--danger anduin-icon { color: var(--color-danger-4); }
   `;
-let T = V5;
-a1([
+let q = w2;
+I([
   r()
-], T.prototype, "icon");
-a1([
+], q.prototype, "icon");
+I([
   r()
-], T.prototype, "variant");
-a1([
+], q.prototype, "variant");
+I([
   r({ type: Boolean })
-], T.prototype, "disabled");
-customElements.get("anduin-menu") || customElements.define("anduin-menu", i1);
-customElements.get("anduin-menu-item") || customElements.define("anduin-menu-item", T);
+], q.prototype, "disabled");
+customElements.get("anduin-menu") || customElements.define("anduin-menu", D);
+customElements.get("anduin-menu-item") || customElements.define("anduin-menu-item", q);
+var w4 = Object.defineProperty, h1 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && w4(e, t, C), C;
+};
+const W2 = 300, k4 = 200, $4 = 250;
+var k;
+const Y = (k = class extends h {
+  constructor() {
+    super(...arguments), this.open = !1, this.heading = "", this.hideFooter = !1, this.maxWidth = "480", this._leaving = !1;
+  }
+  updated(e) {
+    var t;
+    if (e.has("maxWidth")) {
+      const o = this.maxWidth, C = k._PRESETS.has(o) ? `${o}px` : o;
+      this.style.setProperty("--_modal-width", C);
+    }
+    if (e.has("open")) {
+      if (this.open)
+        this._leaving = !1, this.classList.add("is-shown");
+      else if (this.classList.contains("is-shown")) {
+        this._leaving = !0;
+        const o = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".overlay");
+        o == null || o.addEventListener("animationend", () => {
+          this._leaving = !1, this.classList.remove("is-shown");
+        }, { once: !0 });
+      }
+    }
+  }
+  dispatch(e) {
+    this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 }));
+  }
+  onOverlayClick() {
+    this.dispatch("close");
+  }
+  onClose() {
+    this.dispatch("close");
+  }
+  render() {
+    const e = this._leaving;
+    return d`
+      <div class=${`overlay${e ? " is-leaving" : ""}`} @click=${this.onOverlayClick}></div>
+      <div class="modal-wrapper">
+        <div class=${`modal${e ? " is-leaving" : ""}`} role="dialog" aria-modal="true" aria-labelledby="modal-title">
+          <div class="header">
+            ${this.heading ? d`<p id="modal-title" class="title">${this.heading}</p>` : u}
+            <anduin-button
+              appearance="plain"
+              variant="gray9"
+              size="medium"
+              label="Close"
+              start-icon="cross"
+              @click=${this.onClose}
+            ></anduin-button>
+          </div>
+          <div class="body">
+            <slot></slot>
+          </div>
+          ${this.hideFooter ? u : d`<div class="footer"><slot name="footer"></slot></div>`}
+        </div>
+      </div>
+    `;
+  }
+}, k.styles = H`
+    :host {
+      display: none;
+      font-family: var(--font-sans);
+    }
+    :host(.is-shown) {
+      display: block;
+      position: fixed;
+      inset: 0;
+      z-index: var(--z-modal, 1000);
+    }
+    @keyframes overlayIn {
+      from { opacity: 0; }
+      to   { opacity: 1; }
+    }
+    @keyframes overlayOut {
+      from { opacity: 1; }
+      to   { opacity: 0; }
+    }
+    @keyframes modalIn {
+      from { opacity: 0; transform: translateY(12px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+    @keyframes modalOut {
+      from { opacity: 1; transform: translateY(0); }
+      to   { opacity: 0; transform: translateY(12px); }
+    }
+    .overlay {
+      position: absolute;
+      inset: 0;
+      background: rgba(50, 60, 77, 0.6);
+      cursor: default;
+      animation: overlayIn ${W2}ms cubic-bezier(0.2, 0, 0, 1) forwards;
+    }
+    .overlay.is-leaving {
+      animation: overlayOut ${$4}ms cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
+    }
+    .modal-wrapper {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      padding: 32px 16px;
+      overflow-y: auto;
+      pointer-events: none;
+    }
+    .modal {
+      pointer-events: auto;
+      background: #fff;
+      border-radius: 12px;
+      width: 100%;
+      max-width: var(--_modal-width, 480px);
+      display: flex;
+      flex-direction: column;
+      max-height: calc(100vh - 64px);
+      box-shadow: 0 8px 24px 0 rgba(29, 41, 57, 0.12), 0 2px 8px 0 rgba(29, 41, 57, 0.08);
+      flex-shrink: 0;
+      animation: modalIn ${W2}ms cubic-bezier(0.05, 0.7, 0.1, 1) forwards;
+    }
+    .modal.is-leaving {
+      animation: modalOut ${k4}ms cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
+    }
+    .header {
+      flex-shrink: 0;
+      display: flex;
+      align-items: flex-start;
+      padding: 20px 28px;
+    }
+    .title {
+      flex: 1;
+      font-size: 20px;
+      font-weight: 590;
+      line-height: 32px;
+      color: #323c4d;
+      letter-spacing: -0.46px;
+      font-family: var(--font-sans);
+      margin: 0;
+    }
+    .body {
+      flex: 1;
+      overflow-y: auto;
+      min-height: 0;
+      padding: 0 28px;
+    }
+    .footer {
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 8px;
+      padding: 24px 28px;
+    }
+  `, k._PRESETS = /* @__PURE__ */ new Set(["480", "600", "720", "960", "1160"]), k);
+h1([
+  r({ type: Boolean, reflect: !0 })
+], Y.prototype, "open");
+h1([
+  r()
+], Y.prototype, "heading");
+h1([
+  r({ type: Boolean, attribute: "hide-footer" })
+], Y.prototype, "hideFooter");
+h1([
+  r({ attribute: "max-width" })
+], Y.prototype, "maxWidth");
+h1([
+  u1()
+], Y.prototype, "_leaving");
+let E4 = Y;
+customElements.get("anduin-modal") || customElements.define("anduin-modal", E4);
+class A4 extends HTMLElement {
+  constructor() {
+    super(...arguments), this._onClick = () => {
+      this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 }));
+    };
+  }
+  connectedCallback() {
+    this.style.display = "contents", this.addEventListener("click", this._onClick);
+  }
+  disconnectedCallback() {
+    this.removeEventListener("click", this._onClick);
+  }
+}
+customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", A4);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const B4 = { CHILD: 2 }, F4 = (l) => (...e) => ({ _$litDirective$: l, values: e });
+class z4 {
+  constructor(e) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(e, t, o) {
+    this._$Ct = e, this._$AM = t, this._$Ci = o;
+  }
+  _$AS(e, t) {
+    return this.update(e, t);
+  }
+  update(e, t) {
+    return this.render(...t);
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class T1 extends z4 {
+  constructor(e) {
+    if (super(e), this.it = u, e.type !== B4.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(e) {
+    if (e === u || e == null) return this._t = void 0, this.it = e;
+    if (e === P) return e;
+    if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (e === this.it) return this._t;
+    this.it = e;
+    const t = [e];
+    return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
+  }
+}
+T1.directiveName = "unsafeHTML", T1.resultType = 1;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class N1 extends T1 {
+}
+N1.directiveName = "unsafeSVG", N1.resultType = 2;
+const P4 = F4(N1), S4 = {
+  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"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1H4V1.5C4 1.77614 4.22386 2 4.5 2H5V3H4.5C4.22386 3 4 3.22386 4 3.5C4 3.77614 4.22386 4 4.5 4H5V5H4.5C4.22386 5 4 5.22386 4 5.5C4 5.77614 4.22386 6 4.5 6H5V7H4.5C4.22386 7 4 7.22386 4 7.5C4 7.77614 4.22386 8 4.5 8H5V9H4.5C4.22386 9 4 9.22386 4 9.5V12C4 12.5523 4.44772 13 5 13H6C6.55228 13 7 12.5523 7 12V8.5C7 8.22386 6.77614 8 6.5 8H6V7H6.5C6.77614 7 7 6.77614 7 6.5C7 6.22386 6.77614 6 6.5 6H6V5H6.5C6.77614 5 7 4.77614 7 4.5C7 4.22386 6.77614 4 6.5 4H6V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H6V1ZM6 11H5V12H6V11Z" fill="#98A1B2"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#CCD2DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 3H10V4H11.5C11.7761 4 12 4.22386 12 4.5C12 4.77614 11.7761 5 11.5 5H10V6H11.5C11.7761 6 12 6.22386 12 6.5C12 6.77614 11.7761 7 11.5 7H10V8H11.5C11.7761 8 12 8.22386 12 8.5C12 8.77614 11.7761 9 11.5 9H10V10H11.5C11.7761 10 12 10.2239 12 10.5C12 10.7761 11.7761 11 11.5 11H10V12H11.5C11.7761 12 12 12.2239 12 12.5V18C12 18.5523 11.5523 19 11 19H8C7.44772 19 7 18.5523 7 18V13.5C7 13.2239 7.22386 13 7.5 13H9V12H7.5C7.22386 12 7 11.7761 7 11.5C7 11.2239 7.22386 11 7.5 11H9V10H7.5C7.22386 10 7 9.77614 7 9.5C7 9.22386 7.22386 9 7.5 9H9V8H7.5C7.22386 8 7 7.77614 7 7.5C7 7.22386 7.22386 7 7.5 7H9V6H7.5C7.22386 6 7 5.77614 7 5.5C7 5.22386 7.22386 5 7.5 5H9V4H7.5C7.22386 4 7 3.77614 7 3.5V3ZM8.5 16.5C8.5 16.2239 8.72386 16 9 16H10C10.2761 16 10.5 16.2239 10.5 16.5V17C10.5 17.2761 10.2761 17.5 10 17.5H9C8.72386 17.5 8.5 17.2761 8.5 17V16.5Z" fill="#98A1B2"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#CCD2DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2H8V3.5C8 3.77614 8.22386 4 8.5 4H11V6H8.5C8.22386 6 8 6.22386 8 6.5V7.5C8 7.77614 8.22386 8 8.5 8H11V10H8.5C8.22386 10 8 10.2239 8 10.5V11.5C8 11.7761 8.22386 12 8.5 12H11V14H8.5C8.22386 14 8 14.2239 8 14.5V15.5C8 15.7761 8.22386 16 8.5 16H11V18H9C8.44772 18 8 18.4477 8 19V24C8 25.1046 8.89543 26 10 26H13C14.1046 26 15 25.1046 15 24V16.5C15 16.2239 14.7761 16 14.5 16H12V14H14.5C14.7761 14 15 13.7761 15 13.5V12.5C15 12.2239 14.7761 12 14.5 12H12V10H14.5C14.7761 10 15 9.77614 15 9.5V8.5C15 8.22386 14.7761 8 14.5 8H12V6H14.5C14.7761 6 15 5.77614 15 5.5V4.5C15 4.22386 14.7761 4 14.5 4H12V2ZM10 23.5C10 23.7761 10.2239 24 10.5 24H12.5C12.7761 24 13 23.7761 13 23.5V22.5C13 22.2239 12.7761 22 12.5 22H10.5C10.2239 22 10 22.2239 10 22.5V23.5Z" fill="#98A1B2"/>` }
+  },
+  audio: {
+    16: { viewBox: "0 0 16 16", paths: `<path d="M1 2.5C1 1.67157 1.67157 1 2.5 1H13.5C14.3284 1 15 1.67157 15 2.5V13.5C15 14.3284 14.3284 15 13.5 15H2.5C1.67157 15 1 14.3284 1 13.5V2.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H2.5C2.22386 2 2 2.22386 2 2.5V13.5C2 13.7761 2.22386 14 2.5 14H13.5C13.7761 14 14 13.7761 14 13.5V2.5C14 2.22386 13.7761 2 13.5 2ZM2.5 1C1.67157 1 1 1.67157 1 2.5V13.5C1 14.3284 1.67157 15 2.5 15H13.5C14.3284 15 15 14.3284 15 13.5V2.5C15 1.67157 14.3284 1 13.5 1H2.5Z" fill="#FFBDD5"/>
+<path d="M8.5 4H11.5C11.7761 4 12 4.22386 12 4.5V5.5C12 5.77614 11.7761 6 11.5 6H9V10C9 11.1046 8.10457 12 7 12C5.89543 12 5 11.1046 5 10C5 8.89543 5.89543 8 7 8C7.36429 8 7.70583 8.09739 8 8.26756V4.5C8 4.22386 8.22386 4 8.5 4Z" fill="#F06595"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4H5C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4ZM5 3C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5Z" fill="#FFBDD5"/>
+<path d="M9.42929 7.86226L15.4293 7.00512C15.7305 6.96209 16 7.19582 16 7.50009V15.5C16 16.3284 15.3284 17 14.5 17C13.6716 17 13 16.3284 13 15.5C13 14.6715 13.6716 14 14.5 14C14.6753 14 14.8436 14.03 15 14.0853V10.0664L10 10.7807V16.5C10 17.3284 9.32843 18 8.5 18C7.67157 18 7 17.3284 7 16.5C7 15.6715 7.67157 15 8.5 15C8.67532 15 8.84361 15.0301 9 15.0853V8.35724C9 8.10841 9.18297 7.89745 9.42929 7.86226Z" fill="#F06595"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M3 5C3 3.89543 3.89543 3 5 3H27C28.1046 3 29 3.89543 29 5V27C29 28.1046 28.1046 29 27 29H5C3.89543 29 3 28.1046 3 27V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27 4H5C4.44772 4 4 4.44772 4 5V27C4 27.5523 4.44772 28 5 28H27C27.5523 28 28 27.5523 28 27V5C28 4.44772 27.5523 4 27 4ZM5 3C3.89543 3 3 3.89543 3 5V27C3 28.1046 3.89543 29 5 29H27C28.1046 29 29 28.1046 29 27V5C29 3.89543 28.1046 3 27 3H5Z" fill="#FFBDD5"/>
+<path d="M12.4502 10.9025L21.4502 10.0025C21.7446 9.9731 22 10.2042 22 10.5V20C22 21.1046 21.1046 22 20 22C18.8954 22 18 21.1046 18 20C18 18.8954 18.8954 18 20 18C20.3643 18 20.7058 18.0974 21 18.2676V13.1L13 13.9V21C13 22.1046 12.1046 23 11 23C9.89543 23 9 22.1046 9 21C9 19.8954 9.89543 19 11 19C11.3643 19 11.7058 19.0974 12 19.2676V11.4C12 11.1432 12.1946 10.9281 12.4502 10.9025Z" fill="#F06595"/>` }
+  },
+  blueprint: {
+    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="#48AFF0"/>
+<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="#2F8CEC"/>
+<mask id="path-3-inside-1_5277_446" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 13H5C4.44772 13 4 12.5523 4 12V10V9V8C4 7.44772 4.44772 7 5 7H11C11.5523 7 12 7.44772 12 8V9V10V12C12 12.5523 11.5523 13 11 13H7H6ZM6 12H5V10H6V12ZM7 12H11V10H7V12ZM7 9H11V8H5V9H6H7Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 13H5C4.44772 13 4 12.5523 4 12V10V9V8C4 7.44772 4.44772 7 5 7H11C11.5523 7 12 7.44772 12 8V9V10V12C12 12.5523 11.5523 13 11 13H7H6ZM6 12H5V10H6V12ZM7 12H11V10H7V12ZM7 9H11V8H5V9H6H7Z" fill="#AADAF9"/>
+<path d="M5 12H4V13H5V12ZM6 12V13H7V12H6ZM5 10V9H4V10H5ZM6 10H7V9H6V10ZM7 12H6V13H7V12ZM11 12V13H12V12H11ZM11 10H12V9H11V10ZM7 10V9H6V10H7ZM11 9V10H12V9H11ZM11 8H12V7H11V8ZM5 8V7H4V8H5ZM5 9H4V10H5V9ZM5 13V14H6V13V12H5V13ZM4 12H3C3 13.1046 3.89543 14 5 14V13V12H4ZM4 10H3V12H4H5V10H4ZM4 9H3V10H4H5V9H4ZM4 8H3V9H4H5V8H4ZM5 7V6C3.89543 6 3 6.89543 3 8H4H5V7ZM11 7V6H5V7V8H11V7ZM12 8H13C13 6.89543 12.1046 6 11 6V7V8H12ZM12 9H13V8H12H11V9H12ZM12 10H13V9H12H11V10H12ZM12 12H13V10H12H11V12H12ZM11 13V14C12.1046 14 13 13.1046 13 12H12H11V13ZM7 13V14H11V13V12H7V13ZM7 13V12H6V13V14H7V13ZM5 12V13H6V12V11H5V12ZM5 10H4V12H5H6V10H5ZM6 10V9H5V10V11H6V10ZM6 12H7V10H6H5V12H6ZM7 12V13H11V12V11H7V12ZM11 12H12V10H11H10V12H11ZM11 10V9H7V10V11H11V10ZM7 10H6V12H7H8V10H7ZM7 9V10H11V9V8H7V9ZM11 9H12V8H11H10V9H11ZM11 8V7H5V8V9H11V8ZM5 8H4V9H5H6V8H5ZM5 9V10H6V9V8H5V9ZM6 9V10H7V9V8H6V9Z" fill="#DCF2FA" mask="url(#path-3-inside-1_5277_446)"/>
+<path d="M6 2L4 5H8L6 2Z" fill="#AADAF9"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="#48AFF0"/>
+<path d="M8 4L6 7H10L8 4Z" fill="#AADAF9"/>
+<rect x="6" y="19" width="3" height="1" rx="0.5" fill="#AADAF9"/>
+<rect x="15" y="19" width="3" height="1" rx="0.5" fill="#AADAF9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#2F8CEC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 17H16C16.5523 17 17 16.5523 17 16V10C17 9.44772 16.5523 9 16 9H8C7.44772 9 7 9.44772 7 10V16C7 16.5523 7.44772 17 8 17ZM10 16H8V12H10V16ZM11 16V12H16V16H11ZM16 11V10H8V11H16Z" fill="#DCF2FA"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="#48AFF0"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4V28C6 28.5523 6.44772 29 7 29H25C25.5523 29 26 28.5523 26 28V8.41406C26 8.1489 25.8945 7.89453 25.707 7.70703L21.293 3.29297C21.1289 3.12886 20.9135 3.0276 20.6846 3.00488L20.5859 3H7C6.44772 3 6 3.44772 6 4ZM25 8.41406V28H7V4H20.5859L25 8.41406ZM9 9L11.5 5L14 9H9ZM8 26.5C8 26.2239 8.22386 26 8.5 26H11.5C11.7761 26 12 26.2239 12 26.5C12 26.7761 11.7761 27 11.5 27H8.5C8.22386 27 8 26.7761 8 26.5ZM22.5 26C22.2239 26 22 26.2239 22 26.5C22 26.7761 22.2239 27 22.5 27H23.5C23.7761 27 24 26.7761 24 26.5C24 26.2239 23.7761 26 23.5 26H22.5Z" fill="#AADAF9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#2F8CEC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 23H10C9.44772 23 9 22.5523 9 22V16V15V13C9 12.4477 9.44772 12 10 12H22C22.5523 12 23 12.4477 23 13V15V16V22C23 22.5523 22.5523 23 22 23H14H13ZM13 22H10V16H13V22ZM14 22H22V16H14V22ZM14 15H22V13H10V15H13H14Z" fill="#DCF2FA"/>` }
+  },
+  box: {
+    16: { viewBox: "0 0 16 16", paths: `<path d="M1 5H15V14C15 14.5523 14.5523 15 14 15H2C1.44772 15 1 14.5523 1 14V5Z" fill="#FFB829"/>
+<path d="M5 8C5 7.44772 5.44772 7 6 7H10C10.5523 7 11 7.44772 11 8C11 8.55228 10.5523 9 10 9H6C5.44772 9 5 8.55228 5 8Z" fill="#DE990F"/>
+<rect y="1" width="16" height="4" rx="0.5" fill="#FFC78D"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M3 8H21V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V8Z" fill="#FFB829"/>
+<path d="M8 12C8 11.4477 8.44772 11 9 11H15C15.5523 11 16 11.4477 16 12C16 12.5523 15.5523 13 15 13H9C8.44772 13 8 12.5523 8 12Z" fill="#DE990F"/>
+<rect x="1" y="3" width="22" height="5" rx="1" fill="#FFC78D"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 10H28V26C28 27.1046 27.1046 28 26 28H6C4.89543 28 4 27.1046 4 26V10Z" fill="#FFB829"/>
+<rect x="2" y="4" width="28" height="6" rx="1" fill="#FFC78D"/>
+<path d="M10 15.5C10 14.6716 10.6716 14 11.5 14H20.5C21.3284 14 22 14.6716 22 15.5C22 16.3284 21.3284 17 20.5 17H11.5C10.6716 17 10 16.3284 10 15.5Z" fill="#DE990F"/>` }
+  },
+  csv: {
+    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"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 14C11.7761 14 12 13.7761 12 13.5V8.5C12 8.22386 11.7761 8 11.5 8H4.5C4.22386 8 4 8.22386 4 8.5V13.5C4 13.7761 4.22386 14 4.5 14H11.5ZM5 11.5V13H7V11.5H5ZM5 10.5H7V9H5V10.5ZM8 11.5V13H11V11.5H8ZM11 10.5V9H8V10.5H11Z" fill="#98A1B2"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#CCD2DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 11C7 10.7239 7.22386 10.5 7.5 10.5H16.5C16.7761 10.5 17 10.7239 17 11V18.5C17 18.7761 16.7761 19 16.5 19H7.5C7.22386 19 7 18.7761 7 18.5V11ZM8 15.5V14H10V15.5H8ZM16 15.5V14H11V15.5H16ZM11 16.5H16V18H11V16.5ZM10 16.5V18H8V16.5H10ZM16 11.5V13H11V11.5H16ZM10 11.5V13H8V11.5H10Z" fill="#98A1B2"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#CCD2DB"/>
+<mask id="path-3-inside-1_73_51" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C8 14.4477 8.44772 14 9 14H23C23.5523 14 24 14.4477 24 15V26C24 26.5523 23.5523 27 23 27H9C8.44772 27 8 26.5523 8 26V15ZM14 15H23V18H14V15ZM14 19H23V22H14V19ZM13 22V19H9V22H13ZM9 23H13V26H9V23ZM14 23H23V26H14V23ZM13 15V18H9V15H13Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C8 14.4477 8.44772 14 9 14H23C23.5523 14 24 14.4477 24 15V26C24 26.5523 23.5523 27 23 27H9C8.44772 27 8 26.5523 8 26V15ZM14 15H23V18H14V15ZM14 19H23V22H14V19ZM13 22V19H9V22H13ZM9 23H13V26H9V23ZM14 23H23V26H14V23ZM13 15V18H9V15H13Z" fill="#CCD2DB"/>
+<path d="M23 15H24V14H23V15ZM14 15V14H13V15H14ZM23 18V19H24V18H23ZM14 18H13V19H14V18ZM23 19H24V18H23V19ZM14 19V18H13V19H14ZM23 22V23H24V22H23ZM14 22H13V23H14V22ZM13 19H14V18H13V19ZM13 22V23H14V22H13ZM9 19V18H8V19H9ZM9 22H8V23H9V22ZM13 23H14V22H13V23ZM9 23V22H8V23H9ZM13 26V27H14V26H13ZM9 26H8V27H9V26ZM23 23H24V22H23V23ZM14 23V22H13V23H14ZM23 26V27H24V26H23ZM14 26H13V27H14V26ZM13 18V19H14V18H13ZM13 15H14V14H13V15ZM9 18H8V19H9V18ZM9 15V14H8V15H9ZM23 15V14H14V15V16H23V15ZM23 18H24V15H23H22V18H23ZM14 18V19H23V18V17H14V18ZM14 15H13V18H14H15V15H14ZM23 19V18H14V19V20H23V19ZM23 22H24V19H23H22V22H23ZM14 22V23H23V22V21H14V22ZM14 19H13V22H14H15V19H14ZM13 19H12V22H13H14V19H13ZM9 19V20H13V19V18H9V19ZM9 22H10V19H9H8V22H9ZM9 22V23H13V22V21H9V22ZM13 23V22H9V23V24H13V23ZM13 23H12V26H13H14V23H13ZM13 26V25H9V26V27H13V26ZM9 26H10V23H9H8V26H9ZM8 15H9V15V14V13C7.89543 13 7 13.8954 7 15H8ZM23 14V15H24H25C25 13.8954 24.1046 13 23 13V14ZM24 15H23V26H24H25V15H24ZM24 26H23V27V28C24.1046 28 25 27.1046 25 26H24ZM9 27V26H8H7C7 27.1046 7.89543 28 9 28V27ZM23 23V22H14V23V24H23V23ZM23 26H24V23H23H22V26H23ZM14 26V27H23V26V25H14V26ZM14 23H13V26H14H15V23H14ZM13 18H14V15H13H12V18H13ZM9 18V19H13V18V17H9V18ZM9 15H8V18H9H10V15H9ZM13 15V14H9V15V16H13V15ZM8 26H9V15H8H7V26H8ZM9 14V15H23V14V13H9V14ZM23 27V26H9V27V28H23V27Z" fill="#98A1B2" mask="url(#path-3-inside-1_73_51)"/>` }
+  },
+  excel: {
+    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="#9DE6AB"/>
+<path d="M8 9.06868L8.99658 7.13545C9.03946 7.05227 9.12521 7 9.21879 7H9.98877C10.1795 7 10.3 7.20496 10.2072 7.3716L8.75781 9.97527L10.2478 12.6276C10.3414 12.7942 10.221 13 10.0298 13H9.24547C9.15224 13 9.06675 12.9481 9.02371 12.8654L8 10.8984L6.97629 12.8654C6.93325 12.9481 6.84776 13 6.75453 13H5.97016C5.77902 13 5.65858 12.7942 5.7522 12.6276L7.24219 9.97527L5.79279 7.3716C5.70003 7.20496 5.82052 7 6.01123 7H6.78121C6.87479 7 6.96054 7.05227 7.00342 7.13545L8 9.06868Z" fill="#239E47"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#9DE6AB"/>
+<path d="M12 12.7582L13.3958 10.1326C13.4392 10.051 13.5241 10 13.6165 10H14.8876C15.0797 10 15.2 10.2078 15.1044 10.3745L13.042 13.967L15.161 17.6247C15.2575 17.7913 15.1373 18 14.9447 18H13.6535C13.5614 18 13.4767 17.9494 13.4332 17.8682L12 15.1978L10.5668 17.8682C10.5233 17.9494 10.4386 18 10.3465 18H9.05534C8.86272 18 8.74246 17.7913 8.83902 17.6247L10.958 13.967L8.89563 10.3745C8.79996 10.2078 8.92027 10 9.11245 10H10.3835C10.4759 10 10.5608 10.051 10.6042 10.1326L12 12.7582Z" fill="#239E47"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#9DE6AB"/>
+<path d="M16 17.1374L17.9932 13.2709C18.0789 13.1045 18.2504 13 18.4376 13H19.9809C20.3616 13 20.6026 13.4084 20.4187 13.7417L17.5156 19L20.4913 24.2536C20.6801 24.5869 20.4393 25 20.0562 25H18.4909C18.3045 25 18.1335 24.8962 18.0474 24.7308L16 20.7967L13.9526 24.7308C13.8665 24.8962 13.6955 25 13.5091 25H11.9438C11.5607 25 11.3199 24.5869 11.5087 24.2536L14.4844 19L11.5813 13.7417C11.3974 13.4084 11.6384 13 12.0191 13H13.5624C13.7496 13 13.9211 13.1045 14.0068 13.2709L16 17.1374Z" fill="#239E47"/>` }
+  },
+  folder: {
+    16: { viewBox: "0 0 16 16", paths: '<path d="M0 13.5V2.5C0 1.67157 0.671573 1 1.5 1H6.37868C6.7765 1 7.15803 1.15803 7.43934 1.43934L9 3H14.5C15.3284 3 16 3.67157 16 4.5V13.5C16 14.3284 15.3284 15 14.5 15H1.5C0.671573 15 0 14.3284 0 13.5Z" fill="#F5D494"/>' },
+    24: { viewBox: "0 0 24 24", paths: '<path d="M2 18V6C2 4.89543 2.89543 4 4 4H9.17157C9.70201 4 10.2107 4.21071 10.5858 4.58579L12 6H20C21.1046 6 22 6.89543 22 8V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18Z" fill="#F5D494"/>' },
+    32: { viewBox: "0 0 32 32", paths: '<path d="M1 26V6C1 4.89543 1.89543 4 3 4H10.1716C10.702 4 11.2107 4.21071 11.5858 4.58579L14 7H29C30.1046 7 31 7.89543 31 9V26C31 27.1046 30.1046 28 29 28H3C1.89543 28 1 27.1046 1 26Z" fill="#F5D494"/>' }
+  },
+  "folder-empty": {
+    16: { viewBox: "0 0 16 16", paths: '<path d="M0 13.5V2.5C0 1.67157 0.671573 1 1.5 1H6.37868C6.7765 1 7.15803 1.15803 7.43934 1.43934L9 3H14.5C15.3284 3 16 3.67157 16 4.5V13.5C16 14.3284 15.3284 15 14.5 15H1.5C0.671573 15 0 14.3284 0 13.5Z" fill="#CCD2DB"/>' },
+    24: { viewBox: "0 0 24 24", paths: '<path d="M2 18V6C2 4.89543 2.89543 4 4 4H9.17157C9.70201 4 10.2107 4.21071 10.5858 4.58579L12 6H20C21.1046 6 22 6.89543 22 8V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18Z" fill="#CCD2DB"/>' },
+    32: { viewBox: "0 0 32 32", paths: '<path d="M1 26V6C1 4.89543 1.89543 4 3 4H10.1716C10.702 4 11.2107 4.21071 11.5858 4.58579L14 7H29C30.1046 7 31 7.89543 31 9V26C31 27.1046 30.1046 28 29 28H3C1.89543 28 1 27.1046 1 26Z" fill="#CCD2DB"/>' }
+  },
+  form: {
+    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="#BFBFF3"/>
+<path d="M6 3L4 6H8L6 3Z" fill="#BFBFF3"/>
+<rect x="7" y="9" width="5" height="1" rx="0.5" fill="#5C7CFA"/>
+<rect x="7" y="12" width="5" height="1" rx="0.5" fill="#5C7CFA"/>
+<rect x="4" y="8.5" width="2" height="2" rx="1" fill="#BFBFF3"/>
+<rect x="4" y="11.5" width="2" height="2" rx="1" fill="#BFBFF3"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path d="M9 6L7 9H11L9 6Z" fill="#BFBFF3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#BFBFF3"/>
+<rect x="11" y="12.5" width="6" height="1.5" rx="0.75" fill="#5C7CFA"/>
+<rect x="11" y="16.5" width="6" height="1.5" rx="0.75" fill="#5C7CFA"/>
+<rect x="7" y="12" width="3" height="3" rx="1" fill="#BFBFF3"/>
+<rect x="7" y="16" width="3" height="3" rx="1" fill="#BFBFF3"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#BFBFF3"/>
+<rect x="8" y="12" width="3" height="3" rx="1" fill="#BFBFF3"/>
+<rect x="8" y="16" width="3" height="3" rx="1" fill="#BFBFF3"/>
+<rect x="8" y="20" width="3" height="3" rx="1" fill="#BFBFF3"/>
+<rect x="8" y="24" width="3" height="3" rx="1" fill="#BFBFF3"/>
+<rect x="13" y="13" width="11" height="1.5" rx="0.75" fill="#5C7CFA"/>
+<rect x="13" y="17" width="11" height="1.5" rx="0.75" fill="#5C7CFA"/>
+<rect x="13" y="21" width="11" height="1.5" rx="0.75" fill="#5C7CFA"/>
+<rect x="13" y="25" width="8" height="1.5" rx="0.75" fill="#5C7CFA"/>
+<path d="M10.5 5L8 9H13L10.5 5Z" fill="#BFBFF3"/>` }
+  },
+  generic: {
+    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"/>
+<path d="M7.58241 11.5683C7.44386 11.5683 7.33051 11.4562 7.33823 11.3183C7.35498 11.019 7.40324 10.7723 7.48301 10.5782C7.58399 10.3326 7.76812 10.0914 8.03541 9.85461C8.30567 9.61487 8.48535 9.42101 8.57445 9.27303C8.66355 9.12209 8.70809 8.96374 8.70809 8.798C8.70809 8.29782 8.47644 8.04772 8.01314 8.04772C7.79337 8.04772 7.61666 8.1158 7.48301 8.25194C7.40061 8.33593 7.34301 8.44051 7.3102 8.56569C7.27581 8.69692 7.16952 8.80688 7.03342 8.80688H6.23969C6.10011 8.80688 5.98567 8.693 6.00146 8.55479C6.05248 8.1084 6.23004 7.74996 6.53413 7.47947C6.89646 7.15982 7.38946 7 8.01314 7C8.64276 7 9.13131 7.15242 9.47878 7.45727C9.82626 7.75916 10 8.18683 10 8.74029C10 8.99186 9.94357 9.23011 9.83072 9.45505C9.71786 9.67703 9.52036 9.92416 9.23822 10.1964L8.87738 10.5383C8.65167 10.7543 8.52248 11.0074 8.48981 11.2974L8.48736 11.3346C8.47871 11.4661 8.36921 11.5683 8.23704 11.5683H7.58241ZM7.20236 12.9312C7.20236 12.7329 7.26918 12.5701 7.40282 12.4428C7.53944 12.3126 7.71318 12.2475 7.92404 12.2475C8.1349 12.2475 8.30716 12.3126 8.4408 12.4428C8.57742 12.5701 8.64573 12.7329 8.64573 12.9312C8.64573 13.1265 8.5789 13.2878 8.44526 13.4151C8.31458 13.5424 8.14084 13.606 7.92404 13.606C7.70724 13.606 7.53202 13.5424 7.39837 13.4151C7.26769 13.2878 7.20236 13.1265 7.20236 12.9312Z" fill="#98A1B2"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#CCD2DB"/>
+<path d="M11.1928 14.9608C11.1624 15.2331 11.3921 15.456 11.669 15.456H12.2895C12.46 15.456 12.6016 15.3259 12.6141 15.1577C12.6549 14.8096 12.8163 14.5059 13.0981 14.2465L13.5487 13.8363C13.901 13.5095 14.1477 13.2129 14.2886 12.9465C14.4295 12.6765 14.5 12.3906 14.5 12.0886C14.5 11.4244 14.283 10.9111 13.8491 10.5488C13.4152 10.1829 12.8051 10 12.0189 10C11.2401 10 10.6244 10.1918 10.172 10.5754C9.77994 10.9106 9.55632 11.3582 9.50109 11.9183C9.48755 12.0556 9.60157 12.1686 9.74104 12.1686H10.8568C10.9926 12.1686 11.0999 12.0602 11.1289 11.9288C11.1668 11.7563 11.2428 11.6143 11.3569 11.5025C11.5238 11.3391 11.7444 11.2574 12.0189 11.2574C12.5974 11.2574 12.8867 11.5576 12.8867 12.1579C12.8867 12.3568 12.8311 12.5469 12.7198 12.728C12.6086 12.9056 12.3842 13.1383 12.0467 13.426C11.7129 13.7102 11.483 13.9997 11.3569 14.2945C11.2767 14.4819 11.222 14.6995 11.1928 14.9608Z" fill="#98A1B2"/>
+<path d="M10.9889 17.1901C10.9889 16.9521 11.0697 16.7568 11.2312 16.604C11.3964 16.4477 11.6063 16.3696 11.8612 16.3696C12.1161 16.3696 12.3242 16.4477 12.4858 16.604C12.6509 16.7568 12.7335 16.9521 12.7335 17.1901C12.7335 17.4246 12.6527 17.6181 12.4912 17.7709C12.3332 17.9236 12.1232 18 11.8612 18C11.5992 18 11.3874 17.9236 11.2258 17.7709C11.0679 17.6181 10.9889 17.4246 10.9889 17.1901Z" fill="#98A1B2"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#CCD2DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.696 21.5003C14.6785 21.7759 14.9054 22 15.1815 22H16.4861C16.7496 22 16.9679 21.7955 16.985 21.5325L16.9901 21.4554C17.0552 20.872 17.3127 20.5506 17.7625 20.1161L18.4818 19.4286C19.0441 18.881 19.4377 18.3839 19.6627 17.9375C19.8876 17.4851 20.0001 17.006 20.0001 16.5C20.0001 15.3869 19.6538 14.5268 18.9612 13.9196C18.2687 13.3065 17.2949 13 16.04 13C14.797 13 13.8143 13.3214 13.0922 13.9643C12.4855 14.5088 12.1315 15.2307 12.0302 16.1297C11.9991 16.4062 12.2271 16.6339 12.5053 16.6339H14.0873C14.3586 16.6339 14.5705 16.414 14.6383 16.1514C14.7036 15.8985 14.8186 15.6873 14.9834 15.5179C15.2498 15.244 15.602 15.1071 16.04 15.1071C16.9634 15.1071 17.4251 15.6101 17.4251 16.6161C17.4251 16.9494 17.3364 17.2679 17.1588 17.5714C16.9812 17.869 16.6231 18.2589 16.0844 18.7411C15.5517 19.2173 15.1847 19.7024 14.9834 20.1964C14.8262 20.5824 14.7304 20.9574 14.696 21.5003ZM14.424 24.9285C14.424 24.5297 14.5572 24.2023 14.8236 23.9463C15.0959 23.6844 15.4421 23.5535 15.8624 23.5535C16.2827 23.5535 16.626 23.6844 16.8924 23.9463C17.1647 24.2023 17.3008 24.5297 17.3008 24.9285C17.3008 25.3213 17.1676 25.6457 16.9013 25.9017C16.6408 26.1576 16.2945 26.2856 15.8624 26.2856C15.4303 26.2856 15.0811 26.1576 14.8147 25.9017C14.5542 25.6457 14.424 25.3213 14.424 24.9285Z" fill="#98A1B2"/>` }
+  },
+  image: {
+    16: { viewBox: "0 0 16 16", paths: `<path d="M1 2.5C1 1.67157 1.67157 1 2.5 1H13.5C14.3284 1 15 1.67157 15 2.5V13.5C15 14.3284 14.3284 15 13.5 15H2.5C1.67157 15 1 14.3284 1 13.5V2.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H2.5C2.22386 2 2 2.22386 2 2.5V13.5C2 13.7761 2.22386 14 2.5 14H13.5C13.7761 14 14 13.7761 14 13.5V2.5C14 2.22386 13.7761 2 13.5 2ZM2.5 1C1.67157 1 1 1.67157 1 2.5V13.5C1 14.3284 1.67157 15 2.5 15H13.5C14.3284 15 15 14.3284 15 13.5V2.5C15 1.67157 14.3284 1 13.5 1H2.5Z" fill="#AADAF9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.78281 8.23977C5.9929 7.93325 6.45031 7.91786 6.68168 8.20952L8.61645 10.6486C8.8171 10.9015 9.20129 10.9008 9.40102 10.6472L10.0844 9.77924C10.3036 9.50089 10.7334 9.49728 10.9575 9.7719L12.879 12.1268C13.1669 12.4797 12.9086 13 12.4454 13H3.5545C3.11237 13 2.84865 12.5207 3.0939 12.1629L5.78281 8.23977Z" fill="#AADAF9"/>
+<circle cx="10.5" cy="5.5" r="1.5" fill="#1075DC"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4H5C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4ZM5 3C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5Z" fill="#AADAF9"/>
+<circle cx="15" cy="9" r="2" fill="#1075DC"/>
+<path d="M9.5671 12.2148L6.09047 17.2137C5.85965 17.5456 6.09721 18 6.50154 18H17.4984C17.9218 18 18.154 17.5072 17.8845 17.1808L15.4122 14.187C15.2056 13.9368 14.819 13.9463 14.6249 14.2063L13.4405 15.793C13.2301 16.0748 12.8022 16.0576 12.6152 15.7597L10.4022 12.2345C10.2114 11.9305 9.77203 11.9201 9.5671 12.2148Z" fill="#AADAF9"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M3 5C3 3.89543 3.89543 3 5 3H27C28.1046 3 29 3.89543 29 5V27C29 28.1046 28.1046 29 27 29H5C3.89543 29 3 28.1046 3 27V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27 4H5C4.44772 4 4 4.44772 4 5V27C4 27.5523 4.44772 28 5 28H27C27.5523 28 28 27.5523 28 27V5C28 4.44772 27.5523 4 27 4ZM5 3C3.89543 3 3 3.89543 3 5V27C3 28.1046 3.89543 29 5 29H27C28.1046 29 29 28.1046 29 27V5C29 3.89543 28.1046 3 27 3H5Z" fill="#AADAF9"/>
+<path d="M17.1054 21.5882L13.2628 16.4044C12.8535 15.8522 12.0236 15.8682 11.6358 16.4358L6.17214 24.4316C5.71771 25.0966 6.1927 26 6.99678 26H24.994C25.8335 26 26.299 25.0254 25.7728 24.3697L21.7782 19.3925C21.3586 18.8697 20.5551 18.8999 20.1758 19.4528L18.7313 21.5583C18.3429 22.1245 17.5143 22.1397 17.1054 21.5882Z" fill="#AADAF9"/>
+<circle cx="21" cy="11" r="3" fill="#1075DC"/>` }
+  },
+  link: {
+    16: { viewBox: "0 0 16 16", paths: `<path d="M1 2.5C1 1.67157 1.67157 1 2.5 1H13.5C14.3284 1 15 1.67157 15 2.5V13.5C15 14.3284 14.3284 15 13.5 15H2.5C1.67157 15 1 14.3284 1 13.5V2.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H2.5C2.22386 2 2 2.22386 2 2.5V13.5C2 13.7761 2.22386 14 2.5 14H13.5C13.7761 14 14 13.7761 14 13.5V2.5C14 2.22386 13.7761 2 13.5 2ZM2.5 1C1.67157 1 1 1.67157 1 2.5V13.5C1 14.3284 1.67157 15 2.5 15H13.5C14.3284 15 15 14.3284 15 13.5V2.5C15 1.67157 14.3284 1 13.5 1H2.5Z" fill="#AADAF9"/>
+<path d="M10.7106 5.28789C10.3254 4.90358 9.70169 4.9041 9.31719 5.28907L7.71846 6.88973C7.33439 7.27426 7.33443 7.89718 7.71843 8.28167L7.01132 8.98878C6.23697 8.21393 6.23674 6.95817 7.01093 6.18305L8.60965 4.58239C9.38431 3.8068 10.6409 3.80574 11.4169 4.58001C12.1937 5.35513 12.1944 6.61341 11.4185 7.38941L10.5646 8.24333C10.5425 7.85735 10.4457 7.47485 10.2744 7.1193L10.7114 6.68233C11.0965 6.29717 11.0961 5.67262 10.7106 5.28789Z" fill="#1075DC"/>
+<path d="M4.58051 8.61296L5.43532 7.75712C5.45739 8.14326 5.55413 8.52593 5.72552 8.88164L5.28804 9.31964C4.90382 9.70433 4.90401 10.3276 5.28847 10.7121C5.6731 11.0967 6.29671 11.0967 6.68132 10.712L8.28094 9.11225C8.66573 8.72743 8.66571 8.10364 8.28116 7.71883L8.98827 7.01172C9.76329 7.78698 9.7634 9.04393 8.98807 9.81933L7.38845 11.4191C6.61333 12.1943 5.35655 12.1943 4.58138 11.4192C3.80655 10.6444 3.80616 9.38825 4.58051 8.61296Z" fill="#1075DC"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4H5C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4ZM5 3C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5Z" fill="#AADAF9"/>
+<path d="M13.4352 8.44005L11.2151 10.6602C10.6283 11.247 10.6283 12.1982 11.2151 12.785C11.3396 12.9095 11.4807 13.0077 11.6311 13.0793L10.8988 13.8116C10.7607 13.7202 10.6296 13.6137 10.508 13.4921C9.53071 12.5148 9.53071 10.9304 10.508 9.95311L12.7281 7.73294C13.7054 6.75569 15.2898 6.75569 16.2671 7.73294C17.2444 8.7102 17.2444 10.2946 16.2671 11.2719L15.2241 12.3149C15.2284 11.9047 15.161 11.4938 15.0221 11.1027L15.56 10.5648C16.1467 9.97806 16.1467 9.02678 15.56 8.44005C14.9733 7.85332 14.022 7.85332 13.4352 8.44005Z" fill="#1075DC"/>
+<path d="M7.73221 12.7287L8.99946 11.4615C8.99518 11.8717 9.06254 12.2825 9.20153 12.6736L8.43932 13.4358C7.85258 14.0226 7.85258 14.9738 8.43932 15.5606C9.02605 16.1473 9.97733 16.1473 10.5641 15.5606L12.7842 13.3404C13.371 12.7537 13.371 11.8024 12.7842 11.2157C12.6596 11.0911 12.5186 10.9929 12.3681 10.9213L13.1004 10.189C13.2386 10.2803 13.3697 10.3869 13.4913 10.5086C14.4686 11.4858 14.4686 13.0703 13.4913 14.0475L11.2712 16.2677C10.2939 17.2449 8.70947 17.2449 7.73221 16.2677C6.75495 15.2904 6.75495 13.706 7.73221 12.7287Z" fill="#1075DC"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M29 5C29 3.89543 28.1046 3 27 3H5C3.89543 3 3 3.89543 3 5V27C3 28.1046 3.89543 29 5 29H27C28.1046 29 29 28.1046 29 27V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 4H27C27.5523 4 28 4.44772 28 5V27C28 27.5523 27.5523 28 27 28H5C4.44772 28 4 27.5523 4 27V5C4 4.44772 4.44772 4 5 4ZM27 3C28.1046 3 29 3.89543 29 5V27C29 28.1046 28.1046 29 27 29H5C3.89543 29 3 28.1046 3 27V5C3 3.89543 3.89543 3 5 3H27Z" fill="#AADAF9"/>
+<path d="M17.2487 11.2221L15.2412 13.2134C14.2272 14.2192 14.2576 15.8698 15.3077 16.8375C15.5071 17.0212 15.7286 17.1665 15.9629 17.2736C15.9181 17.4343 15.8325 17.5861 15.7057 17.7126L14.9708 18.4459C14.7315 18.3046 14.5035 18.1362 14.2912 17.9405C12.6124 16.3935 12.564 13.7562 14.1848 12.1484L16.1924 10.1571C17.7099 8.65182 20.1416 8.60795 21.7123 10.0575C23.3839 11.6003 23.435 14.2267 21.8246 15.8335L20.4978 17.1573C20.5153 16.5314 20.4266 15.9036 20.2325 15.3031L20.7652 14.7716C21.772 13.7671 21.74 12.1242 20.695 11.1599C19.7142 10.2547 18.1964 10.282 17.2487 11.2221Z" fill="#1075DC"/>
+<path d="M10.1848 16.1513L11.5021 14.8447C11.485 15.4691 11.5735 16.0955 11.7669 16.6947L11.2412 17.2162C10.2272 18.222 10.2576 19.8727 11.3077 20.8403C12.2923 21.7477 13.8154 21.7175 14.7635 20.7716L16.7652 18.7745C17.772 17.7699 17.74 16.1271 16.695 15.1627C16.4949 14.978 16.2724 14.8322 16.037 14.7249C16.0822 14.5623 16.1689 14.4088 16.2975 14.2812L17.0311 13.5535C17.271 13.6951 17.4996 13.8641 17.7123 14.0604C19.3839 15.6031 19.435 18.2296 17.8246 19.8363L15.8229 21.8335C14.3058 23.3472 11.8671 23.3956 10.2912 21.9434C8.61245 20.3964 8.56403 17.759 10.1848 16.1513Z" fill="#1075DC"/>` }
+  },
+  pdf: {
+    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="#F7C4C4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76567 13.9979C4.52756 13.9811 4.33099 13.8636 4.19183 13.6939C4.0513 13.5224 3.97918 13.3097 4.00527 13.0809C4.02926 12.8704 4.13055 12.6959 4.23654 12.5634C4.44386 12.3044 4.77481 12.0763 5.12753 11.8801C5.38927 11.7345 5.69059 11.5917 6.01607 11.4552C6.25856 11.0359 6.49957 10.5666 6.72034 10.0842C6.93808 9.6085 7.13064 9.13207 7.2832 8.69093C7.11983 8.37302 6.98775 8.06206 6.90059 7.775C6.80052 7.44541 6.73881 7.08165 6.81455 6.75783C6.85466 6.58637 6.9368 6.41233 7.0842 6.27065C7.23286 6.12776 7.41707 6.04746 7.6104 6.01477C7.81044 5.98095 8.03686 5.99939 8.23863 6.13141C8.43514 6.25999 8.53764 6.45039 8.5899 6.62003C8.68794 6.93823 8.65737 7.33657 8.58959 7.71353C8.5414 7.98159 8.46659 8.27786 8.37126 8.5905C8.52609 8.85606 8.70522 9.12957 8.90105 9.39759C9.17296 9.76973 9.46437 10.1139 9.74929 10.3995C10.0736 10.3515 10.3749 10.3226 10.6381 10.3179C10.8242 10.3145 11.0043 10.3228 11.1673 10.3493C11.3238 10.3747 11.5016 10.4227 11.6554 10.5233C11.8247 10.6342 11.973 10.8177 11.9968 11.0727C12.018 11.3 11.9311 11.5001 11.8372 11.65C11.6083 12.0155 11.2502 12.1903 10.8508 12.1705C10.499 12.1532 10.1554 11.9883 9.85759 11.7908C9.71588 11.6969 9.57241 11.5873 9.42902 11.4653C9.02934 11.5425 8.59451 11.6466 8.15255 11.7716C7.65188 11.9131 7.15669 12.0773 6.70833 12.2514C6.51786 12.5617 6.32526 12.8449 6.13702 13.0857C5.88869 13.4034 5.61203 13.6949 5.32383 13.8571C5.17642 13.94 4.98359 14.0133 4.76567 13.9979ZM4.79382 13.0069C4.79383 13.0069 4.79415 13.0068 4.79479 13.0066L4.79382 13.0069ZM7.42003 10.9492C7.57223 10.9018 7.72503 10.8565 7.87729 10.8135C8.11704 10.7457 8.35858 10.6827 8.59738 10.6258C8.4198 10.4191 8.24858 10.2022 8.08787 9.98222C8.03929 9.91573 7.99132 9.84848 7.94408 9.78064C7.84694 10.0195 7.74311 10.2594 7.6348 10.4961C7.5654 10.6477 7.49365 10.7991 7.42003 10.9492ZM11.0029 11.0896C11.0029 11.0895 11.0027 11.0903 11.002 11.0919C11.0025 11.0904 11.0028 11.0896 11.0029 11.0896Z" fill="#E32D2D"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#F7C4C4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99813 18.9891C7.74444 18.9537 7.52328 18.834 7.3421 18.6559C7.16865 18.4855 7.04091 18.2742 7.00812 18.0245C6.97544 17.7758 7.04481 17.5481 7.15513 17.3579C7.3631 16.9994 7.75868 16.6992 8.18636 16.4513C8.71193 16.1466 9.39019 15.8627 10.1282 15.6179C10.3565 15.1831 10.5754 14.716 10.7756 14.2381C10.977 13.7573 11.1558 13.2741 11.3041 12.8111C11.002 12.2609 10.7592 11.7188 10.612 11.2314C10.4755 10.7794 10.4012 10.3108 10.4936 9.9098C10.542 9.70016 10.6396 9.49389 10.8115 9.32717C10.985 9.15886 11.2039 9.06041 11.443 9.01935C11.6833 8.97808 11.9337 8.99849 12.1596 9.12284C12.3833 9.24603 12.5254 9.43955 12.6122 9.63894C12.7761 10.0155 12.7859 10.509 12.7344 11.0019C12.6821 11.5035 12.5568 12.0835 12.3795 12.6945C12.5786 13.0303 12.8015 13.371 13.0401 13.7037C13.3219 14.0966 13.6184 14.4684 13.9142 14.8002C14.4218 14.752 14.8962 14.7384 15.3064 14.7684C15.7818 14.8031 16.2683 14.9018 16.6012 15.1587C16.7824 15.2985 16.9271 15.4928 16.9794 15.743C17.0302 15.9861 16.9824 16.2269 16.8867 16.4469C16.7911 16.6667 16.6513 16.8609 16.4537 16.9987C16.2526 17.139 16.0252 17.1975 15.7987 17.1966C15.3727 17.1948 14.9432 16.9849 14.5656 16.7272C14.2272 16.4964 13.8742 16.1878 13.5244 15.8304C13.0088 15.8996 12.4568 16.003 11.9021 16.1344C11.5328 16.2219 11.1682 16.3204 10.8182 16.4271C10.495 17.0056 10.1519 17.5292 9.80728 17.946C9.47129 18.3522 9.0944 18.706 8.69175 18.8812C8.48289 18.9721 8.24635 19.0238 7.99813 18.9891ZM9.29674 16.9876C9.07424 17.088 8.8711 17.1907 8.6924 17.2942C8.30139 17.5209 8.09504 17.7139 8.02041 17.8426C8.00186 17.8745 7.99726 17.8926 7.99624 17.8995C7.9994 17.9074 8.01077 17.9289 8.04636 17.9639C8.09549 18.0121 8.12527 18.0183 8.13845 18.0202C8.1571 18.0228 8.20335 18.0233 8.28851 17.9863C8.47391 17.9056 8.73 17.6967 9.03437 17.3287C9.12123 17.2237 9.20885 17.1096 9.29674 16.9876ZM7.99517 17.896C7.99523 17.896 7.99547 17.8967 7.9957 17.898L7.99517 17.896ZM7.99605 17.9009C7.99613 17.9021 7.99607 17.9028 7.99602 17.9028C7.99597 17.9028 7.99593 17.9022 7.99605 17.9009ZM11.418 15.2441C11.5015 15.2231 11.5851 15.2027 11.6687 15.1829C12.0285 15.0977 12.393 15.0223 12.7528 14.9593C12.5715 14.7352 12.3949 14.503 12.226 14.2676C12.141 14.149 12.0573 14.0287 11.9753 13.9072C11.8874 14.1425 11.7941 14.3777 11.6966 14.6106C11.6077 14.8228 11.5146 15.0347 11.418 15.2441ZM14.8749 15.7312C14.9632 15.8017 15.0495 15.866 15.1336 15.9233C15.4613 16.1469 15.6841 16.2174 15.8028 16.2179C15.8485 16.2181 15.8665 16.2081 15.8771 16.2007C15.8911 16.1909 15.9292 16.1582 15.9709 16.0623C16.0008 15.9935 16.004 15.9568 16.0039 15.9442C16.0009 15.9409 15.9954 15.9357 15.9861 15.9285C15.8984 15.8608 15.6679 15.7762 15.2325 15.7444C15.1203 15.7362 15.0008 15.7318 14.8749 15.7312ZM16.0073 15.9486C16.0072 15.9486 16.0067 15.9479 16.006 15.9466C16.007 15.9479 16.0074 15.9486 16.0073 15.9486ZM11.6875 11.3029C11.7116 11.1627 11.7305 11.0287 11.7437 10.9021C11.7911 10.4477 11.7569 10.1625 11.6965 10.0239C11.6861 9.99996 11.6774 9.98617 11.6719 9.97887C11.6619 9.97817 11.6436 9.97844 11.6144 9.98346C11.5422 9.99585 11.5184 10.0167 11.5111 10.0237C11.5022 10.0324 11.4807 10.0577 11.465 10.1261C11.4292 10.2812 11.4465 10.5546 11.5668 10.953C11.6006 11.065 11.6411 11.1819 11.6875 11.3029ZM11.6819 9.98043C11.6818 9.98049 11.6809 9.98033 11.6793 9.97974C11.6811 9.98007 11.6819 9.98037 11.6819 9.98043ZM11.6671 9.97303C11.6661 9.9723 11.6657 9.97185 11.6657 9.97181C11.6657 9.97177 11.6662 9.97213 11.6671 9.97303Z" fill="#E32D2D"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804ZM6 2H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2Z" fill="#F7C4C4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.35554 25.9715C8.97562 25.896 8.65688 25.689 8.40852 25.3968C8.16069 25.1053 8.00496 24.7542 8.00105 24.3602C7.99725 23.9771 8.13778 23.6373 8.32589 23.3568C8.68719 22.818 9.31962 22.3548 10.0182 21.9615C10.8331 21.5027 11.8604 21.0726 12.9759 20.6964C13.3019 20.1278 13.6179 19.5259 13.9134 18.9112C14.3167 18.0721 14.673 17.2269 14.9599 16.4293C14.5182 15.6786 14.1615 14.9418 13.9381 14.275C13.7169 13.6148 13.5858 12.9072 13.7425 12.2954C13.8257 11.9705 13.9937 11.661 14.2763 11.4223C14.556 11.186 14.8971 11.0618 15.257 11.0168C15.6259 10.9707 16.0033 11.0145 16.3396 11.2086C16.6773 11.4035 16.8925 11.7031 17.0208 12.0196C17.2615 12.6131 17.2436 13.3757 17.1304 14.1248C17.0336 14.7649 16.852 15.4855 16.6077 16.2445C16.9403 16.7614 17.3165 17.2888 17.7211 17.8039C18.1515 18.3518 18.6032 18.8719 19.0546 19.3397C19.8868 19.252 20.6633 19.2211 21.3311 19.262C22.0797 19.3078 22.8335 19.4497 23.3531 19.8253C23.6349 20.029 23.8724 20.3203 23.9652 20.709C24.0558 21.089 23.9853 21.4661 23.8393 21.8066C23.6933 22.1473 23.4783 22.4438 23.1781 22.655C22.8753 22.868 22.5338 22.9605 22.1933 22.9678C21.5472 22.9818 20.8791 22.6922 20.2777 22.3196C19.7072 21.9662 19.1077 21.4814 18.5142 20.9171C17.6941 21.0313 16.8163 21.1987 15.9335 21.4095C15.2676 21.5685 14.6092 21.7497 13.9807 21.9468C13.3846 22.9346 12.7534 23.8263 12.1345 24.5121C11.5982 25.1062 11.0078 25.618 10.399 25.8565C10.0833 25.9802 9.72524 26.0449 9.35554 25.9715ZM11.5551 22.8625C11.2659 22.9959 10.9974 23.1316 10.7541 23.2686C10.1108 23.6308 9.73206 23.9531 9.57168 24.1922C9.53589 24.2456 9.51784 24.285 9.50906 24.3104C9.50077 24.3344 9.50097 24.3449 9.50098 24.3453L9.50098 24.3453L9.50107 24.3462C9.50114 24.3465 9.50162 24.3489 9.50354 24.3536C9.50728 24.3629 9.51897 24.3872 9.55143 24.4254C9.60907 24.4932 9.64078 24.4989 9.64722 24.5001C9.64746 24.5001 9.64766 24.5002 9.64783 24.5002C9.66279 24.5032 9.72343 24.5102 9.85193 24.4599C10.1316 24.3503 10.532 24.0488 11.021 23.507C11.1963 23.3128 11.3749 23.0969 11.5551 22.8625ZM15.0019 20.0957C15.196 20.0454 15.3906 19.997 15.5851 19.9506C16.142 19.8176 16.7045 19.6993 17.2595 19.5992C17.0133 19.3162 16.773 19.0252 16.5415 18.7305C16.3469 18.4827 16.1564 18.2298 15.9721 17.9739C15.7549 18.5038 15.5171 19.0371 15.2653 19.561C15.1794 19.7397 15.0915 19.9181 15.0019 20.0957ZM20.626 20.7445C20.7769 20.8554 20.9245 20.9558 21.0677 21.0445C21.5874 21.3665 21.9517 21.4727 22.1609 21.4682C22.2479 21.4663 22.2898 21.4459 22.3149 21.4282C22.3428 21.4086 22.4004 21.3563 22.4606 21.2158C22.4951 21.1353 22.5033 21.0877 22.505 21.0659C22.4989 21.06 22.4892 21.0516 22.4743 21.0409C22.3193 20.9289 21.9346 20.8017 21.2395 20.7592C21.0475 20.7474 20.8424 20.7427 20.626 20.7445ZM22.5141 21.0764C22.514 21.0764 22.5133 21.0755 22.5122 21.0737C22.5137 21.0755 22.5143 21.0764 22.5141 21.0764ZM15.5685 14.3393C15.5997 14.1876 15.626 14.0411 15.6472 13.9005C15.7511 13.2136 15.7138 12.788 15.6308 12.5834C15.6114 12.5356 15.5957 12.5149 15.5888 12.5076C15.5763 12.5034 15.5342 12.4938 15.443 12.5052C15.3029 12.5228 15.2546 12.5595 15.2443 12.5682C15.237 12.5743 15.2145 12.5939 15.1956 12.6675C15.1482 12.8527 15.1667 13.2204 15.3604 13.7985C15.4181 13.9708 15.4878 14.1516 15.5685 14.3393ZM15.5929 12.5093C15.5929 12.5093 15.5921 12.509 15.5907 12.5083C15.5923 12.5089 15.593 12.5092 15.5929 12.5093ZM15.5876 12.5064C15.5858 12.5052 15.585 12.5044 15.585 12.5043C15.585 12.5042 15.586 12.5048 15.5876 12.5064Z" fill="#E32D2D"/>` }
+  },
+  powerpoint: {
+    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="#F3B7A8"/>
+<path d="M7.17188 10.6836V12.75C7.17188 12.8881 7.05995 13 6.92188 13H6.25C6.11193 13 6 12.8881 6 12.75V7.25C6 7.11193 6.11193 7 6.25 7H8.21875C8.64583 7 9.02083 7.07812 9.34375 7.23438C9.66927 7.39062 9.91927 7.61328 10.0938 7.90234C10.2682 8.1888 10.3555 8.51562 10.3555 8.88281C10.3555 9.4401 10.1641 9.88021 9.78125 10.2031C9.40104 10.5234 8.8737 10.6836 8.19922 10.6836H7.17188ZM7.17188 9.73438H8.21875C8.52865 9.73438 8.76432 9.66146 8.92578 9.51562C9.08984 9.36979 9.17188 9.16146 9.17188 8.89062C9.17188 8.61198 9.08984 8.38672 8.92578 8.21484C8.76172 8.04297 8.53516 7.95443 8.24609 7.94922H7.17188V9.73438Z" fill="#E86D50"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#F3B7A8"/>
+<path d="M10.6143 15.0649V17.75C10.6143 17.8881 10.5024 18 10.3643 18H9.25C9.11193 18 9 17.8881 9 17.75V10.25C9 10.1119 9.11193 10 9.25 10H12.0565C12.6448 10 13.1614 10.1074 13.6063 10.3223C14.0547 10.5371 14.3991 10.8433 14.6395 11.2407C14.8798 11.6346 15 12.084 15 12.5889C15 13.3551 14.7363 13.9603 14.209 14.4043C13.6852 14.8447 12.9587 15.0649 12.0296 15.0649H10.6143ZM10.6143 13.7598H12.0565C12.4834 13.7598 12.8081 13.6595 13.0305 13.459C13.2565 13.2585 13.3695 12.972 13.3695 12.5996C13.3695 12.2165 13.2565 11.9067 13.0305 11.6704C12.8045 11.4341 12.4924 11.3123 12.0942 11.3052H10.6143V13.7598Z" fill="#E86D50"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804ZM6 2H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2Z" fill="#F3B7A8"/>
+<path d="M14.3438 20.9922V24.5C14.3438 24.7761 14.1199 25 13.8438 25H12.5C12.2239 25 12 24.7761 12 24.5V14.625C12 14.0727 12.4477 13.625 13 13.625H16.4375C17.2917 13.625 18.0417 13.7812 18.6875 14.0938C19.3385 14.4062 19.8385 14.8516 20.1875 15.4297C20.5365 16.0026 20.7109 16.6562 20.7109 17.3906C20.7109 18.5052 20.3281 19.3854 19.5625 20.0312C18.8021 20.6719 17.7474 20.9922 16.3984 20.9922H14.3438ZM14.3438 19.0938H16.4375C17.0573 19.0938 17.5286 18.9479 17.8516 18.6562C18.1797 18.3646 18.3438 17.9479 18.3438 17.4062C18.3438 16.849 18.1797 16.3984 17.8516 16.0547C17.5234 15.7109 17.0703 15.5339 16.4922 15.5234H14.3438V19.0938Z" fill="#E86D50"/>` }
+  },
+  signed: {
+    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="#BFBFF3"/>
+<path d="M6.89094 9.33512C6.41326 10.2278 6.04604 11.4046 5.99957 12.5187C5.98807 12.7946 5.75508 13.0089 5.47917 12.9974C5.20327 12.9859 4.98894 12.7529 5.00044 12.477C5.05398 11.1933 5.4702 9.87063 6.00925 8.86331C6.27892 8.35935 6.59 7.91418 6.92034 7.58739C7.23534 7.27577 7.64219 6.99896 8.10001 6.99896C8.274 6.99896 8.45432 7.05563 8.59869 7.19336C8.73198 7.32053 8.79228 7.47668 8.82108 7.60098C8.87586 7.83738 8.85132 8.11405 8.81312 8.3578C8.74311 8.80448 8.58437 9.37428 8.43233 9.92001L8.37315 10.1329C8.20895 10.726 8.06726 11.269 8.01988 11.6753C8.06849 11.5955 8.11819 11.5096 8.17192 11.4167C8.22517 11.3247 8.28242 11.2258 8.34647 11.1191C8.50737 10.8512 8.71299 10.5331 8.96483 10.3121C9.09527 10.1976 9.26122 10.0881 9.46376 10.0362C9.67692 9.98164 9.89854 9.99948 10.1112 10.0934C10.5613 10.2923 10.5988 10.7505 10.5907 10.9818C10.583 11.2024 10.528 11.4552 10.4856 11.6499L10.4691 11.7261C10.4445 11.8413 10.4277 11.931 10.4176 12.0001C10.5748 12 10.7783 11.9996 10.9668 11.9992L11.5012 11.9985C11.7769 11.9981 12.0008 12.221 12.0018 12.4967C12.0028 12.7733 11.7791 12.9981 11.5025 12.9985L10.9691 12.9992C10.6856 12.9998 10.3643 13.0004 10.2191 13C10.0306 12.9995 9.82064 12.9481 9.65285 12.7881C9.49124 12.634 9.43501 12.4416 9.41585 12.2963C9.3811 12.0328 9.44677 11.7252 9.49068 11.5195L9.50779 11.4397C9.53521 11.312 9.55823 11.2049 9.5732 11.1128C9.4641 11.2257 9.34314 11.4019 9.20374 11.634C9.16013 11.7066 9.11329 11.7874 9.06474 11.8711C8.95517 12.0601 8.83689 12.264 8.72738 12.4231C8.64508 12.5427 8.54508 12.6722 8.42695 12.7758C8.31242 12.8763 8.1266 13 7.88066 13C7.71657 13 7.54656 12.9593 7.39583 12.8548C7.24686 12.7515 7.15392 12.6118 7.09783 12.4759C6.99394 12.2242 6.99292 11.929 7.01478 11.6756C7.05998 11.152 7.23938 10.4802 7.4094 9.86608L7.4682 9.65435C7.62386 9.09464 7.76491 8.5875 7.82518 8.20295C7.83008 8.17172 7.8342 8.14262 7.83764 8.11557C7.77568 8.15934 7.70418 8.2186 7.62362 8.2983C7.38523 8.53413 7.12962 8.88909 6.89094 9.33512Z" fill="#6666CC"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#BFBFF3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0966 13.7011C10.3918 14.7291 9.70789 16.3231 9.49589 18.328C9.45228 18.7405 9.083 19.0394 8.67109 18.9958C8.25918 18.9521 7.96062 18.5823 8.00423 18.1698C8.24223 15.919 9.01264 14.0868 9.85997 12.851C10.2811 12.2368 10.7391 11.7438 11.1864 11.4238C11.4093 11.2644 11.6552 11.1294 11.9137 11.0569C12.1711 10.9848 12.4983 10.9605 12.8175 11.1098C13.1672 11.2734 13.2784 11.5936 13.3127 11.7615C13.3482 11.935 13.3393 12.1063 13.3255 12.2347C13.2967 12.5005 13.2172 12.8183 13.1263 13.1339C13.0161 13.5163 12.8624 13.9826 12.7056 14.4579C12.6057 14.7608 12.5046 15.0674 12.4128 15.3583C12.1955 16.0466 12.0226 16.6689 11.9524 17.1412C12.0791 16.9912 12.2153 16.8134 12.3704 16.6111C12.3884 16.5876 12.4066 16.5638 12.4251 16.5397C12.6599 16.2337 12.9395 15.8733 13.2369 15.5914C13.5136 15.329 13.947 14.9945 14.5001 14.9945C14.7903 14.9945 15.1333 15.0951 15.3631 15.4109C15.5593 15.6806 15.5759 15.9825 15.57 16.1617C15.5588 16.497 15.44 16.8918 15.3576 17.166C15.3527 17.1821 15.348 17.1978 15.3434 17.213C15.311 17.3215 15.2833 17.4158 15.2604 17.4979H16.2503C16.6645 17.4979 17.0003 17.8342 17.0003 18.2489C17.0003 18.6637 16.6645 18.9999 16.2503 18.9999H14.7501C14.4598 18.9999 14.1168 18.8993 13.887 18.5836C13.6908 18.3139 13.6742 18.012 13.6802 17.8328C13.6864 17.6463 13.7259 17.4414 13.7739 17.2491C13.7224 17.3148 13.6694 17.3834 13.6146 17.4548C13.5933 17.4826 13.5715 17.511 13.5495 17.5398C13.3374 17.817 13.0956 18.133 12.8549 18.3811C12.7194 18.5208 12.5594 18.6656 12.3776 18.7789C12.1966 18.8918 11.9511 18.9999 11.6586 18.9999C11.4361 18.9999 11.2007 18.9469 10.9882 18.8062C10.7765 18.6661 10.641 18.4745 10.5582 18.2856C10.406 17.9386 10.4049 17.5404 10.4334 17.216C10.4927 16.5413 10.7353 15.6889 10.9825 14.9057C11.0892 14.5675 11.1963 14.2435 11.2976 13.9367C11.3962 13.6385 11.4893 13.3566 11.5715 13.0939C11.4201 13.2612 11.2596 13.4633 11.0966 13.7011Z" fill="#6666CC"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8099 22.0916C14.0807 23.2932 13.5 24.8708 13.5 26.25C13.5 26.6642 13.1642 27 12.75 27C12.3358 27 12 26.6642 12 26.25C12 24.5092 12.7093 22.6618 13.5276 21.3134C13.9389 20.6357 14.4027 20.0421 14.8621 19.6322C15.0905 19.4285 15.345 19.2455 15.6164 19.1305C15.8835 19.0172 16.2443 18.939 16.6166 19.0753C17.2215 19.2945 17.2933 19.8964 17.2945 20.1608C17.296 20.4716 17.2187 20.8231 17.1281 21.1482C16.9833 21.6682 16.7498 22.302 16.5231 22.9171C16.4618 23.0835 16.4009 23.2485 16.3425 23.4095C16.0648 24.1751 15.8424 24.8471 15.7681 25.3269C15.8 25.2952 15.8349 25.2576 15.8726 25.2131C16.0956 24.9508 16.3142 24.5758 16.5479 24.1365C16.5971 24.044 16.6478 23.9469 16.6996 23.8478C16.8741 23.5135 17.0605 23.1568 17.2408 22.8774C17.3598 22.6932 17.5064 22.493 17.6839 22.3336C17.8574 22.1779 18.1428 21.9885 18.522 22.0003C18.7092 22.0055 18.9013 22.0607 19.0713 22.1818C19.2366 22.2996 19.3396 22.4501 19.4031 22.5832C19.5199 22.8282 19.542 23.097 19.5459 23.29C19.5533 23.6499 19.4953 24.0981 19.446 24.4798C19.4406 24.5215 19.4353 24.5624 19.4302 24.6024C19.3985 24.8515 19.3732 25.0693 19.3601 25.2534C19.4085 25.1979 19.4632 25.1301 19.5257 25.0475C19.5452 25.0217 19.5665 24.993 19.5894 24.9622C19.7011 24.812 19.8503 24.6114 20.0052 24.4555C20.2017 24.258 20.5313 24 21 24C21.2859 24 21.4912 24.148 21.6049 24.2823C21.7018 24.3968 21.7464 24.514 21.7655 24.5689C21.8032 24.6779 21.8227 24.7974 21.8327 24.858L21.8335 24.8633C21.8367 24.883 21.8398 24.9021 21.8428 24.9206C21.8649 25.0575 21.8819 25.163 21.9163 25.2691C21.9531 25.3829 21.9905 25.4292 22.012 25.4477C22.0212 25.4558 22.0719 25.5 22.2454 25.5H23.25C23.6642 25.5 24 25.8358 24 26.25C24 26.6642 23.6642 27 23.25 27H22.2454C21.7626 27 21.3505 26.8582 21.0322 26.5835C20.8506 26.4268 20.7225 26.2467 20.6308 26.0714C20.3423 26.4403 19.8305 27 19 27C18.6128 27 18.2882 26.8135 18.0903 26.5109C17.9269 26.2609 17.8788 25.9771 17.861 25.7699C17.8354 25.4707 17.8604 25.122 17.896 24.7961C17.8881 24.811 17.8801 24.8259 17.8721 24.841C17.6383 25.2805 17.3544 25.7861 17.0155 26.1847C16.6871 26.571 16.1859 27 15.5 27C15.2816 27 15.0457 26.9534 14.829 26.8197C14.6083 26.6836 14.4622 26.4908 14.3736 26.2904C14.2129 25.9271 14.2296 25.5148 14.2721 25.1929C14.3608 24.5207 14.6524 23.6699 14.9325 22.898C14.999 22.7144 15.0654 22.5342 15.1302 22.3584C15.3122 21.8639 15.4815 21.4043 15.6064 21.0045C15.354 21.2798 15.0787 21.6487 14.8099 22.0916Z" fill="#6666CC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804ZM6 2H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2Z" fill="#BFBFF3"/>` }
+  },
+  text: {
+    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"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 8C5.33579 8 5 8.33579 5 8.75C5 9.16421 5.33579 9.5 5.75 9.5H10.25C10.6642 9.5 11 9.16421 11 8.75C11 8.33579 10.6642 8 10.25 8H5.75ZM5.75 11C5.33579 11 5 11.3358 5 11.75C5 12.1642 5.33579 12.5 5.75 12.5H8.25C8.66421 12.5 9 12.1642 9 11.75C9 11.3358 8.66421 11 8.25 11H5.75Z" fill="#98A1B2"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#CCD2DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 11.75C7 11.3358 7.33579 11 7.75 11H16.25C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H7.75C7.33579 12.5 7 12.1642 7 11.75ZM7 14.75C7 14.3358 7.33579 14 7.75 14H16.25C16.6642 14 17 14.3358 17 14.75C17 15.1642 16.6642 15.5 16.25 15.5H7.75C7.33579 15.5 7 15.1642 7 14.75ZM7.75 17C7.33579 17 7 17.3358 7 17.75C7 18.1642 7.33579 18.5 7.75 18.5H12.25C12.6642 18.5 13 18.1642 13 17.75C13 17.3358 12.6642 17 12.25 17H7.75Z" fill="#98A1B2"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#CCD2DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 16C9 15.4477 9.44772 15 10 15H22C22.5523 15 23 15.4477 23 16C23 16.5523 22.5523 17 22 17H10C9.44772 17 9 16.5523 9 16ZM9 20C9 19.4477 9.44772 19 10 19H22C22.5523 19 23 19.4477 23 20C23 20.5523 22.5523 21 22 21H10C9.44772 21 9 20.5523 9 20ZM10 23C9.44772 23 9 23.4477 9 24C9 24.5523 9.44772 25 10 25H18C18.5523 25 19 24.5523 19 24C19 23.4477 18.5523 23 18 23H10Z" fill="#98A1B2"/>` }
+  },
+  video: {
+    16: { viewBox: "0 0 16 16", paths: `<path d="M1 2.5C1 1.67157 1.67157 1 2.5 1H13.5C14.3284 1 15 1.67157 15 2.5V13.5C15 14.3284 14.3284 15 13.5 15H2.5C1.67157 15 1 14.3284 1 13.5V2.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H2.5C2.22386 2 2 2.22386 2 2.5V13.5C2 13.7761 2.22386 14 2.5 14H13.5C13.7761 14 14 13.7761 14 13.5V2.5C14 2.22386 13.7761 2 13.5 2ZM2.5 1C1.67157 1 1 1.67157 1 2.5V13.5C1 14.3284 1.67157 15 2.5 15H13.5C14.3284 15 15 14.3284 15 13.5V2.5C15 1.67157 14.3284 1 13.5 1H2.5Z" fill="#ADBEFF"/>
+<path d="M4 3H3V4H4V3Z" fill="#ADBEFF"/>
+<path d="M4 12H3V13H4V12Z" fill="#ADBEFF"/>
+<path d="M5.25 3H6.25V4H5.25V3Z" fill="#ADBEFF"/>
+<path d="M6.25 12H5.25V13H6.25V12Z" fill="#ADBEFF"/>
+<path d="M7.5 3H8.5V4H7.5V3Z" fill="#ADBEFF"/>
+<path d="M8.5 12H7.5V13H8.5V12Z" fill="#ADBEFF"/>
+<path d="M9.75 3H10.75V4H9.75V3Z" fill="#ADBEFF"/>
+<path d="M10.75 12H9.75V13H10.75V12Z" fill="#ADBEFF"/>
+<path d="M12 3H13V4H12V3Z" fill="#ADBEFF"/>
+<path d="M13 12H12V13H13V12Z" fill="#ADBEFF"/>
+<path d="M10.7649 7.57576C11.0784 7.77153 11.0784 8.22843 10.7649 8.4242L6.76383 10.9229C6.43115 11.1307 6 10.8913 6 10.4987V5.50122C6 5.10869 6.43115 4.86924 6.76383 5.07701L10.7649 7.57576Z" fill="#5C7CFA"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4H5C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4ZM5 3C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5Z" fill="#ADBEFF"/>
+<path d="M14.7649 11.5758C15.0784 11.7715 15.0784 12.2284 14.7649 12.4242L10.7638 14.9229C10.4312 15.1307 10 14.8913 10 14.4987V9.50123C10 9.10869 10.4311 8.86924 10.7638 9.07701L14.7649 11.5758Z" fill="#5C7CFA"/>
+<path d="M7 5.5C7 5.22386 6.77614 5 6.5 5H5.5C5.22386 5 5 5.22386 5 5.5V6.5C5 6.77614 5.22386 7 5.5 7H6.5C6.77614 7 7 6.77614 7 6.5V5.5Z" fill="#ADBEFF"/>
+<path d="M7 17.5C7 17.2239 6.77614 17 6.5 17H5.5C5.22386 17 5 17.2239 5 17.5V18.5C5 18.7761 5.22386 19 5.5 19H6.5C6.77614 19 7 18.7761 7 18.5V17.5Z" fill="#ADBEFF"/>
+<path d="M10 17.5C10 17.2239 9.77614 17 9.5 17H8.5C8.22386 17 8 17.2239 8 17.5V18.5C8 18.7761 8.22386 19 8.5 19H9.5C9.77614 19 10 18.7761 10 18.5V17.5Z" fill="#ADBEFF"/>
+<path d="M11 17.5C11 17.2239 11.2239 17 11.5 17H12.5C12.7761 17 13 17.2239 13 17.5V18.5C13 18.7761 12.7761 19 12.5 19H11.5C11.2239 19 11 18.7761 11 18.5V17.5Z" fill="#ADBEFF"/>
+<path d="M16 17.5C16 17.2239 15.7761 17 15.5 17H14.5C14.2239 17 14 17.2239 14 17.5V18.5C14 18.7761 14.2239 19 14.5 19H15.5C15.7761 19 16 18.7761 16 18.5V17.5Z" fill="#ADBEFF"/>
+<path d="M17 17.5C17 17.2239 17.2239 17 17.5 17H18.5C18.7761 17 19 17.2239 19 17.5V18.5C19 18.7761 18.7761 19 18.5 19H17.5C17.2239 19 17 18.7761 17 18.5V17.5Z" fill="#ADBEFF"/>
+<path d="M8 5.5C8 5.22386 8.22386 5 8.5 5H9.5C9.77614 5 10 5.22386 10 5.5V6.5C10 6.77614 9.77614 7 9.5 7H8.5C8.22386 7 8 6.77614 8 6.5V5.5Z" fill="#ADBEFF"/>
+<path d="M13 5.5C13 5.22386 12.7761 5 12.5 5H11.5C11.2239 5 11 5.22386 11 5.5V6.5C11 6.77614 11.2239 7 11.5 7H12.5C12.7761 7 13 6.77614 13 6.5V5.5Z" fill="#ADBEFF"/>
+<path d="M14 5.5C14 5.22386 14.2239 5 14.5 5H15.5C15.7761 5 16 5.22386 16 5.5V6.5C16 6.77614 15.7761 7 15.5 7H14.5C14.2239 7 14 6.77614 14 6.5V5.5Z" fill="#ADBEFF"/>
+<path d="M19 5.5C19 5.22386 18.7761 5 18.5 5H17.5C17.2239 5 17 5.22386 17 5.5V6.5C17 6.77614 17.2239 7 17.5 7H18.5C18.7761 7 19 6.77614 19 6.5V5.5Z" fill="#ADBEFF"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M3 5C3 3.89543 3.89543 3 5 3H27C28.1046 3 29 3.89543 29 5V27C29 28.1046 28.1046 29 27 29H5C3.89543 29 3 28.1046 3 27V5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27 4H5C4.44772 4 4 4.44772 4 5V27C4 27.5523 4.44772 28 5 28H27C27.5523 28 28 27.5523 28 27V5C28 4.44772 27.5523 4 27 4ZM5 3C3.89543 3 3 3.89543 3 5V27C3 28.1046 3.89543 29 5 29H27C28.1046 29 29 28.1046 29 27V5C29 3.89543 28.1046 3 27 3H5Z" fill="#ADBEFF"/>
+<path d="M19.5149 15.1483C20.1617 15.5362 20.1617 16.4731 19.5149 16.861L14.5131 19.8608C13.8472 20.2602 13 19.7807 13 19.0044V13.0048C13 12.2286 13.8472 11.7491 14.5131 12.1485L19.5149 15.1483Z" fill="#5C7CFA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 5.5C5 5.22386 5.22386 5 5.5 5H6.5C6.77614 5 7 5.22386 7 5.5V6.5C7 6.77614 6.77614 7 6.5 7H5.5C5.22386 7 5 6.77614 5 6.5V5.5ZM9 5.5C9 5.22386 9.22386 5 9.5 5H10.5C10.7761 5 11 5.22386 11 5.5V6.5C11 6.77614 10.7761 7 10.5 7H9.5C9.22386 7 9 6.77614 9 6.5V5.5ZM13.5 5C13.2239 5 13 5.22386 13 5.5V6.5C13 6.77614 13.2239 7 13.5 7H14.5C14.7761 7 15 6.77614 15 6.5V5.5C15 5.22386 14.7761 5 14.5 5H13.5ZM17 5.5C17 5.22386 17.2239 5 17.5 5H18.5C18.7761 5 19 5.22386 19 5.5V6.5C19 6.77614 18.7761 7 18.5 7H17.5C17.2239 7 17 6.77614 17 6.5V5.5ZM21.5 5C21.2239 5 21 5.22386 21 5.5V6.5C21 6.77614 21.2239 7 21.5 7H22.5C22.7761 7 23 6.77614 23 6.5V5.5C23 5.22386 22.7761 5 22.5 5H21.5ZM25 5.5C25 5.22386 25.2239 5 25.5 5H26.5C26.7761 5 27 5.22386 27 5.5V6.5C27 6.77614 26.7761 7 26.5 7H25.5C25.2239 7 25 6.77614 25 6.5V5.5ZM5 25.5C5 25.2239 5.22386 25 5.5 25H6.5C6.77614 25 7 25.2239 7 25.5V26.5C7 26.7761 6.77614 27 6.5 27H5.5C5.22386 27 5 26.7761 5 26.5V25.5ZM9 25.5C9 25.2239 9.22386 25 9.5 25H10.5C10.7761 25 11 25.2239 11 25.5V26.5C11 26.7761 10.7761 27 10.5 27H9.5C9.22386 27 9 26.7761 9 26.5V25.5ZM13.5 25C13.2239 25 13 25.2239 13 25.5V26.5C13 26.7761 13.2239 27 13.5 27H14.5C14.7761 27 15 26.7761 15 26.5V25.5C15 25.2239 14.7761 25 14.5 25H13.5ZM17 25.5C17 25.2239 17.2239 25 17.5 25H18.5C18.7761 25 19 25.2239 19 25.5V26.5C19 26.7761 18.7761 27 18.5 27H17.5C17.2239 27 17 26.7761 17 26.5V25.5ZM21.5 25C21.2239 25 21 25.2239 21 25.5V26.5C21 26.7761 21.2239 27 21.5 27H22.5C22.7761 27 23 26.7761 23 26.5V25.5C23 25.2239 22.7761 25 22.5 25H21.5ZM25 25.5C25 25.2239 25.2239 25 25.5 25H26.5C26.7761 25 27 25.2239 27 25.5V26.5C27 26.7761 26.7761 27 26.5 27H25.5C25.2239 27 25 26.7761 25 26.5V25.5Z" fill="#ADBEFF"/>` }
+  },
+  word: {
+    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="#AADAF9"/>
+<path d="M9.4375 11.3594L10.1668 7.20675C10.1878 7.0872 10.2917 7 10.413 7H11.0631C11.2218 7 11.3404 7.14607 11.3077 7.30145L10.1511 12.8014C10.1268 12.9172 10.0247 13 9.90648 13H9.12615C9.01085 13 8.9105 12.9211 8.88324 12.8091L8.00391 9.19531L7.12457 12.8091C7.09731 12.9211 6.99697 13 6.88166 13H6.10133C5.98309 13 5.88102 12.9172 5.85668 12.8014L4.70011 7.30145C4.66744 7.14607 4.78599 7 4.94476 7H5.59502C5.7163 7 5.82008 7.08704 5.8412 7.20647L6.57422 11.3516L7.4692 7.19735C7.49401 7.08221 7.59581 7 7.71359 7H8.30178C8.41967 7 8.52155 7.08237 8.54623 7.19765L9.4375 11.3594Z" fill="#1075DC"/>` },
+    24: { viewBox: "0 0 24 24", paths: `<path d="M4 4C4 2.89543 4.89543 2 6 2H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9C19 8.44772 18.5523 8 18 8H15C14.4477 8 14 7.55228 14 7V4C14 3.44772 13.5523 3 13 3H12H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V10V9ZM20 10V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12H13.3431C14.404 2 15.4214 2.42143 16.1716 3.17157L18.8284 5.82843C19.5786 6.57857 20 7.59599 20 8.65685V10Z" fill="#AADAF9"/>
+<path d="M13.9766 15.7441L14.9917 10.2049C15.0135 10.0862 15.117 10 15.2376 10H16.3252C16.4846 10 16.6033 10.1472 16.5695 10.303L14.9431 17.803C14.9182 17.918 14.8164 18 14.6988 18H13.4748C13.3595 18 13.2591 17.9211 13.2319 17.8091L12.0054 12.7686L10.7789 17.8091C10.7516 17.9211 10.6513 18 10.536 18H9.31195C9.19429 18 9.09256 17.918 9.06763 17.803L7.44119 10.303C7.40741 10.1472 7.5261 10 7.68551 10H8.77336C8.89393 10 8.99733 10.0861 9.01921 10.2046L10.0396 15.7334L11.2847 10.1952C11.3104 10.0811 11.4117 10 11.5286 10H12.4926C12.6096 10 12.711 10.0812 12.7366 10.1955L13.9766 15.7441Z" fill="#1075DC"/>` },
+    32: { viewBox: "0 0 32 32", paths: `<path d="M4 3C4 1.89543 4.89543 1 6 1H18.5147C20.106 1 21.6321 1.63214 22.7574 2.75736L26.2426 6.24264C27.3679 7.36786 28 8.89398 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#AADAF9"/>
+<path d="M18.875 21.5385L20.3324 13.4117C20.3751 13.1734 20.5825 13 20.8246 13H22.1261C22.4436 13 22.6808 13.2921 22.6154 13.6029L20.3023 24.6029C20.2536 24.8343 20.0494 25 19.813 25H18.2572C18.0243 25 17.8223 24.8393 17.77 24.6124L16.0078 16.9725L14.2457 24.6124C14.1933 24.8393 13.9913 25 13.7584 25H12.2027C11.9662 25 11.762 24.8343 11.7134 24.6029L9.40022 13.6029C9.33487 13.2921 9.57198 13 9.88952 13H11.1916C11.4335 13 11.6406 13.1731 11.6836 13.4111L13.1484 21.522L14.9371 13.3926C14.9875 13.1633 15.1906 13 15.4254 13H16.6053C16.8403 13 17.0436 13.1636 17.0938 13.3932L18.875 21.5385Z" fill="#1075DC"/>` }
+  }
+}, D4 = [32, 24, 16];
+function O4(l, e) {
+  const t = S4[l];
+  if (!t) return null;
+  if (t[e]) return t[e];
+  for (const o of D4)
+    if (t[o]) return t[o];
+  return null;
+}
+var I4 = Object.defineProperty, f5 = (l, e, t, o) => {
+  for (var C = void 0, i = l.length - 1, n; i >= 0; i--)
+    (n = l[i]) && (C = n(e, t, C) || C);
+  return C && I4(e, t, C), C;
+};
+const k2 = class k2 extends h {
+  constructor() {
+    super(...arguments), this.type = "pdf", this.size = 32;
+  }
+  render() {
+    const e = O4(this.type, this.size);
+    return e ? d`
+      <svg
+        width=${this.size}
+        height=${this.size}
+        viewBox=${e.viewBox}
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-label="${this.type} file"
+        role="img"
+      >
+        ${P4(e.paths)}
+      </svg>
+    ` : u;
+  }
+};
+k2.styles = H`
+    :host { display: inline-flex; align-items: center; justify-content: center; }
+    svg { display: block; }
+  `;
+let d1 = k2;
+f5([
+  r()
+], d1.prototype, "type");
+f5([
+  r({ type: Number })
+], d1.prototype, "size");
+customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", d1);
 if (typeof document < "u" && !document.getElementById("acl-tokens")) {
-  const C = document.createElement("style");
-  C.id = "acl-tokens", C.textContent = p2, document.head.appendChild(C);
+  const l = document.createElement("style");
+  l.id = "acl-tokens", l.textContent = b5, document.head.appendChild(l);
 }
 export {
-  u1 as AnduinBadge,
-  F as AnduinBadgeCount,
+  f1 as AnduinBadge,
+  o1 as AnduinBadgeCount,
   f as AnduinButton,
-  p1 as AnduinCallout,
-  k as AnduinCheckbox,
-  J as AnduinDivider,
-  h1 as AnduinDot,
-  L1 as AnduinField,
-  _1 as AnduinFieldDescription,
-  x1 as AnduinFieldError,
-  k1 as AnduinFieldGroup,
-  e1 as AnduinFieldLabel,
-  K as AnduinIcon,
-  M as AnduinInput,
-  v1 as AnduinLoadingState,
-  i1 as AnduinMenu,
-  T as AnduinMenuItem,
-  C1 as AnduinPopover,
-  Q as AnduinProgress,
-  y as AnduinSkeleton,
-  X as AnduinSpinner,
-  o1 as AnduinTabContent,
-  R as AnduinTabTrigger,
-  I as AnduinTabs,
-  t1 as AnduinTabsList,
-  N as AnduinTag,
-  w1 as AnduinTagClose,
-  Z as AnduinTextarea,
-  l1 as AnduinTooltip,
-  P1 as AnduinTooltipContent,
-  E1 as AnduinTooltipTrigger,
-  g1 as AnduinWell,
-  A1 as AnduinWellClose,
-  X5 as BADGE_STYLES,
-  Q2 as CHECKBOX_CHANGE,
-  e2 as FIELD_LABEL_CLICK,
-  b1 as FIELD_LABEL_CLICK_COORDINATED,
-  t4 as INPUT_CHANGE,
-  z1 as MENU_ITEM_CLICK,
-  i4 as TAB_CHANGE,
-  t2 as TAB_TRIGGER_CLICK,
-  m1 as TAB_VALUE_CHANGED,
-  r4 as TAG_CLOSE_CLICK,
-  l4 as TEXTAREA_CHANGE,
-  i2 as TOOLTIP_CONTENT_POPUP_MOUNTED,
-  n2 as TOOLTIP_CONTENT_POPUP_UNMOUNTED,
-  j1 as TOOLTIP_HIDE,
-  l2 as TOOLTIP_SHOW,
-  C2 as TOOLTIP_TRIGGER_MOUNTED,
-  r2 as TOOLTIP_VISIBILITY_CHANGED,
-  L4 as WELL_CLOSE_CLICK,
-  K5 as getBadgeVariantClass
+  L1 as AnduinCallout,
+  $ as AnduinCheckbox,
+  l1 as AnduinDivider,
+  g1 as AnduinDot,
+  Z1 as AnduinField,
+  A1 as AnduinFieldDescription,
+  B1 as AnduinFieldError,
+  F1 as AnduinFieldGroup,
+  n1 as AnduinFieldLabel,
+  d1 as AnduinFileIcon,
+  C1 as AnduinIcon,
+  g as AnduinInput,
+  M1 as AnduinLoadingState,
+  D as AnduinMenu,
+  q as AnduinMenuItem,
+  E4 as AnduinModal,
+  A4 as AnduinModalClose,
+  S as AnduinPopover,
+  i1 as AnduinProgress,
+  R as AnduinSkeleton,
+  t1 as AnduinSpinner,
+  a1 as AnduinTabContent,
+  x as AnduinTabTrigger,
+  U as AnduinTabs,
+  r1 as AnduinTabsList,
+  j as AnduinTag,
+  z1 as AnduinTagClose,
+  m as AnduinTextarea,
+  s1 as AnduinTooltip,
+  D1 as AnduinTooltipContent,
+  S1 as AnduinTooltipTrigger,
+  b1 as AnduinWell,
+  O1 as AnduinWellClose,
+  i5 as BADGE_STYLES,
+  s4 as CHECKBOX_CHANGE,
+  d5 as FIELD_LABEL_CLICK,
+  y1 as FIELD_LABEL_CLICK_COORDINATED,
+  S4 as FILE_ICONS,
+  j2 as INPUT_CHANGE,
+  c4 as INPUT_CLEAR,
+  I1 as MENU_ITEM_CLICK,
+  H4 as TAB_CHANGE,
+  c5 as TAB_TRIGGER_CLICK,
+  R1 as TAB_VALUE_CHANGED,
+  V4 as TAG_CLOSE_CLICK,
+  p4 as TEXTAREA_CHANGE,
+  H5 as TOOLTIP_CONTENT_POPUP_MOUNTED,
+  v5 as TOOLTIP_CONTENT_POPUP_UNMOUNTED,
+  K1 as TOOLTIP_HIDE,
+  p5 as TOOLTIP_SHOW,
+  h5 as TOOLTIP_TRIGGER_MOUNTED,
+  V5 as TOOLTIP_VISIBILITY_CHANGED,
+  R4 as WELL_CLOSE_CLICK,
+  n5 as getBadgeVariantClass,
+  O4 as resolveFileIcon
 };