@reown/appkit-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/src/composites/wui-list-description/styles.js

@@ -0,0 +1,32 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  button {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: ${({ spacing }) => spacing[4]};
+    padding: ${({ spacing }) => spacing[4]};
+    background-color: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+  }
+
+  wui-text {
+    max-width: 174px;
+  }
+
+  .tag-container {
+    width: fit-content;
+  }
+
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-description/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-description/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;WAUP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;qBAErB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;0BAahC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;CAGvE,CAAA"}

package/dist/esm/src/composites/wui-list-item/index.js

@@ -0,0 +1,101 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import '../../components/wui-loading-spinner/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiListItem = class WuiListItem extends LitElement {
+    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 html `
+      <button
+        ?disabled=${this.loading ? true : Boolean(this.disabled)}
+        data-loading=${this.loading}
+        tabindex=${ifDefined(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 html `<wui-image
+        icon=${this.icon}
+        iconColor=${ifDefined(this.iconColor)}
+        ?boxed=${true}
+        ?rounded=${this.rounded}
+      ></wui-image>`;
+        }
+        return html `<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 html `<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`;
+        }
+        return html `<wui-icon name="chevronRight" size="lg" color="default"></wui-icon>`;
+    }
+};
+WuiListItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListItem.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "iconColor", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "loading", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "tabIdx", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "rightIcon", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "rounded", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "fullSize", void 0);
+WuiListItem = __decorate([
+    customElement('wui-list-item')
+], WuiListItem);
+export { WuiListItem };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-item/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,+CAA+C,CAAA;AACtD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIc,aAAQ,GAAG,QAAQ,CAAA;QAMF,YAAO,GAAG,KAAK,CAAA;QAIf,aAAQ,GAAG,KAAK,CAAA;QAEhB,cAAS,GAAG,IAAI,CAAA;QAEhB,YAAO,GAAG,KAAK,CAAA;QAEf,aAAQ,GAAG,KAAK,CAAA;IAqDtD,CAAC;IAlDiB,MAAM;QACpB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;QAEzD,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;uBACzC,IAAI,CAAC,OAAO;mBAChB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;;YAG7B,IAAI,CAAC,gBAAgB,EAAE;;;;;UAKzB,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAA;IACH,CAAC;IAGO,gBAAgB;QACtB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAA;eACF,IAAI,CAAC,IAAI;oBACJ,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;iBAC5B,IAAI;mBACF,IAAI,CAAC,OAAO;oBACX,CAAA;QAChB,CAAC;QAED,OAAO,IAAI,CAAA;eACA,IAAI;iBACF,IAAI,CAAC,OAAO;kBACX,IAAI,CAAC,QAAQ;YACnB,IAAI,CAAC,QAAQ;kBACP,CAAA;IAChB,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,8EAA8E,CAAA;QAC3F,CAAC;QAED,OAAO,IAAI,CAAA,qEAAqE,CAAA;IAClF,CAAC;;AAvEsB,kBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;6CAA2B;AAEnB;IAAlB,QAAQ,EAAE;yCAAuB;AAEf;IAAlB,QAAQ,EAAE;8CAAiC;AAER;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAuB;AAEhC;IAAlB,QAAQ,EAAE;2CAAwB;AAEC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAwB;AAEhB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAwB;AAEhB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAuB;AAEf;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAwB;AApBzC,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAyEvB"}

package/dist/esm/src/composites/wui-list-item/styles.js

@@ -0,0 +1,41 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default 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;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;eASH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;wBAElB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;yBAEjC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UACjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;cACxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;;aASnF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;0BAK3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;CAQvE,CAAA"}

package/dist/esm/src/composites/wui-list-network/index.js

