@blockend/widget 1.0.55-beta.1 → 1.0.55-beta.2

package/dist/index-BFUVWgoD.js

@@ -1,992 +0,0 @@
-import { B as N, D as V, i as b, r as $, a as S, x as m, n as q, F as I, o as H, e as Y } from "./core-CgIQaiRa.js";
-const w = {
-  getSpacingStyles(e, t) {
-    if (Array.isArray(e))
-      return e[t] ? `var(--wui-spacing-${e[t]})` : void 0;
-    if (typeof e == "string")
-      return `var(--wui-spacing-${e})`;
-  },
-  getFormattedDate(e) {
-    return new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric" }).format(e);
-  },
-  getHostName(e) {
-    try {
-      return new URL(e).hostname;
-    } catch {
-      return "";
-    }
-  },
-  getTruncateString({ string: e, charsStart: t, charsEnd: i, truncate: a }) {
-    return e.length <= t + i ? e : a === "end" ? `${e.substring(0, t)}...` : a === "start" ? `...${e.substring(e.length - i)}` : `${e.substring(0, Math.floor(t))}...${e.substring(e.length - Math.floor(i))}`;
-  },
-  generateAvatarColors(e) {
-    const i = e.toLowerCase().replace(/^0x/iu, "").replace(/[^a-f0-9]/gu, "").substring(0, 6).padEnd(6, "0"), a = this.hexToRgb(i), r = getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"), s = 100 - 3 * Number(r == null ? void 0 : r.replace("px", "")), n = `${s}% ${s}% at 65% 40%`, l = [];
-    for (let d = 0; d < 5; d += 1) {
-      const g = this.tintColor(a, 0.15 * d);
-      l.push(`rgb(${g[0]}, ${g[1]}, ${g[2]})`);
-    }
-    return `
-    --local-color-1: ${l[0]};
-    --local-color-2: ${l[1]};
-    --local-color-3: ${l[2]};
-    --local-color-4: ${l[3]};
-    --local-color-5: ${l[4]};
-    --local-radial-circle: ${n}
-   `;
-  },
-  hexToRgb(e) {
-    const t = parseInt(e, 16), i = t >> 16 & 255, a = t >> 8 & 255, r = t & 255;
-    return [i, a, r];
-  },
-  tintColor(e, t) {
-    const [i, a, r] = e, o = Math.round(i + (255 - i) * t), s = Math.round(a + (255 - a) * t), n = Math.round(r + (255 - r) * t);
-    return [o, s, n];
-  },
-  isNumber(e) {
-    return {
-      number: /^[0-9]+$/u
-    }.number.test(e);
-  },
-  getColorTheme(e) {
-    var t;
-    return e || (typeof window < "u" && window.matchMedia ? (t = window.matchMedia("(prefers-color-scheme: dark)")) != null && t.matches ? "dark" : "light" : "dark");
-  },
-  splitBalance(e) {
-    const t = e.split(".");
-    return t.length === 2 ? [t[0], t[1]] : ["0", "00"];
-  },
-  roundNumber(e, t, i) {
-    return e.toString().length >= t ? Number(e).toFixed(i) : e;
-  },
-  formatNumberToLocalString(e, t = 2) {
-    return e === void 0 ? "0.00" : typeof e == "number" ? e.toLocaleString("en-US", {
-      maximumFractionDigits: t,
-      minimumFractionDigits: t
-    }) : parseFloat(e).toLocaleString("en-US", {
-      maximumFractionDigits: t,
-      minimumFractionDigits: t
-    });
-  }
-};
-function X(e, t) {
-  const { kind: i, elements: a } = t;
-  return {
-    kind: i,
-    elements: a,
-    finisher(r) {
-      customElements.get(e) || customElements.define(e, r);
-    }
-  };
-}
-function K(e, t) {
-  return customElements.get(e) || customElements.define(e, t), t;
-}
-function x(e) {
-  return function(i) {
-    return typeof i == "function" ? K(e, i) : X(e, i);
-  };
-}
-const Z = { attribute: !0, type: String, converter: V, reflect: !1, hasChanged: N }, Q = (e = Z, t, i) => {
-  const { kind: a, metadata: r } = i;
-  let o = globalThis.litPropertyMetadata.get(r);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), a === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(i.name, e), a === "accessor") {
-    const { name: s } = i;
-    return { set(n) {
-      const l = t.get.call(this);
-      t.set.call(this, n), this.requestUpdate(s, l, e);
-    }, init(n) {
-      return n !== void 0 && this.C(s, void 0, e, n), n;
-    } };
-  }
-  if (a === "setter") {
-    const { name: s } = i;
-    return function(n) {
-      const l = this[s];
-      t.call(this, n), this.requestUpdate(s, l, e);
-    };
-  }
-  throw Error("Unsupported decorator location: " + a);
-};
-function c(e) {
-  return (t, i) => typeof i == "object" ? Q(e, t, i) : ((a, r, o) => {
-    const s = r.hasOwnProperty(o);
-    return r.constructor.createProperty(o, a), s ? Object.getOwnPropertyDescriptor(r, o) : void 0;
-  })(e, t, i);
-}
-function bt(e) {
-  return c({ ...e, state: !0, attribute: !1 });
-}
-const J = b`
-  :host {
-    display: flex;
-    width: inherit;
-    height: inherit;
-  }
-`;
-var u = function(e, t, i, a) {
-  var r = arguments.length, o = r < 3 ? t : a, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, a);
-  else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, i, o) : s(t, i)) || o);
-  return r > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let h = class extends S {
-  render() {
-    return 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 && w.getSpacingStyles(this.padding, 0)};
-      padding-right: ${this.padding && w.getSpacingStyles(this.padding, 1)};
-      padding-bottom: ${this.padding && w.getSpacingStyles(this.padding, 2)};
-      padding-left: ${this.padding && w.getSpacingStyles(this.padding, 3)};
-      margin-top: ${this.margin && w.getSpacingStyles(this.margin, 0)};
-      margin-right: ${this.margin && w.getSpacingStyles(this.margin, 1)};
-      margin-bottom: ${this.margin && w.getSpacingStyles(this.margin, 2)};
-      margin-left: ${this.margin && w.getSpacingStyles(this.margin, 3)};
-    `, m`<slot></slot>`;
-  }
-};
-h.styles = [$, J];
-u([
-  c()
-], h.prototype, "flexDirection", void 0);
-u([
-  c()
-], h.prototype, "flexWrap", void 0);
-u([
-  c()
-], h.prototype, "flexBasis", void 0);
-u([
-  c()
-], h.prototype, "flexGrow", void 0);
-u([
-  c()
-], h.prototype, "flexShrink", void 0);
-u([
-  c()
-], h.prototype, "alignItems", void 0);
-u([
-  c()
-], h.prototype, "justifyContent", void 0);
-u([
-  c()
-], h.prototype, "columnGap", void 0);
-u([
-  c()
-], h.prototype, "rowGap", void 0);
-u([
-  c()
-], h.prototype, "gap", void 0);
-u([
-  c()
-], h.prototype, "padding", void 0);
-u([
-  c()
-], h.prototype, "margin", void 0);
-h = u([
-  x("wui-flex")
-], h);
-const St = (e) => e ?? q;
-const tt = (e) => e === null || typeof e != "object" && typeof e != "function", et = (e) => e.strings === void 0;
-const F = { ATTRIBUTE: 1, CHILD: 2 }, O = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let G = class {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, i, a) {
-    this._$Ct = t, this._$AM = i, this._$Ci = a;
-  }
-  _$AS(t, i) {
-    return this.update(t, i);
-  }
-  update(t, i) {
-    return this.render(...i);
-  }
-};
-const z = (e, t) => {
-  var a;
-  const i = e._$AN;
-  if (i === void 0) return !1;
-  for (const r of i) (a = r._$AO) == null || a.call(r, t, !1), z(r, t);
-  return !0;
-}, A = (e) => {
-  let t, i;
-  do {
-    if ((t = e._$AM) === void 0) break;
-    i = t._$AN, i.delete(e), e = t;
-  } while ((i == null ? void 0 : i.size) === 0);
-}, D = (e) => {
-  for (let t; t = e._$AM; e = t) {
-    let i = t._$AN;
-    if (i === void 0) t._$AN = i = /* @__PURE__ */ new Set();
-    else if (i.has(e)) break;
-    i.add(e), rt(t);
-  }
-};
-function it(e) {
-  this._$AN !== void 0 ? (A(this), this._$AM = e, D(this)) : this._$AM = e;
-}
-function ot(e, t = !1, i = 0) {
-  const a = this._$AH, r = this._$AN;
-  if (r !== void 0 && r.size !== 0) if (t) if (Array.isArray(a)) for (let o = i; o < a.length; o++) z(a[o], !1), A(a[o]);
-  else a != null && (z(a, !1), A(a));
-  else z(this, e);
-}
-const rt = (e) => {
-  e.type == F.CHILD && (e._$AP ?? (e._$AP = ot), e._$AQ ?? (e._$AQ = it));
-};
-class at extends G {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, i, a) {
-    super._$AT(t, i, a), D(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, i = !0) {
-    var a, r;
-    t !== this.isConnected && (this.isConnected = t, t ? (a = this.reconnected) == null || a.call(this) : (r = this.disconnected) == null || r.call(this)), i && (z(this, t), A(this));
-  }
-  setValue(t) {
-    if (et(this._$Ct)) this._$Ct._$AI(t, this);
-    else {
-      const i = [...this._$Ct._$AH];
-      i[this._$Ci] = t, this._$Ct._$AI(i, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-class st {
-  constructor(t) {
-    this.G = t;
-  }
-  disconnect() {
-    this.G = void 0;
-  }
-  reconnect(t) {
-    this.G = t;
-  }
-  deref() {
-    return this.G;
-  }
-}
-class nt {
-  constructor() {
-    this.Y = void 0, this.Z = void 0;
-  }
-  get() {
-    return this.Y;
-  }
-  pause() {
-    this.Y ?? (this.Y = new Promise((t) => this.Z = t));
-  }
-  resume() {
-    var t;
-    (t = this.Z) == null || t.call(this), this.Y = this.Z = void 0;
-  }
-}
-const U = (e) => !tt(e) && typeof e.then == "function", W = 1073741823;
-class ct extends at {
-  constructor() {
-    super(...arguments), this._$Cwt = W, this._$Cbt = [], this._$CK = new st(this), this._$CX = new nt();
-  }
-  render(...t) {
-    return t.find((i) => !U(i)) ?? I;
-  }
-  update(t, i) {
-    const a = this._$Cbt;
-    let r = a.length;
-    this._$Cbt = i;
-    const o = this._$CK, s = this._$CX;
-    this.isConnected || this.disconnected();
-    for (let n = 0; n < i.length && !(n > this._$Cwt); n++) {
-      const l = i[n];
-      if (!U(l)) return this._$Cwt = n, l;
-      n < r && l === a[n] || (this._$Cwt = W, r = 0, Promise.resolve(l).then(async (d) => {
-        for (; s.get(); ) await s.get();
-        const g = o.deref();
-        if (g !== void 0) {
-          const B = g._$Cbt.indexOf(l);
-          B > -1 && B < g._$Cwt && (g._$Cwt = B, g.setValue(d));
-        }
-      }));
-    }
-    return I;
-  }
-  disconnected() {
-    this._$CK.disconnect(), this._$CX.pause();
-  }
-  reconnected() {
-    this._$CK.reconnect(this), this._$CX.resume();
-  }
-}
-const lt = O(ct);
-class ht {
-  constructor() {
-    this.cache = /* @__PURE__ */ new Map();
-  }
-  set(t, i) {
-    this.cache.set(t, i);
-  }
-  get(t) {
-    return this.cache.get(t);
-  }
-  has(t) {
-    return this.cache.has(t);
-  }
-  delete(t) {
-    this.cache.delete(t);
-  }
-  clear() {
-    this.cache.clear();
-  }
-}
-const P = new ht(), ut = b`
-  :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 R = function(e, t, i, a) {
-  var r = arguments.length, o = r < 3 ? t : a, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, a);
-  else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, i, o) : s(t, i)) || o);
-  return r > 3 && o && Object.defineProperty(t, i, o), o;
-};
-const E = {
-  add: async () => (await import("./add-BryKCrpI.js")).addSvg,
-  allWallets: async () => (await import("./all-wallets-BMVOK2Ci.js")).allWalletsSvg,
-  arrowBottomCircle: async () => (await import("./arrow-bottom-circle-B1N_R8Ux.js")).arrowBottomCircleSvg,
-  appStore: async () => (await import("./app-store-3WurbJdI.js")).appStoreSvg,
-  apple: async () => (await import("./apple-eM872Ubz.js")).appleSvg,
-  arrowBottom: async () => (await import("./arrow-bottom-HMc73fJ8.js")).arrowBottomSvg,
-  arrowLeft: async () => (await import("./arrow-left-Q7GAZkD7.js")).arrowLeftSvg,
-  arrowRight: async () => (await import("./arrow-right-ft3TcIM3.js")).arrowRightSvg,
-  arrowTop: async () => (await import("./arrow-top-C2xmF6tK.js")).arrowTopSvg,
-  bank: async () => (await import("./bank-Bk-2ZR5E.js")).bankSvg,
-  browser: async () => (await import("./browser-BFB3TFfv.js")).browserSvg,
-  card: async () => (await import("./card-DCx59si8.js")).cardSvg,
-  checkmark: async () => (await import("./checkmark-BGsuJuhE.js")).checkmarkSvg,
-  checkmarkBold: async () => (await import("./checkmark-bold-DvjIl-51.js")).checkmarkBoldSvg,
-  chevronBottom: async () => (await import("./chevron-bottom-DAEnG7QP.js")).chevronBottomSvg,
-  chevronLeft: async () => (await import("./chevron-left-D33h2ppx.js")).chevronLeftSvg,
-  chevronRight: async () => (await import("./chevron-right-C8Z_feNK.js")).chevronRightSvg,
-  chevronTop: async () => (await import("./chevron-top-DwDMd3p9.js")).chevronTopSvg,
-  chromeStore: async () => (await import("./chrome-store-B7ZDs2Fj.js")).chromeStoreSvg,
-  clock: async () => (await import("./clock-DnELUxSR.js")).clockSvg,
-  close: async () => (await import("./close-Dnt29Pss.js")).closeSvg,
-  compass: async () => (await import("./compass-D8ZY16nH.js")).compassSvg,
-  coinPlaceholder: async () => (await import("./coinPlaceholder-C09pzuXv.js")).coinPlaceholderSvg,
-  copy: async () => (await import("./copy-DEh4RBKI.js")).copySvg,
-  cursor: async () => (await import("./cursor-BtzkAOER.js")).cursorSvg,
-  cursorTransparent: async () => (await import("./cursor-transparent-B0nCflmb.js")).cursorTransparentSvg,
-  desktop: async () => (await import("./desktop-toTG92uH.js")).desktopSvg,
-  disconnect: async () => (await import("./disconnect-C97lbAtY.js")).disconnectSvg,
-  discord: async () => (await import("./discord-BNJ3JePY.js")).discordSvg,
-  etherscan: async () => (await import("./etherscan-CK87TQMS.js")).etherscanSvg,
-  extension: async () => (await import("./extension-5eIZU28A.js")).extensionSvg,
-  externalLink: async () => (await import("./external-link-DDlCfigP.js")).externalLinkSvg,
-  facebook: async () => (await import("./facebook-1lTMXKeH.js")).facebookSvg,
-  farcaster: async () => (await import("./farcaster-Di2TUKlZ.js")).farcasterSvg,
-  filters: async () => (await import("./filters-B_THnHaX.js")).filtersSvg,
-  github: async () => (await import("./github-D5B1FE4K.js")).githubSvg,
-  google: async () => (await import("./google-C8_WSUfw.js")).googleSvg,
-  helpCircle: async () => (await import("./help-circle-C-ZOzjAP.js")).helpCircleSvg,
-  image: async () => (await import("./image-BRYUh760.js")).imageSvg,
-  id: async () => (await import("./id-BynpKmej.js")).idSvg,
-  infoCircle: async () => (await import("./info-circle-BfpWcI4c.js")).infoCircleSvg,
-  lightbulb: async () => (await import("./lightbulb-DEMYYsZd.js")).lightbulbSvg,
-  mail: async () => (await import("./mail-DNZ2to_6.js")).mailSvg,
-  mobile: async () => (await import("./mobile-qsyS8oMK.js")).mobileSvg,
-  more: async () => (await import("./more-CnBuKwll.js")).moreSvg,
-  networkPlaceholder: async () => (await import("./network-placeholder-DhJITakA.js")).networkPlaceholderSvg,
-  nftPlaceholder: async () => (await import("./nftPlaceholder-DD3-Cc9U.js")).nftPlaceholderSvg,
-  off: async () => (await import("./off-CBApAdDk.js")).offSvg,
-  playStore: async () => (await import("./play-store-DDoeRc-b.js")).playStoreSvg,
-  plus: async () => (await import("./plus-C3J-XWCn.js")).plusSvg,
-  qrCode: async () => (await import("./qr-code-CEoOYtHk.js")).qrCodeIcon,
-  recycleHorizontal: async () => (await import("./recycle-horizontal-BHJ_s9Yx.js")).recycleHorizontalSvg,
-  refresh: async () => (await import("./refresh-CtzOoHls.js")).refreshSvg,
-  search: async () => (await import("./search--Miza3A_.js")).searchSvg,
-  send: async () => (await import("./send-Bhl1lz4j.js")).sendSvg,
-  swapHorizontal: async () => (await import("./swapHorizontal-CCvKCngz.js")).swapHorizontalSvg,
-  swapHorizontalMedium: async () => (await import("./swapHorizontalMedium-CYjeHjnI.js")).swapHorizontalMediumSvg,
-  swapHorizontalBold: async () => (await import("./swapHorizontalBold-B90V-dXL.js")).swapHorizontalBoldSvg,
-  swapHorizontalRoundedBold: async () => (await import("./swapHorizontalRoundedBold-DSMWeXdW.js")).swapHorizontalRoundedBoldSvg,
-  swapVertical: async () => (await import("./swapVertical-DOJUNIvk.js")).swapVerticalSvg,
-  telegram: async () => (await import("./telegram-CufEY_4d.js")).telegramSvg,
-  threeDots: async () => (await import("./three-dots-J2ngva7G.js")).threeDotsSvg,
-  twitch: async () => (await import("./twitch-B4vTKVf5.js")).twitchSvg,
-  twitter: async () => (await import("./x-CkCp5gtL.js")).xSvg,
-  twitterIcon: async () => (await import("./twitterIcon-DLrxpAGg.js")).twitterIconSvg,
-  verify: async () => (await import("./verify-CbHqPQKs.js")).verifySvg,
-  verifyFilled: async () => (await import("./verify-filled-CzKx9Cph.js")).verifyFilledSvg,
-  wallet: async () => (await import("./wallet-CvIeO6On.js")).walletSvg,
-  walletConnect: async () => (await import("./walletconnect-BN4c4XQ5.js")).walletConnectSvg,
-  walletConnectLightBrown: async () => (await import("./walletconnect-BN4c4XQ5.js")).walletConnectLightBrownSvg,
-  walletConnectBrown: async () => (await import("./walletconnect-BN4c4XQ5.js")).walletConnectBrownSvg,
-  walletPlaceholder: async () => (await import("./wallet-placeholder-BqELXTBj.js")).walletPlaceholderSvg,
-  warningCircle: async () => (await import("./warning-circle--dqxXujk.js")).warningCircleSvg,
-  x: async () => (await import("./x-CkCp5gtL.js")).xSvg,
-  info: async () => (await import("./info-DSQyHS8b.js")).infoSvg,
-  exclamationTriangle: async () => (await import("./exclamation-triangle-LWnOk0uz.js")).exclamationTriangleSvg,
-  reown: async () => (await import("./reown-logo-BOj4YDUQ.js")).reownSvg
-};
-async function pt(e) {
-  if (P.has(e))
-    return P.get(e);
-  const i = (E[e] ?? E.copy)();
-  return P.set(e, i), i;
-}
-let v = class extends S {
-  constructor() {
-    super(...arguments), this.size = "md", this.name = "copy", this.color = "fg-300", this.aspectRatio = "1 / 1";
-  }
-  render() {
-    return this.style.cssText = `
-      --local-color: ${`var(--wui-color-${this.color});`}
-      --local-width: ${`var(--wui-icon-size-${this.size});`}
-      --local-aspect-ratio: ${this.aspectRatio}
-    `, m`${lt(pt(this.name), m`<div class="fallback"></div>`)}`;
-  }
-};
-v.styles = [$, H, ut];
-R([
-  c()
-], v.prototype, "size", void 0);
-R([
-  c()
-], v.prototype, "name", void 0);
-R([
-  c()
-], v.prototype, "color", void 0);
-R([
-  c()
-], v.prototype, "aspectRatio", void 0);
-v = R([
-  x("wui-icon")
-], v);
-const dt = O(class extends G {
-  constructor(e) {
-    var t;
-    if (super(e), e.type !== F.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(e) {
-    return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
-  }
-  update(e, [t]) {
-    var a, r;
-    if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((o) => o !== "")));
-      for (const o in t) t[o] && !((a = this.nt) != null && a.has(o)) && this.st.add(o);
-      return this.render(t);
-    }
-    const i = e.element.classList;
-    for (const o of this.st) o in t || (i.remove(o), this.st.delete(o));
-    for (const o in t) {
-      const s = !!t[o];
-      s === this.st.has(o) || (r = this.nt) != null && r.has(o) || (s ? (i.add(o), this.st.add(o)) : (i.remove(o), this.st.delete(o)));
-    }
-    return I;
-  }
-}), gt = b`
-  :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 T = function(e, t, i, a) {
-  var r = arguments.length, o = r < 3 ? t : a, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, a);
-  else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, i, o) : s(t, i)) || o);
-  return r > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let y = class extends S {
-  constructor() {
-    super(...arguments), this.variant = "paragraph-500", this.color = "fg-300", this.align = "left", this.lineClamp = void 0;
-  }
-  render() {
-    const t = {
-      [`wui-font-${this.variant}`]: !0,
-      [`wui-color-${this.color}`]: !0,
-      [`wui-line-clamp-${this.lineClamp}`]: !!this.lineClamp
-    };
-    return this.style.cssText = `
-      --local-align: ${this.align};
-      --local-color: var(--wui-color-${this.color});
-    `, m`<slot class=${dt(t)}></slot>`;
-  }
-};
-y.styles = [$, gt];
-T([
-  c()
-], y.prototype, "variant", void 0);
-T([
-  c()
-], y.prototype, "color", void 0);
-T([
-  c()
-], y.prototype, "align", void 0);
-T([
-  c()
-], y.prototype, "lineClamp", void 0);
-y = T([
-  x("wui-text")
-], y);
-const ft = b`
-  :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 f = function(e, t, i, a) {
-  var r = arguments.length, o = r < 3 ? t : a, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, a);
-  else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, i, o) : s(t, i)) || o);
-  return r > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let p = class extends S {
-  constructor() {
-    super(...arguments), this.size = "md", this.backgroundColor = "accent-100", this.iconColor = "accent-100", this.background = "transparent", this.border = !1, this.borderColor = "wui-color-bg-125", this.icon = "copy";
-  }
-  render() {
-    const t = this.iconSize || this.size, i = this.size === "lg", a = this.size === "xl", r = i ? "12%" : "16%", o = i ? "xxs" : a ? "s" : "3xl", s = this.background === "gray", n = this.background === "opaque", l = this.backgroundColor === "accent-100" && n || this.backgroundColor === "success-100" && n || this.backgroundColor === "error-100" && n || this.backgroundColor === "inverse-100" && n;
-    let d = `var(--wui-color-${this.backgroundColor})`;
-    return l ? d = `var(--wui-icon-box-bg-${this.backgroundColor})` : s && (d = `var(--wui-color-gray-${this.backgroundColor})`), this.style.cssText = `
-       --local-bg-value: ${d};
-       --local-bg-mix: ${l || s ? "100%" : r};
-       --local-border-radius: var(--wui-border-radius-${o});
-       --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"}
-   `, m` <wui-icon color=${this.iconColor} size=${t} name=${this.icon}></wui-icon> `;
-  }
-};
-p.styles = [$, Y, ft];
-f([
-  c()
-], p.prototype, "size", void 0);
-f([
-  c()
-], p.prototype, "backgroundColor", void 0);
-f([
-  c()
-], p.prototype, "iconColor", void 0);
-f([
-  c()
-], p.prototype, "iconSize", void 0);
-f([
-  c()
-], p.prototype, "background", void 0);
-f([
-  c({ type: Boolean })
-], p.prototype, "border", void 0);
-f([
-  c()
-], p.prototype, "borderColor", void 0);
-f([
-  c()
-], p.prototype, "icon", void 0);
-p = f([
-  x("wui-icon-box")
-], p);
-const wt = b`
-  :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 j = function(e, t, i, a) {
-  var r = arguments.length, o = r < 3 ? t : a, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, a);
-  else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, i, o) : s(t, i)) || o);
-  return r > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let C = class extends S {
-  constructor() {
-    super(...arguments), this.src = "./path/to/image.jpg", this.alt = "Image", this.size = void 0;
-  }
-  render() {
-    return 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%"};
-      `, m`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;
-  }
-  handleImageError() {
-    this.dispatchEvent(new CustomEvent("onLoadError", { bubbles: !0, composed: !0 }));
-  }
-};
-C.styles = [$, H, wt];
-j([
-  c()
-], C.prototype, "src", void 0);
-j([
-  c()
-], C.prototype, "alt", void 0);
-j([
-  c()
-], C.prototype, "size", void 0);
-C = j([
-  x("wui-image")
-], C);
-const mt = b`
-  :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 M = function(e, t, i, a) {
-  var r = arguments.length, o = r < 3 ? t : a, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, a);
-  else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, i, o) : s(t, i)) || o);
-  return r > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let _ = class extends S {
-  constructor() {
-    super(...arguments), this.variant = "main", this.size = "lg";
-  }
-  render() {
-    this.dataset.variant = this.variant, this.dataset.size = this.size;
-    const t = this.size === "md" ? "mini-700" : "micro-700";
-    return m`
-      <wui-text data-variant=${this.variant} variant=${t} color="inherit">
-        <slot></slot>
-      </wui-text>
-    `;
-  }
-};
-_.styles = [$, mt];
-M([
-  c()
-], _.prototype, "variant", void 0);
-M([
-  c()
-], _.prototype, "size", void 0);
-_ = M([
-  x("wui-tag")
-], _);
-const vt = b`
-  :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 L = function(e, t, i, a) {
-  var r = arguments.length, o = r < 3 ? t : a, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, a);
-  else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, i, o) : s(t, i)) || o);
-  return r > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let k = class extends S {
-  constructor() {
-    super(...arguments), this.color = "accent-100", this.size = "lg";
-  }
-  render() {
-    return this.style.cssText = `--local-color: ${this.color === "inherit" ? "inherit" : `var(--wui-color-${this.color})`}`, this.dataset.size = this.size, m`<svg viewBox="25 25 50 50">
-      <circle r="20" cy="50" cx="50"></circle>
-    </svg>`;
-  }
-};
-k.styles = [$, vt];
-L([
-  c()
-], k.prototype, "color", void 0);
-L([
-  c()
-], k.prototype, "size", void 0);
-k = L([
-  x("wui-loading-spinner")
-], k);
-export {
-  w as U,
-  dt as a,
-  x as c,
-  O as e,
-  at as f,
-  c as n,
-  St as o,
-  bt as r
-};