@hotosm/ui 0.2.0-a0 → 0.2.0-a10

package/dist/ui.js

@@ -1,4324 +0,0 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ht = globalThis, be = Ht.ShadowRoot && (Ht.ShadyCSS === void 0 || Ht.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, me = Symbol(), Pe = /* @__PURE__ */ new WeakMap();
-let io = class {
-  constructor(t, o, i) {
-    if (this._$cssResult$ = !0, i !== me)
-      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = o;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const o = this.t;
-    if (be && t === void 0) {
-      const i = o !== void 0 && o.length === 1;
-      i && (t = Pe.get(o)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Pe.set(o, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const ro = (e) => new io(typeof e == "string" ? e : e + "", void 0, me), et = (e, ...t) => {
-  const o = e.length === 1 ? e[0] : t.reduce((i, r, n) => i + ((s) => {
-    if (s._$cssResult$ === !0)
-      return s.cssText;
-    if (typeof s == "number")
-      return s;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(r) + e[n + 1], e[0]);
-  return new io(o, e, me);
-}, Lo = (e, t) => {
-  if (be)
-    e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
-  else
-    for (const o of t) {
-      const i = document.createElement("style"), r = Ht.litNonce;
-      r !== void 0 && i.setAttribute("nonce", r), i.textContent = o.cssText, e.appendChild(i);
-    }
-}, ze = be ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
-  let o = "";
-  for (const i of t.cssRules)
-    o += i.cssText;
-  return ro(o);
-})(e) : e;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: Ro, defineProperty: To, getOwnPropertyDescriptor: Mo, getOwnPropertyNames: Bo, getOwnPropertySymbols: Uo, getPrototypeOf: Do } = Object, Z = globalThis, Oe = Z.trustedTypes, No = Oe ? Oe.emptyScript : "", te = Z.reactiveElementPolyfillSupport, St = (e, t) => e, jt = { toAttribute(e, t) {
-  switch (t) {
-    case Boolean:
-      e = e ? No : null;
-      break;
-    case Object:
-    case Array:
-      e = e == null ? e : JSON.stringify(e);
-  }
-  return e;
-}, fromAttribute(e, t) {
-  let o = e;
-  switch (t) {
-    case Boolean:
-      o = e !== null;
-      break;
-    case Number:
-      o = e === null ? null : Number(e);
-      break;
-    case Object:
-    case Array:
-      try {
-        o = JSON.parse(e);
-      } catch {
-        o = null;
-      }
-  }
-  return o;
-} }, ve = (e, t) => !Ro(e, t), Le = { attribute: !0, type: String, converter: jt, reflect: !1, hasChanged: ve };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Z.litPropertyMetadata ?? (Z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class ut extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, o = Le) {
-    if (o.state && (o.attribute = !1), this._$Ei(), this.elementProperties.set(t, o), !o.noAccessor) {
-      const i = Symbol(), r = this.getPropertyDescriptor(t, i, o);
-      r !== void 0 && To(this.prototype, t, r);
-    }
-  }
-  static getPropertyDescriptor(t, o, i) {
-    const { get: r, set: n } = Mo(this.prototype, t) ?? { get() {
-      return this[o];
-    }, set(s) {
-      this[o] = s;
-    } };
-    return { get() {
-      return r == null ? void 0 : r.call(this);
-    }, set(s) {
-      const l = r == null ? void 0 : r.call(this);
-      n.call(this, s), this.requestUpdate(t, l, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Le;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(St("elementProperties")))
-      return;
-    const t = Do(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(St("finalized")))
-      return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(St("properties"))) {
-      const o = this.properties, i = [...Bo(o), ...Uo(o)];
-      for (const r of i)
-        this.createProperty(r, o[r]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const o = litPropertyMetadata.get(t);
-      if (o !== void 0)
-        for (const [i, r] of o)
-          this.elementProperties.set(i, r);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [o, i] of this.elementProperties) {
-      const r = this._$Eu(o, i);
-      r !== void 0 && this._$Eh.set(r, o);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const o = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i)
-        o.unshift(ze(r));
-    } else
-      t !== void 0 && o.push(ze(t));
-    return o;
-  }
-  static _$Eu(t, o) {
-    const i = o.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    var t;
-    this._$ES = new Promise((o) => this.enableUpdating = o), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((o) => o(this));
-  }
-  addController(t) {
-    var o;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((o = t.hostConnected) == null || o.call(t));
-  }
-  removeController(t) {
-    var o;
-    (o = this._$EO) == null || o.delete(t);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), o = this.constructor.elementProperties;
-    for (const i of o.keys())
-      this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Lo(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    var t;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((o) => {
-      var i;
-      return (i = o.hostConnected) == null ? void 0 : i.call(o);
-    });
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this._$EO) == null || t.forEach((o) => {
-      var i;
-      return (i = o.hostDisconnected) == null ? void 0 : i.call(o);
-    });
-  }
-  attributeChangedCallback(t, o, i) {
-    this._$AK(t, i);
-  }
-  _$EC(t, o) {
-    var n;
-    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
-    if (r !== void 0 && i.reflect === !0) {
-      const s = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : jt).toAttribute(o, i.type);
-      this._$Em = t, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$Em = null;
-    }
-  }
-  _$AK(t, o) {
-    var n;
-    const i = this.constructor, r = i._$Eh.get(t);
-    if (r !== void 0 && this._$Em !== r) {
-      const s = i.getPropertyOptions(r), l = typeof s.converter == "function" ? { fromAttribute: s.converter } : ((n = s.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? s.converter : jt;
-      this._$Em = r, this[r] = l.fromAttribute(o, s.type), this._$Em = null;
-    }
-  }
-  requestUpdate(t, o, i) {
-    if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? ve)(this[t], o))
-        return;
-      this.P(t, o, i);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$ET());
-  }
-  P(t, o, i) {
-    this._$AL.has(t) || this._$AL.set(t, o), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
-  }
-  async _$ET() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (o) {
-      Promise.reject(o);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    var i;
-    if (!this.isUpdatePending)
-      return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, s] of this._$Ep)
-          this[n] = s;
-        this._$Ep = void 0;
-      }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0)
-        for (const [n, s] of r)
-          s.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], s);
-    }
-    let t = !1;
-    const o = this._$AL;
-    try {
-      t = this.shouldUpdate(o), t ? (this.willUpdate(o), (i = this._$EO) == null || i.forEach((r) => {
-        var n;
-        return (n = r.hostUpdate) == null ? void 0 : n.call(r);
-      }), this.update(o)) : this._$EU();
-    } catch (r) {
-      throw t = !1, this._$EU(), r;
-    }
-    t && this._$AE(o);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    var o;
-    (o = this._$EO) == null || o.forEach((i) => {
-      var r;
-      return (r = i.hostUpdated) == null ? void 0 : r.call(i);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$EU() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((o) => this._$EC(o, this[o]))), this._$EU();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-}
-ut.elementStyles = [], ut.shadowRootOptions = { mode: "open" }, ut[St("elementProperties")] = /* @__PURE__ */ new Map(), ut[St("finalized")] = /* @__PURE__ */ new Map(), te == null || te({ ReactiveElement: ut }), (Z.reactiveElementVersions ?? (Z.reactiveElementVersions = [])).push("2.0.4");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Pt = globalThis, Wt = Pt.trustedTypes, Re = Wt ? Wt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, no = "$lit$", G = `lit$${Math.random().toFixed(9).slice(2)}$`, so = "?" + G, Fo = `<${so}>`, nt = document, zt = () => nt.createComment(""), Ot = (e) => e === null || typeof e != "object" && typeof e != "function", ao = Array.isArray, Vo = (e) => ao(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", ee = `[ 	
-\f\r]`, _t = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Te = /-->/g, Me = />/g, ot = RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Be = /'/g, Ue = /"/g, lo = /^(?:script|style|textarea|title)$/i, Ho = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), N = Ho(1), st = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), De = /* @__PURE__ */ new WeakMap(), rt = nt.createTreeWalker(nt, 129);
-function co(e, t) {
-  if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return Re !== void 0 ? Re.createHTML(t) : t;
-}
-const Io = (e, t) => {
-  const o = e.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : "", s = _t;
-  for (let l = 0; l < o; l++) {
-    const a = e[l];
-    let c, d, u = -1, b = 0;
-    for (; b < a.length && (s.lastIndex = b, d = s.exec(a), d !== null); )
-      b = s.lastIndex, s === _t ? d[1] === "!--" ? s = Te : d[1] !== void 0 ? s = Me : d[2] !== void 0 ? (lo.test(d[2]) && (r = RegExp("</" + d[2], "g")), s = ot) : d[3] !== void 0 && (s = ot) : s === ot ? d[0] === ">" ? (s = r ?? _t, u = -1) : d[1] === void 0 ? u = -2 : (u = s.lastIndex - d[2].length, c = d[1], s = d[3] === void 0 ? ot : d[3] === '"' ? Ue : Be) : s === Ue || s === Be ? s = ot : s === Te || s === Me ? s = _t : (s = ot, r = void 0);
-    const p = s === ot && e[l + 1].startsWith("/>") ? " " : "";
-    n += s === _t ? a + Fo : u >= 0 ? (i.push(c), a.slice(0, u) + no + a.slice(u) + G + p) : a + G + (u === -2 ? l : p);
-  }
-  return [co(e, n + (e[o] || "<?>") + (t === 2 ? "</svg>" : "")), i];
-};
-class Lt {
-  constructor({ strings: t, _$litType$: o }, i) {
-    let r;
-    this.parts = [];
-    let n = 0, s = 0;
-    const l = t.length - 1, a = this.parts, [c, d] = Io(t, o);
-    if (this.el = Lt.createElement(c, i), rt.currentNode = this.el.content, o === 2) {
-      const u = this.el.content.firstChild;
-      u.replaceWith(...u.childNodes);
-    }
-    for (; (r = rt.nextNode()) !== null && a.length < l; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes())
-          for (const u of r.getAttributeNames())
-            if (u.endsWith(no)) {
-              const b = d[s++], p = r.getAttribute(u).split(G), g = /([.?@])?(.*)/.exec(b);
-              a.push({ type: 1, index: n, name: g[2], strings: p, ctor: g[1] === "." ? Wo : g[1] === "?" ? qo : g[1] === "@" ? Yo : Gt }), r.removeAttribute(u);
-            } else
-              u.startsWith(G) && (a.push({ type: 6, index: n }), r.removeAttribute(u));
-        if (lo.test(r.tagName)) {
-          const u = r.textContent.split(G), b = u.length - 1;
-          if (b > 0) {
-            r.textContent = Wt ? Wt.emptyScript : "";
-            for (let p = 0; p < b; p++)
-              r.append(u[p], zt()), rt.nextNode(), a.push({ type: 2, index: ++n });
-            r.append(u[b], zt());
-          }
-        }
-      } else if (r.nodeType === 8)
-        if (r.data === so)
-          a.push({ type: 2, index: n });
-        else {
-          let u = -1;
-          for (; (u = r.data.indexOf(G, u + 1)) !== -1; )
-            a.push({ type: 7, index: n }), u += G.length - 1;
-        }
-      n++;
-    }
-  }
-  static createElement(t, o) {
-    const i = nt.createElement("template");
-    return i.innerHTML = t, i;
-  }
-}
-function ft(e, t, o = e, i) {
-  var s, l;
-  if (t === st)
-    return t;
-  let r = i !== void 0 ? (s = o._$Co) == null ? void 0 : s[i] : o._$Cl;
-  const n = Ot(t) ? void 0 : t._$litDirective$;
-  return (r == null ? void 0 : r.constructor) !== n && ((l = r == null ? void 0 : r._$AO) == null || l.call(r, !1), n === void 0 ? r = void 0 : (r = new n(e), r._$AT(e, o, i)), i !== void 0 ? (o._$Co ?? (o._$Co = []))[i] = r : o._$Cl = r), r !== void 0 && (t = ft(e, r._$AS(e, t.values), r, i)), t;
-}
-class jo {
-  constructor(t, o) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = o;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: o }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? nt).importNode(o, !0);
-    rt.currentNode = r;
-    let n = rt.nextNode(), s = 0, l = 0, a = i[0];
-    for (; a !== void 0; ) {
-      if (s === a.index) {
-        let c;
-        a.type === 2 ? c = new Mt(n, n.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (c = new Xo(n, this, t)), this._$AV.push(c), a = i[++l];
-      }
-      s !== (a == null ? void 0 : a.index) && (n = rt.nextNode(), s++);
-    }
-    return rt.currentNode = nt, r;
-  }
-  p(t) {
-    let o = 0;
-    for (const i of this._$AV)
-      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, o), o += i.strings.length - 2) : i._$AI(t[o])), o++;
-  }
-}
-class Mt {
-  get _$AU() {
-    var t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
-  }
-  constructor(t, o, i, r) {
-    this.type = 2, this._$AH = k, this._$AN = void 0, this._$AA = t, this._$AB = o, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const o = this._$AM;
-    return o !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = o.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, o = this) {
-    t = ft(this, t, o), Ot(t) ? t === k || t == null || t === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : t !== this._$AH && t !== st && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Vo(t) ? this.k(t) : this._(t);
-  }
-  S(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
-  }
-  _(t) {
-    this._$AH !== k && Ot(this._$AH) ? this._$AA.nextSibling.data = t : this.T(nt.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    var n;
-    const { values: o, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Lt.createElement(co(i.h, i.h[0]), this.options)), i);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === r)
-      this._$AH.p(o);
-    else {
-      const s = new jo(r, this), l = s.u(this.options);
-      s.p(o), this.T(l), this._$AH = s;
-    }
-  }
-  _$AC(t) {
-    let o = De.get(t.strings);
-    return o === void 0 && De.set(t.strings, o = new Lt(t)), o;
-  }
-  k(t) {
-    ao(this._$AH) || (this._$AH = [], this._$AR());
-    const o = this._$AH;
-    let i, r = 0;
-    for (const n of t)
-      r === o.length ? o.push(i = new Mt(this.S(zt()), this.S(zt()), this, this.options)) : i = o[r], i._$AI(n), r++;
-    r < o.length && (this._$AR(i && i._$AB.nextSibling, r), o.length = r);
-  }
-  _$AR(t = this._$AA.nextSibling, o) {
-    var i;
-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, o); t && t !== this._$AB; ) {
-      const r = t.nextSibling;
-      t.remove(), t = r;
-    }
-  }
-  setConnected(t) {
-    var o;
-    this._$AM === void 0 && (this._$Cv = t, (o = this._$AP) == null || o.call(this, t));
-  }
-}
-class Gt {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, o, i, r, n) {
-    this.type = 1, this._$AH = k, this._$AN = void 0, this.element = t, this.name = o, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = k;
-  }
-  _$AI(t, o = this, i, r) {
-    const n = this.strings;
-    let s = !1;
-    if (n === void 0)
-      t = ft(this, t, o, 0), s = !Ot(t) || t !== this._$AH && t !== st, s && (this._$AH = t);
-    else {
-      const l = t;
-      let a, c;
-      for (t = n[0], a = 0; a < n.length - 1; a++)
-        c = ft(this, l[i + a], o, a), c === st && (c = this._$AH[a]), s || (s = !Ot(c) || c !== this._$AH[a]), c === k ? t = k : t !== k && (t += (c ?? "") + n[a + 1]), this._$AH[a] = c;
-    }
-    s && !r && this.j(t);
-  }
-  j(t) {
-    t === k ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class Wo extends Gt {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === k ? void 0 : t;
-  }
-}
-class qo extends Gt {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== k);
-  }
-}
-class Yo extends Gt {
-  constructor(t, o, i, r, n) {
-    super(t, o, i, r, n), this.type = 5;
-  }
-  _$AI(t, o = this) {
-    if ((t = ft(this, t, o, 0) ?? k) === st)
-      return;
-    const i = this._$AH, r = t === k && i !== k || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== k && (i === k || r);
-    r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var o;
-    typeof this._$AH == "function" ? this._$AH.call(((o = this.options) == null ? void 0 : o.host) ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class Xo {
-  constructor(t, o, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    ft(this, t);
-  }
-}
-const oe = Pt.litHtmlPolyfillSupport;
-oe == null || oe(Lt, Mt), (Pt.litHtmlVersions ?? (Pt.litHtmlVersions = [])).push("3.1.3");
-const Ko = (e, t, o) => {
-  const i = (o == null ? void 0 : o.renderBefore) ?? t;
-  let r = i._$litPart$;
-  if (r === void 0) {
-    const n = (o == null ? void 0 : o.renderBefore) ?? null;
-    i._$litPart$ = r = new Mt(t.insertBefore(zt(), n), n, void 0, o ?? {});
-  }
-  return r._$AI(e), r;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let ht = class extends ut {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    var o;
-    const t = super.createRenderRoot();
-    return (o = this.renderOptions).renderBefore ?? (o.renderBefore = t.firstChild), t;
-  }
-  update(t) {
-    const o = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ko(o, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
-  }
-  render() {
-    return st;
-  }
-};
-var oo;
-ht._$litElement$ = !0, ht.finalized = !0, (oo = globalThis.litElementHydrateSupport) == null || oo.call(globalThis, { LitElement: ht });
-const ie = globalThis.litElementPolyfillSupport;
-ie == null || ie({ LitElement: ht });
-(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.5");
-var Go = et`
-  :host {
-    --track-width: 2px;
-    --track-color: rgb(128 128 128 / 25%);
-    --indicator-color: var(--sl-color-primary-600);
-    --speed: 2s;
-
-    display: inline-flex;
-    width: 1em;
-    height: 1em;
-    flex: none;
-  }
-
-  .spinner {
-    flex: 1 1 auto;
-    height: 100%;
-    width: 100%;
-  }
-
-  .spinner__track,
-  .spinner__indicator {
-    fill: none;
-    stroke-width: var(--track-width);
-    r: calc(0.5em - var(--track-width) / 2);
-    cx: 0.5em;
-    cy: 0.5em;
-    transform-origin: 50% 50%;
-  }
-
-  .spinner__track {
-    stroke: var(--track-color);
-    transform-origin: 0% 0%;
-  }
-
-  .spinner__indicator {
-    stroke: var(--indicator-color);
-    stroke-linecap: round;
-    stroke-dasharray: 150% 75%;
-    animation: spin var(--speed) linear infinite;
-  }
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-      stroke-dasharray: 0.05em, 3em;
-    }
-
-    50% {
-      transform: rotate(450deg);
-      stroke-dasharray: 1.375em, 1.375em;
-    }
-
-    100% {
-      transform: rotate(1080deg);
-      stroke-dasharray: 0.05em, 3em;
-    }
-  }
-`;
-const ue = /* @__PURE__ */ new Set(), Zo = new MutationObserver(fo), dt = /* @__PURE__ */ new Map();
-let uo = document.documentElement.dir || "ltr", ho = document.documentElement.lang || navigator.language, it;
-Zo.observe(document.documentElement, {
-  attributes: !0,
-  attributeFilter: ["dir", "lang"]
-});
-function po(...e) {
-  e.map((t) => {
-    const o = t.$code.toLowerCase();
-    dt.has(o) ? dt.set(o, Object.assign(Object.assign({}, dt.get(o)), t)) : dt.set(o, t), it || (it = t);
-  }), fo();
-}
-function fo() {
-  uo = document.documentElement.dir || "ltr", ho = document.documentElement.lang || navigator.language, [...ue.keys()].map((e) => {
-    typeof e.requestUpdate == "function" && e.requestUpdate();
-  });
-}
-let Jo = class {
-  constructor(t) {
-    this.host = t, this.host.addController(this);
-  }
-  hostConnected() {
-    ue.add(this.host);
-  }
-  hostDisconnected() {
-    ue.delete(this.host);
-  }
-  dir() {
-    return `${this.host.dir || uo}`.toLowerCase();
-  }
-  lang() {
-    return `${this.host.lang || ho}`.toLowerCase();
-  }
-  getTranslationData(t) {
-    var o, i;
-    const r = new Intl.Locale(t.replace(/_/g, "-")), n = r == null ? void 0 : r.language.toLowerCase(), s = (i = (o = r == null ? void 0 : r.region) === null || o === void 0 ? void 0 : o.toLowerCase()) !== null && i !== void 0 ? i : "", l = dt.get(`${n}-${s}`), a = dt.get(n);
-    return { locale: r, language: n, region: s, primary: l, secondary: a };
-  }
-  exists(t, o) {
-    var i;
-    const { primary: r, secondary: n } = this.getTranslationData((i = o.lang) !== null && i !== void 0 ? i : this.lang());
-    return o = Object.assign({ includeFallback: !1 }, o), !!(r && r[t] || n && n[t] || o.includeFallback && it && it[t]);
-  }
-  term(t, ...o) {
-    const { primary: i, secondary: r } = this.getTranslationData(this.lang());
-    let n;
-    if (i && i[t])
-      n = i[t];
-    else if (r && r[t])
-      n = r[t];
-    else if (it && it[t])
-      n = it[t];
-    else
-      return console.error(`No translation found for: ${String(t)}`), String(t);
-    return typeof n == "function" ? n(...o) : n;
-  }
-  date(t, o) {
-    return t = new Date(t), new Intl.DateTimeFormat(this.lang(), o).format(t);
-  }
-  number(t, o) {
-    return t = Number(t), isNaN(t) ? "" : new Intl.NumberFormat(this.lang(), o).format(t);
-  }
-  relativeTime(t, o, i) {
-    return new Intl.RelativeTimeFormat(this.lang(), i).format(t, o);
-  }
-};
-var go = {
-  $code: "en",
-  $name: "English",
-  $dir: "ltr",
-  carousel: "Carousel",
-  clearEntry: "Clear entry",
-  close: "Close",
-  copied: "Copied",
-  copy: "Copy",
-  currentValue: "Current value",
-  error: "Error",
-  goToSlide: (e, t) => `Go to slide ${e} of ${t}`,
-  hidePassword: "Hide password",
-  loading: "Loading",
-  nextSlide: "Next slide",
-  numOptionsSelected: (e) => e === 0 ? "No options selected" : e === 1 ? "1 option selected" : `${e} options selected`,
-  previousSlide: "Previous slide",
-  progress: "Progress",
-  remove: "Remove",
-  resize: "Resize",
-  scrollToEnd: "Scroll to end",
-  scrollToStart: "Scroll to start",
-  selectAColorFromTheScreen: "Select a color from the screen",
-  showPassword: "Show password",
-  slideNum: (e) => `Slide ${e}`,
-  toggleColorFormat: "Toggle color format"
-};
-po(go);
-var Qo = go, ye = class extends Jo {
-};
-po(Qo);
-var bt = et`
-  :host {
-    box-sizing: border-box;
-  }
-
-  :host *,
-  :host *::before,
-  :host *::after {
-    box-sizing: inherit;
-  }
-
-  [hidden] {
-    display: none !important;
-  }
-`, bo = Object.defineProperty, ti = Object.defineProperties, ei = Object.getOwnPropertyDescriptor, oi = Object.getOwnPropertyDescriptors, Ne = Object.getOwnPropertySymbols, ii = Object.prototype.hasOwnProperty, ri = Object.prototype.propertyIsEnumerable, Fe = (e, t, o) => t in e ? bo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, lt = (e, t) => {
-  for (var o in t || (t = {}))
-    ii.call(t, o) && Fe(e, o, t[o]);
-  if (Ne)
-    for (var o of Ne(t))
-      ri.call(t, o) && Fe(e, o, t[o]);
-  return e;
-}, Zt = (e, t) => ti(e, oi(t)), h = (e, t, o, i) => {
-  for (var r = i > 1 ? void 0 : i ? ei(t, o) : t, n = e.length - 1, s; n >= 0; n--)
-    (s = e[n]) && (r = (i ? s(t, o, r) : s(r)) || r);
-  return i && r && bo(t, o, r), r;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ni = { attribute: !0, type: String, converter: jt, reflect: !1, hasChanged: ve }, si = (e = ni, t, o) => {
-  const { kind: i, metadata: r } = o;
-  let n = globalThis.litPropertyMetadata.get(r);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), n.set(o.name, e), i === "accessor") {
-    const { name: s } = o;
-    return { set(l) {
-      const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(s, a, e);
-    }, init(l) {
-      return l !== void 0 && this.P(s, void 0, e), l;
-    } };
-  }
-  if (i === "setter") {
-    const { name: s } = o;
-    return function(l) {
-      const a = this[s];
-      t.call(this, l), this.requestUpdate(s, a, e);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
-};
-function f(e) {
-  return (t, o) => typeof o == "object" ? si(e, t, o) : ((i, r, n) => {
-    const s = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, s ? { ...i, wrapped: !0 } : i), s ? Object.getOwnPropertyDescriptor(r, n) : void 0;
-  })(e, t, o);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function Jt(e) {
-  return f({ ...e, state: !0, attribute: !1 });
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ai = (e, t, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, o), o);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function ct(e, t) {
-  return (o, i, r) => {
-    const n = (s) => {
-      var l;
-      return ((l = s.renderRoot) == null ? void 0 : l.querySelector(e)) ?? null;
-    };
-    return ai(o, i, { get() {
-      return n(this);
-    } });
-  };
-}
-var H = class extends ht {
-  constructor() {
-    super(), Object.entries(this.constructor.dependencies).forEach(([e, t]) => {
-      this.constructor.define(e, t);
-    });
-  }
-  emit(e, t) {
-    const o = new CustomEvent(e, lt({
-      bubbles: !0,
-      cancelable: !1,
-      composed: !0,
-      detail: {}
-    }, t));
-    return this.dispatchEvent(o), o;
-  }
-  /* eslint-enable */
-  static define(e, t = this, o = {}) {
-    const i = customElements.get(e);
-    if (!i) {
-      customElements.define(e, class extends t {
-      }, o);
-      return;
-    }
-    let r = " (unknown version)", n = r;
-    "version" in t && t.version && (r = " v" + t.version), "version" in i && i.version && (n = " v" + i.version), !(r && n && r === n) && console.warn(
-      `Attempted to register <${e}>${r}, but <${e}>${n} has already been registered.`
-    );
-  }
-};
-H.version = "2.15.1";
-H.dependencies = {};
-h([
-  f()
-], H.prototype, "dir", 2);
-h([
-  f()
-], H.prototype, "lang", 2);
-var mo = class extends H {
-  constructor() {
-    super(...arguments), this.localize = new ye(this);
-  }
-  render() {
-    return N`
-      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
-        <circle class="spinner__track"></circle>
-        <circle class="spinner__indicator"></circle>
-      </svg>
-    `;
-  }
-};
-mo.styles = [bt, Go];
-var $t = /* @__PURE__ */ new WeakMap(), At = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakSet(), Nt = /* @__PURE__ */ new WeakMap(), li = class {
-  constructor(e, t) {
-    this.handleFormData = (o) => {
-      const i = this.options.disabled(this.host), r = this.options.name(this.host), n = this.options.value(this.host), s = this.host.tagName.toLowerCase() === "sl-button";
-      this.host.isConnected && !i && !s && typeof r == "string" && r.length > 0 && typeof n < "u" && (Array.isArray(n) ? n.forEach((l) => {
-        o.formData.append(r, l.toString());
-      }) : o.formData.append(r, n.toString()));
-    }, this.handleFormSubmit = (o) => {
-      var i;
-      const r = this.options.disabled(this.host), n = this.options.reportValidity;
-      this.form && !this.form.noValidate && ((i = $t.get(this.form)) == null || i.forEach((s) => {
-        this.setUserInteracted(s, !0);
-      })), this.form && !this.form.noValidate && !r && !n(this.host) && (o.preventDefault(), o.stopImmediatePropagation());
-    }, this.handleFormReset = () => {
-      this.options.setValue(this.host, this.options.defaultValue(this.host)), this.setUserInteracted(this.host, !1), Nt.set(this.host, []);
-    }, this.handleInteraction = (o) => {
-      const i = Nt.get(this.host);
-      i.includes(o.type) || i.push(o.type), i.length === this.options.assumeInteractionOn.length && this.setUserInteracted(this.host, !0);
-    }, this.checkFormValidity = () => {
-      if (this.form && !this.form.noValidate) {
-        const o = this.form.querySelectorAll("*");
-        for (const i of o)
-          if (typeof i.checkValidity == "function" && !i.checkValidity())
-            return !1;
-      }
-      return !0;
-    }, this.reportFormValidity = () => {
-      if (this.form && !this.form.noValidate) {
-        const o = this.form.querySelectorAll("*");
-        for (const i of o)
-          if (typeof i.reportValidity == "function" && !i.reportValidity())
-            return !1;
-      }
-      return !0;
-    }, (this.host = e).addController(this), this.options = lt({
-      form: (o) => {
-        const i = o.form;
-        if (i) {
-          const n = o.getRootNode().querySelector(`#${i}`);
-          if (n)
-            return n;
-        }
-        return o.closest("form");
-      },
-      name: (o) => o.name,
-      value: (o) => o.value,
-      defaultValue: (o) => o.defaultValue,
-      disabled: (o) => {
-        var i;
-        return (i = o.disabled) != null ? i : !1;
-      },
-      reportValidity: (o) => typeof o.reportValidity == "function" ? o.reportValidity() : !0,
-      checkValidity: (o) => typeof o.checkValidity == "function" ? o.checkValidity() : !0,
-      setValue: (o, i) => o.value = i,
-      assumeInteractionOn: ["sl-input"]
-    }, t);
-  }
-  hostConnected() {
-    const e = this.options.form(this.host);
-    e && this.attachForm(e), Nt.set(this.host, []), this.options.assumeInteractionOn.forEach((t) => {
-      this.host.addEventListener(t, this.handleInteraction);
-    });
-  }
-  hostDisconnected() {
-    this.detachForm(), Nt.delete(this.host), this.options.assumeInteractionOn.forEach((e) => {
-      this.host.removeEventListener(e, this.handleInteraction);
-    });
-  }
-  hostUpdated() {
-    const e = this.options.form(this.host);
-    e || this.detachForm(), e && this.form !== e && (this.detachForm(), this.attachForm(e)), this.host.hasUpdated && this.setValidity(this.host.validity.valid);
-  }
-  attachForm(e) {
-    e ? (this.form = e, $t.has(this.form) ? $t.get(this.form).add(this.host) : $t.set(this.form, /* @__PURE__ */ new Set([this.host])), this.form.addEventListener("formdata", this.handleFormData), this.form.addEventListener("submit", this.handleFormSubmit), this.form.addEventListener("reset", this.handleFormReset), At.has(this.form) || (At.set(this.form, this.form.reportValidity), this.form.reportValidity = () => this.reportFormValidity()), Ct.has(this.form) || (Ct.set(this.form, this.form.checkValidity), this.form.checkValidity = () => this.checkFormValidity())) : this.form = void 0;
-  }
-  detachForm() {
-    if (!this.form)
-      return;
-    const e = $t.get(this.form);
-    e && (e.delete(this.host), e.size <= 0 && (this.form.removeEventListener("formdata", this.handleFormData), this.form.removeEventListener("submit", this.handleFormSubmit), this.form.removeEventListener("reset", this.handleFormReset), At.has(this.form) && (this.form.reportValidity = At.get(this.form), At.delete(this.form)), Ct.has(this.form) && (this.form.checkValidity = Ct.get(this.form), Ct.delete(this.form)), this.form = void 0));
-  }
-  setUserInteracted(e, t) {
-    t ? re.add(e) : re.delete(e), e.requestUpdate();
-  }
-  doAction(e, t) {
-    if (this.form) {
-      const o = document.createElement("button");
-      o.type = e, o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.clipPath = "inset(50%)", o.style.overflow = "hidden", o.style.whiteSpace = "nowrap", t && (o.name = t.name, o.value = t.value, ["formaction", "formenctype", "formmethod", "formnovalidate", "formtarget"].forEach((i) => {
-        t.hasAttribute(i) && o.setAttribute(i, t.getAttribute(i));
-      })), this.form.append(o), o.click(), o.remove();
-    }
-  }
-  /** Returns the associated `<form>` element, if one exists. */
-  getForm() {
-    var e;
-    return (e = this.form) != null ? e : null;
-  }
-  /** Resets the form, restoring all the control to their default value */
-  reset(e) {
-    this.doAction("reset", e);
-  }
-  /** Submits the form, triggering validation and form data injection. */
-  submit(e) {
-    this.doAction("submit", e);
-  }
-  /**
-   * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-   * the host element immediately, i.e. before Lit updates the component in the next update.
-   */
-  setValidity(e) {
-    const t = this.host, o = !!re.has(t), i = !!t.required;
-    t.toggleAttribute("data-required", i), t.toggleAttribute("data-optional", !i), t.toggleAttribute("data-invalid", !e), t.toggleAttribute("data-valid", e), t.toggleAttribute("data-user-invalid", !e && o), t.toggleAttribute("data-user-valid", e && o);
-  }
-  /**
-   * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-   * that affects constraint validation changes so the component receives the correct validity states.
-   */
-  updateValidity() {
-    const e = this.host;
-    this.setValidity(e.validity.valid);
-  }
-  /**
-   * Dispatches a non-bubbling, cancelable custom event of type `sl-invalid`.
-   * If the `sl-invalid` event will be cancelled then the original `invalid`
-   * event (which may have been passed as argument) will also be cancelled.
-   * If no original `invalid` event has been passed then the `sl-invalid`
-   * event will be cancelled before being dispatched.
-   */
-  emitInvalidEvent(e) {
-    const t = new CustomEvent("sl-invalid", {
-      bubbles: !1,
-      composed: !1,
-      cancelable: !0,
-      detail: {}
-    });
-    e || t.preventDefault(), this.host.dispatchEvent(t) || e == null || e.preventDefault();
-  }
-}, we = Object.freeze({
-  badInput: !1,
-  customError: !1,
-  patternMismatch: !1,
-  rangeOverflow: !1,
-  rangeUnderflow: !1,
-  stepMismatch: !1,
-  tooLong: !1,
-  tooShort: !1,
-  typeMismatch: !1,
-  valid: !0,
-  valueMissing: !1
-});
-Object.freeze(Zt(lt({}, we), {
-  valid: !1,
-  valueMissing: !0
-}));
-Object.freeze(Zt(lt({}, we), {
-  valid: !1,
-  customError: !0
-}));
-var ci = et`
-  :host {
-    display: inline-block;
-    position: relative;
-    width: auto;
-    cursor: pointer;
-  }
-
-  .button {
-    display: inline-flex;
-    align-items: stretch;
-    justify-content: center;
-    width: 100%;
-    border-style: solid;
-    border-width: var(--sl-input-border-width);
-    font-family: var(--sl-input-font-family);
-    font-weight: var(--sl-font-weight-semibold);
-    text-decoration: none;
-    user-select: none;
-    -webkit-user-select: none;
-    white-space: nowrap;
-    vertical-align: middle;
-    padding: 0;
-    transition:
-      var(--sl-transition-x-fast) background-color,
-      var(--sl-transition-x-fast) color,
-      var(--sl-transition-x-fast) border,
-      var(--sl-transition-x-fast) box-shadow;
-    cursor: inherit;
-  }
-
-  .button::-moz-focus-inner {
-    border: 0;
-  }
-
-  .button:focus {
-    outline: none;
-  }
-
-  .button:focus-visible {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  .button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  /* When disabled, prevent mouse events from bubbling up from children */
-  .button--disabled * {
-    pointer-events: none;
-  }
-
-  .button__prefix,
-  .button__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    pointer-events: none;
-  }
-
-  .button__label {
-    display: inline-block;
-  }
-
-  .button__label::slotted(sl-icon) {
-    vertical-align: -2px;
-  }
-
-  /*
-   * Standard buttons
-   */
-
-  /* Default */
-  .button--standard.button--default {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-neutral-300);
-    color: var(--sl-color-neutral-700);
-  }
-
-  .button--standard.button--default:hover:not(.button--disabled) {
-    background-color: var(--sl-color-primary-50);
-    border-color: var(--sl-color-primary-300);
-    color: var(--sl-color-primary-700);
-  }
-
-  .button--standard.button--default:active:not(.button--disabled) {
-    background-color: var(--sl-color-primary-100);
-    border-color: var(--sl-color-primary-400);
-    color: var(--sl-color-primary-700);
-  }
-
-  /* Primary */
-  .button--standard.button--primary {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--primary:hover:not(.button--disabled) {
-    background-color: var(--sl-color-primary-500);
-    border-color: var(--sl-color-primary-500);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--primary:active:not(.button--disabled) {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Success */
-  .button--standard.button--success {
-    background-color: var(--sl-color-success-600);
-    border-color: var(--sl-color-success-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--success:hover:not(.button--disabled) {
-    background-color: var(--sl-color-success-500);
-    border-color: var(--sl-color-success-500);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--success:active:not(.button--disabled) {
-    background-color: var(--sl-color-success-600);
-    border-color: var(--sl-color-success-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Neutral */
-  .button--standard.button--neutral {
-    background-color: var(--sl-color-neutral-600);
-    border-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--neutral:hover:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-500);
-    border-color: var(--sl-color-neutral-500);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--neutral:active:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-600);
-    border-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Warning */
-  .button--standard.button--warning {
-    background-color: var(--sl-color-warning-600);
-    border-color: var(--sl-color-warning-600);
-    color: var(--sl-color-neutral-0);
-  }
-  .button--standard.button--warning:hover:not(.button--disabled) {
-    background-color: var(--sl-color-warning-500);
-    border-color: var(--sl-color-warning-500);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--warning:active:not(.button--disabled) {
-    background-color: var(--sl-color-warning-600);
-    border-color: var(--sl-color-warning-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Danger */
-  .button--standard.button--danger {
-    background-color: var(--sl-color-danger-600);
-    border-color: var(--sl-color-danger-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--danger:hover:not(.button--disabled) {
-    background-color: var(--sl-color-danger-500);
-    border-color: var(--sl-color-danger-500);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--danger:active:not(.button--disabled) {
-    background-color: var(--sl-color-danger-600);
-    border-color: var(--sl-color-danger-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /*
-   * Outline buttons
-   */
-
-  .button--outline {
-    background: none;
-    border: solid 1px;
-  }
-
-  /* Default */
-  .button--outline.button--default {
-    border-color: var(--sl-color-neutral-300);
-    color: var(--sl-color-neutral-700);
-  }
-
-  .button--outline.button--default:hover:not(.button--disabled),
-  .button--outline.button--default.button--checked:not(.button--disabled) {
-    border-color: var(--sl-color-primary-600);
-    background-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--outline.button--default:active:not(.button--disabled) {
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Primary */
-  .button--outline.button--primary {
-    border-color: var(--sl-color-primary-600);
-    color: var(--sl-color-primary-600);
-  }
-
-  .button--outline.button--primary:hover:not(.button--disabled),
-  .button--outline.button--primary.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--outline.button--primary:active:not(.button--disabled) {
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Success */
-  .button--outline.button--success {
-    border-color: var(--sl-color-success-600);
-    color: var(--sl-color-success-600);
-  }
-
-  .button--outline.button--success:hover:not(.button--disabled),
-  .button--outline.button--success.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-success-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--outline.button--success:active:not(.button--disabled) {
-    border-color: var(--sl-color-success-700);
-    background-color: var(--sl-color-success-700);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Neutral */
-  .button--outline.button--neutral {
-    border-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-600);
-  }
-
-  .button--outline.button--neutral:hover:not(.button--disabled),
-  .button--outline.button--neutral.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--outline.button--neutral:active:not(.button--disabled) {
-    border-color: var(--sl-color-neutral-700);
-    background-color: var(--sl-color-neutral-700);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Warning */
-  .button--outline.button--warning {
-    border-color: var(--sl-color-warning-600);
-    color: var(--sl-color-warning-600);
-  }
-
-  .button--outline.button--warning:hover:not(.button--disabled),
-  .button--outline.button--warning.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-warning-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--outline.button--warning:active:not(.button--disabled) {
-    border-color: var(--sl-color-warning-700);
-    background-color: var(--sl-color-warning-700);
-    color: var(--sl-color-neutral-0);
-  }
-
-  /* Danger */
-  .button--outline.button--danger {
-    border-color: var(--sl-color-danger-600);
-    color: var(--sl-color-danger-600);
-  }
-
-  .button--outline.button--danger:hover:not(.button--disabled),
-  .button--outline.button--danger.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-danger-600);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--outline.button--danger:active:not(.button--disabled) {
-    border-color: var(--sl-color-danger-700);
-    background-color: var(--sl-color-danger-700);
-    color: var(--sl-color-neutral-0);
-  }
-
-  @media (forced-colors: active) {
-    .button.button--outline.button--checked:not(.button--disabled) {
-      outline: solid 2px transparent;
-    }
-  }
-
-  /*
-   * Text buttons
-   */
-
-  .button--text {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-600);
-  }
-
-  .button--text:hover:not(.button--disabled) {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-500);
-  }
-
-  .button--text:focus-visible:not(.button--disabled) {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-500);
-  }
-
-  .button--text:active:not(.button--disabled) {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-700);
-  }
-
-  /*
-   * Size modifiers
-   */
-
-  .button--small {
-    height: auto;
-    min-height: var(--sl-input-height-small);
-    font-size: var(--sl-button-font-size-small);
-    line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-small);
-  }
-
-  .button--medium {
-    height: auto;
-    min-height: var(--sl-input-height-medium);
-    font-size: var(--sl-button-font-size-medium);
-    line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-medium);
-  }
-
-  .button--large {
-    height: auto;
-    min-height: var(--sl-input-height-large);
-    font-size: var(--sl-button-font-size-large);
-    line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-large);
-  }
-
-  /*
-   * Pill modifier
-   */
-
-  .button--pill.button--small {
-    border-radius: var(--sl-input-height-small);
-  }
-
-  .button--pill.button--medium {
-    border-radius: var(--sl-input-height-medium);
-  }
-
-  .button--pill.button--large {
-    border-radius: var(--sl-input-height-large);
-  }
-
-  /*
-   * Circle modifier
-   */
-
-  .button--circle {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .button--circle.button--small {
-    width: var(--sl-input-height-small);
-    border-radius: 50%;
-  }
-
-  .button--circle.button--medium {
-    width: var(--sl-input-height-medium);
-    border-radius: 50%;
-  }
-
-  .button--circle.button--large {
-    width: var(--sl-input-height-large);
-    border-radius: 50%;
-  }
-
-  .button--circle .button__prefix,
-  .button--circle .button__suffix,
-  .button--circle .button__caret {
-    display: none;
-  }
-
-  /*
-   * Caret modifier
-   */
-
-  .button--caret .button__suffix {
-    display: none;
-  }
-
-  .button--caret .button__caret {
-    height: auto;
-  }
-
-  /*
-   * Loading modifier
-   */
-
-  .button--loading {
-    position: relative;
-    cursor: wait;
-  }
-
-  .button--loading .button__prefix,
-  .button--loading .button__label,
-  .button--loading .button__suffix,
-  .button--loading .button__caret {
-    visibility: hidden;
-  }
-
-  .button--loading sl-spinner {
-    --indicator-color: currentColor;
-    position: absolute;
-    font-size: 1em;
-    height: 1em;
-    width: 1em;
-    top: calc(50% - 0.5em);
-    left: calc(50% - 0.5em);
-  }
-
-  /*
-   * Badges
-   */
-
-  .button ::slotted(sl-badge) {
-    position: absolute;
-    top: 0;
-    right: 0;
-    translate: 50% -50%;
-    pointer-events: none;
-  }
-
-  .button--rtl ::slotted(sl-badge) {
-    right: auto;
-    left: 0;
-    translate: -50% -50%;
-  }
-
-  /*
-   * Button spacing
-   */
-
-  .button--has-label.button--small .button__label {
-    padding: 0 var(--sl-spacing-small);
-  }
-
-  .button--has-label.button--medium .button__label {
-    padding: 0 var(--sl-spacing-medium);
-  }
-
-  .button--has-label.button--large .button__label {
-    padding: 0 var(--sl-spacing-large);
-  }
-
-  .button--has-prefix.button--small {
-    padding-inline-start: var(--sl-spacing-x-small);
-  }
-
-  .button--has-prefix.button--small .button__label {
-    padding-inline-start: var(--sl-spacing-x-small);
-  }
-
-  .button--has-prefix.button--medium {
-    padding-inline-start: var(--sl-spacing-small);
-  }
-
-  .button--has-prefix.button--medium .button__label {
-    padding-inline-start: var(--sl-spacing-small);
-  }
-
-  .button--has-prefix.button--large {
-    padding-inline-start: var(--sl-spacing-small);
-  }
-
-  .button--has-prefix.button--large .button__label {
-    padding-inline-start: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--small,
-  .button--caret.button--small {
-    padding-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .button--has-suffix.button--small .button__label,
-  .button--caret.button--small .button__label {
-    padding-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .button--has-suffix.button--medium,
-  .button--caret.button--medium {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--medium .button__label,
-  .button--caret.button--medium .button__label {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--large,
-  .button--caret.button--large {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--large .button__label,
-  .button--caret.button--large .button__label {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  /*
-   * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
-   * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
-   * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
-   * buttons and we style them here instead.
-   */
-
-  :host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-
-  :host([data-sl-button-group__button--inner]) .button {
-    border-radius: 0;
-  }
-
-  :host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button {
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-  }
-
-  /* All except the first */
-  :host([data-sl-button-group__button]:not([data-sl-button-group__button--first])) {
-    margin-inline-start: calc(-1 * var(--sl-input-border-width));
-  }
-
-  /* Add a visual separator between solid buttons */
-  :host(
-      [data-sl-button-group__button]:not(
-          [data-sl-button-group__button--first],
-          [data-sl-button-group__button--radio],
-          [variant='default']
-        ):not(:hover)
-    )
-    .button:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    inset-inline-start: 0;
-    bottom: 0;
-    border-left: solid 1px rgb(128 128 128 / 33%);
-    mix-blend-mode: multiply;
-  }
-
-  /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
-  :host([data-sl-button-group__button--hover]) {
-    z-index: 1;
-  }
-
-  /* Focus and checked are always on top */
-  :host([data-sl-button-group__button--focus]),
-  :host([data-sl-button-group__button][checked]) {
-    z-index: 2;
-  }
-`, ui = et`
-  :host {
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    box-sizing: content-box !important;
-  }
-
-  svg {
-    display: block;
-    height: 100%;
-    width: 100%;
-  }
-`, de = "";
-function he(e) {
-  de = e;
-}
-function di(e = "") {
-  if (!de) {
-    const t = [...document.getElementsByTagName("script")], o = t.find((i) => i.hasAttribute("data-shoelace"));
-    if (o)
-      he(o.getAttribute("data-shoelace"));
-    else {
-      const i = t.find((n) => /shoelace(\.min)?\.js($|\?)/.test(n.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(n.src));
-      let r = "";
-      i && (r = i.getAttribute("src")), he(r.split("/").slice(0, -1).join("/"));
-    }
-  }
-  return de.replace(/\/$/, "") + (e ? `/${e.replace(/^\//, "")}` : "");
-}
-var hi = {
-  name: "default",
-  resolver: (e) => di(`assets/icons/${e}.svg`)
-}, pi = hi, Ve = {
-  caret: `
-    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="6 9 12 15 18 9"></polyline>
-    </svg>
-  `,
-  check: `
-    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g stroke="currentColor">
-          <g transform="translate(3.428571, 3.428571)">
-            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
-            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
-          </g>
-        </g>
-      </g>
-    </svg>
-  `,
-  "chevron-down": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
-    </svg>
-  `,
-  "chevron-left": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
-    </svg>
-  `,
-  "chevron-right": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
-    </svg>
-  `,
-  copy: `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>
-    </svg>
-  `,
-  eye: `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
-      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
-      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
-    </svg>
-  `,
-  "eye-slash": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
-      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
-      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
-      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
-    </svg>
-  `,
-  eyedropper: `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
-      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>
-    </svg>
-  `,
-  "grip-vertical": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
-      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
-    </svg>
-  `,
-  indeterminate: `
-    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g stroke="currentColor" stroke-width="2">
-          <g transform="translate(2.285714, 6.857143)">
-            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>
-          </g>
-        </g>
-      </g>
-    </svg>
-  `,
-  "person-fill": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
-      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
-    </svg>
-  `,
-  "play-fill": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
-      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
-    </svg>
-  `,
-  "pause-fill": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
-      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>
-    </svg>
-  `,
-  radio: `
-    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g fill="currentColor">
-          <circle cx="8" cy="8" r="3.42857143"></circle>
-        </g>
-      </g>
-    </svg>
-  `,
-  "star-fill": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
-      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
-    </svg>
-  `,
-  "x-lg": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
-      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
-    </svg>
-  `,
-  "x-circle-fill": `
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
-      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
-    </svg>
-  `
-}, fi = {
-  name: "system",
-  resolver: (e) => e in Ve ? `data:image/svg+xml,${encodeURIComponent(Ve[e])}` : ""
-}, gi = fi, bi = [pi, gi], pe = [];
-function mi(e) {
-  pe.push(e);
-}
-function vi(e) {
-  pe = pe.filter((t) => t !== e);
-}
-function He(e) {
-  return bi.find((t) => t.name === e);
-}
-function mt(e, t) {
-  const o = lt({
-    waitUntilFirstUpdate: !1
-  }, t);
-  return (i, r) => {
-    const { update: n } = i, s = Array.isArray(e) ? e : [e];
-    i.update = function(l) {
-      s.forEach((a) => {
-        const c = a;
-        if (l.has(c)) {
-          const d = l.get(c), u = this[c];
-          d !== u && (!o.waitUntilFirstUpdate || this.hasUpdated) && this[r](d, u);
-        }
-      }), n.call(this, l);
-    };
-  };
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const yi = (e, t) => (e == null ? void 0 : e._$litType$) !== void 0;
-var kt = Symbol(), Ft = Symbol(), ne, se = /* @__PURE__ */ new Map(), I = class extends H {
-  constructor() {
-    super(...arguments), this.initialRender = !1, this.svg = null, this.label = "", this.library = "default";
-  }
-  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
-  async resolveIcon(e, t) {
-    var o;
-    let i;
-    if (t != null && t.spriteSheet) {
-      this.svg = N`<svg part="svg">
-        <use part="use" href="${e}"></use>
-      </svg>`, await this.updateComplete;
-      const r = this.shadowRoot.querySelector("[part='svg']");
-      return typeof t.mutator == "function" && t.mutator(r), this.svg;
-    }
-    try {
-      if (i = await fetch(e, { mode: "cors" }), !i.ok)
-        return i.status === 410 ? kt : Ft;
-    } catch {
-      return Ft;
-    }
-    try {
-      const r = document.createElement("div");
-      r.innerHTML = await i.text();
-      const n = r.firstElementChild;
-      if (((o = n == null ? void 0 : n.tagName) == null ? void 0 : o.toLowerCase()) !== "svg")
-        return kt;
-      ne || (ne = new DOMParser());
-      const l = ne.parseFromString(n.outerHTML, "text/html").body.querySelector("svg");
-      return l ? (l.part.add("svg"), document.adoptNode(l)) : kt;
-    } catch {
-      return kt;
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback(), mi(this);
-  }
-  firstUpdated() {
-    this.initialRender = !0, this.setIcon();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), vi(this);
-  }
-  getIconSource() {
-    const e = He(this.library);
-    return this.name && e ? {
-      url: e.resolver(this.name),
-      fromLibrary: !0
-    } : {
-      url: this.src,
-      fromLibrary: !1
-    };
-  }
-  handleLabelChange() {
-    typeof this.label == "string" && this.label.length > 0 ? (this.setAttribute("role", "img"), this.setAttribute("aria-label", this.label), this.removeAttribute("aria-hidden")) : (this.removeAttribute("role"), this.removeAttribute("aria-label"), this.setAttribute("aria-hidden", "true"));
-  }
-  async setIcon() {
-    var e;
-    const { url: t, fromLibrary: o } = this.getIconSource(), i = o ? He(this.library) : void 0;
-    if (!t) {
-      this.svg = null;
-      return;
-    }
-    let r = se.get(t);
-    if (r || (r = this.resolveIcon(t, i), se.set(t, r)), !this.initialRender)
-      return;
-    const n = await r;
-    if (n === Ft && se.delete(t), t === this.getIconSource().url) {
-      if (yi(n)) {
-        this.svg = n;
-        return;
-      }
-      switch (n) {
-        case Ft:
-        case kt:
-          this.svg = null, this.emit("sl-error");
-          break;
-        default:
-          this.svg = n.cloneNode(!0), (e = i == null ? void 0 : i.mutator) == null || e.call(i, this.svg), this.emit("sl-load");
-      }
-    }
-  }
-  render() {
-    return this.svg;
-  }
-};
-I.styles = [bt, ui];
-h([
-  Jt()
-], I.prototype, "svg", 2);
-h([
-  f({ reflect: !0 })
-], I.prototype, "name", 2);
-h([
-  f()
-], I.prototype, "src", 2);
-h([
-  f()
-], I.prototype, "label", 2);
-h([
-  f({ reflect: !0 })
-], I.prototype, "library", 2);
-h([
-  mt("label")
-], I.prototype, "handleLabelChange", 1);
-h([
-  mt(["name", "src", "library"])
-], I.prototype, "setIcon", 1);
-var wi = class {
-  constructor(e, ...t) {
-    this.slotNames = [], this.handleSlotChange = (o) => {
-      const i = o.target;
-      (this.slotNames.includes("[default]") && !i.name || i.name && this.slotNames.includes(i.name)) && this.host.requestUpdate();
-    }, (this.host = e).addController(this), this.slotNames = t;
-  }
-  hasDefaultSlot() {
-    return [...this.host.childNodes].some((e) => {
-      if (e.nodeType === e.TEXT_NODE && e.textContent.trim() !== "")
-        return !0;
-      if (e.nodeType === e.ELEMENT_NODE) {
-        const t = e;
-        if (t.tagName.toLowerCase() === "sl-visually-hidden")
-          return !1;
-        if (!t.hasAttribute("slot"))
-          return !0;
-      }
-      return !1;
-    });
-  }
-  hasNamedSlot(e) {
-    return this.host.querySelector(`:scope > [slot="${e}"]`) !== null;
-  }
-  test(e) {
-    return e === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(e);
-  }
-  hostConnected() {
-    this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
-  }
-  hostDisconnected() {
-    this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
-  }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const xi = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, _i = (e) => (...t) => ({ _$litDirective$: e, values: t });
-class $i {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, o, i) {
-    this._$Ct = t, this._$AM = o, this._$Ci = i;
-  }
-  _$AS(t, o) {
-    return this.update(t, o);
-  }
-  update(t, o) {
-    return this.render(...o);
-  }
-}
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const qt = _i(class extends $i {
-  constructor(e) {
-    var t;
-    if (super(e), e.type !== xi.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2)
-      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(e) {
-    return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
-  }
-  update(e, [t]) {
-    var i, r;
-    if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((n) => n !== "")));
-      for (const n in t)
-        t[n] && !((i = this.nt) != null && i.has(n)) && this.st.add(n);
-      return this.render(t);
-    }
-    const o = e.element.classList;
-    for (const n of this.st)
-      n in t || (o.remove(n), this.st.delete(n));
-    for (const n in t) {
-      const s = !!t[n];
-      s === this.st.has(n) || (r = this.nt) != null && r.has(n) || (s ? (o.add(n), this.st.add(n)) : (o.remove(n), this.st.delete(n)));
-    }
-    return st;
-  }
-});
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const vo = Symbol.for(""), Ai = (e) => {
-  if ((e == null ? void 0 : e.r) === vo)
-    return e == null ? void 0 : e._$litStatic$;
-}, Ie = (e, ...t) => ({ _$litStatic$: t.reduce((o, i, r) => o + ((n) => {
-  if (n._$litStatic$ !== void 0)
-    return n._$litStatic$;
-  throw Error(`Value passed to 'literal' function must be a 'literal' result: ${n}. Use 'unsafeStatic' to pass non-literal values, but
-            take care to ensure page security.`);
-})(i) + e[r + 1], e[0]), r: vo }), je = /* @__PURE__ */ new Map(), Ci = (e) => (t, ...o) => {
-  const i = o.length;
-  let r, n;
-  const s = [], l = [];
-  let a, c = 0, d = !1;
-  for (; c < i; ) {
-    for (a = t[c]; c < i && (n = o[c], (r = Ai(n)) !== void 0); )
-      a += r + t[++c], d = !0;
-    c !== i && l.push(n), s.push(a), c++;
-  }
-  if (c === i && s.push(t[i]), d) {
-    const u = s.join("$$lit$$");
-    (t = je.get(u)) === void 0 && (s.raw = s, je.set(u, t = s)), o = l;
-  }
-  return e(t, ...o);
-}, ae = Ci(N);
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const W = (e) => e ?? k;
-var x = class extends H {
-  constructor() {
-    super(...arguments), this.formControlController = new li(this, {
-      assumeInteractionOn: ["click"]
-    }), this.hasSlotController = new wi(this, "[default]", "prefix", "suffix"), this.localize = new ye(this), this.hasFocus = !1, this.invalid = !1, this.title = "", this.variant = "default", this.size = "medium", this.caret = !1, this.disabled = !1, this.loading = !1, this.outline = !1, this.pill = !1, this.circle = !1, this.type = "button", this.name = "", this.value = "", this.href = "", this.rel = "noreferrer noopener";
-  }
-  /** Gets the validity state object */
-  get validity() {
-    return this.isButton() ? this.button.validity : we;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.isButton() ? this.button.validationMessage : "";
-  }
-  firstUpdated() {
-    this.isButton() && this.formControlController.updateValidity();
-  }
-  handleBlur() {
-    this.hasFocus = !1, this.emit("sl-blur");
-  }
-  handleFocus() {
-    this.hasFocus = !0, this.emit("sl-focus");
-  }
-  handleClick() {
-    this.type === "submit" && this.formControlController.submit(this), this.type === "reset" && this.formControlController.reset(this);
-  }
-  handleInvalid(e) {
-    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
-  }
-  isButton() {
-    return !this.href;
-  }
-  isLink() {
-    return !!this.href;
-  }
-  handleDisabledChange() {
-    this.isButton() && this.formControlController.setValidity(this.disabled);
-  }
-  /** Simulates a click on the button. */
-  click() {
-    this.button.click();
-  }
-  /** Sets focus on the button. */
-  focus(e) {
-    this.button.focus(e);
-  }
-  /** Removes focus from the button. */
-  blur() {
-    this.button.blur();
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.isButton() ? this.button.checkValidity() : !0;
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity() {
-    return this.isButton() ? this.button.reportValidity() : !0;
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(e) {
-    this.isButton() && (this.button.setCustomValidity(e), this.formControlController.updateValidity());
-  }
-  render() {
-    const e = this.isLink(), t = e ? Ie`a` : Ie`button`;
-    return ae`
-      <${t}
-        part="base"
-        class=${qt({
-      button: !0,
-      "button--default": this.variant === "default",
-      "button--primary": this.variant === "primary",
-      "button--success": this.variant === "success",
-      "button--neutral": this.variant === "neutral",
-      "button--warning": this.variant === "warning",
-      "button--danger": this.variant === "danger",
-      "button--text": this.variant === "text",
-      "button--small": this.size === "small",
-      "button--medium": this.size === "medium",
-      "button--large": this.size === "large",
-      "button--caret": this.caret,
-      "button--circle": this.circle,
-      "button--disabled": this.disabled,
-      "button--focused": this.hasFocus,
-      "button--loading": this.loading,
-      "button--standard": !this.outline,
-      "button--outline": this.outline,
-      "button--pill": this.pill,
-      "button--rtl": this.localize.dir() === "rtl",
-      "button--has-label": this.hasSlotController.test("[default]"),
-      "button--has-prefix": this.hasSlotController.test("prefix"),
-      "button--has-suffix": this.hasSlotController.test("suffix")
-    })}
-        ?disabled=${W(e ? void 0 : this.disabled)}
-        type=${W(e ? void 0 : this.type)}
-        title=${this.title}
-        name=${W(e ? void 0 : this.name)}
-        value=${W(e ? void 0 : this.value)}
-        href=${W(e ? this.href : void 0)}
-        target=${W(e ? this.target : void 0)}
-        download=${W(e ? this.download : void 0)}
-        rel=${W(e ? this.rel : void 0)}
-        role=${W(e ? void 0 : "button")}
-        aria-disabled=${this.disabled ? "true" : "false"}
-        tabindex=${this.disabled ? "-1" : "0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @invalid=${this.isButton() ? this.handleInvalid : null}
-        @click=${this.handleClick}
-      >
-        <slot name="prefix" part="prefix" class="button__prefix"></slot>
-        <slot part="label" class="button__label"></slot>
-        <slot name="suffix" part="suffix" class="button__suffix"></slot>
-        ${this.caret ? ae` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> ` : ""}
-        ${this.loading ? ae`<sl-spinner part="spinner"></sl-spinner>` : ""}
-      </${t}>
-    `;
-  }
-};
-x.styles = [bt, ci];
-x.dependencies = {
-  "sl-icon": I,
-  "sl-spinner": mo
-};
-h([
-  ct(".button")
-], x.prototype, "button", 2);
-h([
-  Jt()
-], x.prototype, "hasFocus", 2);
-h([
-  Jt()
-], x.prototype, "invalid", 2);
-h([
-  f()
-], x.prototype, "title", 2);
-h([
-  f({ reflect: !0 })
-], x.prototype, "variant", 2);
-h([
-  f({ reflect: !0 })
-], x.prototype, "size", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], x.prototype, "caret", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], x.prototype, "disabled", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], x.prototype, "loading", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], x.prototype, "outline", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], x.prototype, "pill", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], x.prototype, "circle", 2);
-h([
-  f()
-], x.prototype, "type", 2);
-h([
-  f()
-], x.prototype, "name", 2);
-h([
-  f()
-], x.prototype, "value", 2);
-h([
-  f()
-], x.prototype, "href", 2);
-h([
-  f()
-], x.prototype, "target", 2);
-h([
-  f()
-], x.prototype, "rel", 2);
-h([
-  f()
-], x.prototype, "download", 2);
-h([
-  f()
-], x.prototype, "form", 2);
-h([
-  f({ attribute: "formaction" })
-], x.prototype, "formAction", 2);
-h([
-  f({ attribute: "formenctype" })
-], x.prototype, "formEnctype", 2);
-h([
-  f({ attribute: "formmethod" })
-], x.prototype, "formMethod", 2);
-h([
-  f({ attribute: "formnovalidate", type: Boolean })
-], x.prototype, "formNoValidate", 2);
-h([
-  f({ attribute: "formtarget" })
-], x.prototype, "formTarget", 2);
-h([
-  mt("disabled", { waitUntilFirstUpdate: !0 })
-], x.prototype, "handleDisabledChange", 1);
-x.define("sl-button");
-var ki = et`
-  :host {
-    display: inline-block;
-  }
-
-  .button-group {
-    display: flex;
-    flex-wrap: nowrap;
-  }
-`, Bt = class extends H {
-  constructor() {
-    super(...arguments), this.disableRole = !1, this.label = "";
-  }
-  handleFocus(e) {
-    const t = Et(e.target);
-    t == null || t.toggleAttribute("data-sl-button-group__button--focus", !0);
-  }
-  handleBlur(e) {
-    const t = Et(e.target);
-    t == null || t.toggleAttribute("data-sl-button-group__button--focus", !1);
-  }
-  handleMouseOver(e) {
-    const t = Et(e.target);
-    t == null || t.toggleAttribute("data-sl-button-group__button--hover", !0);
-  }
-  handleMouseOut(e) {
-    const t = Et(e.target);
-    t == null || t.toggleAttribute("data-sl-button-group__button--hover", !1);
-  }
-  handleSlotChange() {
-    const e = [...this.defaultSlot.assignedElements({ flatten: !0 })];
-    e.forEach((t) => {
-      const o = e.indexOf(t), i = Et(t);
-      i && (i.toggleAttribute("data-sl-button-group__button", !0), i.toggleAttribute("data-sl-button-group__button--first", o === 0), i.toggleAttribute("data-sl-button-group__button--inner", o > 0 && o < e.length - 1), i.toggleAttribute("data-sl-button-group__button--last", o === e.length - 1), i.toggleAttribute(
-        "data-sl-button-group__button--radio",
-        i.tagName.toLowerCase() === "sl-radio-button"
-      ));
-    });
-  }
-  render() {
-    return N`
-      <div
-        part="base"
-        class="button-group"
-        role="${this.disableRole ? "presentation" : "group"}"
-        aria-label=${this.label}
-        @focusout=${this.handleBlur}
-        @focusin=${this.handleFocus}
-        @mouseover=${this.handleMouseOver}
-        @mouseout=${this.handleMouseOut}
-      >
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </div>
-    `;
-  }
-};
-Bt.styles = [bt, ki];
-h([
-  ct("slot")
-], Bt.prototype, "defaultSlot", 2);
-h([
-  Jt()
-], Bt.prototype, "disableRole", 2);
-h([
-  f()
-], Bt.prototype, "label", 2);
-function Et(e) {
-  var t;
-  const o = "sl-button, sl-radio-button";
-  return (t = e.closest(o)) != null ? t : e.querySelector(o);
-}
-Bt.define("sl-button-group");
-I.define("sl-icon");
-var Ei = et`
-  :host {
-    --max-width: 20rem;
-    --hide-delay: 0ms;
-    --show-delay: 150ms;
-
-    display: contents;
-  }
-
-  .tooltip {
-    --arrow-size: var(--sl-tooltip-arrow-size);
-    --arrow-color: var(--sl-tooltip-background-color);
-  }
-
-  .tooltip::part(popup) {
-    z-index: var(--sl-z-index-tooltip);
-  }
-
-  .tooltip[placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .tooltip[placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  .tooltip[placement^='left']::part(popup) {
-    transform-origin: right;
-  }
-
-  .tooltip[placement^='right']::part(popup) {
-    transform-origin: left;
-  }
-
-  .tooltip__body {
-    display: block;
-    width: max-content;
-    max-width: var(--max-width);
-    border-radius: var(--sl-tooltip-border-radius);
-    background-color: var(--sl-tooltip-background-color);
-    font-family: var(--sl-tooltip-font-family);
-    font-size: var(--sl-tooltip-font-size);
-    font-weight: var(--sl-tooltip-font-weight);
-    line-height: var(--sl-tooltip-line-height);
-    text-align: start;
-    white-space: normal;
-    color: var(--sl-tooltip-color);
-    padding: var(--sl-tooltip-padding);
-    pointer-events: none;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-`, Si = et`
-  :host {
-    --arrow-color: var(--sl-color-neutral-1000);
-    --arrow-size: 6px;
-
-    /*
-     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
-     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
-     */
-    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
-    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
-
-    display: contents;
-  }
-
-  .popup {
-    position: absolute;
-    isolation: isolate;
-    max-width: var(--auto-size-available-width, none);
-    max-height: var(--auto-size-available-height, none);
-  }
-
-  .popup--fixed {
-    position: fixed;
-  }
-
-  .popup:not(.popup--active) {
-    display: none;
-  }
-
-  .popup__arrow {
-    position: absolute;
-    width: calc(var(--arrow-size-diagonal) * 2);
-    height: calc(var(--arrow-size-diagonal) * 2);
-    rotate: 45deg;
-    background: var(--arrow-color);
-    z-index: -1;
-  }
-
-  /* Hover bridge */
-  .popup-hover-bridge:not(.popup-hover-bridge--visible) {
-    display: none;
-  }
-
-  .popup-hover-bridge {
-    position: fixed;
-    z-index: calc(var(--sl-z-index-dropdown) - 1);
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    clip-path: polygon(
-      var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
-      var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
-      var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0),
-      var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
-    );
-  }
-`;
-const D = Math.min, O = Math.max, Yt = Math.round, Vt = Math.floor, J = (e) => ({
-  x: e,
-  y: e
-}), Pi = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, zi = {
-  start: "end",
-  end: "start"
-};
-function fe(e, t, o) {
-  return O(e, D(t, o));
-}
-function vt(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-function Q(e) {
-  return e.split("-")[0];
-}
-function yt(e) {
-  return e.split("-")[1];
-}
-function yo(e) {
-  return e === "x" ? "y" : "x";
-}
-function xe(e) {
-  return e === "y" ? "height" : "width";
-}
-function Ut(e) {
-  return ["top", "bottom"].includes(Q(e)) ? "y" : "x";
-}
-function _e(e) {
-  return yo(Ut(e));
-}
-function Oi(e, t, o) {
-  o === void 0 && (o = !1);
-  const i = yt(e), r = _e(e), n = xe(r);
-  let s = r === "x" ? i === (o ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[n] > t.floating[n] && (s = Xt(s)), [s, Xt(s)];
-}
-function Li(e) {
-  const t = Xt(e);
-  return [ge(e), t, ge(t)];
-}
-function ge(e) {
-  return e.replace(/start|end/g, (t) => zi[t]);
-}
-function Ri(e, t, o) {
-  const i = ["left", "right"], r = ["right", "left"], n = ["top", "bottom"], s = ["bottom", "top"];
-  switch (e) {
-    case "top":
-    case "bottom":
-      return o ? t ? r : i : t ? i : r;
-    case "left":
-    case "right":
-      return t ? n : s;
-    default:
-      return [];
-  }
-}
-function Ti(e, t, o, i) {
-  const r = yt(e);
-  let n = Ri(Q(e), o === "start", i);
-  return r && (n = n.map((s) => s + "-" + r), t && (n = n.concat(n.map(ge)))), n;
-}
-function Xt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Pi[t]);
-}
-function Mi(e) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...e
-  };
-}
-function wo(e) {
-  return typeof e != "number" ? Mi(e) : {
-    top: e,
-    right: e,
-    bottom: e,
-    left: e
-  };
-}
-function Kt(e) {
-  const {
-    x: t,
-    y: o,
-    width: i,
-    height: r
-  } = e;
-  return {
-    width: i,
-    height: r,
-    top: o,
-    left: t,
-    right: t + i,
-    bottom: o + r,
-    x: t,
-    y: o
-  };
-}
-function We(e, t, o) {
-  let {
-    reference: i,
-    floating: r
-  } = e;
-  const n = Ut(t), s = _e(t), l = xe(s), a = Q(t), c = n === "y", d = i.x + i.width / 2 - r.width / 2, u = i.y + i.height / 2 - r.height / 2, b = i[l] / 2 - r[l] / 2;
-  let p;
-  switch (a) {
-    case "top":
-      p = {
-        x: d,
-        y: i.y - r.height
-      };
-      break;
-    case "bottom":
-      p = {
-        x: d,
-        y: i.y + i.height
-      };
-      break;
-    case "right":
-      p = {
-        x: i.x + i.width,
-        y: u
-      };
-      break;
-    case "left":
-      p = {
-        x: i.x - r.width,
-        y: u
-      };
-      break;
-    default:
-      p = {
-        x: i.x,
-        y: i.y
-      };
-  }
-  switch (yt(t)) {
-    case "start":
-      p[s] -= b * (o && c ? -1 : 1);
-      break;
-    case "end":
-      p[s] += b * (o && c ? -1 : 1);
-      break;
-  }
-  return p;
-}
-const Bi = async (e, t, o) => {
-  const {
-    placement: i = "bottom",
-    strategy: r = "absolute",
-    middleware: n = [],
-    platform: s
-  } = o, l = n.filter(Boolean), a = await (s.isRTL == null ? void 0 : s.isRTL(t));
-  let c = await s.getElementRects({
-    reference: e,
-    floating: t,
-    strategy: r
-  }), {
-    x: d,
-    y: u
-  } = We(c, i, a), b = i, p = {}, g = 0;
-  for (let m = 0; m < l.length; m++) {
-    const {
-      name: y,
-      fn: v
-    } = l[m], {
-      x: w,
-      y: _,
-      data: C,
-      reset: A
-    } = await v({
-      x: d,
-      y: u,
-      initialPlacement: i,
-      placement: b,
-      strategy: r,
-      middlewareData: p,
-      rects: c,
-      platform: s,
-      elements: {
-        reference: e,
-        floating: t
-      }
-    });
-    d = w ?? d, u = _ ?? u, p = {
-      ...p,
-      [y]: {
-        ...p[y],
-        ...C
-      }
-    }, A && g <= 50 && (g++, typeof A == "object" && (A.placement && (b = A.placement), A.rects && (c = A.rects === !0 ? await s.getElementRects({
-      reference: e,
-      floating: t,
-      strategy: r
-    }) : A.rects), {
-      x: d,
-      y: u
-    } = We(c, b, a)), m = -1);
-  }
-  return {
-    x: d,
-    y: u,
-    placement: b,
-    strategy: r,
-    middlewareData: p
-  };
-};
-async function $e(e, t) {
-  var o;
-  t === void 0 && (t = {});
-  const {
-    x: i,
-    y: r,
-    platform: n,
-    rects: s,
-    elements: l,
-    strategy: a
-  } = e, {
-    boundary: c = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: u = "floating",
-    altBoundary: b = !1,
-    padding: p = 0
-  } = vt(t, e), g = wo(p), y = l[b ? u === "floating" ? "reference" : "floating" : u], v = Kt(await n.getClippingRect({
-    element: (o = await (n.isElement == null ? void 0 : n.isElement(y))) == null || o ? y : y.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(l.floating)),
-    boundary: c,
-    rootBoundary: d,
-    strategy: a
-  })), w = u === "floating" ? {
-    x: i,
-    y: r,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, _ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l.floating)), C = await (n.isElement == null ? void 0 : n.isElement(_)) ? await (n.getScale == null ? void 0 : n.getScale(_)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, A = Kt(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: w,
-    offsetParent: _,
-    strategy: a
-  }) : w);
-  return {
-    top: (v.top - A.top + g.top) / C.y,
-    bottom: (A.bottom - v.bottom + g.bottom) / C.y,
-    left: (v.left - A.left + g.left) / C.x,
-    right: (A.right - v.right + g.right) / C.x
-  };
-}
-const Ui = (e) => ({
-  name: "arrow",
-  options: e,
-  async fn(t) {
-    const {
-      x: o,
-      y: i,
-      placement: r,
-      rects: n,
-      platform: s,
-      elements: l,
-      middlewareData: a
-    } = t, {
-      element: c,
-      padding: d = 0
-    } = vt(e, t) || {};
-    if (c == null)
-      return {};
-    const u = wo(d), b = {
-      x: o,
-      y: i
-    }, p = _e(r), g = xe(p), m = await s.getDimensions(c), y = p === "y", v = y ? "top" : "left", w = y ? "bottom" : "right", _ = y ? "clientHeight" : "clientWidth", C = n.reference[g] + n.reference[p] - b[p] - n.floating[g], A = b[p] - n.reference[p], S = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
-    let P = S ? S[_] : 0;
-    (!P || !await (s.isElement == null ? void 0 : s.isElement(S))) && (P = l.floating[_] || n.floating[g]);
-    const M = C / 2 - A / 2, Y = P / 2 - m[g] / 2 - 1, X = D(u[v], Y), K = D(u[w], Y), R = X, xt = P - m[g] - K, z = P / 2 - m[g] / 2 + M, B = fe(R, z, xt), U = !a.arrow && yt(r) != null && z !== B && n.reference[g] / 2 - (z < R ? X : K) - m[g] / 2 < 0, j = U ? z < R ? z - R : z - xt : 0;
-    return {
-      [p]: b[p] + j,
-      data: {
-        [p]: B,
-        centerOffset: z - B - j,
-        ...U && {
-          alignmentOffset: j
-        }
-      },
-      reset: U
-    };
-  }
-}), Di = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "flip",
-    options: e,
-    async fn(t) {
-      var o, i;
-      const {
-        placement: r,
-        middlewareData: n,
-        rects: s,
-        initialPlacement: l,
-        platform: a,
-        elements: c
-      } = t, {
-        mainAxis: d = !0,
-        crossAxis: u = !0,
-        fallbackPlacements: b,
-        fallbackStrategy: p = "bestFit",
-        fallbackAxisSideDirection: g = "none",
-        flipAlignment: m = !0,
-        ...y
-      } = vt(e, t);
-      if ((o = n.arrow) != null && o.alignmentOffset)
-        return {};
-      const v = Q(r), w = Q(l) === l, _ = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), C = b || (w || !m ? [Xt(l)] : Li(l));
-      !b && g !== "none" && C.push(...Ti(l, m, g, _));
-      const A = [l, ...C], S = await $e(t, y), P = [];
-      let M = ((i = n.flip) == null ? void 0 : i.overflows) || [];
-      if (d && P.push(S[v]), u) {
-        const R = Oi(r, s, _);
-        P.push(S[R[0]], S[R[1]]);
-      }
-      if (M = [...M, {
-        placement: r,
-        overflows: P
-      }], !P.every((R) => R <= 0)) {
-        var Y, X;
-        const R = (((Y = n.flip) == null ? void 0 : Y.index) || 0) + 1, xt = A[R];
-        if (xt)
-          return {
-            data: {
-              index: R,
-              overflows: M
-            },
-            reset: {
-              placement: xt
-            }
-          };
-        let z = (X = M.filter((B) => B.overflows[0] <= 0).sort((B, U) => B.overflows[1] - U.overflows[1])[0]) == null ? void 0 : X.placement;
-        if (!z)
-          switch (p) {
-            case "bestFit": {
-              var K;
-              const B = (K = M.map((U) => [U.placement, U.overflows.filter((j) => j > 0).reduce((j, Oo) => j + Oo, 0)]).sort((U, j) => U[1] - j[1])[0]) == null ? void 0 : K[0];
-              B && (z = B);
-              break;
-            }
-            case "initialPlacement":
-              z = l;
-              break;
-          }
-        if (r !== z)
-          return {
-            reset: {
-              placement: z
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-async function Ni(e, t) {
-  const {
-    placement: o,
-    platform: i,
-    elements: r
-  } = e, n = await (i.isRTL == null ? void 0 : i.isRTL(r.floating)), s = Q(o), l = yt(o), a = Ut(o) === "y", c = ["left", "top"].includes(s) ? -1 : 1, d = n && a ? -1 : 1, u = vt(t, e);
-  let {
-    mainAxis: b,
-    crossAxis: p,
-    alignmentAxis: g
-  } = typeof u == "number" ? {
-    mainAxis: u,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...u
-  };
-  return l && typeof g == "number" && (p = l === "end" ? g * -1 : g), a ? {
-    x: p * d,
-    y: b * c
-  } : {
-    x: b * c,
-    y: p * d
-  };
-}
-const Fi = function(e) {
-  return e === void 0 && (e = 0), {
-    name: "offset",
-    options: e,
-    async fn(t) {
-      var o, i;
-      const {
-        x: r,
-        y: n,
-        placement: s,
-        middlewareData: l
-      } = t, a = await Ni(t, e);
-      return s === ((o = l.offset) == null ? void 0 : o.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
-        x: r + a.x,
-        y: n + a.y,
-        data: {
-          ...a,
-          placement: s
-        }
-      };
-    }
-  };
-}, Vi = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "shift",
-    options: e,
-    async fn(t) {
-      const {
-        x: o,
-        y: i,
-        placement: r
-      } = t, {
-        mainAxis: n = !0,
-        crossAxis: s = !1,
-        limiter: l = {
-          fn: (y) => {
-            let {
-              x: v,
-              y: w
-            } = y;
-            return {
-              x: v,
-              y: w
-            };
-          }
-        },
-        ...a
-      } = vt(e, t), c = {
-        x: o,
-        y: i
-      }, d = await $e(t, a), u = Ut(Q(r)), b = yo(u);
-      let p = c[b], g = c[u];
-      if (n) {
-        const y = b === "y" ? "top" : "left", v = b === "y" ? "bottom" : "right", w = p + d[y], _ = p - d[v];
-        p = fe(w, p, _);
-      }
-      if (s) {
-        const y = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", w = g + d[y], _ = g - d[v];
-        g = fe(w, g, _);
-      }
-      const m = l.fn({
-        ...t,
-        [b]: p,
-        [u]: g
-      });
-      return {
-        ...m,
-        data: {
-          x: m.x - o,
-          y: m.y - i
-        }
-      };
-    }
-  };
-}, Hi = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "size",
-    options: e,
-    async fn(t) {
-      const {
-        placement: o,
-        rects: i,
-        platform: r,
-        elements: n
-      } = t, {
-        apply: s = () => {
-        },
-        ...l
-      } = vt(e, t), a = await $e(t, l), c = Q(o), d = yt(o), u = Ut(o) === "y", {
-        width: b,
-        height: p
-      } = i.floating;
-      let g, m;
-      c === "top" || c === "bottom" ? (g = c, m = d === (await (r.isRTL == null ? void 0 : r.isRTL(n.floating)) ? "start" : "end") ? "left" : "right") : (m = c, g = d === "end" ? "top" : "bottom");
-      const y = p - a.top - a.bottom, v = b - a.left - a.right, w = D(p - a[g], y), _ = D(b - a[m], v), C = !t.middlewareData.shift;
-      let A = w, S = _;
-      if (u ? S = d || C ? D(_, v) : v : A = d || C ? D(w, y) : y, C && !d) {
-        const M = O(a.left, 0), Y = O(a.right, 0), X = O(a.top, 0), K = O(a.bottom, 0);
-        u ? S = b - 2 * (M !== 0 || Y !== 0 ? M + Y : O(a.left, a.right)) : A = p - 2 * (X !== 0 || K !== 0 ? X + K : O(a.top, a.bottom));
-      }
-      await s({
-        ...t,
-        availableWidth: S,
-        availableHeight: A
-      });
-      const P = await r.getDimensions(n.floating);
-      return b !== P.width || p !== P.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
-function wt(e) {
-  return xo(e) ? (e.nodeName || "").toLowerCase() : "#document";
-}
-function L(e) {
-  var t;
-  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function q(e) {
-  var t;
-  return (t = (xo(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
-}
-function xo(e) {
-  return e instanceof Node || e instanceof L(e).Node;
-}
-function F(e) {
-  return e instanceof Element || e instanceof L(e).Element;
-}
-function V(e) {
-  return e instanceof HTMLElement || e instanceof L(e).HTMLElement;
-}
-function qe(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof L(e).ShadowRoot;
-}
-function Dt(e) {
-  const {
-    overflow: t,
-    overflowX: o,
-    overflowY: i,
-    display: r
-  } = T(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + i + o) && !["inline", "contents"].includes(r);
-}
-function Ii(e) {
-  return ["table", "td", "th"].includes(wt(e));
-}
-function Ae(e) {
-  const t = Ce(), o = T(e);
-  return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (o.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (o.contain || "").includes(i));
-}
-function ji(e) {
-  let t = tt(e);
-  for (; V(t) && !gt(t); ) {
-    if (Ae(t))
-      return t;
-    t = tt(t);
-  }
-  return null;
-}
-function Ce() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-function gt(e) {
-  return ["html", "body", "#document"].includes(wt(e));
-}
-function T(e) {
-  return L(e).getComputedStyle(e);
-}
-function Qt(e) {
-  return F(e) ? {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
-  } : {
-    scrollLeft: e.pageXOffset,
-    scrollTop: e.pageYOffset
-  };
-}
-function tt(e) {
-  if (wt(e) === "html")
-    return e;
-  const t = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    e.assignedSlot || // DOM Element detected.
-    e.parentNode || // ShadowRoot detected.
-    qe(e) && e.host || // Fallback.
-    q(e)
-  );
-  return qe(t) ? t.host : t;
-}
-function _o(e) {
-  const t = tt(e);
-  return gt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : V(t) && Dt(t) ? t : _o(t);
-}
-function Rt(e, t, o) {
-  var i;
-  t === void 0 && (t = []), o === void 0 && (o = !0);
-  const r = _o(e), n = r === ((i = e.ownerDocument) == null ? void 0 : i.body), s = L(r);
-  return n ? t.concat(s, s.visualViewport || [], Dt(r) ? r : [], s.frameElement && o ? Rt(s.frameElement) : []) : t.concat(r, Rt(r, [], o));
-}
-function $o(e) {
-  const t = T(e);
-  let o = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const r = V(e), n = r ? e.offsetWidth : o, s = r ? e.offsetHeight : i, l = Yt(o) !== n || Yt(i) !== s;
-  return l && (o = n, i = s), {
-    width: o,
-    height: i,
-    $: l
-  };
-}
-function ke(e) {
-  return F(e) ? e : e.contextElement;
-}
-function pt(e) {
-  const t = ke(e);
-  if (!V(t))
-    return J(1);
-  const o = t.getBoundingClientRect(), {
-    width: i,
-    height: r,
-    $: n
-  } = $o(t);
-  let s = (n ? Yt(o.width) : o.width) / i, l = (n ? Yt(o.height) : o.height) / r;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
-    x: s,
-    y: l
-  };
-}
-const Wi = /* @__PURE__ */ J(0);
-function Ao(e) {
-  const t = L(e);
-  return !Ce() || !t.visualViewport ? Wi : {
-    x: t.visualViewport.offsetLeft,
-    y: t.visualViewport.offsetTop
-  };
-}
-function qi(e, t, o) {
-  return t === void 0 && (t = !1), !o || t && o !== L(e) ? !1 : t;
-}
-function at(e, t, o, i) {
-  t === void 0 && (t = !1), o === void 0 && (o = !1);
-  const r = e.getBoundingClientRect(), n = ke(e);
-  let s = J(1);
-  t && (i ? F(i) && (s = pt(i)) : s = pt(e));
-  const l = qi(n, o, i) ? Ao(n) : J(0);
-  let a = (r.left + l.x) / s.x, c = (r.top + l.y) / s.y, d = r.width / s.x, u = r.height / s.y;
-  if (n) {
-    const b = L(n), p = i && F(i) ? L(i) : i;
-    let g = b, m = g.frameElement;
-    for (; m && i && p !== g; ) {
-      const y = pt(m), v = m.getBoundingClientRect(), w = T(m), _ = v.left + (m.clientLeft + parseFloat(w.paddingLeft)) * y.x, C = v.top + (m.clientTop + parseFloat(w.paddingTop)) * y.y;
-      a *= y.x, c *= y.y, d *= y.x, u *= y.y, a += _, c += C, g = L(m), m = g.frameElement;
-    }
-  }
-  return Kt({
-    width: d,
-    height: u,
-    x: a,
-    y: c
-  });
-}
-const Yi = [":popover-open", ":modal"];
-function Ee(e) {
-  return Yi.some((t) => {
-    try {
-      return e.matches(t);
-    } catch {
-      return !1;
-    }
-  });
-}
-function Xi(e) {
-  let {
-    elements: t,
-    rect: o,
-    offsetParent: i,
-    strategy: r
-  } = e;
-  const n = r === "fixed", s = q(i), l = t ? Ee(t.floating) : !1;
-  if (i === s || l && n)
-    return o;
-  let a = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, c = J(1);
-  const d = J(0), u = V(i);
-  if ((u || !u && !n) && ((wt(i) !== "body" || Dt(s)) && (a = Qt(i)), V(i))) {
-    const b = at(i);
-    c = pt(i), d.x = b.x + i.clientLeft, d.y = b.y + i.clientTop;
-  }
-  return {
-    width: o.width * c.x,
-    height: o.height * c.y,
-    x: o.x * c.x - a.scrollLeft * c.x + d.x,
-    y: o.y * c.y - a.scrollTop * c.y + d.y
-  };
-}
-function Ki(e) {
-  return Array.from(e.getClientRects());
-}
-function Co(e) {
-  return at(q(e)).left + Qt(e).scrollLeft;
-}
-function Gi(e) {
-  const t = q(e), o = Qt(e), i = e.ownerDocument.body, r = O(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), n = O(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let s = -o.scrollLeft + Co(e);
-  const l = -o.scrollTop;
-  return T(i).direction === "rtl" && (s += O(t.clientWidth, i.clientWidth) - r), {
-    width: r,
-    height: n,
-    x: s,
-    y: l
-  };
-}
-function Zi(e, t) {
-  const o = L(e), i = q(e), r = o.visualViewport;
-  let n = i.clientWidth, s = i.clientHeight, l = 0, a = 0;
-  if (r) {
-    n = r.width, s = r.height;
-    const c = Ce();
-    (!c || c && t === "fixed") && (l = r.offsetLeft, a = r.offsetTop);
-  }
-  return {
-    width: n,
-    height: s,
-    x: l,
-    y: a
-  };
-}
-function Ji(e, t) {
-  const o = at(e, !0, t === "fixed"), i = o.top + e.clientTop, r = o.left + e.clientLeft, n = V(e) ? pt(e) : J(1), s = e.clientWidth * n.x, l = e.clientHeight * n.y, a = r * n.x, c = i * n.y;
-  return {
-    width: s,
-    height: l,
-    x: a,
-    y: c
-  };
-}
-function Ye(e, t, o) {
-  let i;
-  if (t === "viewport")
-    i = Zi(e, o);
-  else if (t === "document")
-    i = Gi(q(e));
-  else if (F(t))
-    i = Ji(t, o);
-  else {
-    const r = Ao(e);
-    i = {
-      ...t,
-      x: t.x - r.x,
-      y: t.y - r.y
-    };
-  }
-  return Kt(i);
-}
-function ko(e, t) {
-  const o = tt(e);
-  return o === t || !F(o) || gt(o) ? !1 : T(o).position === "fixed" || ko(o, t);
-}
-function Qi(e, t) {
-  const o = t.get(e);
-  if (o)
-    return o;
-  let i = Rt(e, [], !1).filter((l) => F(l) && wt(l) !== "body"), r = null;
-  const n = T(e).position === "fixed";
-  let s = n ? tt(e) : e;
-  for (; F(s) && !gt(s); ) {
-    const l = T(s), a = Ae(s);
-    !a && l.position === "fixed" && (r = null), (n ? !a && !r : !a && l.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || Dt(s) && !a && ko(e, s)) ? i = i.filter((d) => d !== s) : r = l, s = tt(s);
-  }
-  return t.set(e, i), i;
-}
-function tr(e) {
-  let {
-    element: t,
-    boundary: o,
-    rootBoundary: i,
-    strategy: r
-  } = e;
-  const s = [...o === "clippingAncestors" ? Ee(t) ? [] : Qi(t, this._c) : [].concat(o), i], l = s[0], a = s.reduce((c, d) => {
-    const u = Ye(t, d, r);
-    return c.top = O(u.top, c.top), c.right = D(u.right, c.right), c.bottom = D(u.bottom, c.bottom), c.left = O(u.left, c.left), c;
-  }, Ye(t, l, r));
-  return {
-    width: a.right - a.left,
-    height: a.bottom - a.top,
-    x: a.left,
-    y: a.top
-  };
-}
-function er(e) {
-  const {
-    width: t,
-    height: o
-  } = $o(e);
-  return {
-    width: t,
-    height: o
-  };
-}
-function or(e, t, o) {
-  const i = V(t), r = q(t), n = o === "fixed", s = at(e, !0, n, t);
-  let l = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const a = J(0);
-  if (i || !i && !n)
-    if ((wt(t) !== "body" || Dt(r)) && (l = Qt(t)), i) {
-      const u = at(t, !0, n, t);
-      a.x = u.x + t.clientLeft, a.y = u.y + t.clientTop;
-    } else
-      r && (a.x = Co(r));
-  const c = s.left + l.scrollLeft - a.x, d = s.top + l.scrollTop - a.y;
-  return {
-    x: c,
-    y: d,
-    width: s.width,
-    height: s.height
-  };
-}
-function le(e) {
-  return T(e).position === "static";
-}
-function Xe(e, t) {
-  return !V(e) || T(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
-}
-function Eo(e, t) {
-  const o = L(e);
-  if (Ee(e))
-    return o;
-  if (!V(e)) {
-    let r = tt(e);
-    for (; r && !gt(r); ) {
-      if (F(r) && !le(r))
-        return r;
-      r = tt(r);
-    }
-    return o;
-  }
-  let i = Xe(e, t);
-  for (; i && Ii(i) && le(i); )
-    i = Xe(i, t);
-  return i && gt(i) && le(i) && !Ae(i) ? o : i || ji(e) || o;
-}
-const ir = async function(e) {
-  const t = this.getOffsetParent || Eo, o = this.getDimensions, i = await o(e.floating);
-  return {
-    reference: or(e.reference, await t(e.floating), e.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: i.width,
-      height: i.height
-    }
-  };
-};
-function rr(e) {
-  return T(e).direction === "rtl";
-}
-const It = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Xi,
-  getDocumentElement: q,
-  getClippingRect: tr,
-  getOffsetParent: Eo,
-  getElementRects: ir,
-  getClientRects: Ki,
-  getDimensions: er,
-  getScale: pt,
-  isElement: F,
-  isRTL: rr
-};
-function nr(e, t) {
-  let o = null, i;
-  const r = q(e);
-  function n() {
-    var l;
-    clearTimeout(i), (l = o) == null || l.disconnect(), o = null;
-  }
-  function s(l, a) {
-    l === void 0 && (l = !1), a === void 0 && (a = 1), n();
-    const {
-      left: c,
-      top: d,
-      width: u,
-      height: b
-    } = e.getBoundingClientRect();
-    if (l || t(), !u || !b)
-      return;
-    const p = Vt(d), g = Vt(r.clientWidth - (c + u)), m = Vt(r.clientHeight - (d + b)), y = Vt(c), w = {
-      rootMargin: -p + "px " + -g + "px " + -m + "px " + -y + "px",
-      threshold: O(0, D(1, a)) || 1
-    };
-    let _ = !0;
-    function C(A) {
-      const S = A[0].intersectionRatio;
-      if (S !== a) {
-        if (!_)
-          return s();
-        S ? s(!1, S) : i = setTimeout(() => {
-          s(!1, 1e-7);
-        }, 1e3);
-      }
-      _ = !1;
-    }
-    try {
-      o = new IntersectionObserver(C, {
-        ...w,
-        // Handle <iframe>s
-        root: r.ownerDocument
-      });
-    } catch {
-      o = new IntersectionObserver(C, w);
-    }
-    o.observe(e);
-  }
-  return s(!0), n;
-}
-function sr(e, t, o, i) {
-  i === void 0 && (i = {});
-  const {
-    ancestorScroll: r = !0,
-    ancestorResize: n = !0,
-    elementResize: s = typeof ResizeObserver == "function",
-    layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: a = !1
-  } = i, c = ke(e), d = r || n ? [...c ? Rt(c) : [], ...Rt(t)] : [];
-  d.forEach((v) => {
-    r && v.addEventListener("scroll", o, {
-      passive: !0
-    }), n && v.addEventListener("resize", o);
-  });
-  const u = c && l ? nr(c, o) : null;
-  let b = -1, p = null;
-  s && (p = new ResizeObserver((v) => {
-    let [w] = v;
-    w && w.target === c && p && (p.unobserve(t), cancelAnimationFrame(b), b = requestAnimationFrame(() => {
-      var _;
-      (_ = p) == null || _.observe(t);
-    })), o();
-  }), c && !a && p.observe(c), p.observe(t));
-  let g, m = a ? at(e) : null;
-  a && y();
-  function y() {
-    const v = at(e);
-    m && (v.x !== m.x || v.y !== m.y || v.width !== m.width || v.height !== m.height) && o(), m = v, g = requestAnimationFrame(y);
-  }
-  return o(), () => {
-    var v;
-    d.forEach((w) => {
-      r && w.removeEventListener("scroll", o), n && w.removeEventListener("resize", o);
-    }), u == null || u(), (v = p) == null || v.disconnect(), p = null, a && cancelAnimationFrame(g);
-  };
-}
-const ar = Fi, lr = Vi, cr = Di, Ke = Hi, ur = Ui, dr = (e, t, o) => {
-  const i = /* @__PURE__ */ new Map(), r = {
-    platform: It,
-    ...o
-  }, n = {
-    ...r.platform,
-    _c: i
-  };
-  return Bi(e, t, {
-    ...r,
-    platform: n
-  });
-};
-function hr(e) {
-  return pr(e);
-}
-function ce(e) {
-  return e.assignedSlot ? e.assignedSlot : e.parentNode instanceof ShadowRoot ? e.parentNode.host : e.parentNode;
-}
-function pr(e) {
-  for (let t = e; t; t = ce(t))
-    if (t instanceof Element && getComputedStyle(t).display === "none")
-      return null;
-  for (let t = ce(e); t; t = ce(t)) {
-    if (!(t instanceof Element))
-      continue;
-    const o = getComputedStyle(t);
-    if (o.display !== "contents" && (o.position !== "static" || o.filter !== "none" || t.tagName === "BODY"))
-      return t;
-  }
-  return null;
-}
-function fr(e) {
-  return e !== null && typeof e == "object" && "getBoundingClientRect" in e && ("contextElement" in e ? e instanceof Element : !0);
-}
-var $ = class extends H {
-  constructor() {
-    super(...arguments), this.active = !1, this.placement = "top", this.strategy = "absolute", this.distance = 0, this.skidding = 0, this.arrow = !1, this.arrowPlacement = "anchor", this.arrowPadding = 10, this.flip = !1, this.flipFallbackPlacements = "", this.flipFallbackStrategy = "best-fit", this.flipPadding = 0, this.shift = !1, this.shiftPadding = 0, this.autoSizePadding = 0, this.hoverBridge = !1, this.updateHoverBridge = () => {
-      if (this.hoverBridge && this.anchorEl) {
-        const e = this.anchorEl.getBoundingClientRect(), t = this.popup.getBoundingClientRect(), o = this.placement.includes("top") || this.placement.includes("bottom");
-        let i = 0, r = 0, n = 0, s = 0, l = 0, a = 0, c = 0, d = 0;
-        o ? e.top < t.top ? (i = e.left, r = e.bottom, n = e.right, s = e.bottom, l = t.left, a = t.top, c = t.right, d = t.top) : (i = t.left, r = t.bottom, n = t.right, s = t.bottom, l = e.left, a = e.top, c = e.right, d = e.top) : e.left < t.left ? (i = e.right, r = e.top, n = t.left, s = t.top, l = e.right, a = e.bottom, c = t.left, d = t.bottom) : (i = t.right, r = t.top, n = e.left, s = e.top, l = t.right, a = t.bottom, c = e.left, d = e.bottom), this.style.setProperty("--hover-bridge-top-left-x", `${i}px`), this.style.setProperty("--hover-bridge-top-left-y", `${r}px`), this.style.setProperty("--hover-bridge-top-right-x", `${n}px`), this.style.setProperty("--hover-bridge-top-right-y", `${s}px`), this.style.setProperty("--hover-bridge-bottom-left-x", `${l}px`), this.style.setProperty("--hover-bridge-bottom-left-y", `${a}px`), this.style.setProperty("--hover-bridge-bottom-right-x", `${c}px`), this.style.setProperty("--hover-bridge-bottom-right-y", `${d}px`);
-      }
-    };
-  }
-  async connectedCallback() {
-    super.connectedCallback(), await this.updateComplete, this.start();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.stop();
-  }
-  async updated(e) {
-    super.updated(e), e.has("active") && (this.active ? this.start() : this.stop()), e.has("anchor") && this.handleAnchorChange(), this.active && (await this.updateComplete, this.reposition());
-  }
-  async handleAnchorChange() {
-    if (await this.stop(), this.anchor && typeof this.anchor == "string") {
-      const e = this.getRootNode();
-      this.anchorEl = e.getElementById(this.anchor);
-    } else
-      this.anchor instanceof Element || fr(this.anchor) ? this.anchorEl = this.anchor : this.anchorEl = this.querySelector('[slot="anchor"]');
-    this.anchorEl instanceof HTMLSlotElement && (this.anchorEl = this.anchorEl.assignedElements({ flatten: !0 })[0]), this.anchorEl && this.start();
-  }
-  start() {
-    this.anchorEl && (this.cleanup = sr(this.anchorEl, this.popup, () => {
-      this.reposition();
-    }));
-  }
-  async stop() {
-    return new Promise((e) => {
-      this.cleanup ? (this.cleanup(), this.cleanup = void 0, this.removeAttribute("data-current-placement"), this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height"), requestAnimationFrame(() => e())) : e();
-    });
-  }
-  /** Forces the popup to recalculate and reposition itself. */
-  reposition() {
-    if (!this.active || !this.anchorEl)
-      return;
-    const e = [
-      // The offset middleware goes first
-      ar({ mainAxis: this.distance, crossAxis: this.skidding })
-    ];
-    this.sync ? e.push(
-      Ke({
-        apply: ({ rects: o }) => {
-          const i = this.sync === "width" || this.sync === "both", r = this.sync === "height" || this.sync === "both";
-          this.popup.style.width = i ? `${o.reference.width}px` : "", this.popup.style.height = r ? `${o.reference.height}px` : "";
-        }
-      })
-    ) : (this.popup.style.width = "", this.popup.style.height = ""), this.flip && e.push(
-      cr({
-        boundary: this.flipBoundary,
-        // @ts-expect-error - We're converting a string attribute to an array here
-        fallbackPlacements: this.flipFallbackPlacements,
-        fallbackStrategy: this.flipFallbackStrategy === "best-fit" ? "bestFit" : "initialPlacement",
-        padding: this.flipPadding
-      })
-    ), this.shift && e.push(
-      lr({
-        boundary: this.shiftBoundary,
-        padding: this.shiftPadding
-      })
-    ), this.autoSize ? e.push(
-      Ke({
-        boundary: this.autoSizeBoundary,
-        padding: this.autoSizePadding,
-        apply: ({ availableWidth: o, availableHeight: i }) => {
-          this.autoSize === "vertical" || this.autoSize === "both" ? this.style.setProperty("--auto-size-available-height", `${i}px`) : this.style.removeProperty("--auto-size-available-height"), this.autoSize === "horizontal" || this.autoSize === "both" ? this.style.setProperty("--auto-size-available-width", `${o}px`) : this.style.removeProperty("--auto-size-available-width");
-        }
-      })
-    ) : (this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height")), this.arrow && e.push(
-      ur({
-        element: this.arrowEl,
-        padding: this.arrowPadding
-      })
-    );
-    const t = this.strategy === "absolute" ? (o) => It.getOffsetParent(o, hr) : It.getOffsetParent;
-    dr(this.anchorEl, this.popup, {
-      placement: this.placement,
-      middleware: e,
-      strategy: this.strategy,
-      platform: Zt(lt({}, It), {
-        getOffsetParent: t
-      })
-    }).then(({ x: o, y: i, middlewareData: r, placement: n }) => {
-      const s = getComputedStyle(this).direction === "rtl", l = { top: "bottom", right: "left", bottom: "top", left: "right" }[n.split("-")[0]];
-      if (this.setAttribute("data-current-placement", n), Object.assign(this.popup.style, {
-        left: `${o}px`,
-        top: `${i}px`
-      }), this.arrow) {
-        const a = r.arrow.x, c = r.arrow.y;
-        let d = "", u = "", b = "", p = "";
-        if (this.arrowPlacement === "start") {
-          const g = typeof a == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
-          d = typeof c == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "", u = s ? g : "", p = s ? "" : g;
-        } else if (this.arrowPlacement === "end") {
-          const g = typeof a == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
-          u = s ? "" : g, p = s ? g : "", b = typeof c == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
-        } else
-          this.arrowPlacement === "center" ? (p = typeof a == "number" ? "calc(50% - var(--arrow-size-diagonal))" : "", d = typeof c == "number" ? "calc(50% - var(--arrow-size-diagonal))" : "") : (p = typeof a == "number" ? `${a}px` : "", d = typeof c == "number" ? `${c}px` : "");
-        Object.assign(this.arrowEl.style, {
-          top: d,
-          right: u,
-          bottom: b,
-          left: p,
-          [l]: "calc(var(--arrow-size-diagonal) * -1)"
-        });
-      }
-    }), requestAnimationFrame(() => this.updateHoverBridge()), this.emit("sl-reposition");
-  }
-  render() {
-    return N`
-      <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
-
-      <span
-        part="hover-bridge"
-        class=${qt({
-      "popup-hover-bridge": !0,
-      "popup-hover-bridge--visible": this.hoverBridge && this.active
-    })}
-      ></span>
-
-      <div
-        part="popup"
-        class=${qt({
-      popup: !0,
-      "popup--active": this.active,
-      "popup--fixed": this.strategy === "fixed",
-      "popup--has-arrow": this.arrow
-    })}
-      >
-        <slot></slot>
-        ${this.arrow ? N`<div part="arrow" class="popup__arrow" role="presentation"></div>` : ""}
-      </div>
-    `;
-  }
-};
-$.styles = [bt, Si];
-h([
-  ct(".popup")
-], $.prototype, "popup", 2);
-h([
-  ct(".popup__arrow")
-], $.prototype, "arrowEl", 2);
-h([
-  f()
-], $.prototype, "anchor", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], $.prototype, "active", 2);
-h([
-  f({ reflect: !0 })
-], $.prototype, "placement", 2);
-h([
-  f({ reflect: !0 })
-], $.prototype, "strategy", 2);
-h([
-  f({ type: Number })
-], $.prototype, "distance", 2);
-h([
-  f({ type: Number })
-], $.prototype, "skidding", 2);
-h([
-  f({ type: Boolean })
-], $.prototype, "arrow", 2);
-h([
-  f({ attribute: "arrow-placement" })
-], $.prototype, "arrowPlacement", 2);
-h([
-  f({ attribute: "arrow-padding", type: Number })
-], $.prototype, "arrowPadding", 2);
-h([
-  f({ type: Boolean })
-], $.prototype, "flip", 2);
-h([
-  f({
-    attribute: "flip-fallback-placements",
-    converter: {
-      fromAttribute: (e) => e.split(" ").map((t) => t.trim()).filter((t) => t !== ""),
-      toAttribute: (e) => e.join(" ")
-    }
-  })
-], $.prototype, "flipFallbackPlacements", 2);
-h([
-  f({ attribute: "flip-fallback-strategy" })
-], $.prototype, "flipFallbackStrategy", 2);
-h([
-  f({ type: Object })
-], $.prototype, "flipBoundary", 2);
-h([
-  f({ attribute: "flip-padding", type: Number })
-], $.prototype, "flipPadding", 2);
-h([
-  f({ type: Boolean })
-], $.prototype, "shift", 2);
-h([
-  f({ type: Object })
-], $.prototype, "shiftBoundary", 2);
-h([
-  f({ attribute: "shift-padding", type: Number })
-], $.prototype, "shiftPadding", 2);
-h([
-  f({ attribute: "auto-size" })
-], $.prototype, "autoSize", 2);
-h([
-  f()
-], $.prototype, "sync", 2);
-h([
-  f({ type: Object })
-], $.prototype, "autoSizeBoundary", 2);
-h([
-  f({ attribute: "auto-size-padding", type: Number })
-], $.prototype, "autoSizePadding", 2);
-h([
-  f({ attribute: "hover-bridge", type: Boolean })
-], $.prototype, "hoverBridge", 2);
-var So = /* @__PURE__ */ new Map(), gr = /* @__PURE__ */ new WeakMap();
-function br(e) {
-  return e ?? { keyframes: [], options: { duration: 0 } };
-}
-function Ge(e, t) {
-  return t.toLowerCase() === "rtl" ? {
-    keyframes: e.rtlKeyframes || e.keyframes,
-    options: e.options
-  } : e;
-}
-function Po(e, t) {
-  So.set(e, br(t));
-}
-function Ze(e, t, o) {
-  const i = gr.get(e);
-  if (i != null && i[t])
-    return Ge(i[t], o.dir);
-  const r = So.get(t);
-  return r ? Ge(r, o.dir) : {
-    keyframes: [],
-    options: { duration: 0 }
-  };
-}
-function Je(e, t) {
-  return new Promise((o) => {
-    function i(r) {
-      r.target === e && (e.removeEventListener(t, i), o());
-    }
-    e.addEventListener(t, i);
-  });
-}
-function Qe(e, t, o) {
-  return new Promise((i) => {
-    if ((o == null ? void 0 : o.duration) === 1 / 0)
-      throw new Error("Promise-based animations must be finite.");
-    const r = e.animate(t, Zt(lt({}, o), {
-      duration: mr() ? 0 : o.duration
-    }));
-    r.addEventListener("cancel", i, { once: !0 }), r.addEventListener("finish", i, { once: !0 });
-  });
-}
-function to(e) {
-  return e = e.toString().toLowerCase(), e.indexOf("ms") > -1 ? parseFloat(e) : e.indexOf("s") > -1 ? parseFloat(e) * 1e3 : parseFloat(e);
-}
-function mr() {
-  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function eo(e) {
-  return Promise.all(
-    e.getAnimations().map((t) => new Promise((o) => {
-      t.cancel(), requestAnimationFrame(o);
-    }))
-  );
-}
-var E = class extends H {
-  constructor() {
-    super(), this.localize = new ye(this), this.content = "", this.placement = "top", this.disabled = !1, this.distance = 8, this.open = !1, this.skidding = 0, this.trigger = "hover focus", this.hoist = !1, this.handleBlur = () => {
-      this.hasTrigger("focus") && this.hide();
-    }, this.handleClick = () => {
-      this.hasTrigger("click") && (this.open ? this.hide() : this.show());
-    }, this.handleFocus = () => {
-      this.hasTrigger("focus") && this.show();
-    }, this.handleDocumentKeyDown = (e) => {
-      e.key === "Escape" && (e.stopPropagation(), this.hide());
-    }, this.handleMouseOver = () => {
-      if (this.hasTrigger("hover")) {
-        const e = to(getComputedStyle(this).getPropertyValue("--show-delay"));
-        clearTimeout(this.hoverTimeout), this.hoverTimeout = window.setTimeout(() => this.show(), e);
-      }
-    }, this.handleMouseOut = () => {
-      if (this.hasTrigger("hover")) {
-        const e = to(getComputedStyle(this).getPropertyValue("--hide-delay"));
-        clearTimeout(this.hoverTimeout), this.hoverTimeout = window.setTimeout(() => this.hide(), e);
-      }
-    }, this.addEventListener("blur", this.handleBlur, !0), this.addEventListener("focus", this.handleFocus, !0), this.addEventListener("click", this.handleClick), this.addEventListener("mouseover", this.handleMouseOver), this.addEventListener("mouseout", this.handleMouseOut);
-  }
-  disconnectedCallback() {
-    var e;
-    (e = this.closeWatcher) == null || e.destroy(), document.removeEventListener("keydown", this.handleDocumentKeyDown);
-  }
-  firstUpdated() {
-    this.body.hidden = !this.open, this.open && (this.popup.active = !0, this.popup.reposition());
-  }
-  hasTrigger(e) {
-    return this.trigger.split(" ").includes(e);
-  }
-  async handleOpenChange() {
-    var e, t;
-    if (this.open) {
-      if (this.disabled)
-        return;
-      this.emit("sl-show"), "CloseWatcher" in window ? ((e = this.closeWatcher) == null || e.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
-        this.hide();
-      }) : document.addEventListener("keydown", this.handleDocumentKeyDown), await eo(this.body), this.body.hidden = !1, this.popup.active = !0;
-      const { keyframes: o, options: i } = Ze(this, "tooltip.show", { dir: this.localize.dir() });
-      await Qe(this.popup.popup, o, i), this.popup.reposition(), this.emit("sl-after-show");
-    } else {
-      this.emit("sl-hide"), (t = this.closeWatcher) == null || t.destroy(), document.removeEventListener("keydown", this.handleDocumentKeyDown), await eo(this.body);
-      const { keyframes: o, options: i } = Ze(this, "tooltip.hide", { dir: this.localize.dir() });
-      await Qe(this.popup.popup, o, i), this.popup.active = !1, this.body.hidden = !0, this.emit("sl-after-hide");
-    }
-  }
-  async handleOptionsChange() {
-    this.hasUpdated && (await this.updateComplete, this.popup.reposition());
-  }
-  handleDisabledChange() {
-    this.disabled && this.open && this.hide();
-  }
-  /** Shows the tooltip. */
-  async show() {
-    if (!this.open)
-      return this.open = !0, Je(this, "sl-after-show");
-  }
-  /** Hides the tooltip */
-  async hide() {
-    if (this.open)
-      return this.open = !1, Je(this, "sl-after-hide");
-  }
-  //
-  // NOTE: Tooltip is a bit unique in that we're using aria-live instead of aria-labelledby to trick screen readers into
-  // announcing the content. It works really well, but it violates an accessibility rule. We're also adding the
-  // aria-describedby attribute to a slot, which is required by <sl-popup> to correctly locate the first assigned
-  // element, otherwise positioning is incorrect.
-  //
-  render() {
-    return N`
-      <sl-popup
-        part="base"
-        exportparts="
-          popup:base__popup,
-          arrow:base__arrow
-        "
-        class=${qt({
-      tooltip: !0,
-      "tooltip--open": this.open
-    })}
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist ? "fixed" : "absolute"}
-        flip
-        shift
-        arrow
-        hover-bridge
-      >
-        ${""}
-        <slot slot="anchor" aria-describedby="tooltip"></slot>
-
-        ${""}
-        <div part="body" id="tooltip" class="tooltip__body" role="tooltip" aria-live=${this.open ? "polite" : "off"}>
-          <slot name="content">${this.content}</slot>
-        </div>
-      </sl-popup>
-    `;
-  }
-};
-E.styles = [bt, Ei];
-E.dependencies = { "sl-popup": $ };
-h([
-  ct("slot:not([name])")
-], E.prototype, "defaultSlot", 2);
-h([
-  ct(".tooltip__body")
-], E.prototype, "body", 2);
-h([
-  ct("sl-popup")
-], E.prototype, "popup", 2);
-h([
-  f()
-], E.prototype, "content", 2);
-h([
-  f()
-], E.prototype, "placement", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], E.prototype, "disabled", 2);
-h([
-  f({ type: Number })
-], E.prototype, "distance", 2);
-h([
-  f({ type: Boolean, reflect: !0 })
-], E.prototype, "open", 2);
-h([
-  f({ type: Number })
-], E.prototype, "skidding", 2);
-h([
-  f()
-], E.prototype, "trigger", 2);
-h([
-  f({ type: Boolean })
-], E.prototype, "hoist", 2);
-h([
-  mt("open", { waitUntilFirstUpdate: !0 })
-], E.prototype, "handleOpenChange", 1);
-h([
-  mt(["content", "distance", "hoist", "placement", "skidding"])
-], E.prototype, "handleOptionsChange", 1);
-h([
-  mt("disabled")
-], E.prototype, "handleDisabledChange", 1);
-Po("tooltip.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.8 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 150, easing: "ease" }
-});
-Po("tooltip.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.8 }
-  ],
-  options: { duration: 150, easing: "ease" }
-});
-E.define("sl-tooltip");
-const vr = `/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-2. [UnoCSS]: allow to override the default border color with css var \`--un-default-border-color\`
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
-}
-
-::before,
-::after {
-  --un-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured \`sans\` font-family by default.
-5. Use the user's configured \`sans\` font-feature-settings by default.
-6. Use the user's configured \`sans\` font-variation-settings by default.
-7. Disable tap highlights on iOS.
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-tab-size: 4; /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured \`mono\` font-family by default.
-2. Use the user's configured \`mono\` font-feature-settings by default.
-3. Use the user's configured \`mono\` font-variation-settings by default.
-4. Correct the odd \`em\` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to \`inherit\` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/*
-Make elements with the HTML hidden attribute stay hidden by default.
-*/
-
-[hidden] {
-  display: none;
-}`;
-var yr = Object.defineProperty, zo = (e, t, o, i) => {
-  for (var r = void 0, n = e.length - 1, s; n >= 0; n--)
-    (s = e[n]) && (r = s(t, o, r) || r);
-  return r && yr(t, o, r), r;
-};
-const Se = class Se extends ht {
-  constructor() {
-    super(...arguments), this.name = "hot-toolbar", this.tooltipPosition = "top", this.undo = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-undo-click"));
-    }, this.redo = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-redo-click"));
-    }, this.bold = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-bold-click"));
-    }, this.italic = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-italic-click"));
-    }, this.underline = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-underline-click"));
-    }, this.alignLeft = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-leftalign-click"));
-    }, this.alignCenter = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-centeralign-click"));
-    }, this.alignRight = (t) => {
-      t.stopPropagation(), this.dispatchEvent(new Event("hot-rightalign-click"));
-    };
-  }
-  // class=${toolbarStyle({
-  //   someProperty: this.someProperty,
-  // })}
-  render() {
-    return N`
-      <div class="button-group-toolbar">
-        ${this.renderButtonGroup("History", [
-      { content: "Undo", icon: "arrow-counterclockwise", label: "Undo", action: this.undo },
-      { content: "Redo", icon: "arrow-clockwise", label: "Redo", action: this.redo }
-    ])}
-        ${this.renderButtonGroup("Formatting", [
-      { content: "Bold", icon: "type-bold", label: "Bold", action: this.bold },
-      { content: "Italic", icon: "type-italic", label: "Italic", action: this.italic },
-      { content: "Underline", icon: "type-underline", label: "Underline", action: this.underline }
-    ])}
-        ${this.renderButtonGroup("Alignment", [
-      { content: "Align Left", icon: "justify-left", label: "Align Left", action: this.alignLeft },
-      { content: "Align Center", icon: "justify", label: "Align Center", action: this.alignCenter },
-      { content: "Align Right", icon: "justify-right", label: "Align Right", action: this.alignRight }
-    ])}
-      </div>
-    `;
-  }
-  renderButtonGroup(t, o) {
-    return N`
-      <sl-button-group label=${t}>
-        ${o.map((i) => this.renderButton(i))}
-      </sl-button-group>
-    `;
-  }
-  renderButton({ content: t, icon: o, label: i, action: r }) {
-    return N`
-      <sl-tooltip content=${t} placement="${this.tooltipPosition}">
-        <sl-button @click=${r ?? (() => {
-    })}><sl-icon name=${o} label=${i}></sl-icon></sl-button>
-      </sl-tooltip>
-    `;
-  }
-};
-Se.styles = [
-  et`
-      /* layer: preflights */
-*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
-/* layer: default */
-.relative{position:relative;}
-.static{position:static;}
-.justify-left{justify-content:left;}
-.justify-right{justify-content:right;}
-.italic{font-style:italic;}
-.underline{text-decoration-line:underline;};
-    `,
-  ro(vr)
-];
-let Tt = Se;
-zo([
-  f()
-], Tt.prototype, "name");
-zo([
-  f({ type: String, attribute: "tooltip-position" })
-], Tt.prototype, "tooltipPosition");
-he("/shoelace");
-customElements.define("hot-toolbar", Tt);