@@ -0,0 +1,62 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-logo/index.js';
+import styles from './styles.js';
+let WuiListNetwork = class WuiListNetwork extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = undefined;
+        this.name = 'Ethereum';
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled} tabindex=${ifDefined(this.tabIdx)}>
+        <wui-flex gap="2" alignItems="center">
+          ${this.imageTemplate()}
+          <wui-text variant="lg-regular" color="primary">${this.name}</wui-text>
+        </wui-flex>
+        <wui-icon name="chevronRight" size="lg" color="default"></wui-icon>
+      </button>
+    `;
+    }
+    imageTemplate() {
+        if (this.imageSrc) {
+            return html `<wui-image ?boxed=${true} src=${this.imageSrc}></wui-image>`;
+        }
+        return html `<wui-image
+      ?boxed=${true}
+      icon="networkPlaceholder"
+      size="lg"
+      iconColor="default"
+    ></wui-image>`;
+    }
+};
+WuiListNetwork.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListNetwork.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiListNetwork.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiListNetwork.prototype, "tabIdx", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListNetwork.prototype, "disabled", void 0);
+WuiListNetwork = __decorate([
+    customElement('wui-list-network')
+], WuiListNetwork);
+export { WuiListNetwork };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-network/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-network/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,sBAAsB,CAAA;AAC7B,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIc,aAAQ,GAAY,SAAS,CAAA;QAE7B,SAAI,GAAG,UAAU,CAAA;QAIA,aAAQ,GAAG,KAAK,CAAA;IA2BtD,CAAC;IAxBiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;YAE9D,IAAI,CAAC,aAAa,EAAE;2DAC2B,IAAI,CAAC,IAAI;;;;KAI/D,CAAA;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,qBAAqB,IAAI,QAAQ,IAAI,CAAC,QAAQ,eAAe,CAAA;QAC1E,CAAC;QAED,OAAO,IAAI,CAAA;eACA,IAAI;;;;kBAID,CAAA;IAChB,CAAC;;AAnCsB,qBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;gDAAqC;AAE7B;IAAlB,QAAQ,EAAE;4CAAyB;AAEjB;IAAlB,QAAQ,EAAE;8CAAwB;AAEC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAwB;AAVzC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAqC1B"}

package/dist/esm/src/composites/wui-list-network/styles.js

@@ -0,0 +1,32 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default 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;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-network/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-network/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;eASH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;qBAGrB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;0BAShC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;CAQvE,CAAA"}

package/dist/esm/src/composites/wui-list-select-account/index.js

@@ -0,0 +1,94 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-avatar/index.js';
+import styles from './styles.js';
+let WuiListSelectAccount = class WuiListSelectAccount extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.address = '';
+        this.description = 'Email';
+        this.icon = 'mail';
+        this.currency = 'USD';
+        this.amount = 0;
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled}>
+        <wui-avatar size="sm" address=${this.address}></wui-avatar>
+        <wui-icon class="avatarIcon" size="xs" name=${this.icon}></wui-icon>
+
+        <wui-flex
+          flexDirection="column"
+          alignItems="flex-start"
+          justifyContent="center"
+          flexGrow="1"
+          flexShrink="0"
+          rowGap="2"
+          class="description"
+        >
+          <wui-text color="primary" variant="lg-regular">
+            ${UiHelperUtil.getTruncateString({
+            string: this.address,
+            charsStart: 4,
+            charsEnd: 4,
+            truncate: 'middle'
+        })}
+          </wui-text>
+
+          <wui-text color="secondary" variant="md-regular" lineClamp="1">
+            ${this.description}
+          </wui-text>
+        </wui-flex>
+
+        <wui-flex
+          flexGrow="1"
+          flexDirection="row"
+          alignItems="center"
+          justifyContent="center"
+          columnGap="2"
+        >
+          <wui-text color="secondary" variant="lg-regular-mono" lineClamp="1">
+            ${UiHelperUtil.formatCurrency(this.amount, { currency: this.currency })}
+          </wui-text>
+          <wui-icon name="chevronRight" size="md"></wui-icon>
+        </wui-flex>
+      </button>
+    `;
+    }
+};
+WuiListSelectAccount.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListSelectAccount.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiListSelectAccount.prototype, "description", void 0);
+__decorate([
+    property()
+], WuiListSelectAccount.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiListSelectAccount.prototype, "currency", void 0);
+__decorate([
+    property({ type: Number })
+], WuiListSelectAccount.prototype, "amount", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListSelectAccount.prototype, "disabled", void 0);
+WuiListSelectAccount = __decorate([
+    customElement('wui-list-select-account')
+], WuiListSelectAccount);
+export { WuiListSelectAccount };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-select-account/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-select-account/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,wBAAwB,CAAA;AAC/B,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIO,YAAO,GAAG,EAAE,CAAA;QAEZ,gBAAW,GAAG,OAAO,CAAA;QAErB,SAAI,GAAa,MAAM,CAAA;QAEvB,aAAQ,GAAyC,KAAK,CAAA;QAEtC,WAAM,GAAG,CAAC,CAAA;QAEF,aAAQ,GAAG,KAAK,CAAA;IA+CtD,CAAC;IA5CiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ;wCACC,IAAI,CAAC,OAAO;sDACE,IAAI,CAAC,IAAI;;;;;;;;;;;;cAYjD,YAAY,CAAC,iBAAiB,CAAC;YAC/B,MAAM,EAAE,IAAI,CAAC,OAAO;YACpB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,QAAQ;SACnB,CAAC;;;;cAIA,IAAI,CAAC,WAAW;;;;;;;;;;;;cAYhB,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;;;;;KAK9E,CAAA;IACH,CAAC;;AA3DsB,2BAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGxD;IAAX,QAAQ,EAAE;qDAAa;AAEZ;IAAX,QAAQ,EAAE;yDAAsB;AAErB;IAAX,QAAQ,EAAE;kDAAwB;AAEvB;IAAX,QAAQ,EAAE;sDAAuD;AAEtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAW;AAEF;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAAwB;AAdzC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA6DhC"}

