@reown/appkit-cdn 1.8.15-viem-upgrade.0 → 1.8.15-viem-upgrade-2.0

package/dist/index-CzIN86Z6.js

@@ -0,0 +1,52 @@
+import { m as css, r as resetStyles, o as i, x } from "./appkit-8yrMZRW-.js";
+import { n } from "./class-map-k3nlzPqR.js";
+import { c as customElement } from "./index-CNivx0yI.js";
+const styles = css`
+  :host {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 1px;
+    background-color: ${({ tokens }) => tokens.theme.borderPrimary};
+    justify-content: center;
+    align-items: center;
+  }
+
+  :host > wui-text {
+    position: absolute;
+    padding: 0px 8px;
+    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+    transition: background-color ${({ durations }) => durations["lg"]}
+      ${({ easings }) => easings["ease-out-power-2"]};
+    will-change: background-color;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiSeparator = class WuiSeparator2 extends i {
+  constructor() {
+    super(...arguments);
+    this.text = "";
+  }
+  render() {
+    return x`${this.template()}`;
+  }
+  template() {
+    if (this.text) {
+      return x`<wui-text variant="md-regular" color="secondary">${this.text}</wui-text>`;
+    }
+    return null;
+  }
+};
+WuiSeparator.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiSeparator.prototype, "text", void 0);
+WuiSeparator = __decorate([
+  customElement("wui-separator")
+], WuiSeparator);
+//# sourceMappingURL=index-CzIN86Z6.js.map

package/dist/index-CzIN86Z6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CzIN86Z6.js","sources":["../../ui/dist/esm/src/layout/wui-separator/styles.js","../../ui/dist/esm/src/layout/wui-separator/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    display: flex;\n    width: 100%;\n    height: 1px;\n    background-color: ${({ tokens }) => tokens.theme.borderPrimary};\n    justify-content: center;\n    align-items: center;\n  }\n\n  :host > wui-text {\n    position: absolute;\n    padding: 0px 8px;\n    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};\n    transition: background-color ${({ durations }) => durations['lg']}\n      ${({ easings }) => easings['ease-out-power-2']};\n    will-change: background-color;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-text/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiSeparator = class WuiSeparator extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.text = '';\n    }\n    render() {\n        return html `${this.template()}`;\n    }\n    template() {\n        if (this.text) {\n            return html `<wui-text variant=\"md-regular\" color=\"secondary\">${this.text}</wui-text>`;\n        }\n        return null;\n    }\n};\nWuiSeparator.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiSeparator.prototype, \"text\", void 0);\nWuiSeparator = __decorate([\n    customElement('wui-separator')\n], WuiSeparator);\nexport { WuiSeparator };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiSeparator","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMS,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQ1C,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,iBAAiB;AAAA,mCACnC,CAAC,EAAE,gBAAgB,UAAU,IAAI,CAAC;AAAA,QAC7D,CAAC,EAAE,QAAO,MAAO,QAAQ,kBAAkB,CAAC;AAAA;AAAA;AAAA;ACjBpD,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASA,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAOA,IAAI,eAAe,MAAMC,sBAAqBC,EAAW;AAAA,EACrD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,OAAO;AAAA,EAChB;AAAA,EACA,SAAS;AACL,WAAOC,IAAQ,KAAK,SAAQ,CAAE;AAAA,EAClC;AAAA,EACA,WAAW;AACP,QAAI,KAAK,MAAM;AACX,aAAOA,qDAAyD,KAAK,IAAI;AAAA,IAC7E;AACA,WAAO;AAAA,EACX;AACJ;AACA,aAAa,SAAS,CAAC,aAAa,MAAM;AAC1C,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,aAAa,WAAW,QAAQ,MAAM;AACzC,eAAe,WAAW;AAAA,EACtB,cAAc,eAAe;AACjC,GAAG,YAAY;"}

package/dist/index-DGrOD_Uk.js

