@hotosm/ui 0.1.0 → 0.2.0-a0

package/dist/ui.js

@@ -0,0 +1,4324 @@
+/**
+ * @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);