@safe-stars/components/dist/if-defined-CTZGcMnO.js

React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.

import { a0 as L, a1 as O, a2 as _, i as x, r as A, L as U, a as T, x as $, Y as I } from "./index-B5pm1jHN.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), n = getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"), a = 100 - 3 * Number(n == null ? void 0 : n.replace("px", "")), s = `${a}% ${a}% at 65% 40%`, l = [];
    for (let d = 0; d < 5; d += 1) {
      const u = this.tintColor(r, 0.15 * d);
      l.push(`rgb(${u[0]}, ${u[1]}, ${u[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, n = e & 255;
    return [i, r, n];
  },
  tintColor(t, e) {
    const [i, r, n] = t, o = Math.round(i + (255 - i) * e), a = Math.round(r + (255 - r) * e), s = Math.round(n + (255 - n) * e);
    return [o, a, s];
  },
  isNumber(t) {
    return {
      number: /^[0-9]+$/u
    }.number.test(t);
  },
  getColorTheme(t) {
    var e;
    return t || (typeof window < "u" && window.matchMedia ? (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 H(t, e) {
  const { kind: i, elements: r } = e;
  return {
    kind: i,
    elements: r,
    finisher(n) {
      customElements.get(t) || customElements.define(t, n);
    }
  };
}
function N(t, e) {
  return customElements.get(t) || customElements.define(t, e), e;
}
function z(t) {
  return function(i) {
    return typeof i == "function" ? N(t, i) : H(t, i);
  };
}
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const D = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: O }, F = (t = D, e, i) => {
  const { kind: r, metadata: n } = i;
  let o = globalThis.litPropertyMetadata.get(n);
  if (o === void 0 && globalThis.litPropertyMetadata.set(n, o = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(i.name, t), r === "accessor") {
    const { name: a } = i;
    return { set(s) {
      const l = e.get.call(this);
      e.set.call(this, s), this.requestUpdate(a, l, t);
    }, init(s) {
      return s !== void 0 && this.C(a, void 0, t, s), s;
    } };
  }
  if (r === "setter") {
    const { name: a } = i;
    return function(s) {
      const l = this[a];
      e.call(this, s), this.requestUpdate(a, l, t);
    };
  }
  throw Error("Unsupported decorator location: " + r);
};
function c(t) {
  return (e, i) => typeof i == "object" ? F(t, e, i) : ((r, n, o) => {
    const a = n.hasOwnProperty(o);
    return n.constructor.createProperty(o, r), a ? Object.getOwnPropertyDescriptor(n, o) : void 0;
  })(t, e, i);
}
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
function st(t) {
  return c({ ...t, state: !0, attribute: !1 });
}
/**
 * @license
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const G = (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 B = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, j = (t) => (...e) => ({ _$litDirective$: t, values: e });
let M = 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 m = (t, e) => {
  var r;
  const i = t._$AN;
  if (i === void 0) return !1;
  for (const n of i) (r = n._$AO) == null || r.call(n, e, !1), m(n, e);
  return !0;
}, S = (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);
}, E = (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), q(e);
  }
};
function V(t) {
  this._$AN !== void 0 ? (S(this), this._$AM = t, E(this)) : this._$AM = t;
}
function Y(t, e = !1, i = 0) {
  const r = this._$AH, n = this._$AN;
  if (n !== void 0 && n.size !== 0) if (e) if (Array.isArray(r)) for (let o = i; o < r.length; o++) m(r[o], !1), S(r[o]);
  else r != null && (m(r, !1), S(r));
  else m(this, t);
}
const q = (t) => {
  t.type == B.CHILD && (t._$AP ?? (t._$AP = Y), t._$AQ ?? (t._$AQ = V));
};
class K extends M {
  constructor() {
    super(...arguments), this._$AN = void 0;
  }
  _$AT(e, i, r) {
    super._$AT(e, i, r), E(this), this.isConnected = e._$AU;
  }
  _$AO(e, i = !0) {
    var r, n;
    e !== this.isConnected && (this.isConnected = e, e ? (r = this.reconnected) == null || r.call(this) : (n = this.disconnected) == null || n.call(this)), i && (m(this, e), S(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 X {
  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) => !G(t) && typeof t.then == "function", P = 1073741823;
class Q extends K {
  constructor() {
    super(...arguments), this._$Cwt = P, this._$Cbt = [], this._$CK = new X(this), this._$CX = new Z();
  }
  render(...e) {
    return e.find((i) => !k(i)) ?? _;
  }
  update(e, i) {
    const r = this._$Cbt;
    let n = r.length;
    this._$Cbt = i;
    const o = this._$CK, a = 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 < n && l === r[s] || (this._$Cwt = P, n = 0, Promise.resolve(l).then(async (d) => {
        for (; a.get(); ) await a.get();
        const u = o.deref();
        if (u !== void 0) {
          const b = u._$Cbt.indexOf(l);
          b > -1 && b < u._$Cwt && (u._$Cwt = b, u.setValue(d));
        }
      }));
    }
    return _;
  }
  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 = x`
  :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 n = arguments.length, o = n < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, i) : r, a;
  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--) (a = t[s]) && (o = (n < 3 ? a(o) : n > 3 ? a(e, i, o) : a(e, i)) || o);
  return n > 3 && o && Object.defineProperty(e, i, o), o;
};
const R = {
  add: async () => (await import("./add-Xsv31vcO.js")).addSvg,
  allWallets: async () => (await import("./all-wallets-BSId1YqT.js")).allWalletsSvg,
  arrowBottomCircle: async () => (await import("./arrow-bottom-circle-BNX3RLT-.js")).arrowBottomCircleSvg,
  appStore: async () => (await import("./app-store-B2qsT7nP.js")).appStoreSvg,
  apple: async () => (await import("./apple-DoTSOUqD.js")).appleSvg,
  arrowBottom: async () => (await import("./arrow-bottom-DYiRXY5U.js")).arrowBottomSvg,
  arrowLeft: async () => (await import("./arrow-left-rcpx7xh1.js")).arrowLeftSvg,
  arrowRight: async () => (await import("./arrow-right-UiwiWWw2.js")).arrowRightSvg,
  arrowTop: async () => (await import("./arrow-top-CfKwyaKc.js")).arrowTopSvg,
  bank: async () => (await import("./bank-DAEuYhEm.js")).bankSvg,
  browser: async () => (await import("./browser-CIziZRrQ.js")).browserSvg,
  card: async () => (await import("./card-wiIRS2dD.js")).cardSvg,
  checkmark: async () => (await import("./checkmark-FJ7tQwUe.js")).checkmarkSvg,
  checkmarkBold: async () => (await import("./checkmark-bold-DmbdrRWz.js")).checkmarkBoldSvg,
  chevronBottom: async () => (await import("./chevron-bottom-CLjd7q9A.js")).chevronBottomSvg,
  chevronLeft: async () => (await import("./chevron-left-LTvgUcpP.js")).chevronLeftSvg,
  chevronRight: async () => (await import("./chevron-right-0YkE1B87.js")).chevronRightSvg,
  chevronTop: async () => (await import("./chevron-top-CuafjNrd.js")).chevronTopSvg,
  chromeStore: async () => (await import("./chrome-store--47gBE1t.js")).chromeStoreSvg,
  clock: async () => (await import("./clock-DvkZ0rOs.js")).clockSvg,
  close: async () => (await import("./close-BM7HTFuZ.js")).closeSvg,
  compass: async () => (await import("./compass-CWHBGOoa.js")).compassSvg,
  coinPlaceholder: async () => (await import("./coinPlaceholder-FeXlQOWX.js")).coinPlaceholderSvg,
  copy: async () => (await import("./copy-DRy4PK4U.js")).copySvg,
  cursor: async () => (await import("./cursor-Bvs4HWOF.js")).cursorSvg,
  cursorTransparent: async () => (await import("./cursor-transparent-Co-dDd9Y.js")).cursorTransparentSvg,
  desktop: async () => (await import("./desktop-Clq0JBDW.js")).desktopSvg,
  disconnect: async () => (await import("./disconnect-DBj5wpgi.js")).disconnectSvg,
  discord: async () => (await import("./discord-BNDZ1Ktn.js")).discordSvg,
  etherscan: async () => (await import("./etherscan-Y2Gg32eh.js")).etherscanSvg,
  extension: async () => (await import("./extension-R3OGDgQO.js")).extensionSvg,
  externalLink: async () => (await import("./external-link-BtleTR9t.js")).externalLinkSvg,
  facebook: async () => (await import("./facebook-BjbOcFVD.js")).facebookSvg,
  farcaster: async () => (await import("./farcaster-Cj5u39Ab.js")).farcasterSvg,
  filters: async () => (await import("./filters-DpQlSaQ6.js")).filtersSvg,
  github: async () => (await import("./github-Bt_JxXRh.js")).githubSvg,
  google: async () => (await import("./google-8AbTmrR9.js")).googleSvg,
  helpCircle: async () => (await import("./help-circle-CPZ2YjIB.js")).helpCircleSvg,
  image: async () => (await import("./image-9pi9nmQI.js")).imageSvg,
  id: async () => (await import("./id-C2QR0UZg.js")).idSvg,
  infoCircle: async () => (await import("./info-circle-CylVoDkU.js")).infoCircleSvg,
  lightbulb: async () => (await import("./lightbulb-DhKEjvuk.js")).lightbulbSvg,
  mail: async () => (await import("./mail-lhUq62x3.js")).mailSvg,
  mobile: async () => (await import("./mobile-DfgmThkF.js")).mobileSvg,
  more: async () => (await import("./more-CLoQwgOj.js")).moreSvg,
  networkPlaceholder: async () => (await import("./network-placeholder-Ce0oy1Pw.js")).networkPlaceholderSvg,
  nftPlaceholder: async () => (await import("./nftPlaceholder-DN9hH9y6.js")).nftPlaceholderSvg,
  off: async () => (await import("./off-BjrIWtXi.js")).offSvg,
  playStore: async () => (await import("./play-store-DLBh6p37.js")).playStoreSvg,
  plus: async () => (await import("./plus-C9Xe9icD.js")).plusSvg,
  qrCode: async () => (await import("./qr-code-DBuWomYP.js")).qrCodeIcon,
  recycleHorizontal: async () => (await import("./recycle-horizontal-DVrZ4fk-.js")).recycleHorizontalSvg,
  refresh: async () => (await import("./refresh-DqyLlUQh.js")).refreshSvg,
  search: async () => (await import("./search-WH9B0OZh.js")).searchSvg,
  send: async () => (await import("./send-DjJcsbKB.js")).sendSvg,
  swapHorizontal: async () => (await import("./swapHorizontal-BoGY98he.js")).swapHorizontalSvg,
  swapHorizontalMedium: async () => (await import("./swapHorizontalMedium-B3x0POaU.js")).swapHorizontalMediumSvg,
  swapHorizontalBold: async () => (await import("./swapHorizontalBold-BUczilna.js")).swapHorizontalBoldSvg,
  swapHorizontalRoundedBold: async () => (await import("./swapHorizontalRoundedBold-Bfb6BPy3.js")).swapHorizontalRoundedBoldSvg,
  swapVertical: async () => (await import("./swapVertical-CDPZ8UnA.js")).swapVerticalSvg,
  telegram: async () => (await import("./telegram-C2Bss5d6.js")).telegramSvg,
  threeDots: async () => (await import("./three-dots-CuYM7w5D.js")).threeDotsSvg,
  twitch: async () => (await import("./twitch-DsLU-U3p.js")).twitchSvg,
  twitter: async () => (await import("./x-C7Lei0vg.js")).xSvg,
  twitterIcon: async () => (await import("./twitterIcon-BvNNS1tx.js")).twitterIconSvg,
  verify: async () => (await import("./verify-wHBL2SQV.js")).verifySvg,
  verifyFilled: async () => (await import("./verify-filled-DzLNlfwS.js")).verifyFilledSvg,
  wallet: async () => (await import("./wallet-Dtc83IXk.js")).walletSvg,
  walletConnect: async () => (await import("./walletconnect-srPEFBQw.js")).walletConnectSvg,
  walletConnectLightBrown: async () => (await import("./walletconnect-srPEFBQw.js")).walletConnectLightBrownSvg,
  walletConnectBrown: async () => (await import("./walletconnect-srPEFBQw.js")).walletConnectBrownSvg,
  walletPlaceholder: async () => (await import("./wallet-placeholder-Ci2VRsuH.js")).walletPlaceholderSvg,
  warningCircle: async () => (await import("./warning-circle-DRjHDelS.js")).warningCircleSvg,
  x: async () => (await import("./x-C7Lei0vg.js")).xSvg,
  info: async () => (await import("./info-LqM5Nv6R.js")).infoSvg,
  exclamationTriangle: async () => (await import("./exclamation-triangle-DSsSj85V.js")).exclamationTriangleSvg,
  reown: async () => (await import("./reown-logo-BA5cmOpB.js")).reownSvg
};
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 T {
  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}
    `, $`${J(it(this.name), $`<div class="fallback"></div>`)}`;
  }
};
w.styles = [A, U, 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([
  z("wui-icon")
], w);
/**
 * @license
 * Copyright 2018 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const ot = j(class extends M {
  constructor(t) {
    var e;
    if (super(t), t.type !== B.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, n;
    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 a = !!e[o];
      a === this.st.has(o) || (n = this.nt) != null && n.has(o) || (a ? (i.add(o), this.st.add(o)) : (i.remove(o), this.st.delete(o)));
    }
    return _;
  }
}), rt = x`
  :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 y = function(t, e, i, r) {
  var n = arguments.length, o = n < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, i) : r, a;
  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--) (a = t[s]) && (o = (n < 3 ? a(o) : n > 3 ? a(e, i, o) : a(e, i)) || o);
  return n > 3 && o && Object.defineProperty(e, i, o), o;
};
let f = class extends T {
  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});
    `, $`<slot class=${ot(e)}></slot>`;
  }
};
f.styles = [A, 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([
  z("wui-text")
], f);
const nt = x`
  :host {
    display: flex;
    width: inherit;
    height: inherit;
  }