@@ -0,0 +1,136 @@
+import { m as css, r as resetStyles, n as elementStyles, o as i, x } from "./appkit-8yrMZRW-.js";
+import { n } from "./class-map-k3nlzPqR.js";
+import { o } from "./if-defined-G2Q1ofvJ.js";
+import "./index-DUrjw7B_.js";
+import { c as customElement } from "./index-CNivx0yI.js";
+const styles = css`
+  :host {
+    width: 100%;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: ${({ spacing }) => spacing[3]};
+    width: 100%;
+    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    transition:
+      background-color ${({ durations }) => durations["lg"]}
+        ${({ easings }) => easings["ease-out-power-2"]},
+      scale ${({ durations }) => durations["lg"]} ${({ easings }) => easings["ease-out-power-2"]};
+    will-change: background-color, scale;
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  wui-image {
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+  }
+
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    }
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiListItem = class WuiListItem2 extends i {
+  constructor() {
+    super(...arguments);
+    this.imageSrc = "google";
+    this.loading = false;
+    this.disabled = false;
+    this.rightIcon = true;
+    this.rounded = false;
+    this.fullSize = false;
+  }
+  render() {
+    this.dataset["rounded"] = this.rounded ? "true" : "false";
+    return x`
+      <button
+        ?disabled=${this.loading ? true : Boolean(this.disabled)}
+        data-loading=${this.loading}
+        tabindex=${o(this.tabIdx)}
+      >
+        <wui-flex gap="2" alignItems="center">
+          ${this.templateLeftIcon()}
+          <wui-flex gap="1">
+            <slot></slot>
+          </wui-flex>
+        </wui-flex>
+        ${this.templateRightIcon()}
+      </button>
+    `;
+  }
+  templateLeftIcon() {
+    if (this.icon) {
+      return x`<wui-image
+        icon=${this.icon}
+        iconColor=${o(this.iconColor)}
+        ?boxed=${true}
+        ?rounded=${this.rounded}
+      ></wui-image>`;
+    }
+    return x`<wui-image
+      ?boxed=${true}
+      ?rounded=${this.rounded}
+      ?fullSize=${this.fullSize}
+      src=${this.imageSrc}
+    ></wui-image>`;
+  }
+  templateRightIcon() {
+    if (!this.rightIcon) {
+      return null;
+    }
+    if (this.loading) {
+      return x`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`;
+    }
+    return x`<wui-icon name="chevronRight" size="lg" color="default"></wui-icon>`;
+  }
+};
+WuiListItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiListItem.prototype, "imageSrc", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "icon", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "iconColor", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "loading", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "tabIdx", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "disabled", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "rightIcon", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "rounded", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "fullSize", void 0);
+WuiListItem = __decorate([
+  customElement("wui-list-item")
+], WuiListItem);
+//# sourceMappingURL=index-DGrOD_Uk.js.map

package/dist/index-DGrOD_Uk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DGrOD_Uk.js","sources":["../../ui/dist/esm/src/composites/wui-list-item/styles.js","../../ui/dist/esm/src/composites/wui-list-item/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    width: 100%;\n  }\n\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ${({ spacing }) => spacing[3]};\n    width: 100%;\n    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};\n    border-radius: ${({ borderRadius }) => borderRadius[4]};\n    transition:\n      background-color ${({ durations }) => durations['lg']}\n        ${({ easings }) => easings['ease-out-power-2']},\n      scale ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']};\n    will-change: background-color, scale;\n  }\n\n  wui-text {\n    text-transform: capitalize;\n  }\n\n  wui-image {\n    color: ${({ tokens }) => tokens.theme.textPrimary};\n  }\n\n  @media (hover: hover) {\n    button:hover:enabled {\n      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    }\n  }\n\n  button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport '../../components/wui-loading-spinner/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiListItem = class WuiListItem extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.imageSrc = 'google';\n        this.loading = false;\n        this.disabled = false;\n        this.rightIcon = true;\n        this.rounded = false;\n        this.fullSize = false;\n    }\n    render() {\n        this.dataset['rounded'] = this.rounded ? 'true' : 'false';\n        return html `\n      <button\n        ?disabled=${this.loading ? true : Boolean(this.disabled)}\n        data-loading=${this.loading}\n        tabindex=${ifDefined(this.tabIdx)}\n      >\n        <wui-flex gap=\"2\" alignItems=\"center\">\n          ${this.templateLeftIcon()}\n          <wui-flex gap=\"1\">\n            <slot></slot>\n          </wui-flex>\n        </wui-flex>\n        ${this.templateRightIcon()}\n      </button>\n    `;\n    }\n    templateLeftIcon() {\n        if (this.icon) {\n            return html `<wui-image\n        icon=${this.icon}\n        iconColor=${ifDefined(this.iconColor)}\n        ?boxed=${true}\n        ?rounded=${this.rounded}\n      ></wui-image>`;\n        }\n        return html `<wui-image\n      ?boxed=${true}\n      ?rounded=${this.rounded}\n      ?fullSize=${this.fullSize}\n      src=${this.imageSrc}\n    ></wui-image>`;\n    }\n    templateRightIcon() {\n        if (!this.rightIcon) {\n            return null;\n        }\n        if (this.loading) {\n            return html `<wui-loading-spinner size=\"md\" color=\"accent-primary\"></wui-loading-spinner>`;\n        }\n        return html `<wui-icon name=\"chevronRight\" size=\"lg\" color=\"default\"></wui-icon>`;\n    }\n};\nWuiListItem.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiListItem.prototype, \"imageSrc\", void 0);\n__decorate([\n    property()\n], WuiListItem.prototype, \"icon\", void 0);\n__decorate([\n    property()\n], WuiListItem.prototype, \"iconColor\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"loading\", void 0);\n__decorate([\n    property()\n], WuiListItem.prototype, \"tabIdx\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"rightIcon\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"rounded\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"fullSize\", void 0);\nWuiListItem = __decorate([\n    customElement('wui-list-item')\n], WuiListItem);\nexport { WuiListItem };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiListItem","LitElement","html","ifDefined","property"],"mappings":"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"}

