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

package/dist/esm/src/composites/wui-ux-by-reown/styles.js

@@ -0,0 +1,17 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  .reown-logo {
+    height: 24px;
+  }
+
+  a {
+    text-decoration: none;
+    cursor: pointer;
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  a:hover {
+    opacity: 0.9;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-ux-by-reown/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-ux-by-reown/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;aAQL,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;;CAMtD,CAAA"}

package/dist/esm/src/composites/wui-visual-thumbnail/index.js

@@ -0,0 +1,45 @@
+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-image/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiVisualThumbnail = class WuiVisualThumbnail extends LitElement {
+    render() {
+        this.dataset['borderRadiusFull'] = this.borderRadiusFull ? 'true' : 'false';
+        return html `${this.templateVisual()}`;
+    }
+    templateVisual() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.alt ?? ''}></wui-image>`;
+        }
+        return html `<wui-icon
+      data-parent-size="md"
+      size="inherit"
+      color="inherit"
+      name="wallet"
+    ></wui-icon>`;
+    }
+};
+WuiVisualThumbnail.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiVisualThumbnail.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiVisualThumbnail.prototype, "alt", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiVisualThumbnail.prototype, "borderRadiusFull", void 0);
+WuiVisualThumbnail = __decorate([
+    customElement('wui-visual-thumbnail')
+], WuiVisualThumbnail);
+export { WuiVisualThumbnail };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-visual-thumbnail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-visual-thumbnail/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,qCAAqC,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAWhC,MAAM;QACpB,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;QAE3E,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,CAAA;IACvC,CAAC;IAGO,cAAc;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,GAAG,IAAI,EAAE,eAAe,CAAA;QACjF,CAAC;QAED,OAAO,IAAI,CAAA;;;;;iBAKE,CAAA;IACf,CAAC;;AA5BsB,yBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;oDAAgC;AAExB;IAAlB,QAAQ,EAAE;+CAAoB;AAEK;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DAAkC;AARnD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA8B9B"}

package/dist/esm/src/composites/wui-visual-thumbnail/styles.js

@@ -0,0 +1,23 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 56px;
+    height: 56px;
+    box-shadow: 0 0 0 8px ${({ tokens }) => tokens.theme.borderPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    overflow: hidden;
+  }
+
+  :host([data-border-radius-full='true']) {
+    border-radius: 50px;
+  }
+
+  wui-icon {
+    width: 32px;
+    height: 32px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-visual-thumbnail/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-visual-thumbnail/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;4BAOU,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;CAYzD,CAAA"}

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

@@ -0,0 +1,102 @@
+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-icon/index.js';
+import '../../components/wui-image/index.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';
+const TEXT_SIZE_BY_SIZE = {
+    lg: 'lg-medium',
+    md: 'md-medium',
+    sm: 'sm-medium'
+};
+const ICON_SIZE_BY_SIZE = {
+    lg: 'xl',
+    md: 'lg',
+    sm: 'md'
+};
+let WuiWalletButton = class WuiWalletButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = '';
+        this.name = '';
+        this.size = 'md';
+        this.walletConnect = false;
+        this.loading = false;
+        this.error = false;
+        this.disabled = false;
+    }
+    render() {
+        this.dataset['error'] = `${this.error}`;
+        return html `
+      <button ?disabled=${this.disabled} data-size=${this.size} data-error=${this.error}>
+        ${this.leftViewTemplate()} ${this.rightViewTemplate()}
+      </button>
+    `;
+    }
+    leftViewTemplate() {
+        if (this.error) {
+            return html `<wui-icon name="warningCircle" iconColor="inherit" size="md"></wui-icon>`;
+        }
+        if (this.loading) {
+            return html `<wui-loading-spinner size="lg" color="inherit"></wui-loading-spinner>`;
+        }
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${ifDefined(this.name)}></wui-image>`;
+        }
+        if (this.icon) {
+            return html `<wui-icon
+        size=${ICON_SIZE_BY_SIZE[this.size]}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>`;
+        }
+        return null;
+    }
+    rightViewTemplate() {
+        return html `
+      <wui-text variant=${TEXT_SIZE_BY_SIZE[this.size]} color="inherit"
+        >${this.name || 'Unknown'}
+      </wui-text>
+    `;
+    }
+};
+WuiWalletButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiWalletButton.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiWalletButton.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiWalletButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiWalletButton.prototype, "walletConnect", void 0);
+__decorate([
+    property()
+], WuiWalletButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiWalletButton.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiWalletButton.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiWalletButton.prototype, "disabled", void 0);
+WuiWalletButton = __decorate([
+    customElement('wui-wallet-button')
+], WuiWalletButton);
+export { WuiWalletButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-wallet-button/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,112 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  :host > button {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    background-color: ${({ tokens }) => tokens.theme.backgroundInvert};
+    gap: ${({ spacing }) => spacing[1]};
+    border: none;
+    transition: border-radius ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: border-radius;
+    color: ${({ tokens }) => tokens.theme.textInvert};
+  }
+
+  :host > button > wui-text {
+    text-transform: capitalize;
+  }
+
+  :host > button > wui-image {
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+
+  :host([data-error='true']) > button > wui-icon {
+    color: ${({ tokens }) => tokens.core.textError};
+  }
+
+  :host([data-error='true']) > button {
+    animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  }
+
+  /* -- Size states ----------------------------------------------------------- */
+  :host > button[data-size='lg'] {
+    padding-top: ${({ spacing }) => spacing[4]};
+    padding-bottom: ${({ spacing }) => spacing[4]};
+    padding-left: ${({ spacing }) => spacing[5]};
+    padding-right: ${({ spacing }) => spacing[5]};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    height: 52px;
+
+    wui-image {
+      height: 20px;
+      width: 20px;
+    }
+  }
+
+  :host > button[data-size='md'] {
+    padding-top: ${({ spacing }) => spacing[3]};
+    padding-bottom: ${({ spacing }) => spacing[3]};
+    padding-left: ${({ spacing }) => spacing[4]};
+    padding-right: ${({ spacing }) => spacing[4]};
+    border-radius: ${({ borderRadius }) => borderRadius[3]};
+    height: 40px;
+
+    wui-image {
+      height: 16px;
+      width: 16px;
+    }
+  }
+
+  :host > button[data-size='sm'] {
+    padding-top: ${({ spacing }) => spacing[2]};
+    padding-bottom: ${({ spacing }) => spacing[2]};
+    padding-left: ${({ spacing }) => spacing[3]};
+    padding-right: ${({ spacing }) => spacing[3]};
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    height: 30px;
+
+    wui-image {
+      height: 12px;
+      width: 12px;
+    }
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) {
+    button:hover:enabled,
+    button:active:enabled {
+      border-radius: ${({ borderRadius }) => borderRadius[16]};
+    }
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  :host > button:disabled {
+    cursor: default;
+  }
+
+  :host > button:disabled wui-image,
+  :host > button:disabled wui-icon,
+  :host > button:disabled wui-text {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-wallet-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;wBAuBM,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB;WAC1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;gCAEN,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;aAEvC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU;;;;;;;;qBAQ/B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;aAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;;;;;;;;;mBAS/B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;sBACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC3B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;mBAUvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;sBACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC3B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;mBAUvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;sBACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC3B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;uBAanC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;;;;;;;;;;;;;CAc5D,CAAA"}

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

@@ -0,0 +1,86 @@
+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-image/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-icon-box/index.js';
+import styles from './styles.js';
+let WuiWalletImage = class WuiWalletImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.name = '';
+        this.installed = false;
+        this.badgeSize = 'xs';
+    }
+    render() {
+        let borderRadius = '1';
+        if (this.size === 'lg') {
+            borderRadius = '4';
+        }
+        else if (this.size === 'md') {
+            borderRadius = '2';
+        }
+        else if (this.size === 'sm') {
+            borderRadius = '1';
+        }
+        this.style.cssText = `
+       --local-border-radius: var(--apkt-borderRadius-${borderRadius});
+   `;
+        this.dataset['size'] = this.size;
+        if (this.imageSrc) {
+            this.dataset['image'] = 'true';
+        }
+        if (this.walletIcon) {
+            this.dataset['walletIcon'] = this.walletIcon;
+        }
+        return html `
+      <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
+    `;
+    }
+    templateVisual() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;
+        }
+        else if (this.walletIcon) {
+            return html `<wui-icon size="md" color="default" name=${this.walletIcon}></wui-icon>`;
+        }
+        return html `<wui-icon
+      data-parent-size=${this.size}
+      size="inherit"
+      color="inherit"
+      name="wallet"
+    ></wui-icon>`;
+    }
+};
+WuiWalletImage.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiWalletImage.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiWalletImage.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiWalletImage.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiWalletImage.prototype, "walletIcon", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiWalletImage.prototype, "installed", void 0);
+__decorate([
+    property()
+], WuiWalletImage.prototype, "badgeSize", void 0);
+WuiWalletImage = __decorate([
+    customElement('wui-wallet-image')
+], WuiWalletImage);
+export { WuiWalletImage };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-wallet-image/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,qCAAqC,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,0BAA0B,CAAA;AACjC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIc,SAAI,GAAuB,IAAI,CAAA;QAE/B,SAAI,GAAG,EAAE,CAAA;QAMQ,cAAS,GAAG,KAAK,CAAA;QAElC,cAAS,GAAa,IAAI,CAAA;IA4C/C,CAAC;IAzCiB,MAAM;QACpB,IAAI,YAAY,GAAqB,GAAG,CAAA;QACxC,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YACvB,YAAY,GAAG,GAAG,CAAA;QACpB,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YAC9B,YAAY,GAAG,GAAG,CAAA;QACpB,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YAC9B,YAAY,GAAG,GAAG,CAAA;QACpB,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;wDAC+B,YAAY;IAChE,CAAA;QAEA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAA;QAChC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;QAChC,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,UAAU,CAAA;QAC9C,CAAC;QAED,OAAO,IAAI,CAAA;+DACgD,IAAI,CAAC,cAAc,EAAE;KAC/E,CAAA;IACH,CAAC;IAGO,cAAc;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,IAAI,eAAe,CAAA;QAC5E,CAAC;aAAM,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAA,4CAA4C,IAAI,CAAC,UAAU,cAAc,CAAA;QACtF,CAAC;QAED,OAAO,IAAI,CAAA;yBACU,IAAI,CAAC,IAAI;;;;iBAIjB,CAAA;IACf,CAAC;;AAxDsB,qBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;4CAAuC;AAE/B;IAAlB,QAAQ,EAAE;4CAAiB;AAET;IAAlB,QAAQ,EAAE;gDAAyB;AAEjB;IAAlB,QAAQ,EAAE;kDAA6B;AAEJ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAyB;AAElC;IAAlB,QAAQ,EAAE;iDAAkC;AAdlC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA0D1B"}

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