package/dist/esm/src/composites/wui-list-select-account/styles.js

@@ -0,0 +1,61 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    align-items: center;
+    column-gap: ${({ spacing }) => spacing[2]};
+    padding: ${({ spacing }) => spacing[3]};
+    width: 100%;
+    background-color: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    height: 64px;
+  }
+
+  wui-avatar {
+    height: 40px;
+    width: 40px;
+    flex-shrink: 0;
+  }
+
+  wui-flex {
+    width: fit-content;
+  }
+
+  wui-icon:last-child {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  wui-text {
+    word-break: break-all;
+  }
+
+  .avatarIcon {
+    position: relative;
+    margin-left: -25px;
+    margin-top: 16px;
+    z-index: 2;
+    border: 2px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius.round};
+    padding: ${({ spacing }) => spacing[1]};
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled,
+  button:active:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  button:hover:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  button:disabled {
+    opacity: 0.5 !important;
+    background-color: transparent;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-select-account/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-select-account/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAOpD,eAAe,GAAG,CAAA;;;kBAGA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eAC9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;qBAGrB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;aAe7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;;;;;;;;wBAY/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;kBACpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBAC3C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK;eAC9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;aAC7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;wBAM7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;wBAM9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;CAQrE,CAAA"}

package/dist/esm/src/composites/wui-list-select-wallet/index.js

@@ -0,0 +1,75 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-icon-box/index.js';
+import '../wui-tag/index.js';
+import styles from './styles.js';
+let WuiListSelectWallet = class WuiListSelectWallet extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = '';
+        this.name = '';
+        this.qrCode = false;
+        this.allWallets = false;
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled}>
+        ${this.leftImageTemplate()}
+        <wui-text color="primary" variant="lg-regular" lineClamp="1">${this.name}</wui-text>
+        <wui-tag variant=${this.allWallets ? 'info' : 'accent'} size="sm">${this.tagLabel}</wui-tag>
+      </button>
+    `;
+    }
+    leftImageTemplate() {
+        if (this.allWallets) {
+            return html `<wui-icon-box
+        iconColor="accent"
+        iconSize="xl"
+        backgroundColor="foregroundAccent010"
+        icon="allWallets"
+      ></wui-icon-box>`;
+        }
+        if (this.qrCode) {
+            return html `<wui-icon-box color="default" iconSize="xl" icon="qrCode"></wui-icon-box>`;
+        }
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;
+        }
+        return null;
+    }
+};
+WuiListSelectWallet.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListSelectWallet.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiListSelectWallet.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiListSelectWallet.prototype, "tagLabel", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListSelectWallet.prototype, "qrCode", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListSelectWallet.prototype, "allWallets", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListSelectWallet.prototype, "disabled", void 0);
+WuiListSelectWallet = __decorate([
+    customElement('wui-list-select-wallet')
+], WuiListSelectWallet);
+export { WuiListSelectWallet };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-select-wallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-select-wallet/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,0BAA0B,CAAA;AACjC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAIc,aAAQ,GAAI,EAAE,CAAA;QAEd,SAAI,GAAG,EAAE,CAAA;QAIQ,WAAM,GAAG,KAAK,CAAA;QAEd,eAAU,GAAG,KAAK,CAAA;QAElB,aAAQ,GAAG,KAAK,CAAA;IAkCtD,CAAC;IA/BiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ;UAC7B,IAAI,CAAC,iBAAiB,EAAE;uEACqC,IAAI,CAAC,IAAI;2BACrD,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,cAAc,IAAI,CAAC,QAAQ;;KAEpF,CAAA;IACH,CAAC;IAGO,iBAAiB;QACvB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAA;;;;;uBAKM,CAAA;QACnB,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,OAAO,IAAI,CAAA,2EAA2E,CAAA;QACxF,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,IAAI,eAAe,CAAA;QAC5E,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AA9CsB,0BAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;qDAAsB;AAEd;IAAlB,QAAQ,EAAE;iDAAiB;AAET;IAAlB,QAAQ,EAAE;qDAAyB;AAEA;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAAsB;AAEd;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAA0B;AAElB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAAwB;AAdzC,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAgD/B"}

package/dist/esm/src/composites/wui-list-select-wallet/styles.js

@@ -0,0 +1,49 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    align-items: center;
+    column-gap: ${({ spacing }) => spacing[2]};
+    padding: ${({ spacing }) => spacing[3]};
+    width: 100%;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    height: 64px;
+  }
+
+  button > wui-text {
+    display: flex;
+    flex: 1;
+    word-break: break-all;
+  }
+
+  button > wui-image {
+    width: 40px;
+    height: 40px;
+    flex-shrink: 0;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled,
+  button:active:enabled {
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    }
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  button:disabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  button:disabled > * {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-select-wallet/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-select-wallet/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;kBAGA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eAC9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;wBAElB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;qBAcrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;wBAOlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;0BAM9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;wBAMlD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;CAMvE,CAAA"}

package/dist/esm/src/composites/wui-list-social/index.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-logo/index.js';
+import styles from './styles.js';
+let WuiListSocial = class WuiListSocial extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.logo = 'google';
+        this.name = 'Continue with google';
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled} tabindex=${ifDefined(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([
+    property()
+], WuiListSocial.prototype, "logo", void 0);
+__decorate([
+    property()
+], WuiListSocial.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiListSocial.prototype, "tabIdx", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListSocial.prototype, "disabled", void 0);
+WuiListSocial = __decorate([
+    customElement('wui-list-social')
+], WuiListSocial);
+export { WuiListSocial };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-social/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-social/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,sBAAsB,CAAA;AAC7B,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIc,SAAI,GAAa,QAAQ,CAAA;QAEzB,SAAI,GAAG,sBAAsB,CAAA;QAIZ,aAAQ,GAAG,KAAK,CAAA;IActD,CAAC;IAXiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;8BAE5C,IAAI,SAAS,IAAI,CAAC,IAAI;2DACO,IAAI,CAAC,IAAI;;;;KAI/D,CAAA;IACH,CAAC;;AAtBsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;2CAAiC;AAEzB;IAAlB,QAAQ,EAAE;2CAAqC;AAE7B;IAAlB,QAAQ,EAAE;6CAAwB;AAEC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAwB;AAVzC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAwBzB"}