package/dist/index-DQgrdARk.js

@@ -0,0 +1,198 @@
+import { C as ChainController, E as EventsController, R as RouterController, F as ConnectorController, S as SnackController, a as CoreHelperUtil, an as ref, ao as StorageUtil, u as ConstantsUtil, m as css, r as resetStyles, o as i, x, n as elementStyles } from "./appkit-8yrMZRW-.js";
+import { n } from "./class-map-k3nlzPqR.js";
+import { o } from "./if-defined-G2Q1ofvJ.js";
+import { c as customElement } from "./index-CNivx0yI.js";
+function getPopupWindow() {
+  try {
+    return CoreHelperUtil.returnOpenHref(`${ConstantsUtil.SECURE_SITE_SDK_ORIGIN}/loading`, "popupWindow", "width=600,height=800,scrollbars=yes");
+  } catch (error) {
+    throw new Error("Could not open social popup");
+  }
+}
+async function connectFarcaster() {
+  RouterController.push("ConnectingFarcaster");
+  const authConnector = ConnectorController.getAuthConnector();
+  if (authConnector) {
+    const accountData = ChainController.getAccountData();
+    if (!(accountData == null ? void 0 : accountData.farcasterUrl)) {
+      try {
+        const { url } = await authConnector.provider.getFarcasterUri();
+        ChainController.setAccountProp("farcasterUrl", url, ChainController.state.activeChain);
+      } catch (error) {
+        RouterController.goBack();
+        SnackController.showError(error);
+      }
+    }
+  }
+}
+async function connectSocial(socialProvider) {
+  RouterController.push("ConnectingSocial");
+  const authConnector = ConnectorController.getAuthConnector();
+  let popupWindow = null;
+  try {
+    const timeout = setTimeout(() => {
+      throw new Error("Social login timed out. Please try again.");
+    }, 45e3);
+    if (authConnector && socialProvider) {
+      if (!CoreHelperUtil.isTelegram()) {
+        popupWindow = getPopupWindow();
+      }
+      if (popupWindow) {
+        ChainController.setAccountProp("socialWindow", ref(popupWindow), ChainController.state.activeChain);
+      } else if (!CoreHelperUtil.isTelegram()) {
+        throw new Error("Could not create social popup");
+      }
+      const { uri } = await authConnector.provider.getSocialRedirectUri({
+        provider: socialProvider
+      });
+      if (!uri) {
+        popupWindow == null ? void 0 : popupWindow.close();
+        throw new Error("Could not fetch the social redirect uri");
+      }
+      if (popupWindow) {
+        popupWindow.location.href = uri;
+      }
+      if (CoreHelperUtil.isTelegram()) {
+        StorageUtil.setTelegramSocialProvider(socialProvider);
+        const parsedUri = CoreHelperUtil.formatTelegramSocialLoginUrl(uri);
+        CoreHelperUtil.openHref(parsedUri, "_top");
+      }
+      clearTimeout(timeout);
+    }
+  } catch (error) {
+    popupWindow == null ? void 0 : popupWindow.close();
+    const errorMessage = CoreHelperUtil.parseError(error);
+    SnackController.showError(errorMessage);
+    EventsController.sendEvent({
+      type: "track",
+      event: "SOCIAL_LOGIN_ERROR",
+      properties: { provider: socialProvider, message: errorMessage }
+    });
+  }
+}
+async function executeSocialLogin(socialProvider) {
+  ChainController.setAccountProp("socialProvider", socialProvider, ChainController.state.activeChain);
+  EventsController.sendEvent({
+    type: "track",
+    event: "SOCIAL_LOGIN_STARTED",
+    properties: { provider: socialProvider }
+  });
+  if (socialProvider === "farcaster") {
+    await connectFarcaster();
+  } else {
+    await connectSocial(socialProvider);
+  }
+}
+const styles$1 = css`
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    height: 40px;
+    border-radius: ${({ borderRadius }) => borderRadius["20"]};
+    overflow: hidden;
+  }
+
+  wui-icon {
+    width: 100%;
+    height: 100%;
+  }
+`;
+var __decorate$1 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiLogo = class WuiLogo2 extends i {
+  constructor() {
+    super(...arguments);
+    this.logo = "google";
+  }
+  render() {
+    return x`<wui-icon color="inherit" size="inherit" name=${this.logo}></wui-icon> `;
+  }
+};
+WuiLogo.styles = [resetStyles, styles$1];
+__decorate$1([
+  n()
+], WuiLogo.prototype, "logo", void 0);
+WuiLogo = __decorate$1([
+  customElement("wui-logo")
+], WuiLogo);
+const styles = css`
+  :host {
+    width: 100%;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: ${({ spacing }) => spacing[3]};
+    width: 100%;
+    background-color: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    }
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiListSocial = class WuiListSocial2 extends i {
+  constructor() {
+    super(...arguments);
+    this.logo = "google";
+    this.name = "Continue with google";
+    this.disabled = false;
+  }
+  render() {
+    return x`
+      <button ?disabled=${this.disabled} tabindex=${o(this.tabIdx)}>
+        <wui-flex gap="2" alignItems="center">
+          <wui-image ?boxed=${true} logo=${this.logo}></wui-image>
+          <wui-text variant="lg-regular" color="primary">${this.name}</wui-text>
+        </wui-flex>
+        <wui-icon name="chevronRight" size="lg" color="default"></wui-icon>
+      </button>
+    `;
+  }
+};
+WuiListSocial.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiListSocial.prototype, "logo", void 0);
+__decorate([
+  n()
+], WuiListSocial.prototype, "name", void 0);
+__decorate([
+  n()
+], WuiListSocial.prototype, "tabIdx", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListSocial.prototype, "disabled", void 0);
+WuiListSocial = __decorate([
+  customElement("wui-list-social")
+], WuiListSocial);
+export {
+  executeSocialLogin as e
+};
+//# sourceMappingURL=index-DQgrdARk.js.map

package/dist/index-DQgrdARk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DQgrdARk.js","sources":["../../controllers/dist/esm/src/utils/SocialsUtil.js","../../ui/dist/esm/src/composites/wui-logo/styles.js","../../ui/dist/esm/src/composites/wui-logo/index.js","../../ui/dist/esm/src/composites/wui-list-social/styles.js","../../ui/dist/esm/src/composites/wui-list-social/index.js"],"sourcesContent":["import { ref } from 'valtio/vanilla';\nimport { ConstantsUtil } from '@reown/appkit-common';\nimport { ChainController } from '../controllers/ChainController.js';\nimport { ConnectorController } from '../controllers/ConnectorController.js';\nimport { EventsController } from '../controllers/EventsController.js';\nimport { RouterController } from '../controllers/RouterController.js';\nimport { SnackController } from '../controllers/SnackController.js';\nimport { CoreHelperUtil } from './CoreHelperUtil.js';\nimport { StorageUtil } from './StorageUtil.js';\nfunction getPopupWindow() {\n    try {\n        return CoreHelperUtil.returnOpenHref(`${ConstantsUtil.SECURE_SITE_SDK_ORIGIN}/loading`, 'popupWindow', 'width=600,height=800,scrollbars=yes');\n    }\n    catch (error) {\n        throw new Error('Could not open social popup');\n    }\n}\nexport async function connectFarcaster() {\n    RouterController.push('ConnectingFarcaster');\n    const authConnector = ConnectorController.getAuthConnector();\n    if (authConnector) {\n        const accountData = ChainController.getAccountData();\n        if (!accountData?.farcasterUrl) {\n            try {\n                const { url } = await authConnector.provider.getFarcasterUri();\n                ChainController.setAccountProp('farcasterUrl', url, ChainController.state.activeChain);\n            }\n            catch (error) {\n                RouterController.goBack();\n                SnackController.showError(error);\n            }\n        }\n    }\n}\nexport async function connectSocial(socialProvider) {\n    RouterController.push('ConnectingSocial');\n    const authConnector = ConnectorController.getAuthConnector();\n    let popupWindow = null;\n    try {\n        const timeout = setTimeout(() => {\n            throw new Error('Social login timed out. Please try again.');\n        }, 45_000);\n        if (authConnector && socialProvider) {\n            if (!CoreHelperUtil.isTelegram()) {\n                popupWindow = getPopupWindow();\n            }\n            if (popupWindow) {\n                ChainController.setAccountProp('socialWindow', ref(popupWindow), ChainController.state.activeChain);\n            }\n            else if (!CoreHelperUtil.isTelegram()) {\n                throw new Error('Could not create social popup');\n            }\n            const { uri } = await authConnector.provider.getSocialRedirectUri({\n                provider: socialProvider\n            });\n            if (!uri) {\n                popupWindow?.close();\n                throw new Error('Could not fetch the social redirect uri');\n            }\n            if (popupWindow) {\n                popupWindow.location.href = uri;\n            }\n            if (CoreHelperUtil.isTelegram()) {\n                StorageUtil.setTelegramSocialProvider(socialProvider);\n                const parsedUri = CoreHelperUtil.formatTelegramSocialLoginUrl(uri);\n                CoreHelperUtil.openHref(parsedUri, '_top');\n            }\n            clearTimeout(timeout);\n        }\n    }\n    catch (error) {\n        popupWindow?.close();\n        const errorMessage = CoreHelperUtil.parseError(error);\n        SnackController.showError(errorMessage);\n        EventsController.sendEvent({\n            type: 'track',\n            event: 'SOCIAL_LOGIN_ERROR',\n            properties: { provider: socialProvider, message: errorMessage }\n        });\n    }\n}\nexport async function executeSocialLogin(socialProvider) {\n    ChainController.setAccountProp('socialProvider', socialProvider, ChainController.state.activeChain);\n    EventsController.sendEvent({\n        type: 'track',\n        event: 'SOCIAL_LOGIN_STARTED',\n        properties: { provider: socialProvider }\n    });\n    if (socialProvider === 'farcaster') {\n        await connectFarcaster();\n    }\n    else {\n        await connectSocial(socialProvider);\n    }\n}\n//# sourceMappingURL=SocialsUtil.js.map","import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 40px;\n    height: 40px;\n    border-radius: ${({ borderRadius }) => borderRadius['20']};\n    overflow: hidden;\n  }\n\n  wui-icon {\n    width: 100%;\n    height: 100%;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-icon/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiLogo = class WuiLogo extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.logo = 'google';\n    }\n    render() {\n        return html `<wui-icon color=\"inherit\" size=\"inherit\" name=${this.logo}></wui-icon> `;\n    }\n};\nWuiLogo.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiLogo.prototype, \"logo\", void 0);\nWuiLogo = __decorate([\n    customElement('wui-logo')\n], WuiLogo);\nexport { WuiLogo };\n//# sourceMappingURL=index.js.map","import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    width: 100%;\n  }\n\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ${({ spacing }) => spacing[3]};\n    width: 100%;\n    background-color: transparent;\n    border-radius: ${({ borderRadius }) => borderRadius[4]};\n  }\n\n  wui-text {\n    text-transform: capitalize;\n  }\n\n  @media (hover: hover) {\n    button:hover:enabled {\n      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    }\n  }\n\n  button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-logo/index.js';\nimport styles from './styles.js';\nlet WuiListSocial = class WuiListSocial extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.logo = 'google';\n        this.name = 'Continue with google';\n        this.disabled = false;\n    }\n    render() {\n        return html `\n      <button ?disabled=${this.disabled} tabindex=${ifDefined(this.tabIdx)}>\n        <wui-flex gap=\"2\" alignItems=\"center\">\n          <wui-image ?boxed=${true} logo=${this.logo}></wui-image>\n          <wui-text variant=\"lg-regular\" color=\"primary\">${this.name}</wui-text>\n        </wui-flex>\n        <wui-icon name=\"chevronRight\" size=\"lg\" color=\"default\"></wui-icon>\n      </button>\n    `;\n    }\n};\nWuiListSocial.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiListSocial.prototype, \"logo\", void 0);\n__decorate([\n    property()\n], WuiListSocial.prototype, \"name\", void 0);\n__decorate([\n    property()\n], WuiListSocial.prototype, \"tabIdx\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListSocial.prototype, \"disabled\", void 0);\nWuiListSocial = __decorate([\n    customElement('wui-list-social')\n], WuiListSocial);\nexport { WuiListSocial };\n//# sourceMappingURL=index.js.map"],"names":["__decorate","i","WuiLogo","LitElement","html","styles","property","WuiListSocial","ifDefined"],"mappings":"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"}