@@ -0,0 +1,76 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    position: relative;
+    background-color: ${({ tokens }) => tokens.theme.foregroundTertiary};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-image='true']) {
+    background-color: transparent;
+  }
+
+  :host > wui-flex {
+    overflow: hidden;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-size='sm']) {
+    width: 32px;
+    height: 32px;
+  }
+
+  :host([data-size='md']) {
+    width: 40px;
+    height: 40px;
+  }
+
+  :host([data-size='lg']) {
+    width: 56px;
+    height: 56px;
+  }
+
+  :host([name='Extension'])::after {
+    border: 1px solid ${({ colors }) => colors.accent010};
+  }
+
+  :host([data-wallet-icon='allWallets'])::after {
+    border: 1px solid ${({ colors }) => colors.accent010};
+  }
+
+  wui-icon[data-parent-size='inherit'] {
+    width: 75%;
+    height: 75%;
+    align-items: center;
+  }
+
+  wui-icon {
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  wui-icon[data-parent-size='sm'] {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-icon[data-parent-size='md'] {
+    width: 32px;
+    height: 32px;
+  }
+
+  :host > wui-icon-box {
+    position: absolute;
+    overflow: hidden;
+    right: -1px;
+    bottom: -2px;
+    z-index: 1;
+    border: 2px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
+    padding: 1px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-wallet-image/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;wBAGM,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkC/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS;;;;wBAIhC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;aAU3C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;wBAmB7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;CAGrE,CAAA"}

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

@@ -0,0 +1,107 @@
+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-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-text/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiWalletSwitch = class WuiWalletSwitch extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.address = '';
+        this.profileName = '';
+        this.alt = '';
+        this.imageSrc = '';
+        this.icon = undefined;
+        this.iconSize = 'md';
+        this.loading = false;
+        this.charsStart = 4;
+        this.charsEnd = 6;
+    }
+    render() {
+        return html `
+      <button>
+        ${this.leftImageTemplate()} ${this.textTemplate()} ${this.rightImageTemplate()}
+      </button>
+    `;
+    }
+    leftImageTemplate() {
+        const imageOrIconContent = this.icon
+            ? html `<wui-icon
+          size=${ifDefined(this.iconSize)}
+          color="default"
+          name=${this.icon}
+          class="icon"
+        ></wui-icon>`
+            : html `<wui-image src=${this.imageSrc} alt=${this.alt}></wui-image>`;
+        return html `
+      <wui-flex
+        alignItems="center"
+        justifyContent="center"
+        class="icon-box"
+        data-active=${Boolean(this.icon)}
+      >
+        ${imageOrIconContent}
+        <wui-flex class="circle"></wui-flex>
+      </wui-flex>
+    `;
+    }
+    textTemplate() {
+        return html `
+      <wui-text variant="lg-regular" color="primary">
+        ${UiHelperUtil.getTruncateString({
+            string: this.profileName || this.address,
+            charsStart: this.profileName ? 16 : this.charsStart,
+            charsEnd: this.profileName ? 0 : this.charsEnd,
+            truncate: this.profileName ? 'end' : 'middle'
+        })}
+      </wui-text>
+    `;
+    }
+    rightImageTemplate() {
+        return html `<wui-icon name="chevronBottom" size="sm" color="default"></wui-icon>`;
+    }
+};
+WuiWalletSwitch.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiWalletSwitch.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiWalletSwitch.prototype, "profileName", void 0);
+__decorate([
+    property()
+], WuiWalletSwitch.prototype, "alt", void 0);
+__decorate([
+    property()
+], WuiWalletSwitch.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiWalletSwitch.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiWalletSwitch.prototype, "iconSize", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiWalletSwitch.prototype, "loading", void 0);
+__decorate([
+    property({ type: Number })
+], WuiWalletSwitch.prototype, "charsStart", void 0);
+__decorate([
+    property({ type: Number })
+], WuiWalletSwitch.prototype, "charsEnd", void 0);
+WuiWalletSwitch = __decorate([
+    customElement('wui-wallet-switch')
+], WuiWalletSwitch);
+export { WuiWalletSwitch };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-wallet-switch/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    padding: ${({ spacing }) => spacing[2]};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    column-gap: ${({ spacing }) => spacing[1]};
+    background-color: transparent;
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color;
+  }
+
+  wui-image,
+  .icon-box {
+    width: ${({ spacing }) => spacing[6]};
+    height: ${({ spacing }) => spacing[6]};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+  }
+
+  wui-text {
+    flex: 1;
+  }
+
+  .icon-box {
+    position: relative;
+  }
+
+  .icon-box[data-active='true'] {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  .circle {
+    position: absolute;
+    left: 16px;
+    top: 15px;
+    width: 8px;
+    height: 8px;
+    background-color: ${({ tokens }) => tokens.core.textSuccess};
+    box-shadow: 0 0 0 2px ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: 50%;
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) {
+    button:hover:enabled,
+    button:active:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-wallet-switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;eAKH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACrB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;kBACxC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;mCAEV,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;aAMvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;cAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACpB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;wBAYlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;;;;wBAShD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;4BACnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;0BAQhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;CAGvE,CAAA"}