@skip-go/widget 3.15.1 → 3.16.0-alpha.1

package/build/index-Dm9OcjUi.js

@@ -0,0 +1,1132 @@
+import { B as f$2, D as u, i as i$3, r as resetStyles, a as i$4, x, n as E, F as T, o as colorStyles, e as elementStyles } from "./core-BZ-3Tqq4.js";
+const UiHelperUtil = {
+  getSpacingStyles(spacing, index) {
+    if (Array.isArray(spacing)) {
+      return spacing[index] ? `var(--wui-spacing-${spacing[index]})` : void 0;
+    } else if (typeof spacing === "string") {
+      return `var(--wui-spacing-${spacing})`;
+    }
+    return void 0;
+  },
+  getFormattedDate(date) {
+    return new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric" }).format(date);
+  },
+  getHostName(url) {
+    try {
+      const newUrl = new URL(url);
+      return newUrl.hostname;
+    } catch (error) {
+      return "";
+    }
+  },
+  getTruncateString({ string, charsStart, charsEnd, truncate }) {
+    if (string.length <= charsStart + charsEnd) {
+      return string;
+    }
+    if (truncate === "end") {
+      return `${string.substring(0, charsStart)}...`;
+    } else if (truncate === "start") {
+      return `...${string.substring(string.length - charsEnd)}`;
+    }
+    return `${string.substring(0, Math.floor(charsStart))}...${string.substring(string.length - Math.floor(charsEnd))}`;
+  },
+  generateAvatarColors(address) {
+    const hash = address.toLowerCase().replace(/^0x/iu, "").replace(/[^a-f0-9]/gu, "");
+    const baseColor = hash.substring(0, 6).padEnd(6, "0");
+    const rgbColor = this.hexToRgb(baseColor);
+    const masterBorderRadius = getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master");
+    const radius = Number(masterBorderRadius == null ? void 0 : masterBorderRadius.replace("px", ""));
+    const edge = 100 - 3 * radius;
+    const gradientCircle = `${edge}% ${edge}% at 65% 40%`;
+    const colors = [];
+    for (let i3 = 0; i3 < 5; i3 += 1) {
+      const tintedColor = this.tintColor(rgbColor, 0.15 * i3);
+      colors.push(`rgb(${tintedColor[0]}, ${tintedColor[1]}, ${tintedColor[2]})`);
+    }
+    return `
+    --local-color-1: ${colors[0]};
+    --local-color-2: ${colors[1]};
+    --local-color-3: ${colors[2]};
+    --local-color-4: ${colors[3]};
+    --local-color-5: ${colors[4]};
+    --local-radial-circle: ${gradientCircle}
+   `;
+  },
+  hexToRgb(hex) {
+    const bigint = parseInt(hex, 16);
+    const r2 = bigint >> 16 & 255;
+    const g = bigint >> 8 & 255;
+    const b = bigint & 255;
+    return [r2, g, b];
+  },
+  tintColor(rgb, tint) {
+    const [r2, g, b] = rgb;
+    const tintedR = Math.round(r2 + (255 - r2) * tint);
+    const tintedG = Math.round(g + (255 - g) * tint);
+    const tintedB = Math.round(b + (255 - b) * tint);
+    return [tintedR, tintedG, tintedB];
+  },
+  isNumber(character) {
+    const regex = {
+      number: /^[0-9]+$/u
+    };
+    return regex.number.test(character);
+  },
+  getColorTheme(theme) {
+    var _a;
+    if (theme) {
+      return theme;
+    } else if (typeof window !== "undefined" && window.matchMedia) {
+      if ((_a = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : _a.matches) {
+        return "dark";
+      }
+      return "light";
+    }
+    return "dark";
+  },
+  splitBalance(input) {
+    const parts = input.split(".");
+    if (parts.length === 2) {
+      return [parts[0], parts[1]];
+    }
+    return ["0", "00"];
+  },
+  roundNumber(number, threshold, fixed) {
+    const roundedNumber = number.toString().length >= threshold ? Number(number).toFixed(fixed) : number;
+    return roundedNumber;
+  },
+  formatNumberToLocalString(value, decimals = 2) {
+    if (value === void 0) {
+      return "0.00";
+    }
+    if (typeof value === "number") {
+      return value.toLocaleString("en-US", {
+        maximumFractionDigits: decimals,
+        minimumFractionDigits: decimals
+      });
+    }
+    return parseFloat(value).toLocaleString("en-US", {
+      maximumFractionDigits: decimals,
+      minimumFractionDigits: decimals
+    });
+  }
+};
+function standardCustomElement(tagName, descriptor) {
+  const { kind, elements } = descriptor;
+  return {
+    kind,
+    elements,
+    finisher(clazz) {
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, clazz);
+      }
+    }
+  };
+}
+function legacyCustomElement(tagName, clazz) {
+  if (!customElements.get(tagName)) {
+    customElements.define(tagName, clazz);
+  }
+  return clazz;
+}
+function customElement(tagName) {
+  return function create(classOrDescriptor) {
+    return typeof classOrDescriptor === "function" ? legacyCustomElement(tagName, classOrDescriptor) : standardCustomElement(tagName, classOrDescriptor);
+  };
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o$2 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f$2 }, r$2 = (t2 = o$2, e2, r2) => {
+  const { kind: n2, metadata: i3 } = r2;
+  let s2 = globalThis.litPropertyMetadata.get(i3);
+  if (void 0 === s2 && globalThis.litPropertyMetadata.set(i3, s2 = /* @__PURE__ */ new Map()), "setter" === n2 && ((t2 = Object.create(t2)).wrapped = true), s2.set(r2.name, t2), "accessor" === n2) {
+    const { name: o2 } = r2;
+    return { set(r3) {
+      const n3 = e2.get.call(this);
+      e2.set.call(this, r3), this.requestUpdate(o2, n3, t2);
+    }, init(e3) {
+      return void 0 !== e3 && this.C(o2, void 0, t2, e3), e3;
+    } };
+  }
+  if ("setter" === n2) {
+    const { name: o2 } = r2;
+    return function(r3) {
+      const n3 = this[o2];
+      e2.call(this, r3), this.requestUpdate(o2, n3, t2);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n2);
+};
+function n$2(t2) {
+  return (e2, o2) => "object" == typeof o2 ? r$2(t2, e2, o2) : ((t3, e3, o3) => {
+    const r2 = e3.hasOwnProperty(o3);
+    return e3.constructor.createProperty(o3, t3), r2 ? Object.getOwnPropertyDescriptor(e3, o3) : void 0;
+  })(t2, e2, o2);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function r$1(r2) {
+  return n$2({ ...r2, state: true, attribute: false });
+}
+const styles$6 = i$3`
+  :host {
+    display: flex;
+    width: inherit;
+    height: inherit;
+  }
+`;
+var __decorate$6 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiFlex = class WuiFlex2 extends i$4 {
+  render() {
+    this.style.cssText = `
+      flex-direction: ${this.flexDirection};
+      flex-wrap: ${this.flexWrap};
+      flex-basis: ${this.flexBasis};
+      flex-grow: ${this.flexGrow};
+      flex-shrink: ${this.flexShrink};
+      align-items: ${this.alignItems};
+      justify-content: ${this.justifyContent};
+      column-gap: ${this.columnGap && `var(--wui-spacing-${this.columnGap})`};
+      row-gap: ${this.rowGap && `var(--wui-spacing-${this.rowGap})`};
+      gap: ${this.gap && `var(--wui-spacing-${this.gap})`};
+      padding-top: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 0)};
+      padding-right: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 1)};
+      padding-bottom: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 2)};
+      padding-left: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 3)};
+      margin-top: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 0)};
+      margin-right: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 1)};
+      margin-bottom: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 2)};
+      margin-left: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 3)};
+    `;
+    return x`<slot></slot>`;
+  }
+};
+WuiFlex.styles = [resetStyles, styles$6];
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "flexDirection", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "flexWrap", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "flexBasis", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "flexGrow", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "flexShrink", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "alignItems", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "justifyContent", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "columnGap", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "rowGap", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "gap", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "padding", void 0);
+__decorate$6([
+  n$2()
+], WuiFlex.prototype, "margin", void 0);
+WuiFlex = __decorate$6([
+  customElement("wui-flex")
+], WuiFlex);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o$1 = (o2) => o2 ?? E;
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const i$2 = (o2) => null === o2 || "object" != typeof o2 && "function" != typeof o2, f$1 = (o2) => void 0 === o2.strings;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t = { ATTRIBUTE: 1, CHILD: 2 }, e$1 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+let i$1 = class i {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e2, i3) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i3;
+  }
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s$1 = (i3, t2) => {
+  var _a;
+  const e2 = i3._$AN;
+  if (void 0 === e2) return false;
+  for (const i4 of e2) (_a = i4._$AO) == null ? void 0 : _a.call(i4, t2, false), s$1(i4, t2);
+  return true;
+}, o = (i3) => {
+  let t2, e2;
+  do {
+    if (void 0 === (t2 = i3._$AM)) break;
+    e2 = t2._$AN, e2.delete(i3), i3 = t2;
+  } while (0 === (e2 == null ? void 0 : e2.size));
+}, r = (i3) => {
+  for (let t2; t2 = i3._$AM; i3 = t2) {
+    let e2 = t2._$AN;
+    if (void 0 === e2) t2._$AN = e2 = /* @__PURE__ */ new Set();
+    else if (e2.has(i3)) break;
+    e2.add(i3), c$1(t2);
+  }
+};
+function h$1(i3) {
+  void 0 !== this._$AN ? (o(this), this._$AM = i3, r(this)) : this._$AM = i3;
+}
+function n$1(i3, t2 = false, e2 = 0) {
+  const r2 = this._$AH, h2 = this._$AN;
+  if (void 0 !== h2 && 0 !== h2.size) if (t2) if (Array.isArray(r2)) for (let i4 = e2; i4 < r2.length; i4++) s$1(r2[i4], false), o(r2[i4]);
+  else null != r2 && (s$1(r2, false), o(r2));
+  else s$1(this, i3);
+}
+const c$1 = (i3) => {
+  i3.type == t.CHILD && (i3._$AP ?? (i3._$AP = n$1), i3._$AQ ?? (i3._$AQ = h$1));
+};
+class f extends i$1 {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(i3, t2, e2) {
+    super._$AT(i3, t2, e2), r(this), this.isConnected = i3._$AU;
+  }
+  _$AO(i3, t2 = true) {
+    var _a, _b;
+    i3 !== this.isConnected && (this.isConnected = i3, i3 ? (_a = this.reconnected) == null ? void 0 : _a.call(this) : (_b = this.disconnected) == null ? void 0 : _b.call(this)), t2 && (s$1(this, i3), o(this));
+  }
+  setValue(t2) {
+    if (f$1(this._$Ct)) this._$Ct._$AI(t2, this);
+    else {
+      const i3 = [...this._$Ct._$AH];
+      i3[this._$Ci] = t2, this._$Ct._$AI(i3, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class s {
+  constructor(t2) {
+    this.G = t2;
+  }
+  disconnect() {
+    this.G = void 0;
+  }
+  reconnect(t2) {
+    this.G = t2;
+  }
+  deref() {
+    return this.G;
+  }
+}
+class i2 {
+  constructor() {
+    this.Y = void 0, this.Z = void 0;
+  }
+  get() {
+    return this.Y;
+  }
+  pause() {
+    this.Y ?? (this.Y = new Promise((t2) => this.Z = t2));
+  }
+  resume() {
+    var _a;
+    (_a = this.Z) == null ? void 0 : _a.call(this), this.Y = this.Z = void 0;
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const n = (t2) => !i$2(t2) && "function" == typeof t2.then, h = 1073741823;
+class c extends f {
+  constructor() {
+    super(...arguments), this._$Cwt = h, this._$Cbt = [], this._$CK = new s(this), this._$CX = new i2();
+  }
+  render(...s2) {
+    return s2.find((t2) => !n(t2)) ?? T;
+  }
+  update(s2, i3) {
+    const e2 = this._$Cbt;
+    let r2 = e2.length;
+    this._$Cbt = i3;
+    const o2 = this._$CK, c2 = this._$CX;
+    this.isConnected || this.disconnected();
+    for (let t2 = 0; t2 < i3.length && !(t2 > this._$Cwt); t2++) {
+      const s3 = i3[t2];
+      if (!n(s3)) return this._$Cwt = t2, s3;
+      t2 < r2 && s3 === e2[t2] || (this._$Cwt = h, r2 = 0, Promise.resolve(s3).then(async (t3) => {
+        for (; c2.get(); ) await c2.get();
+        const i4 = o2.deref();
+        if (void 0 !== i4) {
+          const e3 = i4._$Cbt.indexOf(s3);
+          e3 > -1 && e3 < i4._$Cwt && (i4._$Cwt = e3, i4.setValue(t3));
+        }
+      }));
+    }
+    return T;
+  }
+  disconnected() {
+    this._$CK.disconnect(), this._$CX.pause();
+  }
+  reconnected() {
+    this._$CK.reconnect(this), this._$CX.resume();
+  }
+}
+const m = e$1(c);
+class CacheUtil {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map();
+  }
+  set(key, value) {
+    this.cache.set(key, value);
+  }
+  get(key) {
+    return this.cache.get(key);
+  }
+  has(key) {
+    return this.cache.has(key);
+  }
+  delete(key) {
+    this.cache.delete(key);
+  }
+  clear() {
+    this.cache.clear();
+  }
+}
+const globalSvgCache = new CacheUtil();
+const styles$5 = i$3`
+  :host {
+    display: flex;
+    aspect-ratio: var(--local-aspect-ratio);
+    color: var(--local-color);
+    width: var(--local-width);
+  }
+
+  svg {
+    width: inherit;
+    height: inherit;
+    object-fit: contain;
+    object-position: center;
+  }
+
+  .fallback {
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+`;
+var __decorate$5 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+const ICONS = {
+  add: async () => (await import("./add-GPLFpWrt.js")).addSvg,
+  allWallets: async () => (await import("./all-wallets-Bhsc43kh.js")).allWalletsSvg,
+  arrowBottomCircle: async () => (await import("./arrow-bottom-circle-BS89vvI0.js")).arrowBottomCircleSvg,
+  appStore: async () => (await import("./app-store-CQNagJVv.js")).appStoreSvg,
+  apple: async () => (await import("./apple-CB64NzOz.js")).appleSvg,
+  arrowBottom: async () => (await import("./arrow-bottom-BP-TlgF2.js")).arrowBottomSvg,
+  arrowLeft: async () => (await import("./arrow-left-N00aXm4w.js")).arrowLeftSvg,
+  arrowRight: async () => (await import("./arrow-right-BUhbvY7r.js")).arrowRightSvg,
+  arrowTop: async () => (await import("./arrow-top-DWtr9wfP.js")).arrowTopSvg,
+  bank: async () => (await import("./bank-DdgivQ17.js")).bankSvg,
+  browser: async () => (await import("./browser-BPAhgr3g.js")).browserSvg,
+  card: async () => (await import("./card-pn1a6xZb.js")).cardSvg,
+  checkmark: async () => (await import("./checkmark-CB6REIte.js")).checkmarkSvg,
+  checkmarkBold: async () => (await import("./checkmark-bold-Dc2W90Da.js")).checkmarkBoldSvg,
+  chevronBottom: async () => (await import("./chevron-bottom-BATWcpzE.js")).chevronBottomSvg,
+  chevronLeft: async () => (await import("./chevron-left-CN89A01b.js")).chevronLeftSvg,
+  chevronRight: async () => (await import("./chevron-right-BNJ-iq95.js")).chevronRightSvg,
+  chevronTop: async () => (await import("./chevron-top-DCxTnLc-.js")).chevronTopSvg,
+  chromeStore: async () => (await import("./chrome-store-zelrrcIy.js")).chromeStoreSvg,
+  clock: async () => (await import("./clock-BZtiGSeK.js")).clockSvg,
+  close: async () => (await import("./close-JeH4v97k.js")).closeSvg,
+  compass: async () => (await import("./compass-Doc_N3B_.js")).compassSvg,
+  coinPlaceholder: async () => (await import("./coinPlaceholder-DjkHraMH.js")).coinPlaceholderSvg,
+  copy: async () => (await import("./copy-p29a0e75.js")).copySvg,
+  cursor: async () => (await import("./cursor-CgDh4AtE.js")).cursorSvg,
+  cursorTransparent: async () => (await import("./cursor-transparent-DhGQV7zE.js")).cursorTransparentSvg,
+  desktop: async () => (await import("./desktop-Bf12ri1v.js")).desktopSvg,
+  disconnect: async () => (await import("./disconnect-40imhcBe.js")).disconnectSvg,
+  discord: async () => (await import("./discord-D8Wp6Hvn.js")).discordSvg,
+  etherscan: async () => (await import("./etherscan-KZ13vuJR.js")).etherscanSvg,
+  extension: async () => (await import("./extension-BloOTbuK.js")).extensionSvg,
+  externalLink: async () => (await import("./external-link-B1h4E1QK.js")).externalLinkSvg,
+  facebook: async () => (await import("./facebook-CKNrHocM.js")).facebookSvg,
+  farcaster: async () => (await import("./farcaster-Irh-wBKA.js")).farcasterSvg,
+  filters: async () => (await import("./filters-BrLrvsSA.js")).filtersSvg,
+  github: async () => (await import("./github-CBg9nfKf.js")).githubSvg,
+  google: async () => (await import("./google-BmNdddii.js")).googleSvg,
+  helpCircle: async () => (await import("./help-circle-fbxiQYPW.js")).helpCircleSvg,
+  image: async () => (await import("./image-ByYyM8Nt.js")).imageSvg,
+  id: async () => (await import("./id-Cd_itWe2.js")).idSvg,
+  infoCircle: async () => (await import("./info-circle-C7UVc5kf.js")).infoCircleSvg,
+  lightbulb: async () => (await import("./lightbulb-CGrTlgy5.js")).lightbulbSvg,
+  mail: async () => (await import("./mail-BoeDgrsF.js")).mailSvg,
+  mobile: async () => (await import("./mobile-D0yhUm6z.js")).mobileSvg,
+  more: async () => (await import("./more-DPKivrMT.js")).moreSvg,
+  networkPlaceholder: async () => (await import("./network-placeholder-CkgmuaWi.js")).networkPlaceholderSvg,
+  nftPlaceholder: async () => (await import("./nftPlaceholder-CFBQ3V-A.js")).nftPlaceholderSvg,
+  off: async () => (await import("./off-CEIO6rFG.js")).offSvg,
+  playStore: async () => (await import("./play-store-DIZY5nGr.js")).playStoreSvg,
+  plus: async () => (await import("./plus-BRZ5gPBP.js")).plusSvg,
+  qrCode: async () => (await import("./qr-code-9Q3xm6tX.js")).qrCodeIcon,
+  recycleHorizontal: async () => (await import("./recycle-horizontal--DF6pDSo.js")).recycleHorizontalSvg,
+  refresh: async () => (await import("./refresh-CNUQPoSa.js")).refreshSvg,
+  search: async () => (await import("./search-uJr-Rf-j.js")).searchSvg,
+  send: async () => (await import("./send-CCnFdr-b.js")).sendSvg,
+  swapHorizontal: async () => (await import("./swapHorizontal-CXN8ve14.js")).swapHorizontalSvg,
+  swapHorizontalMedium: async () => (await import("./swapHorizontalMedium-CHi78kTY.js")).swapHorizontalMediumSvg,
+  swapHorizontalBold: async () => (await import("./swapHorizontalBold-Cf4kZE1p.js")).swapHorizontalBoldSvg,
+  swapHorizontalRoundedBold: async () => (await import("./swapHorizontalRoundedBold-B2cHmJDU.js")).swapHorizontalRoundedBoldSvg,
+  swapVertical: async () => (await import("./swapVertical-mbNOhO_n.js")).swapVerticalSvg,
+  telegram: async () => (await import("./telegram-D8RtgFZN.js")).telegramSvg,
+  threeDots: async () => (await import("./three-dots-C5AhBMAN.js")).threeDotsSvg,
+  twitch: async () => (await import("./twitch-SgSg8Ftw.js")).twitchSvg,
+  twitter: async () => (await import("./x-3B0HsJ_u.js")).xSvg,
+  twitterIcon: async () => (await import("./twitterIcon-D0weXlXx.js")).twitterIconSvg,
+  verify: async () => (await import("./verify-D52M7f7L.js")).verifySvg,
+  verifyFilled: async () => (await import("./verify-filled-Ck8iH9ZZ.js")).verifyFilledSvg,
+  wallet: async () => (await import("./wallet-DF6o1Qjf.js")).walletSvg,
+  walletConnect: async () => (await import("./walletconnect-B-SWHAKN.js")).walletConnectSvg,
+  walletConnectLightBrown: async () => (await import("./walletconnect-B-SWHAKN.js")).walletConnectLightBrownSvg,
+  walletConnectBrown: async () => (await import("./walletconnect-B-SWHAKN.js")).walletConnectBrownSvg,
+  walletPlaceholder: async () => (await import("./wallet-placeholder-DwB_mqh6.js")).walletPlaceholderSvg,
+  warningCircle: async () => (await import("./warning-circle-BfVXFWdW.js")).warningCircleSvg,
+  x: async () => (await import("./x-3B0HsJ_u.js")).xSvg,
+  info: async () => (await import("./info-DUq2otir.js")).infoSvg,
+  exclamationTriangle: async () => (await import("./exclamation-triangle-V_24Lh6l.js")).exclamationTriangleSvg,
+  reown: async () => (await import("./reown-logo-CUqB15Fr.js")).reownSvg
+};
+async function getSvg(name) {
+  if (globalSvgCache.has(name)) {
+    return globalSvgCache.get(name);
+  }
+  const importFn = ICONS[name] ?? ICONS.copy;
+  const svgPromise = importFn();
+  globalSvgCache.set(name, svgPromise);
+  return svgPromise;
+}
+let WuiIcon = class WuiIcon2 extends i$4 {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.name = "copy";
+    this.color = "fg-300";
+    this.aspectRatio = "1 / 1";
+  }
+  render() {
+    this.style.cssText = `
+      --local-color: ${`var(--wui-color-${this.color});`}
+      --local-width: ${`var(--wui-icon-size-${this.size});`}
+      --local-aspect-ratio: ${this.aspectRatio}
+    `;
+    return x`${m(getSvg(this.name), x`<div class="fallback"></div>`)}`;
+  }
+};
+WuiIcon.styles = [resetStyles, colorStyles, styles$5];
+__decorate$5([
+  n$2()
+], WuiIcon.prototype, "size", void 0);
+__decorate$5([
+  n$2()
+], WuiIcon.prototype, "name", void 0);
+__decorate$5([
+  n$2()
+], WuiIcon.prototype, "color", void 0);
+__decorate$5([
+  n$2()
+], WuiIcon.prototype, "aspectRatio", void 0);
+WuiIcon = __decorate$5([
+  customElement("wui-icon")
+], WuiIcon);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e = e$1(class extends i$1 {
+  constructor(t$1) {
+    var _a;
+    if (super(t$1), t$1.type !== t.ATTRIBUTE || "class" !== t$1.name || ((_a = t$1.strings) == null ? void 0 : _a.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t2) {
+    return " " + Object.keys(t2).filter((s2) => t2[s2]).join(" ") + " ";
+  }
+  update(s2, [i3]) {
+    var _a, _b;
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== s2.strings && (this.nt = new Set(s2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
+      for (const t2 in i3) i3[t2] && !((_a = this.nt) == null ? void 0 : _a.has(t2)) && this.st.add(t2);
+      return this.render(i3);
+    }
+    const r2 = s2.element.classList;
+    for (const t2 of this.st) t2 in i3 || (r2.remove(t2), this.st.delete(t2));
+    for (const t2 in i3) {
+      const s3 = !!i3[t2];
+      s3 === this.st.has(t2) || ((_b = this.nt) == null ? void 0 : _b.has(t2)) || (s3 ? (r2.add(t2), this.st.add(t2)) : (r2.remove(t2), this.st.delete(t2)));
+    }
+    return T;
+  }
+});
+const styles$4 = i$3`
+  :host {
+    display: inline-flex !important;
+  }
+
+  slot {
+    width: 100%;
+    display: inline-block;
+    font-style: normal;
+    font-family: var(--wui-font-family);
+    font-feature-settings:
+      'tnum' on,
+      'lnum' on,
+      'case' on;
+    line-height: 130%;
+    font-weight: var(--wui-font-weight-regular);
+    overflow: inherit;
+    text-overflow: inherit;
+    text-align: var(--local-align);
+    color: var(--local-color);
+  }
+
+  .wui-line-clamp-1 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+
+  .wui-line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+
+  .wui-font-medium-400 {
+    font-size: var(--wui-font-size-medium);
+    font-weight: var(--wui-font-weight-light);
+    letter-spacing: var(--wui-letter-spacing-medium);
+  }
+
+  .wui-font-medium-600 {
+    font-size: var(--wui-font-size-medium);
+    letter-spacing: var(--wui-letter-spacing-medium);
+  }
+
+  .wui-font-title-600 {
+    font-size: var(--wui-font-size-title);
+    letter-spacing: var(--wui-letter-spacing-title);
+  }
+
+  .wui-font-title-6-600 {
+    font-size: var(--wui-font-size-title-6);
+    letter-spacing: var(--wui-letter-spacing-title-6);
+  }
+
+  .wui-font-mini-700 {
+    font-size: var(--wui-font-size-mini);
+    letter-spacing: var(--wui-letter-spacing-mini);
+    text-transform: uppercase;
+  }
+
+  .wui-font-large-500,
+  .wui-font-large-600,
+  .wui-font-large-700 {
+    font-size: var(--wui-font-size-large);
+    letter-spacing: var(--wui-letter-spacing-large);
+  }
+
+  .wui-font-2xl-500,
+  .wui-font-2xl-600,
+  .wui-font-2xl-700 {
+    font-size: var(--wui-font-size-2xl);
+    letter-spacing: var(--wui-letter-spacing-2xl);
+  }
+
+  .wui-font-paragraph-400,
+  .wui-font-paragraph-500,
+  .wui-font-paragraph-600,
+  .wui-font-paragraph-700 {
+    font-size: var(--wui-font-size-paragraph);
+    letter-spacing: var(--wui-letter-spacing-paragraph);
+  }
+
+  .wui-font-small-400,
+  .wui-font-small-500,
+  .wui-font-small-600 {
+    font-size: var(--wui-font-size-small);
+    letter-spacing: var(--wui-letter-spacing-small);
+  }
+
+  .wui-font-tiny-400,
+  .wui-font-tiny-500,
+  .wui-font-tiny-600 {
+    font-size: var(--wui-font-size-tiny);
+    letter-spacing: var(--wui-letter-spacing-tiny);
+  }
+
+  .wui-font-micro-700,
+  .wui-font-micro-600 {
+    font-size: var(--wui-font-size-micro);
+    letter-spacing: var(--wui-letter-spacing-micro);
+    text-transform: uppercase;
+  }
+
+  .wui-font-tiny-400,
+  .wui-font-small-400,
+  .wui-font-medium-400,
+  .wui-font-paragraph-400 {
+    font-weight: var(--wui-font-weight-light);
+  }
+
+  .wui-font-large-700,
+  .wui-font-paragraph-700,
+  .wui-font-micro-700,
+  .wui-font-mini-700 {
+    font-weight: var(--wui-font-weight-bold);
+  }
+
+  .wui-font-medium-600,
+  .wui-font-medium-title-600,
+  .wui-font-title-6-600,
+  .wui-font-large-600,
+  .wui-font-paragraph-600,
+  .wui-font-small-600,
+  .wui-font-tiny-600,
+  .wui-font-micro-600 {
+    font-weight: var(--wui-font-weight-medium);
+  }
+
+  :host([disabled]) {
+    opacity: 0.4;
+  }
+`;
+var __decorate$4 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiText = class WuiText2 extends i$4 {
+  constructor() {
+    super(...arguments);
+    this.variant = "paragraph-500";
+    this.color = "fg-300";
+    this.align = "left";
+    this.lineClamp = void 0;
+  }
+  render() {
+    const classes = {
+      [`wui-font-${this.variant}`]: true,
+      [`wui-color-${this.color}`]: true,
+      [`wui-line-clamp-${this.lineClamp}`]: this.lineClamp ? true : false
+    };
+    this.style.cssText = `
+      --local-align: ${this.align};
+      --local-color: var(--wui-color-${this.color});
+    `;
+    return x`<slot class=${e(classes)}></slot>`;
+  }
+};
+WuiText.styles = [resetStyles, styles$4];
+__decorate$4([
+  n$2()
+], WuiText.prototype, "variant", void 0);
+__decorate$4([
+  n$2()
+], WuiText.prototype, "color", void 0);
+__decorate$4([
+  n$2()
+], WuiText.prototype, "align", void 0);
+__decorate$4([
+  n$2()
+], WuiText.prototype, "lineClamp", void 0);
+WuiText = __decorate$4([
+  customElement("wui-text")
+], WuiText);
+const styles$3 = i$3`
+  :host {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    overflow: hidden;
+    background-color: var(--wui-color-gray-glass-020);
+    border-radius: var(--local-border-radius);
+    border: var(--local-border);
+    box-sizing: content-box;
+    width: var(--local-size);
+    height: var(--local-size);
+    min-height: var(--local-size);
+    min-width: var(--local-size);
+  }
+
+  @supports (background: color-mix(in srgb, white 50%, black)) {
+    :host {
+      background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);
+    }
+  }
+`;
+var __decorate$3 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiIconBox = class WuiIconBox2 extends i$4 {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.backgroundColor = "accent-100";
+    this.iconColor = "accent-100";
+    this.background = "transparent";
+    this.border = false;
+    this.borderColor = "wui-color-bg-125";
+    this.icon = "copy";
+  }
+  render() {
+    const iconSize = this.iconSize || this.size;
+    const isLg = this.size === "lg";
+    const isXl = this.size === "xl";
+    const bgMix = isLg ? "12%" : "16%";
+    const borderRadius = isLg ? "xxs" : isXl ? "s" : "3xl";
+    const isGray = this.background === "gray";
+    const isOpaque = this.background === "opaque";
+    const isColorChange = this.backgroundColor === "accent-100" && isOpaque || this.backgroundColor === "success-100" && isOpaque || this.backgroundColor === "error-100" && isOpaque || this.backgroundColor === "inverse-100" && isOpaque;
+    let bgValueVariable = `var(--wui-color-${this.backgroundColor})`;
+    if (isColorChange) {
+      bgValueVariable = `var(--wui-icon-box-bg-${this.backgroundColor})`;
+    } else if (isGray) {
+      bgValueVariable = `var(--wui-color-gray-${this.backgroundColor})`;
+    }
+    this.style.cssText = `
+       --local-bg-value: ${bgValueVariable};
+       --local-bg-mix: ${isColorChange || isGray ? `100%` : bgMix};
+       --local-border-radius: var(--wui-border-radius-${borderRadius});
+       --local-size: var(--wui-icon-box-size-${this.size});
+       --local-border: ${this.borderColor === "wui-color-bg-125" ? `2px` : `1px`} solid ${this.border ? `var(--${this.borderColor})` : `transparent`}
+   `;
+    return x` <wui-icon color=${this.iconColor} size=${iconSize} name=${this.icon}></wui-icon> `;
+  }
+};
+WuiIconBox.styles = [resetStyles, elementStyles, styles$3];
+__decorate$3([
+  n$2()
+], WuiIconBox.prototype, "size", void 0);
+__decorate$3([
+  n$2()
+], WuiIconBox.prototype, "backgroundColor", void 0);
+__decorate$3([
+  n$2()
+], WuiIconBox.prototype, "iconColor", void 0);
+__decorate$3([
+  n$2()
+], WuiIconBox.prototype, "iconSize", void 0);
+__decorate$3([
+  n$2()
+], WuiIconBox.prototype, "background", void 0);
+__decorate$3([
+  n$2({ type: Boolean })
+], WuiIconBox.prototype, "border", void 0);
+__decorate$3([
+  n$2()
+], WuiIconBox.prototype, "borderColor", void 0);
+__decorate$3([
+  n$2()
+], WuiIconBox.prototype, "icon", void 0);
+WuiIconBox = __decorate$3([
+  customElement("wui-icon-box")
+], WuiIconBox);
+const styles$2 = i$3`
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center center;
+    border-radius: inherit;
+  }
+`;
+var __decorate$2 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiImage = class WuiImage2 extends i$4 {
+  constructor() {
+    super(...arguments);
+    this.src = "./path/to/image.jpg";
+    this.alt = "Image";
+    this.size = void 0;
+  }
+  render() {
+    this.style.cssText = `
+      --local-width: ${this.size ? `var(--wui-icon-size-${this.size});` : "100%"};
+      --local-height: ${this.size ? `var(--wui-icon-size-${this.size});` : "100%"};
+      `;
+    return x`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;
+  }
+  handleImageError() {
+    this.dispatchEvent(new CustomEvent("onLoadError", { bubbles: true, composed: true }));
+  }
+};
+WuiImage.styles = [resetStyles, colorStyles, styles$2];
+__decorate$2([
+  n$2()
+], WuiImage.prototype, "src", void 0);
+__decorate$2([
+  n$2()
+], WuiImage.prototype, "alt", void 0);
+__decorate$2([
+  n$2()
+], WuiImage.prototype, "size", void 0);
+WuiImage = __decorate$2([
+  customElement("wui-image")
+], WuiImage);
+const styles$1 = i$3`
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: var(--wui-spacing-m);
+    padding: 0 var(--wui-spacing-3xs) !important;
+    border-radius: var(--wui-border-radius-5xs);
+    transition:
+      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: border-radius, background-color;
+  }
+
+  :host > wui-text {
+    transform: translateY(5%);
+  }
+
+  :host([data-variant='main']) {
+    background-color: var(--wui-color-accent-glass-015);
+    color: var(--wui-color-accent-100);
+  }
+
+  :host([data-variant='shade']) {
+    background-color: var(--wui-color-gray-glass-010);
+    color: var(--wui-color-fg-200);
+  }
+
+  :host([data-variant='success']) {
+    background-color: var(--wui-icon-box-bg-success-100);
+    color: var(--wui-color-success-100);
+  }
+
+  :host([data-variant='error']) {
+    background-color: var(--wui-icon-box-bg-error-100);
+    color: var(--wui-color-error-100);
+  }
+
+  :host([data-size='lg']) {
+    padding: 11px 5px !important;
+  }
+
+  :host([data-size='lg']) > wui-text {
+    transform: translateY(2%);
+  }
+`;
+var __decorate$1 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiTag = class WuiTag2 extends i$4 {
+  constructor() {
+    super(...arguments);
+    this.variant = "main";
+    this.size = "lg";
+  }
+  render() {
+    this.dataset["variant"] = this.variant;
+    this.dataset["size"] = this.size;
+    const textVariant = this.size === "md" ? "mini-700" : "micro-700";
+    return x`
+      <wui-text data-variant=${this.variant} variant=${textVariant} color="inherit">
+        <slot></slot>
+      </wui-text>
+    `;
+  }
+};
+WuiTag.styles = [resetStyles, styles$1];
+__decorate$1([
+  n$2()
+], WuiTag.prototype, "variant", void 0);
+__decorate$1([
+  n$2()
+], WuiTag.prototype, "size", void 0);
+WuiTag = __decorate$1([
+  customElement("wui-tag")
+], WuiTag);
+const styles = i$3`
+  :host {
+    display: flex;
+  }
+
+  :host([data-size='sm']) > svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  :host([data-size='md']) > svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  :host([data-size='lg']) > svg {
+    width: 24px;
+    height: 24px;
+  }
+
+  :host([data-size='xl']) > svg {
+    width: 32px;
+    height: 32px;
+  }
+
+  svg {
+    animation: rotate 2s linear infinite;
+  }
+
+  circle {
+    fill: none;
+    stroke: var(--local-color);
+    stroke-width: 4px;
+    stroke-dasharray: 1, 124;
+    stroke-dashoffset: 0;
+    stroke-linecap: round;
+    animation: dash 1.5s ease-in-out infinite;
+  }
+
+  :host([data-size='md']) > svg > circle {
+    stroke-width: 6px;
+  }
+
+  :host([data-size='sm']) > svg > circle {
+    stroke-width: 8px;
+  }
+
+  @keyframes rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes dash {
+    0% {
+      stroke-dasharray: 1, 124;
+      stroke-dashoffset: 0;
+    }
+
+    50% {
+      stroke-dasharray: 90, 124;
+      stroke-dashoffset: -35;
+    }
+
+    100% {
+      stroke-dashoffset: -125;
+    }
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiLoadingSpinner = class WuiLoadingSpinner2 extends i$4 {
+  constructor() {
+    super(...arguments);
+    this.color = "accent-100";
+    this.size = "lg";
+  }
+  render() {
+    this.style.cssText = `--local-color: ${this.color === "inherit" ? "inherit" : `var(--wui-color-${this.color})`}`;
+    this.dataset["size"] = this.size;
+    return x`<svg viewBox="25 25 50 50">
+      <circle r="20" cy="50" cx="50"></circle>
+    </svg>`;
+  }
+};
+WuiLoadingSpinner.styles = [resetStyles, styles];
+__decorate([
+  n$2()
+], WuiLoadingSpinner.prototype, "color", void 0);
+__decorate([
+  n$2()
+], WuiLoadingSpinner.prototype, "size", void 0);
+WuiLoadingSpinner = __decorate([
+  customElement("wui-loading-spinner")
+], WuiLoadingSpinner);
+export {
+  UiHelperUtil as U,
+  e as a,
+  customElement as c,
+  e$1 as e,
+  f,
+  n$2 as n,
+  o$1 as o,
+  r$1 as r
+};