package/dist/index-DUrjw7B_.js

@@ -0,0 +1,92 @@
+import { q as i, r as resetStyles, o as i$1, v as vars, x } from "./appkit-8yrMZRW-.js";
+import { n } from "./class-map-k3nlzPqR.js";
+import { c as customElement } from "./index-CNivx0yI.js";
+const styles = i`
+  :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 1.4s linear infinite;
+    color: var(--local-color);
+  }
+
+  :host([data-size='md']) > svg > circle {
+    stroke-width: 6px;
+  }
+
+  :host([data-size='sm']) > svg > circle {
+    stroke-width: 8px;
+  }
+
+  @keyframes rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiLoadingSpinner = class WuiLoadingSpinner2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.color = "primary";
+    this.size = "lg";
+  }
+  render() {
+    const VARS_BY_COLOR = {
+      primary: vars.tokens.theme.textPrimary,
+      secondary: vars.tokens.theme.textSecondary,
+      tertiary: vars.tokens.theme.textTertiary,
+      invert: vars.tokens.theme.textInvert,
+      error: vars.tokens.core.textError,
+      warning: vars.tokens.core.textWarning,
+      "accent-primary": vars.tokens.core.textAccentPrimary
+    };
+    this.style.cssText = `
+      --local-color: ${this.color === "inherit" ? "inherit" : VARS_BY_COLOR[this.color]};
+      `;
+    this.dataset["size"] = this.size;
+    return x`<svg viewBox="0 0 16 17" fill="none">
+      <path
+        d="M8.75 2.65625V4.65625C8.75 4.85516 8.67098 5.04593 8.53033 5.18658C8.38968 5.32723 8.19891 5.40625 8 5.40625C7.80109 5.40625 7.61032 5.32723 7.46967 5.18658C7.32902 5.04593 7.25 4.85516 7.25 4.65625V2.65625C7.25 2.45734 7.32902 2.26657 7.46967 2.12592C7.61032 1.98527 7.80109 1.90625 8 1.90625C8.19891 1.90625 8.38968 1.98527 8.53033 2.12592C8.67098 2.26657 8.75 2.45734 8.75 2.65625ZM14 7.90625H12C11.8011 7.90625 11.6103 7.98527 11.4697 8.12592C11.329 8.26657 11.25 8.45734 11.25 8.65625C11.25 8.85516 11.329 9.04593 11.4697 9.18658C11.6103 9.32723 11.8011 9.40625 12 9.40625H14C14.1989 9.40625 14.3897 9.32723 14.5303 9.18658C14.671 9.04593 14.75 8.85516 14.75 8.65625C14.75 8.45734 14.671 8.26657 14.5303 8.12592C14.3897 7.98527 14.1989 7.90625 14 7.90625ZM11.3588 10.9544C11.289 10.8846 11.2062 10.8293 11.115 10.7915C11.0239 10.7538 10.9262 10.7343 10.8275 10.7343C10.7288 10.7343 10.6311 10.7538 10.54 10.7915C10.4488 10.8293 10.366 10.8846 10.2963 10.9544C10.2265 11.0241 10.1711 11.107 10.1334 11.1981C10.0956 11.2893 10.0762 11.387 10.0762 11.4856C10.0762 11.5843 10.0956 11.682 10.1334 11.7731C10.1711 11.8643 10.2265 11.9471 10.2963 12.0169L11.7106 13.4312C11.8515 13.5721 12.0426 13.6513 12.2419 13.6513C12.4411 13.6513 12.6322 13.5721 12.7731 13.4312C12.914 13.2904 12.9932 13.0993 12.9932 12.9C12.9932 12.7007 12.914 12.5096 12.7731 12.3687L11.3588 10.9544ZM8 11.9062C7.80109 11.9062 7.61032 11.9853 7.46967 12.1259C7.32902 12.2666 7.25 12.4573 7.25 12.6562V14.6562C7.25 14.8552 7.32902 15.0459 7.46967 15.1866C7.61032 15.3272 7.80109 15.4062 8 15.4062C8.19891 15.4062 8.38968 15.3272 8.53033 15.1866C8.67098 15.0459 8.75 14.8552 8.75 14.6562V12.6562C8.75 12.4573 8.67098 12.2666 8.53033 12.1259C8.38968 11.9853 8.19891 11.9062 8 11.9062ZM4.64125 10.9544L3.22688 12.3687C3.08598 12.5096 3.00682 12.7007 3.00682 12.9C3.00682 13.0993 3.08598 13.2904 3.22688 13.4312C3.36777 13.5721 3.55887 13.6513 3.75813 13.6513C3.95738 13.6513 4.14848 13.5721 4.28937 13.4312L5.70375 12.0169C5.84465 11.876 5.9238 11.6849 5.9238 11.4856C5.9238 11.2864 5.84465 11.0953 5.70375 10.9544C5.56285 10.8135 5.37176 10.7343 5.1725 10.7343C4.97324 10.7343 4.78215 10.8135 4.64125 10.9544ZM4.75 8.65625C4.75 8.45734 4.67098 8.26657 4.53033 8.12592C4.38968 7.98527 4.19891 7.90625 4 7.90625H2C1.80109 7.90625 1.61032 7.98527 1.46967 8.12592C1.32902 8.26657 1.25 8.45734 1.25 8.65625C1.25 8.85516 1.32902 9.04593 1.46967 9.18658C1.61032 9.32723 1.80109 9.40625 2 9.40625H4C4.19891 9.40625 4.38968 9.32723 4.53033 9.18658C4.67098 9.04593 4.75 8.85516 4.75 8.65625ZM4.2875 3.88313C4.1466 3.74223 3.95551 3.66307 3.75625 3.66307C3.55699 3.66307 3.3659 3.74223 3.225 3.88313C3.0841 4.02402 3.00495 4.21512 3.00495 4.41438C3.00495 4.61363 3.0841 4.80473 3.225 4.94562L4.64125 6.35813C4.78215 6.49902 4.97324 6.57818 5.1725 6.57818C5.37176 6.57818 5.56285 6.49902 5.70375 6.35813C5.84465 6.21723 5.9238 6.02613 5.9238 5.82688C5.9238 5.62762 5.84465 5.43652 5.70375 5.29563L4.2875 3.88313Z"
+        fill="currentColor"
+      />
+    </svg>`;
+  }
+};
+WuiLoadingSpinner.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiLoadingSpinner.prototype, "color", void 0);
+__decorate([
+  n()
+], WuiLoadingSpinner.prototype, "size", void 0);
+WuiLoadingSpinner = __decorate([
+  customElement("wui-loading-spinner")
+], WuiLoadingSpinner);
+//# sourceMappingURL=index-DUrjw7B_.js.map

package/dist/index-DUrjw7B_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DUrjw7B_.js","sources":["../../ui/dist/esm/src/components/wui-loading-spinner/styles.js","../../ui/dist/esm/src/components/wui-loading-spinner/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: flex;\n  }\n\n  :host([data-size='sm']) > svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  :host([data-size='md']) > svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  :host([data-size='lg']) > svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  :host([data-size='xl']) > svg {\n    width: 32px;\n    height: 32px;\n  }\n\n  svg {\n    animation: rotate 1.4s linear infinite;\n    color: var(--local-color);\n  }\n\n  :host([data-size='md']) > svg > circle {\n    stroke-width: 6px;\n  }\n\n  :host([data-size='sm']) > svg > circle {\n    stroke-width: 8px;\n  }\n\n  @keyframes rotate {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { vars } from '../../utils/ThemeHelperUtil.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiLoadingSpinner = class WuiLoadingSpinner extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.color = 'primary';\n        this.size = 'lg';\n    }\n    render() {\n        const VARS_BY_COLOR = {\n            primary: vars.tokens.theme.textPrimary,\n            secondary: vars.tokens.theme.textSecondary,\n            tertiary: vars.tokens.theme.textTertiary,\n            invert: vars.tokens.theme.textInvert,\n            error: vars.tokens.core.textError,\n            warning: vars.tokens.core.textWarning,\n            'accent-primary': vars.tokens.core.textAccentPrimary\n        };\n        this.style.cssText = `\n      --local-color: ${this.color === 'inherit' ? 'inherit' : VARS_BY_COLOR[this.color]};\n      `;\n        this.dataset['size'] = this.size;\n        return html `<svg viewBox=\"0 0 16 17\" fill=\"none\">\n      <path\n        d=\"M8.75 2.65625V4.65625C8.75 4.85516 8.67098 5.04593 8.53033 5.18658C8.38968 5.32723 8.19891 5.40625 8 5.40625C7.80109 5.40625 7.61032 5.32723 7.46967 5.18658C7.32902 5.04593 7.25 4.85516 7.25 4.65625V2.65625C7.25 2.45734 7.32902 2.26657 7.46967 2.12592C7.61032 1.98527 7.80109 1.90625 8 1.90625C8.19891 1.90625 8.38968 1.98527 8.53033 2.12592C8.67098 2.26657 8.75 2.45734 8.75 2.65625ZM14 7.90625H12C11.8011 7.90625 11.6103 7.98527 11.4697 8.12592C11.329 8.26657 11.25 8.45734 11.25 8.65625C11.25 8.85516 11.329 9.04593 11.4697 9.18658C11.6103 9.32723 11.8011 9.40625 12 9.40625H14C14.1989 9.40625 14.3897 9.32723 14.5303 9.18658C14.671 9.04593 14.75 8.85516 14.75 8.65625C14.75 8.45734 14.671 8.26657 14.5303 8.12592C14.3897 7.98527 14.1989 7.90625 14 7.90625ZM11.3588 10.9544C11.289 10.8846 11.2062 10.8293 11.115 10.7915C11.0239 10.7538 10.9262 10.7343 10.8275 10.7343C10.7288 10.7343 10.6311 10.7538 10.54 10.7915C10.4488 10.8293 10.366 10.8846 10.2963 10.9544C10.2265 11.0241 10.1711 11.107 10.1334 11.1981C10.0956 11.2893 10.0762 11.387 10.0762 11.4856C10.0762 11.5843 10.0956 11.682 10.1334 11.7731C10.1711 11.8643 10.2265 11.9471 10.2963 12.0169L11.7106 13.4312C11.8515 13.5721 12.0426 13.6513 12.2419 13.6513C12.4411 13.6513 12.6322 13.5721 12.7731 13.4312C12.914 13.2904 12.9932 13.0993 12.9932 12.9C12.9932 12.7007 12.914 12.5096 12.7731 12.3687L11.3588 10.9544ZM8 11.9062C7.80109 11.9062 7.61032 11.9853 7.46967 12.1259C7.32902 12.2666 7.25 12.4573 7.25 12.6562V14.6562C7.25 14.8552 7.32902 15.0459 7.46967 15.1866C7.61032 15.3272 7.80109 15.4062 8 15.4062C8.19891 15.4062 8.38968 15.3272 8.53033 15.1866C8.67098 15.0459 8.75 14.8552 8.75 14.6562V12.6562C8.75 12.4573 8.67098 12.2666 8.53033 12.1259C8.38968 11.9853 8.19891 11.9062 8 11.9062ZM4.64125 10.9544L3.22688 12.3687C3.08598 12.5096 3.00682 12.7007 3.00682 12.9C3.00682 13.0993 3.08598 13.2904 3.22688 13.4312C3.36777 13.5721 3.55887 13.6513 3.75813 13.6513C3.95738 13.6513 4.14848 13.5721 4.28937 13.4312L5.70375 12.0169C5.84465 11.876 5.9238 11.6849 5.9238 11.4856C5.9238 11.2864 5.84465 11.0953 5.70375 10.9544C5.56285 10.8135 5.37176 10.7343 5.1725 10.7343C4.97324 10.7343 4.78215 10.8135 4.64125 10.9544ZM4.75 8.65625C4.75 8.45734 4.67098 8.26657 4.53033 8.12592C4.38968 7.98527 4.19891 7.90625 4 7.90625H2C1.80109 7.90625 1.61032 7.98527 1.46967 8.12592C1.32902 8.26657 1.25 8.45734 1.25 8.65625C1.25 8.85516 1.32902 9.04593 1.46967 9.18658C1.61032 9.32723 1.80109 9.40625 2 9.40625H4C4.19891 9.40625 4.38968 9.32723 4.53033 9.18658C4.67098 9.04593 4.75 8.85516 4.75 8.65625ZM4.2875 3.88313C4.1466 3.74223 3.95551 3.66307 3.75625 3.66307C3.55699 3.66307 3.3659 3.74223 3.225 3.88313C3.0841 4.02402 3.00495 4.21512 3.00495 4.41438C3.00495 4.61363 3.0841 4.80473 3.225 4.94562L4.64125 6.35813C4.78215 6.49902 4.97324 6.57818 5.1725 6.57818C5.37176 6.57818 5.56285 6.49902 5.70375 6.35813C5.84465 6.21723 5.9238 6.02613 5.9238 5.82688C5.9238 5.62762 5.84465 5.43652 5.70375 5.29563L4.2875 3.88313Z\"\n        fill=\"currentColor\"\n      />\n    </svg>`;\n    }\n};\nWuiLoadingSpinner.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiLoadingSpinner.prototype, \"color\", void 0);\n__decorate([\n    property()\n], WuiLoadingSpinner.prototype, \"size\", void 0);\nWuiLoadingSpinner = __decorate([\n    customElement('wui-loading-spinner')\n], WuiLoadingSpinner);\nexport { WuiLoadingSpinner };\n//# sourceMappingURL=index.js.map"],"names":["css","i","WuiLoadingSpinner","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAOA,IAAI,oBAAoB,MAAMC,2BAA0BC,IAAW;AAAA,EAC/D,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,QAAQ;AACb,SAAK,OAAO;AAAA,EAChB;AAAA,EACA,SAAS;AACL,UAAM,gBAAgB;AAAA,MAClB,SAAS,KAAK,OAAO,MAAM;AAAA,MAC3B,WAAW,KAAK,OAAO,MAAM;AAAA,MAC7B,UAAU,KAAK,OAAO,MAAM;AAAA,MAC5B,QAAQ,KAAK,OAAO,MAAM;AAAA,MAC1B,OAAO,KAAK,OAAO,KAAK;AAAA,MACxB,SAAS,KAAK,OAAO,KAAK;AAAA,MAC1B,kBAAkB,KAAK,OAAO,KAAK;AAAA,IAC/C;AACQ,SAAK,MAAM,UAAU;AAAA,uBACN,KAAK,UAAU,YAAY,YAAY,cAAc,KAAK,KAAK,CAAC;AAAA;AAE/E,SAAK,QAAQ,MAAM,IAAI,KAAK;AAC5B,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMX;AACJ;AACA,kBAAkB,SAAS,CAAC,aAAa,MAAM;AAC/C,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,kBAAkB,WAAW,SAAS,MAAM;AAC/C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,kBAAkB,WAAW,QAAQ,MAAM;AAC9C,oBAAoB,WAAW;AAAA,EAC3B,cAAc,qBAAqB;AACvC,GAAG,iBAAiB;"}