`;
var h = function(t, e, i, r) {
  var n = arguments.length, o = n < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, i) : r, a;
  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--) (a = t[s]) && (o = (n < 3 ? a(o) : n > 3 ? a(e, i, o) : a(e, i)) || o);
  return n > 3 && o && Object.defineProperty(e, i, o), o;
};
let p = class extends T {
  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)};
    `, $`<slot></slot>`;
  }
};
p.styles = [A, nt];
h([
  c()
], p.prototype, "flexDirection", void 0);
h([
  c()
], p.prototype, "flexWrap", void 0);
h([
  c()
], p.prototype, "flexBasis", void 0);
h([
  c()
], p.prototype, "flexGrow", void 0);
h([
  c()
], p.prototype, "flexShrink", void 0);
h([
  c()
], p.prototype, "alignItems", void 0);
h([
  c()
], p.prototype, "justifyContent", void 0);
h([
  c()
], p.prototype, "columnGap", void 0);
h([
  c()
], p.prototype, "rowGap", void 0);
h([
  c()
], p.prototype, "gap", void 0);
h([
  c()
], p.prototype, "padding", void 0);
h([
  c()
], p.prototype, "margin", void 0);
p = h([
  z("wui-flex")
], p);
/**
 * @license
 * Copyright 2018 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const ut = (t) => t ?? I;
export {
  g as U,
  j as a,
  z as c,
  ot as e,
  K as f,
  c as n,
  ut as o,
  st as r
};
//# sourceMappingURL=if-defined-CTZGcMnO.js.map