0xtrails 0.0.1 → 0.0.2

package/dist/widget/if-defined-DRXJEhv7.js

@@ -0,0 +1,752 @@
+import { a1 as H, a2 as I, i as _, r as z, U as L, a as A } from "./index-CK94R-H7.js";
+import { T as x, x as S, E as O } from "./lit-html-BRjl1r6K.js";
+const g = {
+  getSpacingStyles(t, e) {
+    if (Array.isArray(t))
+      return t[e] ? `var(--wui-spacing-${t[e]})` : void 0;
+    if (typeof t == "string")
+      return `var(--wui-spacing-${t})`;
+  },
+  getFormattedDate(t) {
+    return new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric" }).format(t);
+  },
+  getHostName(t) {
+    try {
+      return new URL(t).hostname;
+    } catch {
+      return "";
+    }
+  },
+  getTruncateString({ string: t, charsStart: e, charsEnd: i, truncate: r }) {
+    return t.length <= e + i ? t : r === "end" ? `${t.substring(0, e)}...` : r === "start" ? `...${t.substring(t.length - i)}` : `${t.substring(0, Math.floor(e))}...${t.substring(t.length - Math.floor(i))}`;
+  },
+  generateAvatarColors(t) {
+    const i = t.toLowerCase().replace(/^0x/iu, "").replace(/[^a-f0-9]/gu, "").substring(0, 6).padEnd(6, "0"), r = this.hexToRgb(i), a = getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"), n = 100 - 3 * Number(a == null ? void 0 : a.replace("px", "")), s = `${n}% ${n}% at 65% 40%`, l = [];
+    for (let m = 0; m < 5; m += 1) {
+      const h = this.tintColor(r, 0.15 * m);
+      l.push(`rgb(${h[0]}, ${h[1]}, ${h[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: ${s}
+   `;
+  },
+  hexToRgb(t) {
+    const e = parseInt(t, 16), i = e >> 16 & 255, r = e >> 8 & 255, a = e & 255;
+    return [i, r, a];
+  },
+  tintColor(t, e) {
+    const [i, r, a] = t, o = Math.round(i + (255 - i) * e), n = Math.round(r + (255 - r) * e), s = Math.round(a + (255 - a) * e);
+    return [o, n, s];
+  },
+  isNumber(t) {
+    return {
+      number: /^[0-9]+$/u
+    }.number.test(t);
+  },
+  getColorTheme(t) {
+    var e;
+    return t || (typeof window < "u" && window.matchMedia && typeof window.matchMedia == "function" ? (e = window.matchMedia("(prefers-color-scheme: dark)")) != null && e.matches ? "dark" : "light" : "dark");
+  },
+  splitBalance(t) {
+    const e = t.split(".");
+    return e.length === 2 ? [e[0], e[1]] : ["0", "00"];
+  },
+  roundNumber(t, e, i) {
+    return t.toString().length >= e ? Number(t).toFixed(i) : t;
+  },
+  formatNumberToLocalString(t, e = 2) {
+    return t === void 0 ? "0.00" : typeof t == "number" ? t.toLocaleString("en-US", {
+      maximumFractionDigits: e,
+      minimumFractionDigits: e
+    }) : parseFloat(t).toLocaleString("en-US", {
+      maximumFractionDigits: e,
+      minimumFractionDigits: e
+    });
+  }
+};
+function D(t, e) {
+  const { kind: i, elements: r } = e;
+  return {
+    kind: i,
+    elements: r,
+    finisher(a) {
+      customElements.get(t) || customElements.define(t, a);
+    }
+  };
+}
+function F(t, e) {
+  return customElements.get(t) || customElements.define(t, e), e;
+}
+function T(t) {
+  return function(i) {
+    return typeof i == "function" ? F(t, i) : D(t, i);
+  };
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const G = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: H }, N = (t = G, e, i) => {
+  const { kind: r, metadata: a } = i;
+  let o = globalThis.litPropertyMetadata.get(a);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(a, o = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(i.name, t), r === "accessor") {
+    const { name: n } = i;
+    return { set(s) {
+      const l = e.get.call(this);
+      e.set.call(this, s), this.requestUpdate(n, l, t);
+    }, init(s) {
+      return s !== void 0 && this.C(n, void 0, t, s), s;
+    } };
+  }
+  if (r === "setter") {
+    const { name: n } = i;
+    return function(s) {
+      const l = this[n];
+      e.call(this, s), this.requestUpdate(n, l, t);
+    };
+  }
+  throw Error("Unsupported decorator location: " + r);
+};
+function c(t) {
+  return (e, i) => typeof i == "object" ? N(t, e, i) : ((r, a, o) => {
+    const n = a.hasOwnProperty(o);
+    return a.constructor.createProperty(o, r), n ? Object.getOwnPropertyDescriptor(a, o) : void 0;
+  })(t, e, i);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function ct(t) {
+  return c({ ...t, state: !0, attribute: !1 });
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const E = (t) => t === null || typeof t != "object" && typeof t != "function", W = (t) => t.strings === void 0;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const M = { ATTRIBUTE: 1, CHILD: 2 }, j = (t) => (...e) => ({ _$litDirective$: t, values: e });
+let B = class {
+  constructor(e) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(e, i, r) {
+    this._$Ct = e, this._$AM = i, this._$Ci = r;
+  }
+  _$AS(e, i) {
+    return this.update(e, i);
+  }
+  update(e, i) {
+    return this.render(...i);
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const d = (t, e) => {
+  var r;
+  const i = t._$AN;
+  if (i === void 0) return !1;
+  for (const a of i) (r = a._$AO) == null || r.call(a, e, !1), d(a, e);
+  return !0;
+}, $ = (t) => {
+  let e, i;
+  do {
+    if ((e = t._$AM) === void 0) break;
+    i = e._$AN, i.delete(t), t = e;
+  } while ((i == null ? void 0 : i.size) === 0);
+}, U = (t) => {
+  for (let e; e = t._$AM; t = e) {
+    let i = e._$AN;
+    if (i === void 0) e._$AN = i = /* @__PURE__ */ new Set();
+    else if (i.has(t)) break;
+    i.add(t), K(e);
+  }
+};
+function V(t) {
+  this._$AN !== void 0 ? ($(this), this._$AM = t, U(this)) : this._$AM = t;
+}
+function q(t, e = !1, i = 0) {
+  const r = this._$AH, a = this._$AN;
+  if (a !== void 0 && a.size !== 0) if (e) if (Array.isArray(r)) for (let o = i; o < r.length; o++) d(r[o], !1), $(r[o]);
+  else r != null && (d(r, !1), $(r));
+  else d(this, t);
+}
+const K = (t) => {
+  t.type == M.CHILD && (t._$AP ?? (t._$AP = q), t._$AQ ?? (t._$AQ = V));
+};
+class X extends B {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(e, i, r) {
+    super._$AT(e, i, r), U(this), this.isConnected = e._$AU;
+  }
+  _$AO(e, i = !0) {
+    var r, a;
+    e !== this.isConnected && (this.isConnected = e, e ? (r = this.reconnected) == null || r.call(this) : (a = this.disconnected) == null || a.call(this)), i && (d(this, e), $(this));
+  }
+  setValue(e) {
+    if (W(this._$Ct)) this._$Ct._$AI(e, this);
+    else {
+      const i = [...this._$Ct._$AH];
+      i[this._$Ci] = e, this._$Ct._$AI(i, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class Y {
+  constructor(e) {
+    this.G = e;
+  }
+  disconnect() {
+    this.G = void 0;
+  }
+  reconnect(e) {
+    this.G = e;
+  }
+  deref() {
+    return this.G;
+  }
+}
+class Z {
+  constructor() {
+    this.Y = void 0, this.Z = void 0;
+  }
+  get() {
+    return this.Y;
+  }
+  pause() {
+    this.Y ?? (this.Y = new Promise((e) => this.Z = e));
+  }
+  resume() {
+    var e;
+    (e = this.Z) == null || e.call(this), this.Y = this.Z = void 0;
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const k = (t) => !E(t) && typeof t.then == "function", P = 1073741823;
+class Q extends X {
+  constructor() {
+    super(...arguments), this._$Cwt = P, this._$Cbt = [], this._$CK = new Y(this), this._$CX = new Z();
+  }
+  render(...e) {
+    return e.find((i) => !k(i)) ?? x;
+  }
+  update(e, i) {
+    const r = this._$Cbt;
+    let a = r.length;
+    this._$Cbt = i;
+    const o = this._$CK, n = this._$CX;
+    this.isConnected || this.disconnected();
+    for (let s = 0; s < i.length && !(s > this._$Cwt); s++) {
+      const l = i[s];
+      if (!k(l)) return this._$Cwt = s, l;
+      s < a && l === r[s] || (this._$Cwt = P, a = 0, Promise.resolve(l).then(async (m) => {
+        for (; n.get(); ) await n.get();
+        const h = o.deref();
+        if (h !== void 0) {
+          const b = h._$Cbt.indexOf(l);
+          b > -1 && b < h._$Cwt && (h._$Cwt = b, h.setValue(m));
+        }
+      }));
+    }
+    return x;
+  }
+  disconnected() {
+    this._$CK.disconnect(), this._$CX.pause();
+  }
+  reconnected() {
+    this._$CK.reconnect(this), this._$CX.resume();
+  }
+}
+const J = j(Q);
+class tt {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map();
+  }
+  set(e, i) {
+    this.cache.set(e, i);
+  }
+  get(e) {
+    return this.cache.get(e);
+  }
+  has(e) {
+    return this.cache.has(e);
+  }
+  delete(e) {
+    this.cache.delete(e);
+  }
+  clear() {
+    this.cache.clear();
+  }
+}
+const C = new tt(), et = _`
+  :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 v = function(t, e, i, r) {
+  var a = arguments.length, o = a < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, i) : r, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(t, e, i, r);
+  else for (var s = t.length - 1; s >= 0; s--) (n = t[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(e, i, o) : n(e, i)) || o);
+  return a > 3 && o && Object.defineProperty(e, i, o), o;
+};
+const R = {
+  add: async () => (await import("./add-hVLs3ldJ.js")).addSvg,
+  allWallets: async () => (await import("./all-wallets-Cwxnx4BT.js")).allWalletsSvg,
+  arrowBottomCircle: async () => (await import("./arrow-bottom-circle-BGU9MmsZ.js")).arrowBottomCircleSvg,
+  appStore: async () => (await import("./app-store-CAAVQjW0.js")).appStoreSvg,
+  apple: async () => (await import("./apple-C3BSbglw.js")).appleSvg,
+  arrowBottom: async () => (await import("./arrow-bottom-hS_SA8Gp.js")).arrowBottomSvg,
+  arrowLeft: async () => (await import("./arrow-left-CJZanWz7.js")).arrowLeftSvg,
+  arrowRight: async () => (await import("./arrow-right-C1qL8EMd.js")).arrowRightSvg,
+  arrowTop: async () => (await import("./arrow-top-CbuCmbQs.js")).arrowTopSvg,
+  bank: async () => (await import("./bank-CXBEEGbb.js")).bankSvg,
+  browser: async () => (await import("./browser-t7Fh0sEU.js")).browserSvg,
+  bin: async () => (await import("./bin-Dqzv3zCZ.js")).binSvg,
+  bitcoin: async () => (await import("./bitcoin-4y3sovZp.js")).bitcoinSvg,
+  card: async () => (await import("./card-Bo4CZkTs.js")).cardSvg,
+  checkmark: async () => (await import("./checkmark-DV6OKvnY.js")).checkmarkSvg,
+  checkmarkBold: async () => (await import("./checkmark-bold-CAp1-IQ2.js")).checkmarkBoldSvg,
+  chevronBottom: async () => (await import("./chevron-bottom-BjzsVzk9.js")).chevronBottomSvg,
+  chevronLeft: async () => (await import("./chevron-left-CQZBDCiR.js")).chevronLeftSvg,
+  chevronRight: async () => (await import("./chevron-right-Dhg4zeZM.js")).chevronRightSvg,
+  chevronTop: async () => (await import("./chevron-top-CDQmfJef.js")).chevronTopSvg,
+  chromeStore: async () => (await import("./chrome-store-BNaC_b6w.js")).chromeStoreSvg,
+  clock: async () => (await import("./clock-BmF8-4a0.js")).clockSvg,
+  close: async () => (await import("./close-Bf61nZ8o.js")).closeSvg,
+  compass: async () => (await import("./compass-CFC3yhnW.js")).compassSvg,
+  coinPlaceholder: async () => (await import("./coinPlaceholder-7cZW2058.js")).coinPlaceholderSvg,
+  copy: async () => (await import("./copy-e0xXvKN0.js")).copySvg,
+  cursor: async () => (await import("./cursor-CqM3v0xJ.js")).cursorSvg,
+  cursorTransparent: async () => (await import("./cursor-transparent-CUQpdsCG.js")).cursorTransparentSvg,
+  circle: async () => (await import("./circle-BC_GBj91.js")).circleSvg,
+  desktop: async () => (await import("./desktop-DUDGIRpM.js")).desktopSvg,
+  disconnect: async () => (await import("./disconnect-DUFST9QQ.js")).disconnectSvg,
+  discord: async () => (await import("./discord-C1cj365Z.js")).discordSvg,
+  ethereum: async () => (await import("./ethereum-CfmBVfeB.js")).ethereumSvg,
+  etherscan: async () => (await import("./etherscan-BSiynDhW.js")).etherscanSvg,
+  extension: async () => (await import("./extension-mRmfCDxo.js")).extensionSvg,
+  externalLink: async () => (await import("./external-link-B4xMIVnW.js")).externalLinkSvg,
+  facebook: async () => (await import("./facebook-CBAZStBR.js")).facebookSvg,
+  farcaster: async () => (await import("./farcaster-LHDEDf5S.js")).farcasterSvg,
+  filters: async () => (await import("./filters-CBijuvFv.js")).filtersSvg,
+  github: async () => (await import("./github-C3ILD420.js")).githubSvg,
+  google: async () => (await import("./google-CSj73POX.js")).googleSvg,
+  helpCircle: async () => (await import("./help-circle-2hdG5IdB.js")).helpCircleSvg,
+  image: async () => (await import("./image-C90L4Rf6.js")).imageSvg,
+  id: async () => (await import("./id-ByYSrwsd.js")).idSvg,
+  infoCircle: async () => (await import("./info-circle-DAvS_7nY.js")).infoCircleSvg,
+  lightbulb: async () => (await import("./lightbulb-DnZ9mNEs.js")).lightbulbSvg,
+  mail: async () => (await import("./mail-DpaVSOP8.js")).mailSvg,
+  mobile: async () => (await import("./mobile-CRvdyu7I.js")).mobileSvg,
+  more: async () => (await import("./more-C5VqW9PR.js")).moreSvg,
+  networkPlaceholder: async () => (await import("./network-placeholder-CZ0vApma.js")).networkPlaceholderSvg,
+  nftPlaceholder: async () => (await import("./nftPlaceholder-7jjIK2bT.js")).nftPlaceholderSvg,
+  off: async () => (await import("./off-4mHjJLLX.js")).offSvg,
+  playStore: async () => (await import("./play-store-Uocul8nC.js")).playStoreSvg,
+  plus: async () => (await import("./plus-DrYF7siO.js")).plusSvg,
+  qrCode: async () => (await import("./qr-code-DcnGMUB3.js")).qrCodeIcon,
+  recycleHorizontal: async () => (await import("./recycle-horizontal-DrDwXC4D.js")).recycleHorizontalSvg,
+  refresh: async () => (await import("./refresh-OK9lIPLS.js")).refreshSvg,
+  search: async () => (await import("./search-DZqv1oKg.js")).searchSvg,
+  send: async () => (await import("./send-otoEC8uU.js")).sendSvg,
+  swapHorizontal: async () => (await import("./swapHorizontal-BzOPGV37.js")).swapHorizontalSvg,
+  swapHorizontalMedium: async () => (await import("./swapHorizontalMedium-C6YOPfPz.js")).swapHorizontalMediumSvg,
+  swapHorizontalBold: async () => (await import("./swapHorizontalBold-axyHnSmj.js")).swapHorizontalBoldSvg,
+  swapHorizontalRoundedBold: async () => (await import("./swapHorizontalRoundedBold-yVcLbWNT.js")).swapHorizontalRoundedBoldSvg,
+  swapVertical: async () => (await import("./swapVertical-BDjxt9pE.js")).swapVerticalSvg,
+  solana: async () => (await import("./solana-Bv5Hs_0T.js")).solanaSvg,
+  telegram: async () => (await import("./telegram-BQJD7dlP.js")).telegramSvg,
+  threeDots: async () => (await import("./three-dots-DW9jmSMG.js")).threeDotsSvg,
+  twitch: async () => (await import("./twitch-XugxDfOE.js")).twitchSvg,
+  twitter: async () => (await import("./x-DlZBoP9k.js")).xSvg,
+  twitterIcon: async () => (await import("./twitterIcon-DQVObQUL.js")).twitterIconSvg,
+  verify: async () => (await import("./verify-DpMYHxLf.js")).verifySvg,
+  verifyFilled: async () => (await import("./verify-filled-KpEL6ZJ_.js")).verifyFilledSvg,
+  wallet: async () => (await import("./wallet-D8ssEB0o.js")).walletSvg,
+  walletConnect: async () => (await import("./walletconnect-Bp_4XfrY.js")).walletConnectSvg,
+  walletConnectLightBrown: async () => (await import("./walletconnect-Bp_4XfrY.js")).walletConnectLightBrownSvg,
+  walletConnectBrown: async () => (await import("./walletconnect-Bp_4XfrY.js")).walletConnectBrownSvg,
+  walletPlaceholder: async () => (await import("./wallet-placeholder-HtAy21Wc.js")).walletPlaceholderSvg,
+  warningCircle: async () => (await import("./warning-circle-FgYS7P7n.js")).warningCircleSvg,
+  x: async () => (await import("./x-DlZBoP9k.js")).xSvg,
+  info: async () => (await import("./info-DMPChDjV.js")).infoSvg,
+  exclamationTriangle: async () => (await import("./exclamation-triangle-DEiFNpHw.js")).exclamationTriangleSvg,
+  reown: async () => (await import("./reown-logo-C-Qn7mS3.js")).reownSvg,
+  "x-mark": async () => (await import("./x-mark-Ba9pt-_h.js")).xMarkSvg
+};
+async function it(t) {
+  if (C.has(t))
+    return C.get(t);
+  const i = (R[t] ?? R.copy)();
+  return C.set(t, i), i;
+}
+let w = class extends A {
+  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}
+    `, S`${J(it(this.name), S`<div class="fallback"></div>`)}`;
+  }
+};
+w.styles = [z, L, et];
+v([
+  c()
+], w.prototype, "size", void 0);
+v([
+  c()
+], w.prototype, "name", void 0);
+v([
+  c()
+], w.prototype, "color", void 0);
+v([
+  c()
+], w.prototype, "aspectRatio", void 0);
+w = v([
+  T("wui-icon")
+], w);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ot = j(class extends B {
+  constructor(t) {
+    var e;
+    if (super(t), t.type !== M.ATTRIBUTE || t.name !== "class" || ((e = t.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t) {
+    return " " + Object.keys(t).filter((e) => t[e]).join(" ") + " ";
+  }
+  update(t, [e]) {
+    var r, a;
+    if (this.st === void 0) {
+      this.st = /* @__PURE__ */ new Set(), t.strings !== void 0 && (this.nt = new Set(t.strings.join(" ").split(/\s/).filter((o) => o !== "")));
+      for (const o in e) e[o] && !((r = this.nt) != null && r.has(o)) && this.st.add(o);
+      return this.render(e);
+    }
+    const i = t.element.classList;
+    for (const o of this.st) o in e || (i.remove(o), this.st.delete(o));
+    for (const o in e) {
+      const n = !!e[o];
+      n === this.st.has(o) || (a = this.nt) != null && a.has(o) || (n ? (i.add(o), this.st.add(o)) : (i.remove(o), this.st.delete(o)));
+    }
+    return x;
+  }
+}), rt = _`
+  :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,
+  .wui-font-micro-500 {
+    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 y = function(t, e, i, r) {
+  var a = arguments.length, o = a < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, i) : r, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(t, e, i, r);
+  else for (var s = t.length - 1; s >= 0; s--) (n = t[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(e, i, o) : n(e, i)) || o);
+  return a > 3 && o && Object.defineProperty(e, i, o), o;
+};
+let f = class extends A {
+  constructor() {
+    super(...arguments), this.variant = "paragraph-500", this.color = "fg-300", this.align = "left", this.lineClamp = void 0;
+  }
+  render() {
+    const e = {
+      [`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});
+    `, S`<slot class=${ot(e)}></slot>`;
+  }
+};
+f.styles = [z, rt];
+y([
+  c()
+], f.prototype, "variant", void 0);
+y([
+  c()
+], f.prototype, "color", void 0);
+y([
+  c()
+], f.prototype, "align", void 0);
+y([
+  c()
+], f.prototype, "lineClamp", void 0);
+f = y([
+  T("wui-text")
+], f);
+const at = _`
+  :host {
+    display: flex;
+    width: inherit;
+    height: inherit;
+  }
+`;
+var u = function(t, e, i, r) {
+  var a = arguments.length, o = a < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, i) : r, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(t, e, i, r);
+  else for (var s = t.length - 1; s >= 0; s--) (n = t[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(e, i, o) : n(e, i)) || o);
+  return a > 3 && o && Object.defineProperty(e, i, o), o;
+};
+let p = class extends A {
+  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 && g.getSpacingStyles(this.padding, 0)};
+      padding-right: ${this.padding && g.getSpacingStyles(this.padding, 1)};
+      padding-bottom: ${this.padding && g.getSpacingStyles(this.padding, 2)};
+      padding-left: ${this.padding && g.getSpacingStyles(this.padding, 3)};
+      margin-top: ${this.margin && g.getSpacingStyles(this.margin, 0)};
+      margin-right: ${this.margin && g.getSpacingStyles(this.margin, 1)};
+      margin-bottom: ${this.margin && g.getSpacingStyles(this.margin, 2)};
+      margin-left: ${this.margin && g.getSpacingStyles(this.margin, 3)};
+    `, S`<slot></slot>`;
+  }
+};
+p.styles = [z, at];
+u([
+  c()
+], p.prototype, "flexDirection", void 0);
+u([
+  c()
+], p.prototype, "flexWrap", void 0);
+u([
+  c()
+], p.prototype, "flexBasis", void 0);
+u([
+  c()
+], p.prototype, "flexGrow", void 0);
+u([
+  c()
+], p.prototype, "flexShrink", void 0);
+u([
+  c()
+], p.prototype, "alignItems", void 0);
+u([
+  c()
+], p.prototype, "justifyContent", void 0);
+u([
+  c()
+], p.prototype, "columnGap", void 0);
+u([
+  c()
+], p.prototype, "rowGap", void 0);
+u([
+  c()
+], p.prototype, "gap", void 0);
+u([
+  c()
+], p.prototype, "padding", void 0);
+u([
+  c()
+], p.prototype, "margin", void 0);
+p = u([
+  T("wui-flex")
+], p);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const gt = (t) => t ?? O;
+export {
+  g as U,
+  j as a,
+  T as c,
+  ot as e,
+  X as f,
+  c as n,
+  gt as o,
+  ct as r
+};