@kroyd/ui-core 0.0.4 → 0.0.5

package/dist/kroyd-ui-core.mjs

@@ -1 +1,2221 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const qe = globalThis, yt = qe.ShadowRoot && (qe.ShadyCSS === void 0 || qe.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, _t = Symbol(), sr = /* @__PURE__ */ new WeakMap();
+let gr = class {
+  constructor(t, n, o) {
+    if (this._$cssResult$ = !0, o !== _t) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = n;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const n = this.t;
+    if (yt && t === void 0) {
+      const o = n !== void 0 && n.length === 1;
+      o && (t = sr.get(n)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && sr.set(n, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const kn = (c) => new gr(typeof c == "string" ? c : c + "", void 0, _t), xn = (c, ...t) => {
+  const n = c.length === 1 ? c[0] : t.reduce((o, a, l) => o + ((d) => {
+    if (d._$cssResult$ === !0) return d.cssText;
+    if (typeof d == "number") return d;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + d + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(a) + c[l + 1], c[0]);
+  return new gr(n, c, _t);
+}, jn = (c, t) => {
+  if (yt) c.adoptedStyleSheets = t.map((n) => n instanceof CSSStyleSheet ? n : n.styleSheet);
+  else for (const n of t) {
+    const o = document.createElement("style"), a = qe.litNonce;
+    a !== void 0 && o.setAttribute("nonce", a), o.textContent = n.cssText, c.appendChild(o);
+  }
+}, ar = yt ? (c) => c : (c) => c instanceof CSSStyleSheet ? ((t) => {
+  let n = "";
+  for (const o of t.cssRules) n += o.cssText;
+  return kn(n);
+})(c) : c;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: Mn, defineProperty: Dn, getOwnPropertyDescriptor: Un, getOwnPropertyNames: In, getOwnPropertySymbols: Nn, getPrototypeOf: Ln } = Object, Z = globalThis, ur = Z.trustedTypes, Fn = ur ? ur.emptyScript : "", lt = Z.reactiveElementPolyfillSupport, we = (c, t) => c, Ke = { toAttribute(c, t) {
+  switch (t) {
+    case Boolean:
+      c = c ? Fn : null;
+      break;
+    case Object:
+    case Array:
+      c = c == null ? c : JSON.stringify(c);
+  }
+  return c;
+}, fromAttribute(c, t) {
+  let n = c;
+  switch (t) {
+    case Boolean:
+      n = c !== null;
+      break;
+    case Number:
+      n = c === null ? null : Number(c);
+      break;
+    case Object:
+    case Array:
+      try {
+        n = JSON.parse(c);
+      } catch {
+        n = null;
+      }
+  }
+  return n;
+} }, mt = (c, t) => !Mn(c, t), cr = { attribute: !0, type: String, converter: Ke, reflect: !1, useDefault: !1, hasChanged: mt };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Z.litPropertyMetadata ?? (Z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let pe = class 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, n = cr) {
+    if (n.state && (n.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((n = Object.create(n)).wrapped = !0), this.elementProperties.set(t, n), !n.noAccessor) {
+      const o = Symbol(), a = this.getPropertyDescriptor(t, o, n);
+      a !== void 0 && Dn(this.prototype, t, a);
+    }
+  }
+  static getPropertyDescriptor(t, n, o) {
+    const { get: a, set: l } = Un(this.prototype, t) ?? { get() {
+      return this[n];
+    }, set(d) {
+      this[n] = d;
+    } };
+    return { get: a, set(d) {
+      const g = a == null ? void 0 : a.call(this);
+      l == null || l.call(this, d), this.requestUpdate(t, g, o);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? cr;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(we("elementProperties"))) return;
+    const t = Ln(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(we("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(we("properties"))) {
+      const n = this.properties, o = [...In(n), ...Nn(n)];
+      for (const a of o) this.createProperty(a, n[a]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const n = litPropertyMetadata.get(t);
+      if (n !== void 0) for (const [o, a] of n) this.elementProperties.set(o, a);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [n, o] of this.elementProperties) {
+      const a = this._$Eu(n, o);
+      a !== void 0 && this._$Eh.set(a, n);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const n = [];
+    if (Array.isArray(t)) {
+      const o = new Set(t.flat(1 / 0).reverse());
+      for (const a of o) n.unshift(ar(a));
+    } else t !== void 0 && n.push(ar(t));
+    return n;
+  }
+  static _$Eu(t, n) {
+    const o = n.attribute;
+    return o === !1 ? void 0 : typeof o == "string" ? o : 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((n) => this.enableUpdating = n), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((n) => n(this));
+  }
+  addController(t) {
+    var n;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((n = t.hostConnected) == null || n.call(t));
+  }
+  removeController(t) {
+    var n;
+    (n = this._$EO) == null || n.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), n = this.constructor.elementProperties;
+    for (const o of n.keys()) this.hasOwnProperty(o) && (t.set(o, this[o]), delete this[o]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return jn(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((n) => {
+      var o;
+      return (o = n.hostConnected) == null ? void 0 : o.call(n);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$EO) == null || t.forEach((n) => {
+      var o;
+      return (o = n.hostDisconnected) == null ? void 0 : o.call(n);
+    });
+  }
+  attributeChangedCallback(t, n, o) {
+    this._$AK(t, o);
+  }
+  _$ET(t, n) {
+    var l;
+    const o = this.constructor.elementProperties.get(t), a = this.constructor._$Eu(t, o);
+    if (a !== void 0 && o.reflect === !0) {
+      const d = (((l = o.converter) == null ? void 0 : l.toAttribute) !== void 0 ? o.converter : Ke).toAttribute(n, o.type);
+      this._$Em = t, d == null ? this.removeAttribute(a) : this.setAttribute(a, d), this._$Em = null;
+    }
+  }
+  _$AK(t, n) {
+    var l, d;
+    const o = this.constructor, a = o._$Eh.get(t);
+    if (a !== void 0 && this._$Em !== a) {
+      const g = o.getPropertyOptions(a), v = typeof g.converter == "function" ? { fromAttribute: g.converter } : ((l = g.converter) == null ? void 0 : l.fromAttribute) !== void 0 ? g.converter : Ke;
+      this._$Em = a;
+      const C = v.fromAttribute(n, g.type);
+      this[a] = C ?? ((d = this._$Ej) == null ? void 0 : d.get(a)) ?? C, this._$Em = null;
+    }
+  }
+  requestUpdate(t, n, o) {
+    var a;
+    if (t !== void 0) {
+      const l = this.constructor, d = this[t];
+      if (o ?? (o = l.getPropertyOptions(t)), !((o.hasChanged ?? mt)(d, n) || o.useDefault && o.reflect && d === ((a = this._$Ej) == null ? void 0 : a.get(t)) && !this.hasAttribute(l._$Eu(t, o)))) return;
+      this.C(t, n, o);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, n, { useDefault: o, reflect: a, wrapped: l }, d) {
+    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, d ?? n ?? this[t]), l !== !0 || d !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (n = void 0), this._$AL.set(t, n)), a === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (n) {
+      Promise.reject(n);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var o;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [l, d] of this._$Ep) this[l] = d;
+        this._$Ep = void 0;
+      }
+      const a = this.constructor.elementProperties;
+      if (a.size > 0) for (const [l, d] of a) {
+        const { wrapped: g } = d, v = this[l];
+        g !== !0 || this._$AL.has(l) || v === void 0 || this.C(l, void 0, d, v);
+      }
+    }
+    let t = !1;
+    const n = this._$AL;
+    try {
+      t = this.shouldUpdate(n), t ? (this.willUpdate(n), (o = this._$EO) == null || o.forEach((a) => {
+        var l;
+        return (l = a.hostUpdate) == null ? void 0 : l.call(a);
+      }), this.update(n)) : this._$EM();
+    } catch (a) {
+      throw t = !1, this._$EM(), a;
+    }
+    t && this._$AE(n);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var n;
+    (n = this._$EO) == null || n.forEach((o) => {
+      var a;
+      return (a = o.hostUpdated) == null ? void 0 : a.call(o);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach((n) => this._$ET(n, this[n]))), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+pe.elementStyles = [], pe.shadowRootOptions = { mode: "open" }, pe[we("elementProperties")] = /* @__PURE__ */ new Map(), pe[we("finalized")] = /* @__PURE__ */ new Map(), lt == null || lt({ ReactiveElement: pe }), (Z.reactiveElementVersions ?? (Z.reactiveElementVersions = [])).push("2.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Ae = globalThis, Ge = Ae.trustedTypes, lr = Ge ? Ge.createPolicy("lit-html", { createHTML: (c) => c }) : void 0, br = "$lit$", X = `lit$${Math.random().toFixed(9).slice(2)}$`, Er = "?" + X, Hn = `<${Er}>`, ie = document, Re = () => ie.createComment(""), Oe = (c) => c === null || typeof c != "object" && typeof c != "function", gt = Array.isArray, zn = (c) => gt(c) || typeof (c == null ? void 0 : c[Symbol.iterator]) == "function", ft = `[ 	
+\f\r]`, $e = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, fr = /-->/g, dr = />/g, re = RegExp(`>|${ft}(?:([^\\s"'>=/]+)(${ft}*=${ft}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), pr = /'/g, hr = /"/g, $r = /^(?:script|style|textarea|title)$/i, Vn = (c) => (t, ...n) => ({ _$litType$: c, strings: t, values: n }), Wn = Vn(1), he = Symbol.for("lit-noChange"), L = Symbol.for("lit-nothing"), vr = /* @__PURE__ */ new WeakMap(), ne = ie.createTreeWalker(ie, 129);
+function Sr(c, t) {
+  if (!gt(c) || !c.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return lr !== void 0 ? lr.createHTML(t) : t;
+}
+const Bn = (c, t) => {
+  const n = c.length - 1, o = [];
+  let a, l = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", d = $e;
+  for (let g = 0; g < n; g++) {
+    const v = c[g];
+    let C, P, w = -1, H = 0;
+    for (; H < v.length && (d.lastIndex = H, P = d.exec(v), P !== null); ) H = d.lastIndex, d === $e ? P[1] === "!--" ? d = fr : P[1] !== void 0 ? d = dr : P[2] !== void 0 ? ($r.test(P[2]) && (a = RegExp("</" + P[2], "g")), d = re) : P[3] !== void 0 && (d = re) : d === re ? P[0] === ">" ? (d = a ?? $e, w = -1) : P[1] === void 0 ? w = -2 : (w = d.lastIndex - P[2].length, C = P[1], d = P[3] === void 0 ? re : P[3] === '"' ? hr : pr) : d === hr || d === pr ? d = re : d === fr || d === dr ? d = $e : (d = re, a = void 0);
+    const I = d === re && c[g + 1].startsWith("/>") ? " " : "";
+    l += d === $e ? v + Hn : w >= 0 ? (o.push(C), v.slice(0, w) + br + v.slice(w) + X + I) : v + X + (w === -2 ? g : I);
+  }
+  return [Sr(c, l + (c[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
+};
+class Pe {
+  constructor({ strings: t, _$litType$: n }, o) {
+    let a;
+    this.parts = [];
+    let l = 0, d = 0;
+    const g = t.length - 1, v = this.parts, [C, P] = Bn(t, n);
+    if (this.el = Pe.createElement(C, o), ne.currentNode = this.el.content, n === 2 || n === 3) {
+      const w = this.el.content.firstChild;
+      w.replaceWith(...w.childNodes);
+    }
+    for (; (a = ne.nextNode()) !== null && v.length < g; ) {
+      if (a.nodeType === 1) {
+        if (a.hasAttributes()) for (const w of a.getAttributeNames()) if (w.endsWith(br)) {
+          const H = P[d++], I = a.getAttribute(w).split(X), B = /([.?@])?(.*)/.exec(H);
+          v.push({ type: 1, index: l, name: B[2], strings: I, ctor: B[1] === "." ? qn : B[1] === "?" ? Kn : B[1] === "@" ? Gn : Je }), a.removeAttribute(w);
+        } else w.startsWith(X) && (v.push({ type: 6, index: l }), a.removeAttribute(w));
+        if ($r.test(a.tagName)) {
+          const w = a.textContent.split(X), H = w.length - 1;
+          if (H > 0) {
+            a.textContent = Ge ? Ge.emptyScript : "";
+            for (let I = 0; I < H; I++) a.append(w[I], Re()), ne.nextNode(), v.push({ type: 2, index: ++l });
+            a.append(w[H], Re());
+          }
+        }
+      } else if (a.nodeType === 8) if (a.data === Er) v.push({ type: 2, index: l });
+      else {
+        let w = -1;
+        for (; (w = a.data.indexOf(X, w + 1)) !== -1; ) v.push({ type: 7, index: l }), w += X.length - 1;
+      }
+      l++;
+    }
+  }
+  static createElement(t, n) {
+    const o = ie.createElement("template");
+    return o.innerHTML = t, o;
+  }
+}
+function ve(c, t, n = c, o) {
+  var d, g;
+  if (t === he) return t;
+  let a = o !== void 0 ? (d = n._$Co) == null ? void 0 : d[o] : n._$Cl;
+  const l = Oe(t) ? void 0 : t._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== l && ((g = a == null ? void 0 : a._$AO) == null || g.call(a, !1), l === void 0 ? a = void 0 : (a = new l(c), a._$AT(c, n, o)), o !== void 0 ? (n._$Co ?? (n._$Co = []))[o] = a : n._$Cl = a), a !== void 0 && (t = ve(c, a._$AS(c, t.values), a, o)), t;
+}
+class Yn {
+  constructor(t, n) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = n;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: n }, parts: o } = this._$AD, a = ((t == null ? void 0 : t.creationScope) ?? ie).importNode(n, !0);
+    ne.currentNode = a;
+    let l = ne.nextNode(), d = 0, g = 0, v = o[0];
+    for (; v !== void 0; ) {
+      if (d === v.index) {
+        let C;
+        v.type === 2 ? C = new Te(l, l.nextSibling, this, t) : v.type === 1 ? C = new v.ctor(l, v.name, v.strings, this, t) : v.type === 6 && (C = new Jn(l, this, t)), this._$AV.push(C), v = o[++g];
+      }
+      d !== (v == null ? void 0 : v.index) && (l = ne.nextNode(), d++);
+    }
+    return ne.currentNode = ie, a;
+  }
+  p(t) {
+    let n = 0;
+    for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, n), n += o.strings.length - 2) : o._$AI(t[n])), n++;
+  }
+}
+class Te {
+  get _$AU() {
+    var t;
+    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
+  }
+  constructor(t, n, o, a) {
+    this.type = 2, this._$AH = L, this._$AN = void 0, this._$AA = t, this._$AB = n, this._$AM = o, this.options = a, this._$Cv = (a == null ? void 0 : a.isConnected) ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const n = this._$AM;
+    return n !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = n.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, n = this) {
+    t = ve(this, t, n), Oe(t) ? t === L || t == null || t === "" ? (this._$AH !== L && this._$AR(), this._$AH = L) : t !== this._$AH && t !== he && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : zn(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== L && Oe(this._$AH) ? this._$AA.nextSibling.data = t : this.T(ie.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var l;
+    const { values: n, _$litType$: o } = t, a = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Pe.createElement(Sr(o.h, o.h[0]), this.options)), o);
+    if (((l = this._$AH) == null ? void 0 : l._$AD) === a) this._$AH.p(n);
+    else {
+      const d = new Yn(a, this), g = d.u(this.options);
+      d.p(n), this.T(g), this._$AH = d;
+    }
+  }
+  _$AC(t) {
+    let n = vr.get(t.strings);
+    return n === void 0 && vr.set(t.strings, n = new Pe(t)), n;
+  }
+  k(t) {
+    gt(this._$AH) || (this._$AH = [], this._$AR());
+    const n = this._$AH;
+    let o, a = 0;
+    for (const l of t) a === n.length ? n.push(o = new Te(this.O(Re()), this.O(Re()), this, this.options)) : o = n[a], o._$AI(l), a++;
+    a < n.length && (this._$AR(o && o._$AB.nextSibling, a), n.length = a);
+  }
+  _$AR(t = this._$AA.nextSibling, n) {
+    var o;
+    for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, n); t !== this._$AB; ) {
+      const a = t.nextSibling;
+      t.remove(), t = a;
+    }
+  }
+  setConnected(t) {
+    var n;
+    this._$AM === void 0 && (this._$Cv = t, (n = this._$AP) == null || n.call(this, t));
+  }
+}
+class Je {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, n, o, a, l) {
+    this.type = 1, this._$AH = L, this._$AN = void 0, this.element = t, this.name = n, this._$AM = a, this.options = l, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = L;
+  }
+  _$AI(t, n = this, o, a) {
+    const l = this.strings;
+    let d = !1;
+    if (l === void 0) t = ve(this, t, n, 0), d = !Oe(t) || t !== this._$AH && t !== he, d && (this._$AH = t);
+    else {
+      const g = t;
+      let v, C;
+      for (t = l[0], v = 0; v < l.length - 1; v++) C = ve(this, g[o + v], n, v), C === he && (C = this._$AH[v]), d || (d = !Oe(C) || C !== this._$AH[v]), C === L ? t = L : t !== L && (t += (C ?? "") + l[v + 1]), this._$AH[v] = C;
+    }
+    d && !a && this.j(t);
+  }
+  j(t) {
+    t === L ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class qn extends Je {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === L ? void 0 : t;
+  }
+}
+class Kn extends Je {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== L);
+  }
+}
+class Gn extends Je {
+  constructor(t, n, o, a, l) {
+    super(t, n, o, a, l), this.type = 5;
+  }
+  _$AI(t, n = this) {
+    if ((t = ve(this, t, n, 0) ?? L) === he) return;
+    const o = this._$AH, a = t === L && o !== L || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, l = t !== L && (o === L || a);
+    a && this.element.removeEventListener(this.name, this, o), l && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var n;
+    typeof this._$AH == "function" ? this._$AH.call(((n = this.options) == null ? void 0 : n.host) ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class Jn {
+  constructor(t, n, o) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = n, this.options = o;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    ve(this, t);
+  }
+}
+const dt = Ae.litHtmlPolyfillSupport;
+dt == null || dt(Pe, Te), (Ae.litHtmlVersions ?? (Ae.litHtmlVersions = [])).push("3.3.1");
+const Qn = (c, t, n) => {
+  const o = (n == null ? void 0 : n.renderBefore) ?? t;
+  let a = o._$litPart$;
+  if (a === void 0) {
+    const l = (n == null ? void 0 : n.renderBefore) ?? null;
+    o._$litPart$ = a = new Te(t.insertBefore(Re(), l), l, void 0, n ?? {});
+  }
+  return a._$AI(c), a;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const oe = globalThis;
+class Ce extends pe {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var n;
+    const t = super.createRenderRoot();
+    return (n = this.renderOptions).renderBefore ?? (n.renderBefore = t.firstChild), t;
+  }
+  update(t) {
+    const n = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Qn(n, 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 he;
+  }
+}
+var mr;
+Ce._$litElement$ = !0, Ce.finalized = !0, (mr = oe.litElementHydrateSupport) == null || mr.call(oe, { LitElement: Ce });
+const pt = oe.litElementPolyfillSupport;
+pt == null || pt({ LitElement: Ce });
+(oe.litElementVersions ?? (oe.litElementVersions = [])).push("4.2.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Xn = { attribute: !0, type: String, converter: Ke, reflect: !1, hasChanged: mt }, Zn = (c = Xn, t, n) => {
+  const { kind: o, metadata: a } = n;
+  let l = globalThis.litPropertyMetadata.get(a);
+  if (l === void 0 && globalThis.litPropertyMetadata.set(a, l = /* @__PURE__ */ new Map()), o === "setter" && ((c = Object.create(c)).wrapped = !0), l.set(n.name, c), o === "accessor") {
+    const { name: d } = n;
+    return { set(g) {
+      const v = t.get.call(this);
+      t.set.call(this, g), this.requestUpdate(d, v, c);
+    }, init(g) {
+      return g !== void 0 && this.C(d, void 0, c, g), g;
+    } };
+  }
+  if (o === "setter") {
+    const { name: d } = n;
+    return function(g) {
+      const v = this[d];
+      t.call(this, g), this.requestUpdate(d, v, c);
+    };
+  }
+  throw Error("Unsupported decorator location: " + o);
+};
+function bt(c) {
+  return (t, n) => typeof n == "object" ? Zn(c, t, n) : ((o, a, l) => {
+    const d = a.hasOwnProperty(l);
+    return a.constructor.createProperty(l, o), d ? Object.getOwnPropertyDescriptor(a, l) : void 0;
+  })(c, t, n);
+}
+const eo = xn`
+  :host {
+    display: inline-block;
+  }
 
+  .button {
+    padding: 8px 12px;
+    user-select: none;
+    cursor: pointer;
+    background-color: var(--grey);
+    text-align: center;
+    color: var(--text-primary);
+    border-radius: 10px;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 16px;
+    transition: opacity 200ms;
+    box-sizing: border-box;
+    border: none;
+  }
+
+  /* ================== variants ================== */
+
+  .button__primary {
+    background-color: var(--main-primary);
+    color: var(--cards-white);
+    outline: none;
+  }
+
+  .button__error {
+    background-color: var(--error);
+    border: 1px solid var(--error);
+    color: var(--cards-white);
+    padding: 7px 12px;
+  }
+
+  .button__error_outline {
+    background-color: var(--cards-white);
+    border: 1px solid var(--error);
+    color: var(--error);
+    padding: 7px 12px;
+  }
+
+  .button__success {
+    background-color: var(--success);
+    border: 1px solid var(--success);
+    color: var(--cards-white);
+    outline: none;
+  }
+
+  /* ================== sizes ================== */
+
+  .button__lg {
+    padding: 12px 20px;
+    line-height: 20px;
+    font-size: 16px;
+  }
+
+  .button__md {
+    padding: 10px 12px;
+    line-height: 20px;
+  }
+
+  .button__sm {
+    padding: 8px 12px;
+    line-height: 16px;
+    font-size: 12px;
+  }
+
+  /* ================== states ================== */
+
+  .button:hover {
+    opacity: 0.85;
+  }
+
+  .button:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  .button:disabled:hover {
+    opacity: 0.4;
+  }
+`;
+var to = Object.defineProperty, Et = (c, t, n, o) => {
+  for (var a = void 0, l = c.length - 1, d; l >= 0; l--)
+    (d = c[l]) && (a = d(t, n, a) || a);
+  return a && to(t, n, a), a;
+};
+const $t = class $t extends Ce {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.variant = "primary", this.size = "md";
+  }
+  handleClick(t) {
+    this.disabled || this.dispatchEvent(
+      new CustomEvent("ui-click", {
+        detail: {
+          variant: this.variant,
+          size: this.size,
+          disabled: this.disabled,
+          originalEvent: t
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  render() {
+    return Wn`
+      <button
+        class="
+          button
+          button__${this.variant}
+          button__${this.size}
+        "
+        ?disabled=${this.disabled}
+        @click=${this.handleClick}
+      >
+        <slot></slot>
+      </button>
+    `;
+  }
+};
+$t.styles = eo;
+let ye = $t;
+Et([
+  bt({ type: Boolean, reflect: !0 })
+], ye.prototype, "disabled");
+Et([
+  bt({ reflect: !0 })
+], ye.prototype, "variant");
+Et([
+  bt({ reflect: !0 })
+], ye.prototype, "size");
+customElements.define("ui-button", ye);
+function ro(c) {
+  return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
+}
+var ht = { exports: {} }, b = {};
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var yr;
+function no() {
+  if (yr) return b;
+  yr = 1;
+  var c = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), C = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), w = Symbol.iterator;
+  function H(i) {
+    return i === null || typeof i != "object" ? null : (i = w && i[w] || i["@@iterator"], typeof i == "function" ? i : null);
+  }
+  var I = { isMounted: function() {
+    return !1;
+  }, enqueueForceUpdate: function() {
+  }, enqueueReplaceState: function() {
+  }, enqueueSetState: function() {
+  } }, B = Object.assign, ke = {};
+  function q(i, f, E) {
+    this.props = i, this.context = f, this.refs = ke, this.updater = E || I;
+  }
+  q.prototype.isReactComponent = {}, q.prototype.setState = function(i, f) {
+    if (typeof i != "object" && typeof i != "function" && i != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+    this.updater.enqueueSetState(this, i, f, "setState");
+  }, q.prototype.forceUpdate = function(i) {
+    this.updater.enqueueForceUpdate(this, i, "forceUpdate");
+  };
+  function xe() {
+  }
+  xe.prototype = q.prototype;
+  function se(i, f, E) {
+    this.props = i, this.context = f, this.refs = ke, this.updater = E || I;
+  }
+  var ae = se.prototype = new xe();
+  ae.constructor = se, B(ae, q.prototype), ae.isPureReactComponent = !0;
+  var K = Array.isArray, N = Object.prototype.hasOwnProperty, W = { current: null }, G = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function ee(i, f, E) {
+    var S, A = {}, D = null, x = null;
+    if (f != null) for (S in f.ref !== void 0 && (x = f.ref), f.key !== void 0 && (D = "" + f.key), f) N.call(f, S) && !G.hasOwnProperty(S) && (A[S] = f[S]);
+    var j = arguments.length - 2;
+    if (j === 1) A.children = E;
+    else if (1 < j) {
+      for (var O = Array(j), z = 0; z < j; z++) O[z] = arguments[z + 2];
+      A.children = O;
+    }
+    if (i && i.defaultProps) for (S in j = i.defaultProps, j) A[S] === void 0 && (A[S] = j[S]);
+    return { $$typeof: c, type: i, key: D, ref: x, props: A, _owner: W.current };
+  }
+  function je(i, f) {
+    return { $$typeof: c, type: i.type, key: f, ref: i.ref, props: i.props, _owner: i._owner };
+  }
+  function _e(i) {
+    return typeof i == "object" && i !== null && i.$$typeof === c;
+  }
+  function Qe(i) {
+    var f = { "=": "=0", ":": "=2" };
+    return "$" + i.replace(/[=:]/g, function(E) {
+      return f[E];
+    });
+  }
+  var Me = /\/+/g;
+  function me(i, f) {
+    return typeof i == "object" && i !== null && i.key != null ? Qe("" + i.key) : f.toString(36);
+  }
+  function ue(i, f, E, S, A) {
+    var D = typeof i;
+    (D === "undefined" || D === "boolean") && (i = null);
+    var x = !1;
+    if (i === null) x = !0;
+    else switch (D) {
+      case "string":
+      case "number":
+        x = !0;
+        break;
+      case "object":
+        switch (i.$$typeof) {
+          case c:
+          case t:
+            x = !0;
+        }
+    }
+    if (x) return x = i, A = A(x), i = S === "" ? "." + me(x, 0) : S, K(A) ? (E = "", i != null && (E = i.replace(Me, "$&/") + "/"), ue(A, f, E, "", function(z) {
+      return z;
+    })) : A != null && (_e(A) && (A = je(A, E + (!A.key || x && x.key === A.key ? "" : ("" + A.key).replace(Me, "$&/") + "/") + i)), f.push(A)), 1;
+    if (x = 0, S = S === "" ? "." : S + ":", K(i)) for (var j = 0; j < i.length; j++) {
+      D = i[j];
+      var O = S + me(D, j);
+      x += ue(D, f, E, O, A);
+    }
+    else if (O = H(i), typeof O == "function") for (i = O.call(i), j = 0; !(D = i.next()).done; ) D = D.value, O = S + me(D, j++), x += ue(D, f, E, O, A);
+    else if (D === "object") throw f = String(i), Error("Objects are not valid as a React child (found: " + (f === "[object Object]" ? "object with keys {" + Object.keys(i).join(", ") + "}" : f) + "). If you meant to render a collection of children, use an array instead.");
+    return x;
+  }
+  function Y(i, f, E) {
+    if (i == null) return i;
+    var S = [], A = 0;
+    return ue(i, S, "", "", function(D) {
+      return f.call(E, D, A++);
+    }), S;
+  }
+  function J(i) {
+    if (i._status === -1) {
+      var f = i._result;
+      f = f(), f.then(function(E) {
+        (i._status === 0 || i._status === -1) && (i._status = 1, i._result = E);
+      }, function(E) {
+        (i._status === 0 || i._status === -1) && (i._status = 2, i._result = E);
+      }), i._status === -1 && (i._status = 0, i._result = f);
+    }
+    if (i._status === 1) return i._result.default;
+    throw i._result;
+  }
+  var _ = { current: null }, te = { transition: null }, De = { ReactCurrentDispatcher: _, ReactCurrentBatchConfig: te, ReactCurrentOwner: W };
+  function ce() {
+    throw Error("act(...) is not supported in production builds of React.");
+  }
+  return b.Children = { map: Y, forEach: function(i, f, E) {
+    Y(i, function() {
+      f.apply(this, arguments);
+    }, E);
+  }, count: function(i) {
+    var f = 0;
+    return Y(i, function() {
+      f++;
+    }), f;
+  }, toArray: function(i) {
+    return Y(i, function(f) {
+      return f;
+    }) || [];
+  }, only: function(i) {
+    if (!_e(i)) throw Error("React.Children.only expected to receive a single React element child.");
+    return i;
+  } }, b.Component = q, b.Fragment = n, b.Profiler = a, b.PureComponent = se, b.StrictMode = o, b.Suspense = v, b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = De, b.act = ce, b.cloneElement = function(i, f, E) {
+    if (i == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + i + ".");
+    var S = B({}, i.props), A = i.key, D = i.ref, x = i._owner;
+    if (f != null) {
+      if (f.ref !== void 0 && (D = f.ref, x = W.current), f.key !== void 0 && (A = "" + f.key), i.type && i.type.defaultProps) var j = i.type.defaultProps;
+      for (O in f) N.call(f, O) && !G.hasOwnProperty(O) && (S[O] = f[O] === void 0 && j !== void 0 ? j[O] : f[O]);
+    }
+    var O = arguments.length - 2;
+    if (O === 1) S.children = E;
+    else if (1 < O) {
+      j = Array(O);
+      for (var z = 0; z < O; z++) j[z] = arguments[z + 2];
+      S.children = j;
+    }
+    return { $$typeof: c, type: i.type, key: A, ref: D, props: S, _owner: x };
+  }, b.createContext = function(i) {
+    return i = { $$typeof: d, _currentValue: i, _currentValue2: i, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, i.Provider = { $$typeof: l, _context: i }, i.Consumer = i;
+  }, b.createElement = ee, b.createFactory = function(i) {
+    var f = ee.bind(null, i);
+    return f.type = i, f;
+  }, b.createRef = function() {
+    return { current: null };
+  }, b.forwardRef = function(i) {
+    return { $$typeof: g, render: i };
+  }, b.isValidElement = _e, b.lazy = function(i) {
+    return { $$typeof: P, _payload: { _status: -1, _result: i }, _init: J };
+  }, b.memo = function(i, f) {
+    return { $$typeof: C, type: i, compare: f === void 0 ? null : f };
+  }, b.startTransition = function(i) {
+    var f = te.transition;
+    te.transition = {};
+    try {
+      i();
+    } finally {
+      te.transition = f;
+    }
+  }, b.unstable_act = ce, b.useCallback = function(i, f) {
+    return _.current.useCallback(i, f);
+  }, b.useContext = function(i) {
+    return _.current.useContext(i);
+  }, b.useDebugValue = function() {
+  }, b.useDeferredValue = function(i) {
+    return _.current.useDeferredValue(i);
+  }, b.useEffect = function(i, f) {
+    return _.current.useEffect(i, f);
+  }, b.useId = function() {
+    return _.current.useId();
+  }, b.useImperativeHandle = function(i, f, E) {
+    return _.current.useImperativeHandle(i, f, E);
+  }, b.useInsertionEffect = function(i, f) {
+    return _.current.useInsertionEffect(i, f);
+  }, b.useLayoutEffect = function(i, f) {
+    return _.current.useLayoutEffect(i, f);
+  }, b.useMemo = function(i, f) {
+    return _.current.useMemo(i, f);
+  }, b.useReducer = function(i, f, E) {
+    return _.current.useReducer(i, f, E);
+  }, b.useRef = function(i) {
+    return _.current.useRef(i);
+  }, b.useState = function(i) {
+    return _.current.useState(i);
+  }, b.useSyncExternalStore = function(i, f, E) {
+    return _.current.useSyncExternalStore(i, f, E);
+  }, b.useTransition = function() {
+    return _.current.useTransition();
+  }, b.version = "18.3.1", b;
+}
+var Se = { exports: {} };
+/**
+ * @license React
+ * react.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Se.exports;
+var _r;
+function oo() {
+  return _r || (_r = 1, function(c, t) {
+    process.env.NODE_ENV !== "production" && function() {
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+      var n = "18.3.1", o = Symbol.for("react.element"), a = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), C = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), ke = Symbol.for("react.offscreen"), q = Symbol.iterator, xe = "@@iterator";
+      function se(e) {
+        if (e === null || typeof e != "object")
+          return null;
+        var r = q && e[q] || e[xe];
+        return typeof r == "function" ? r : null;
+      }
+      var ae = {
+        /**
+         * @internal
+         * @type {ReactComponent}
+         */
+        current: null
+      }, K = {
+        transition: null
+      }, N = {
+        current: null,
+        // Used to reproduce behavior of `batchedUpdates` in legacy mode.
+        isBatchingLegacy: !1,
+        didScheduleLegacyUpdate: !1
+      }, W = {
+        /**
+         * @internal
+         * @type {ReactComponent}
+         */
+        current: null
+      }, G = {}, ee = null;
+      function je(e) {
+        ee = e;
+      }
+      G.setExtraStackFrame = function(e) {
+        ee = e;
+      }, G.getCurrentStack = null, G.getStackAddendum = function() {
+        var e = "";
+        ee && (e += ee);
+        var r = G.getCurrentStack;
+        return r && (e += r() || ""), e;
+      };
+      var _e = !1, Qe = !1, Me = !1, me = !1, ue = !1, Y = {
+        ReactCurrentDispatcher: ae,
+        ReactCurrentBatchConfig: K,
+        ReactCurrentOwner: W
+      };
+      Y.ReactDebugCurrentFrame = G, Y.ReactCurrentActQueue = N;
+      function J(e) {
+        {
+          for (var r = arguments.length, s = new Array(r > 1 ? r - 1 : 0), u = 1; u < r; u++)
+            s[u - 1] = arguments[u];
+          te("warn", e, s);
+        }
+      }
+      function _(e) {
+        {
+          for (var r = arguments.length, s = new Array(r > 1 ? r - 1 : 0), u = 1; u < r; u++)
+            s[u - 1] = arguments[u];
+          te("error", e, s);
+        }
+      }
+      function te(e, r, s) {
+        {
+          var u = Y.ReactDebugCurrentFrame, p = u.getStackAddendum();
+          p !== "" && (r += "%s", s = s.concat([p]));
+          var y = s.map(function(h) {
+            return String(h);
+          });
+          y.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, y);
+        }
+      }
+      var De = {};
+      function ce(e, r) {
+        {
+          var s = e.constructor, u = s && (s.displayName || s.name) || "ReactClass", p = u + "." + r;
+          if (De[p])
+            return;
+          _("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", r, u), De[p] = !0;
+        }
+      }
+      var i = {
+        /**
+         * Checks whether or not this composite component is mounted.
+         * @param {ReactClass} publicInstance The instance we want to test.
+         * @return {boolean} True if mounted, false otherwise.
+         * @protected
+         * @final
+         */
+        isMounted: function(e) {
+          return !1;
+        },
+        /**
+         * Forces an update. This should only be invoked when it is known with
+         * certainty that we are **not** in a DOM transaction.
+         *
+         * You may want to call this when you know that some deeper aspect of the
+         * component's state has changed but `setState` was not called.
+         *
+         * This will not invoke `shouldComponentUpdate`, but it will invoke
+         * `componentWillUpdate` and `componentDidUpdate`.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} callerName name of the calling function in the public API.
+         * @internal
+         */
+        enqueueForceUpdate: function(e, r, s) {
+          ce(e, "forceUpdate");
+        },
+        /**
+         * Replaces all of the state. Always use this or `setState` to mutate state.
+         * You should treat `this.state` as immutable.
+         *
+         * There is no guarantee that `this.state` will be immediately updated, so
+         * accessing `this.state` after calling this method may return the old value.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {object} completeState Next state.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} callerName name of the calling function in the public API.
+         * @internal
+         */
+        enqueueReplaceState: function(e, r, s, u) {
+          ce(e, "replaceState");
+        },
+        /**
+         * Sets a subset of the state. This only exists because _pendingState is
+         * internal. This provides a merging strategy that is not available to deep
+         * properties which is confusing. TODO: Expose pendingState or don't use it
+         * during the merge.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {object} partialState Next partial state to be merged with state.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} Name of the calling function in the public API.
+         * @internal
+         */
+        enqueueSetState: function(e, r, s, u) {
+          ce(e, "setState");
+        }
+      }, f = Object.assign, E = {};
+      Object.freeze(E);
+      function S(e, r, s) {
+        this.props = e, this.context = r, this.refs = E, this.updater = s || i;
+      }
+      S.prototype.isReactComponent = {}, S.prototype.setState = function(e, r) {
+        if (typeof e != "object" && typeof e != "function" && e != null)
+          throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+        this.updater.enqueueSetState(this, e, r, "setState");
+      }, S.prototype.forceUpdate = function(e) {
+        this.updater.enqueueForceUpdate(this, e, "forceUpdate");
+      };
+      {
+        var A = {
+          isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],
+          replaceState: ["replaceState", "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]
+        }, D = function(e, r) {
+          Object.defineProperty(S.prototype, e, {
+            get: function() {
+              J("%s(...) is deprecated in plain JavaScript React classes. %s", r[0], r[1]);
+            }
+          });
+        };
+        for (var x in A)
+          A.hasOwnProperty(x) && D(x, A[x]);
+      }
+      function j() {
+      }
+      j.prototype = S.prototype;
+      function O(e, r, s) {
+        this.props = e, this.context = r, this.refs = E, this.updater = s || i;
+      }
+      var z = O.prototype = new j();
+      z.constructor = O, f(z, S.prototype), z.isPureReactComponent = !0;
+      function wr() {
+        var e = {
+          current: null
+        };
+        return Object.seal(e), e;
+      }
+      var Ar = Array.isArray;
+      function Ue(e) {
+        return Ar(e);
+      }
+      function Cr(e) {
+        {
+          var r = typeof Symbol == "function" && Symbol.toStringTag, s = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+          return s;
+        }
+      }
+      function Rr(e) {
+        try {
+          return St(e), !1;
+        } catch {
+          return !0;
+        }
+      }
+      function St(e) {
+        return "" + e;
+      }
+      function Ie(e) {
+        if (Rr(e))
+          return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), St(e);
+      }
+      function Or(e, r, s) {
+        var u = e.displayName;
+        if (u)
+          return u;
+        var p = r.displayName || r.name || "";
+        return p !== "" ? s + "(" + p + ")" : s;
+      }
+      function wt(e) {
+        return e.displayName || "Context";
+      }
+      function Q(e) {
+        if (e == null)
+          return null;
+        if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+          return e.displayName || e.name || null;
+        if (typeof e == "string")
+          return e;
+        switch (e) {
+          case l:
+            return "Fragment";
+          case a:
+            return "Portal";
+          case g:
+            return "Profiler";
+          case d:
+            return "StrictMode";
+          case w:
+            return "Suspense";
+          case H:
+            return "SuspenseList";
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case C:
+              var r = e;
+              return wt(r) + ".Consumer";
+            case v:
+              var s = e;
+              return wt(s._context) + ".Provider";
+            case P:
+              return Or(e, e.render, "ForwardRef");
+            case I:
+              var u = e.displayName || null;
+              return u !== null ? u : Q(e.type) || "Memo";
+            case B: {
+              var p = e, y = p._payload, h = p._init;
+              try {
+                return Q(h(y));
+              } catch {
+                return null;
+              }
+            }
+          }
+        return null;
+      }
+      var ge = Object.prototype.hasOwnProperty, At = {
+        key: !0,
+        ref: !0,
+        __self: !0,
+        __source: !0
+      }, Ct, Rt, Xe;
+      Xe = {};
+      function Ot(e) {
+        if (ge.call(e, "ref")) {
+          var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+          if (r && r.isReactWarning)
+            return !1;
+        }
+        return e.ref !== void 0;
+      }
+      function Pt(e) {
+        if (ge.call(e, "key")) {
+          var r = Object.getOwnPropertyDescriptor(e, "key").get;
+          if (r && r.isReactWarning)
+            return !1;
+        }
+        return e.key !== void 0;
+      }
+      function Pr(e, r) {
+        var s = function() {
+          Ct || (Ct = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
+          configurable: !0
+        });
+      }
+      function Tr(e, r) {
+        var s = function() {
+          Rt || (Rt = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
+          configurable: !0
+        });
+      }
+      function kr(e) {
+        if (typeof e.ref == "string" && W.current && e.__self && W.current.stateNode !== e.__self) {
+          var r = Q(W.current.type);
+          Xe[r] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', r, e.ref), Xe[r] = !0);
+        }
+      }
+      var Ze = function(e, r, s, u, p, y, h) {
+        var m = {
+          // This tag allows us to uniquely identify this as a React Element
+          $$typeof: o,
+          // Built-in properties that belong on the element
+          type: e,
+          key: r,
+          ref: s,
+          props: h,
+          // Record the component responsible for creating this element.
+          _owner: y
+        };
+        return m._store = {}, Object.defineProperty(m._store, "validated", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !0,
+          value: !1
+        }), Object.defineProperty(m, "_self", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: u
+        }), Object.defineProperty(m, "_source", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: p
+        }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      };
+      function xr(e, r, s) {
+        var u, p = {}, y = null, h = null, m = null, $ = null;
+        if (r != null) {
+          Ot(r) && (h = r.ref, kr(r)), Pt(r) && (Ie(r.key), y = "" + r.key), m = r.__self === void 0 ? null : r.__self, $ = r.__source === void 0 ? null : r.__source;
+          for (u in r)
+            ge.call(r, u) && !At.hasOwnProperty(u) && (p[u] = r[u]);
+        }
+        var R = arguments.length - 2;
+        if (R === 1)
+          p.children = s;
+        else if (R > 1) {
+          for (var T = Array(R), k = 0; k < R; k++)
+            T[k] = arguments[k + 2];
+          Object.freeze && Object.freeze(T), p.children = T;
+        }
+        if (e && e.defaultProps) {
+          var M = e.defaultProps;
+          for (u in M)
+            p[u] === void 0 && (p[u] = M[u]);
+        }
+        if (y || h) {
+          var U = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && Pr(p, U), h && Tr(p, U);
+        }
+        return Ze(e, y, h, m, $, W.current, p);
+      }
+      function jr(e, r) {
+        var s = Ze(e.type, r, e.ref, e._self, e._source, e._owner, e.props);
+        return s;
+      }
+      function Mr(e, r, s) {
+        if (e == null)
+          throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + ".");
+        var u, p = f({}, e.props), y = e.key, h = e.ref, m = e._self, $ = e._source, R = e._owner;
+        if (r != null) {
+          Ot(r) && (h = r.ref, R = W.current), Pt(r) && (Ie(r.key), y = "" + r.key);
+          var T;
+          e.type && e.type.defaultProps && (T = e.type.defaultProps);
+          for (u in r)
+            ge.call(r, u) && !At.hasOwnProperty(u) && (r[u] === void 0 && T !== void 0 ? p[u] = T[u] : p[u] = r[u]);
+        }
+        var k = arguments.length - 2;
+        if (k === 1)
+          p.children = s;
+        else if (k > 1) {
+          for (var M = Array(k), U = 0; U < k; U++)
+            M[U] = arguments[U + 2];
+          p.children = M;
+        }
+        return Ze(e.type, y, h, m, $, R, p);
+      }
+      function le(e) {
+        return typeof e == "object" && e !== null && e.$$typeof === o;
+      }
+      var Tt = ".", Dr = ":";
+      function Ur(e) {
+        var r = /[=:]/g, s = {
+          "=": "=0",
+          ":": "=2"
+        }, u = e.replace(r, function(p) {
+          return s[p];
+        });
+        return "$" + u;
+      }
+      var kt = !1, Ir = /\/+/g;
+      function xt(e) {
+        return e.replace(Ir, "$&/");
+      }
+      function et(e, r) {
+        return typeof e == "object" && e !== null && e.key != null ? (Ie(e.key), Ur("" + e.key)) : r.toString(36);
+      }
+      function Ne(e, r, s, u, p) {
+        var y = typeof e;
+        (y === "undefined" || y === "boolean") && (e = null);
+        var h = !1;
+        if (e === null)
+          h = !0;
+        else
+          switch (y) {
+            case "string":
+            case "number":
+              h = !0;
+              break;
+            case "object":
+              switch (e.$$typeof) {
+                case o:
+                case a:
+                  h = !0;
+              }
+          }
+        if (h) {
+          var m = e, $ = p(m), R = u === "" ? Tt + et(m, 0) : u;
+          if (Ue($)) {
+            var T = "";
+            R != null && (T = xt(R) + "/"), Ne($, r, T, "", function(Tn) {
+              return Tn;
+            });
+          } else $ != null && (le($) && ($.key && (!m || m.key !== $.key) && Ie($.key), $ = jr(
+            $,
+            // Keep both the (mapped) and old keys if they differ, just as
+            // traverseAllChildren used to do for objects as children
+            s + // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
+            ($.key && (!m || m.key !== $.key) ? (
+              // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
+              // eslint-disable-next-line react-internal/safe-string-coercion
+              xt("" + $.key) + "/"
+            ) : "") + R
+          )), r.push($));
+          return 1;
+        }
+        var k, M, U = 0, F = u === "" ? Tt : u + Dr;
+        if (Ue(e))
+          for (var Ye = 0; Ye < e.length; Ye++)
+            k = e[Ye], M = F + et(k, Ye), U += Ne(k, r, s, M, p);
+        else {
+          var ct = se(e);
+          if (typeof ct == "function") {
+            var nr = e;
+            ct === nr.entries && (kt || J("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), kt = !0);
+            for (var On = ct.call(nr), or, Pn = 0; !(or = On.next()).done; )
+              k = or.value, M = F + et(k, Pn++), U += Ne(k, r, s, M, p);
+          } else if (y === "object") {
+            var ir = String(e);
+            throw new Error("Objects are not valid as a React child (found: " + (ir === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : ir) + "). If you meant to render a collection of children, use an array instead.");
+          }
+        }
+        return U;
+      }
+      function Le(e, r, s) {
+        if (e == null)
+          return e;
+        var u = [], p = 0;
+        return Ne(e, u, "", "", function(y) {
+          return r.call(s, y, p++);
+        }), u;
+      }
+      function Nr(e) {
+        var r = 0;
+        return Le(e, function() {
+          r++;
+        }), r;
+      }
+      function Lr(e, r, s) {
+        Le(e, function() {
+          r.apply(this, arguments);
+        }, s);
+      }
+      function Fr(e) {
+        return Le(e, function(r) {
+          return r;
+        }) || [];
+      }
+      function Hr(e) {
+        if (!le(e))
+          throw new Error("React.Children.only expected to receive a single React element child.");
+        return e;
+      }
+      function zr(e) {
+        var r = {
+          $$typeof: C,
+          // As a workaround to support multiple concurrent renderers, we categorize
+          // some renderers as primary and others as secondary. We only expect
+          // there to be two concurrent renderers at most: React Native (primary) and
+          // Fabric (secondary); React DOM (primary) and React ART (secondary).
+          // Secondary renderers store their context values on separate fields.
+          _currentValue: e,
+          _currentValue2: e,
+          // Used to track how many concurrent renderers this context currently
+          // supports within in a single renderer. Such as parallel server rendering.
+          _threadCount: 0,
+          // These are circular
+          Provider: null,
+          Consumer: null,
+          // Add these to use same hidden class in VM as ServerContext
+          _defaultValue: null,
+          _globalName: null
+        };
+        r.Provider = {
+          $$typeof: v,
+          _context: r
+        };
+        var s = !1, u = !1, p = !1;
+        {
+          var y = {
+            $$typeof: C,
+            _context: r
+          };
+          Object.defineProperties(y, {
+            Provider: {
+              get: function() {
+                return u || (u = !0, _("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")), r.Provider;
+              },
+              set: function(h) {
+                r.Provider = h;
+              }
+            },
+            _currentValue: {
+              get: function() {
+                return r._currentValue;
+              },
+              set: function(h) {
+                r._currentValue = h;
+              }
+            },
+            _currentValue2: {
+              get: function() {
+                return r._currentValue2;
+              },
+              set: function(h) {
+                r._currentValue2 = h;
+              }
+            },
+            _threadCount: {
+              get: function() {
+                return r._threadCount;
+              },
+              set: function(h) {
+                r._threadCount = h;
+              }
+            },
+            Consumer: {
+              get: function() {
+                return s || (s = !0, _("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")), r.Consumer;
+              }
+            },
+            displayName: {
+              get: function() {
+                return r.displayName;
+              },
+              set: function(h) {
+                p || (J("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", h), p = !0);
+              }
+            }
+          }), r.Consumer = y;
+        }
+        return r._currentRenderer = null, r._currentRenderer2 = null, r;
+      }
+      var be = -1, tt = 0, jt = 1, Vr = 2;
+      function Wr(e) {
+        if (e._status === be) {
+          var r = e._result, s = r();
+          if (s.then(function(y) {
+            if (e._status === tt || e._status === be) {
+              var h = e;
+              h._status = jt, h._result = y;
+            }
+          }, function(y) {
+            if (e._status === tt || e._status === be) {
+              var h = e;
+              h._status = Vr, h._result = y;
+            }
+          }), e._status === be) {
+            var u = e;
+            u._status = tt, u._result = s;
+          }
+        }
+        if (e._status === jt) {
+          var p = e._result;
+          return p === void 0 && _(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))
+
+Did you accidentally put curly braces around the import?`, p), "default" in p || _(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))`, p), p.default;
+        } else
+          throw e._result;
+      }
+      function Br(e) {
+        var r = {
+          // We use these fields to store the result.
+          _status: be,
+          _result: e
+        }, s = {
+          $$typeof: B,
+          _payload: r,
+          _init: Wr
+        };
+        {
+          var u, p;
+          Object.defineProperties(s, {
+            defaultProps: {
+              configurable: !0,
+              get: function() {
+                return u;
+              },
+              set: function(y) {
+                _("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), u = y, Object.defineProperty(s, "defaultProps", {
+                  enumerable: !0
+                });
+              }
+            },
+            propTypes: {
+              configurable: !0,
+              get: function() {
+                return p;
+              },
+              set: function(y) {
+                _("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), p = y, Object.defineProperty(s, "propTypes", {
+                  enumerable: !0
+                });
+              }
+            }
+          });
+        }
+        return s;
+      }
+      function Yr(e) {
+        e != null && e.$$typeof === I ? _("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? _("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && _("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && _("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
+        var r = {
+          $$typeof: P,
+          render: e
+        };
+        {
+          var s;
+          Object.defineProperty(r, "displayName", {
+            enumerable: !1,
+            configurable: !0,
+            get: function() {
+              return s;
+            },
+            set: function(u) {
+              s = u, !e.name && !e.displayName && (e.displayName = u);
+            }
+          });
+        }
+        return r;
+      }
+      var Mt;
+      Mt = Symbol.for("react.module.reference");
+      function Dt(e) {
+        return !!(typeof e == "string" || typeof e == "function" || e === l || e === g || ue || e === d || e === w || e === H || me || e === ke || _e || Qe || Me || typeof e == "object" && e !== null && (e.$$typeof === B || e.$$typeof === I || e.$$typeof === v || e.$$typeof === C || e.$$typeof === P || // This needs to include all possible module reference object
+        // types supported by any Flight configuration anywhere since
+        // we don't know which Flight build this will end up being used
+        // with.
+        e.$$typeof === Mt || e.getModuleId !== void 0));
+      }
+      function qr(e, r) {
+        Dt(e) || _("memo: The first argument must be a component. Instead received: %s", e === null ? "null" : typeof e);
+        var s = {
+          $$typeof: I,
+          type: e,
+          compare: r === void 0 ? null : r
+        };
+        {
+          var u;
+          Object.defineProperty(s, "displayName", {
+            enumerable: !1,
+            configurable: !0,
+            get: function() {
+              return u;
+            },
+            set: function(p) {
+              u = p, !e.name && !e.displayName && (e.displayName = p);
+            }
+          });
+        }
+        return s;
+      }
+      function V() {
+        var e = ae.current;
+        return e === null && _(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`), e;
+      }
+      function Kr(e) {
+        var r = V();
+        if (e._context !== void 0) {
+          var s = e._context;
+          s.Consumer === e ? _("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?") : s.Provider === e && _("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?");
+        }
+        return r.useContext(e);
+      }
+      function Gr(e) {
+        var r = V();
+        return r.useState(e);
+      }
+      function Jr(e, r, s) {
+        var u = V();
+        return u.useReducer(e, r, s);
+      }
+      function Qr(e) {
+        var r = V();
+        return r.useRef(e);
+      }
+      function Xr(e, r) {
+        var s = V();
+        return s.useEffect(e, r);
+      }
+      function Zr(e, r) {
+        var s = V();
+        return s.useInsertionEffect(e, r);
+      }
+      function en(e, r) {
+        var s = V();
+        return s.useLayoutEffect(e, r);
+      }
+      function tn(e, r) {
+        var s = V();
+        return s.useCallback(e, r);
+      }
+      function rn(e, r) {
+        var s = V();
+        return s.useMemo(e, r);
+      }
+      function nn(e, r, s) {
+        var u = V();
+        return u.useImperativeHandle(e, r, s);
+      }
+      function on(e, r) {
+        {
+          var s = V();
+          return s.useDebugValue(e, r);
+        }
+      }
+      function sn() {
+        var e = V();
+        return e.useTransition();
+      }
+      function an(e) {
+        var r = V();
+        return r.useDeferredValue(e);
+      }
+      function un() {
+        var e = V();
+        return e.useId();
+      }
+      function cn(e, r, s) {
+        var u = V();
+        return u.useSyncExternalStore(e, r, s);
+      }
+      var Ee = 0, Ut, It, Nt, Lt, Ft, Ht, zt;
+      function Vt() {
+      }
+      Vt.__reactDisabledLog = !0;
+      function ln() {
+        {
+          if (Ee === 0) {
+            Ut = console.log, It = console.info, Nt = console.warn, Lt = console.error, Ft = console.group, Ht = console.groupCollapsed, zt = console.groupEnd;
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              value: Vt,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              info: e,
+              log: e,
+              warn: e,
+              error: e,
+              group: e,
+              groupCollapsed: e,
+              groupEnd: e
+            });
+          }
+          Ee++;
+        }
+      }
+      function fn() {
+        {
+          if (Ee--, Ee === 0) {
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              log: f({}, e, {
+                value: Ut
+              }),
+              info: f({}, e, {
+                value: It
+              }),
+              warn: f({}, e, {
+                value: Nt
+              }),
+              error: f({}, e, {
+                value: Lt
+              }),
+              group: f({}, e, {
+                value: Ft
+              }),
+              groupCollapsed: f({}, e, {
+                value: Ht
+              }),
+              groupEnd: f({}, e, {
+                value: zt
+              })
+            });
+          }
+          Ee < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        }
+      }
+      var rt = Y.ReactCurrentDispatcher, nt;
+      function Fe(e, r, s) {
+        {
+          if (nt === void 0)
+            try {
+              throw Error();
+            } catch (p) {
+              var u = p.stack.trim().match(/\n( *(at )?)/);
+              nt = u && u[1] || "";
+            }
+          return `
+` + nt + e;
+        }
+      }
+      var ot = !1, He;
+      {
+        var dn = typeof WeakMap == "function" ? WeakMap : Map;
+        He = new dn();
+      }
+      function Wt(e, r) {
+        if (!e || ot)
+          return "";
+        {
+          var s = He.get(e);
+          if (s !== void 0)
+            return s;
+        }
+        var u;
+        ot = !0;
+        var p = Error.prepareStackTrace;
+        Error.prepareStackTrace = void 0;
+        var y;
+        y = rt.current, rt.current = null, ln();
+        try {
+          if (r) {
+            var h = function() {
+              throw Error();
+            };
+            if (Object.defineProperty(h.prototype, "props", {
+              set: function() {
+                throw Error();
+              }
+            }), typeof Reflect == "object" && Reflect.construct) {
+              try {
+                Reflect.construct(h, []);
+              } catch (F) {
+                u = F;
+              }
+              Reflect.construct(e, [], h);
+            } else {
+              try {
+                h.call();
+              } catch (F) {
+                u = F;
+              }
+              e.call(h.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch (F) {
+              u = F;
+            }
+            e();
+          }
+        } catch (F) {
+          if (F && u && typeof F.stack == "string") {
+            for (var m = F.stack.split(`
+`), $ = u.stack.split(`
+`), R = m.length - 1, T = $.length - 1; R >= 1 && T >= 0 && m[R] !== $[T]; )
+              T--;
+            for (; R >= 1 && T >= 0; R--, T--)
+              if (m[R] !== $[T]) {
+                if (R !== 1 || T !== 1)
+                  do
+                    if (R--, T--, T < 0 || m[R] !== $[T]) {
+                      var k = `
+` + m[R].replace(" at new ", " at ");
+                      return e.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", e.displayName)), typeof e == "function" && He.set(e, k), k;
+                    }
+                  while (R >= 1 && T >= 0);
+                break;
+              }
+          }
+        } finally {
+          ot = !1, rt.current = y, fn(), Error.prepareStackTrace = p;
+        }
+        var M = e ? e.displayName || e.name : "", U = M ? Fe(M) : "";
+        return typeof e == "function" && He.set(e, U), U;
+      }
+      function pn(e, r, s) {
+        return Wt(e, !1);
+      }
+      function hn(e) {
+        var r = e.prototype;
+        return !!(r && r.isReactComponent);
+      }
+      function ze(e, r, s) {
+        if (e == null)
+          return "";
+        if (typeof e == "function")
+          return Wt(e, hn(e));
+        if (typeof e == "string")
+          return Fe(e);
+        switch (e) {
+          case w:
+            return Fe("Suspense");
+          case H:
+            return Fe("SuspenseList");
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case P:
+              return pn(e.render);
+            case I:
+              return ze(e.type, r, s);
+            case B: {
+              var u = e, p = u._payload, y = u._init;
+              try {
+                return ze(y(p), r, s);
+              } catch {
+              }
+            }
+          }
+        return "";
+      }
+      var Bt = {}, Yt = Y.ReactDebugCurrentFrame;
+      function Ve(e) {
+        if (e) {
+          var r = e._owner, s = ze(e.type, e._source, r ? r.type : null);
+          Yt.setExtraStackFrame(s);
+        } else
+          Yt.setExtraStackFrame(null);
+      }
+      function vn(e, r, s, u, p) {
+        {
+          var y = Function.call.bind(ge);
+          for (var h in e)
+            if (y(e, h)) {
+              var m = void 0;
+              try {
+                if (typeof e[h] != "function") {
+                  var $ = Error((u || "React class") + ": " + s + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  throw $.name = "Invariant Violation", $;
+                }
+                m = e[h](r, h, u, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (R) {
+                m = R;
+              }
+              m && !(m instanceof Error) && (Ve(p), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", s, h, typeof m), Ve(null)), m instanceof Error && !(m.message in Bt) && (Bt[m.message] = !0, Ve(p), _("Failed %s type: %s", s, m.message), Ve(null));
+            }
+        }
+      }
+      function fe(e) {
+        if (e) {
+          var r = e._owner, s = ze(e.type, e._source, r ? r.type : null);
+          je(s);
+        } else
+          je(null);
+      }
+      var it;
+      it = !1;
+      function qt() {
+        if (W.current) {
+          var e = Q(W.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+      function yn(e) {
+        if (e !== void 0) {
+          var r = e.fileName.replace(/^.*[\\\/]/, ""), s = e.lineNumber;
+          return `
+
+Check your code at ` + r + ":" + s + ".";
+        }
+        return "";
+      }
+      function _n(e) {
+        return e != null ? yn(e.__source) : "";
+      }
+      var Kt = {};
+      function mn(e) {
+        var r = qt();
+        if (!r) {
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (r = `
+
+Check the top-level render call using <` + s + ">.");
+        }
+        return r;
+      }
+      function Gt(e, r) {
+        if (!(!e._store || e._store.validated || e.key != null)) {
+          e._store.validated = !0;
+          var s = mn(r);
+          if (!Kt[s]) {
+            Kt[s] = !0;
+            var u = "";
+            e && e._owner && e._owner !== W.current && (u = " It was passed a child from " + Q(e._owner.type) + "."), fe(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, u), fe(null);
+          }
+        }
+      }
+      function Jt(e, r) {
+        if (typeof e == "object") {
+          if (Ue(e))
+            for (var s = 0; s < e.length; s++) {
+              var u = e[s];
+              le(u) && Gt(u, r);
+            }
+          else if (le(e))
+            e._store && (e._store.validated = !0);
+          else if (e) {
+            var p = se(e);
+            if (typeof p == "function" && p !== e.entries)
+              for (var y = p.call(e), h; !(h = y.next()).done; )
+                le(h.value) && Gt(h.value, r);
+          }
+        }
+      }
+      function Qt(e) {
+        {
+          var r = e.type;
+          if (r == null || typeof r == "string")
+            return;
+          var s;
+          if (typeof r == "function")
+            s = r.propTypes;
+          else if (typeof r == "object" && (r.$$typeof === P || // Note: Memo only checks outer props here.
+          // Inner props are checked in the reconciler.
+          r.$$typeof === I))
+            s = r.propTypes;
+          else
+            return;
+          if (s) {
+            var u = Q(r);
+            vn(s, e.props, "prop", u, e);
+          } else if (r.PropTypes !== void 0 && !it) {
+            it = !0;
+            var p = Q(r);
+            _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
+          }
+          typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        }
+      }
+      function gn(e) {
+        {
+          for (var r = Object.keys(e.props), s = 0; s < r.length; s++) {
+            var u = r[s];
+            if (u !== "children" && u !== "key") {
+              fe(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), fe(null);
+              break;
+            }
+          }
+          e.ref !== null && (fe(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
+        }
+      }
+      function Xt(e, r, s) {
+        var u = Dt(e);
+        if (!u) {
+          var p = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var y = _n(r);
+          y ? p += y : p += qt();
+          var h;
+          e === null ? h = "null" : Ue(e) ? h = "array" : e !== void 0 && e.$$typeof === o ? (h = "<" + (Q(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : h = typeof e, _("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", h, p);
+        }
+        var m = xr.apply(this, arguments);
+        if (m == null)
+          return m;
+        if (u)
+          for (var $ = 2; $ < arguments.length; $++)
+            Jt(arguments[$], e);
+        return e === l ? gn(m) : Qt(m), m;
+      }
+      var Zt = !1;
+      function bn(e) {
+        var r = Xt.bind(null, e);
+        return r.type = e, Zt || (Zt = !0, J("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(r, "type", {
+          enumerable: !1,
+          get: function() {
+            return J("Factory.type is deprecated. Access the class directly before passing it to createFactory."), Object.defineProperty(this, "type", {
+              value: e
+            }), e;
+          }
+        }), r;
+      }
+      function En(e, r, s) {
+        for (var u = Mr.apply(this, arguments), p = 2; p < arguments.length; p++)
+          Jt(arguments[p], u.type);
+        return Qt(u), u;
+      }
+      function $n(e, r) {
+        var s = K.transition;
+        K.transition = {};
+        var u = K.transition;
+        K.transition._updatedFibers = /* @__PURE__ */ new Set();
+        try {
+          e();
+        } finally {
+          if (K.transition = s, s === null && u._updatedFibers) {
+            var p = u._updatedFibers.size;
+            p > 10 && J("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), u._updatedFibers.clear();
+          }
+        }
+      }
+      var er = !1, We = null;
+      function Sn(e) {
+        if (We === null)
+          try {
+            var r = ("require" + Math.random()).slice(0, 7), s = c && c[r];
+            We = s.call(c, "timers").setImmediate;
+          } catch {
+            We = function(p) {
+              er === !1 && (er = !0, typeof MessageChannel > "u" && _("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));
+              var y = new MessageChannel();
+              y.port1.onmessage = p, y.port2.postMessage(void 0);
+            };
+          }
+        return We(e);
+      }
+      var de = 0, tr = !1;
+      function rr(e) {
+        {
+          var r = de;
+          de++, N.current === null && (N.current = []);
+          var s = N.isBatchingLegacy, u;
+          try {
+            if (N.isBatchingLegacy = !0, u = e(), !s && N.didScheduleLegacyUpdate) {
+              var p = N.current;
+              p !== null && (N.didScheduleLegacyUpdate = !1, ut(p));
+            }
+          } catch (M) {
+            throw Be(r), M;
+          } finally {
+            N.isBatchingLegacy = s;
+          }
+          if (u !== null && typeof u == "object" && typeof u.then == "function") {
+            var y = u, h = !1, m = {
+              then: function(M, U) {
+                h = !0, y.then(function(F) {
+                  Be(r), de === 0 ? st(F, M, U) : M(F);
+                }, function(F) {
+                  Be(r), U(F);
+                });
+              }
+            };
+            return !tr && typeof Promise < "u" && Promise.resolve().then(function() {
+            }).then(function() {
+              h || (tr = !0, _("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"));
+            }), m;
+          } else {
+            var $ = u;
+            if (Be(r), de === 0) {
+              var R = N.current;
+              R !== null && (ut(R), N.current = null);
+              var T = {
+                then: function(M, U) {
+                  N.current === null ? (N.current = [], st($, M, U)) : M($);
+                }
+              };
+              return T;
+            } else {
+              var k = {
+                then: function(M, U) {
+                  M($);
+                }
+              };
+              return k;
+            }
+          }
+        }
+      }
+      function Be(e) {
+        e !== de - 1 && _("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), de = e;
+      }
+      function st(e, r, s) {
+        {
+          var u = N.current;
+          if (u !== null)
+            try {
+              ut(u), Sn(function() {
+                u.length === 0 ? (N.current = null, r(e)) : st(e, r, s);
+              });
+            } catch (p) {
+              s(p);
+            }
+          else
+            r(e);
+        }
+      }
+      var at = !1;
+      function ut(e) {
+        if (!at) {
+          at = !0;
+          var r = 0;
+          try {
+            for (; r < e.length; r++) {
+              var s = e[r];
+              do
+                s = s(!0);
+              while (s !== null);
+            }
+            e.length = 0;
+          } catch (u) {
+            throw e = e.slice(r + 1), u;
+          } finally {
+            at = !1;
+          }
+        }
+      }
+      var wn = Xt, An = En, Cn = bn, Rn = {
+        map: Le,
+        forEach: Lr,
+        count: Nr,
+        toArray: Fr,
+        only: Hr
+      };
+      t.Children = Rn, t.Component = S, t.Fragment = l, t.Profiler = g, t.PureComponent = O, t.StrictMode = d, t.Suspense = w, t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Y, t.act = rr, t.cloneElement = An, t.createContext = zr, t.createElement = wn, t.createFactory = Cn, t.createRef = wr, t.forwardRef = Yr, t.isValidElement = le, t.lazy = Br, t.memo = qr, t.startTransition = $n, t.unstable_act = rr, t.useCallback = tn, t.useContext = Kr, t.useDebugValue = on, t.useDeferredValue = an, t.useEffect = Xr, t.useId = un, t.useImperativeHandle = nn, t.useInsertionEffect = Zr, t.useLayoutEffect = en, t.useMemo = rn, t.useReducer = Jr, t.useRef = Qr, t.useState = Gr, t.useSyncExternalStore = cn, t.useTransition = sn, t.version = n, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    }();
+  }(Se, Se.exports)), Se.exports;
+}
+process.env.NODE_ENV === "production" ? ht.exports = no() : ht.exports = oo();
+var vt = ht.exports;
+const io = /* @__PURE__ */ ro(vt), uo = ({
+  onUiClick: c,
+  children: t,
+  ...n
+}) => {
+  const o = vt.useRef(null);
+  return vt.useEffect(() => {
+    const a = o.current;
+    if (!a || !c) return;
+    const l = (d) => {
+      c(d);
+    };
+    return a.addEventListener("ui-click", l), () => {
+      a.removeEventListener("ui-click", l);
+    };
+  }, [c]), /* @__PURE__ */ io.createElement("ui-button", { ref: o, ...n }, t);
+};
+export {
+  ye as UiButton,
+  uo as iButton
+};