@reown/appkit-ui 0.0.3

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

@@ -0,0 +1,37 @@
+import { css } from 'lit';
+export default css `
+  button {
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-3xl);
+    border: 1px solid var(--wui-color-gray-glass-002);
+    padding: var(--wui-spacing-xs) var(--wui-spacing-s) var(--wui-spacing-xs) var(--wui-spacing-xs);
+    position: relative;
+  }
+
+  wui-avatar {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 0;
+    outline: 3px solid var(--wui-color-gray-glass-005);
+  }
+
+  wui-icon-box,
+  wui-image {
+    width: 16px;
+    height: 16px;
+    border-radius: var(--wui-border-radius-3xl);
+    position: absolute;
+    left: 26px;
+    top: 24px;
+  }
+
+  wui-image {
+    outline: 2px solid var(--wui-color-bg-125);
+  }
+
+  wui-icon-box {
+    outline: 2px solid var(--wui-color-bg-200);
+    background-color: var(--wui-color-bg-250);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-profile-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCjB,CAAA"}

package/dist/esm/src/composites/wui-profile-button-v2/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 { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import '../../components/wui-image/index.js';
+import '../../layout/wui-flex/index.js';
+import '../wui-avatar/index.js';
+import '../wui-icon-box/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { StorageUtil } from '@reown/appkit-core';
+let WuiProfileButtonV2 = class WuiProfileButtonV2 extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.avatarSrc = undefined;
+        this.profileName = '';
+        this.address = '';
+        this.icon = 'mail';
+        this.connectedConnector = StorageUtil.getConnectedConnector();
+        this.shouldShowIcon = this.connectedConnector === 'AUTH';
+    }
+    render() {
+        return html `<button ontouchstart data-testid="wui-profile-button" @click=${this.handleClick}>
+      <wui-flex gap="xs" alignItems="center">
+        <wui-avatar
+          .imageSrc=${this.avatarSrc}
+          alt=${this.address}
+          address=${this.address}
+        ></wui-avatar>
+        ${this.shouldShowIcon ? this.getIconTemplate(this.icon) : ''}
+        <wui-flex gap="xs" alignItems="center">
+          <wui-text variant="large-600" color="fg-100">
+            ${UiHelperUtil.getTruncateString({
+            string: this.profileName || this.address,
+            charsStart: this.profileName ? 18 : 4,
+            charsEnd: this.profileName ? 0 : 4,
+            truncate: this.profileName ? 'end' : 'middle'
+        })}
+          </wui-text>
+          <wui-icon size="sm" color="fg-200" name="copy" id="copy-address"></wui-icon>
+        </wui-flex>
+      </wui-flex>
+    </button>`;
+    }
+    handleClick(event) {
+        if (event.target instanceof HTMLElement && event.target.id === 'copy-address') {
+            this.onCopyClick?.(event);
+            return;
+        }
+        this.onProfileClick?.(event);
+    }
+    getIconTemplate(icon) {
+        return html `
+      <wui-icon-box
+        size="xxs"
+        iconColor="fg-200"
+        backgroundColor="bg-100"
+        icon="${icon || 'networkPlaceholder'}"
+      ></wui-icon-box>
+    `;
+    }
+};
+WuiProfileButtonV2.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiProfileButtonV2.prototype, "avatarSrc", void 0);
+__decorate([
+    property()
+], WuiProfileButtonV2.prototype, "profileName", void 0);
+__decorate([
+    property()
+], WuiProfileButtonV2.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiProfileButtonV2.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiProfileButtonV2.prototype, "onProfileClick", void 0);
+__decorate([
+    property()
+], WuiProfileButtonV2.prototype, "onCopyClick", void 0);
+WuiProfileButtonV2 = __decorate([
+    customElement('wui-profile-button-v2')
+], WuiProfileButtonV2);
+export { WuiProfileButtonV2 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-profile-button-v2/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,gCAAgC,CAAA;AACvC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGzC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIc,cAAS,GAAY,SAAS,CAAA;QAE9B,gBAAW,GAAY,EAAE,CAAA;QAEzB,YAAO,GAAG,EAAE,CAAA;QAEZ,SAAI,GAAa,MAAM,CAAA;QAMlC,uBAAkB,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAA;QAExD,mBAAc,GAAG,IAAI,CAAC,kBAAkB,KAAK,MAAM,CAAA;IA+C7D,CAAC;IA5CiB,MAAM;QACpB,OAAO,IAAI,CAAA,gEAAgE,IAAI,CAAC,WAAW;;;sBAGzE,IAAI,CAAC,SAAS;gBACpB,IAAI,CAAC,OAAO;oBACR,IAAI,CAAC,OAAO;;UAEtB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;;;cAGtD,YAAY,CAAC,iBAAiB,CAAC;YAC/B,MAAM,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO;YACxC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAClC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC9C,CAAC;;;;;cAKA,CAAA;IACZ,CAAC;IAEO,WAAW,CAAC,KAAY;QAC9B,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,cAAc,EAAE,CAAC;YAC9E,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAA;YAEzB,OAAM;QACR,CAAC;QACD,IAAI,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC;IAGO,eAAe,CAAC,IAAc;QACpC,OAAO,IAAI,CAAA;;;;;gBAKC,IAAI,IAAI,oBAAoB;;KAEvC,CAAA;IACH,CAAC;;AA/DsB,yBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;qDAAsC;AAE9B;IAAlB,QAAQ,EAAE;uDAAiC;AAEzB;IAAlB,QAAQ,EAAE;mDAAoB;AAEZ;IAAlB,QAAQ,EAAE;gDAA+B;AAEvB;IAAlB,QAAQ,EAAE;0DAA+C;AAEvC;IAAlB,QAAQ,EAAE;uDAA4C;AAd5C,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAiE9B"}

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

@@ -0,0 +1,37 @@
+import { css } from 'lit';
+export default css `
+  button {
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-3xl);
+    border: 1px solid var(--wui-color-gray-glass-002);
+    padding: var(--wui-spacing-xs) var(--wui-spacing-s) var(--wui-spacing-xs) var(--wui-spacing-xs);
+    position: relative;
+  }
+
+  wui-avatar {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 0;
+    outline: 3px solid var(--wui-color-gray-glass-005);
+  }
+
+  wui-icon-box,
+  wui-image {
+    width: 16px;
+    height: 16px;
+    border-radius: var(--wui-border-radius-3xl);
+    position: absolute;
+    left: 26px;
+    top: 24px;
+  }
+
+  wui-image {
+    outline: 2px solid var(--wui-color-bg-125);
+  }
+
+  wui-icon-box {
+    outline: 2px solid var(--wui-color-bg-200);
+    background-color: var(--wui-color-bg-250);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-profile-button-v2/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCjB,CAAA"}

package/dist/esm/src/composites/wui-promo/index.js

@@ -0,0 +1,34 @@
+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 { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+import '../../components/wui-text/index.js';
+import '../../components/wui-icon/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+let WuiPromo = class WuiPromo extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+    }
+    render() {
+        return html `<button ontouchstart>
+      <wui-text variant="small-600" color="bg-100">${this.text}</wui-text>
+      <wui-icon color="bg-100" size="xs" name="arrowRight"></wui-icon>
+    </button>`;
+    }
+};
+WuiPromo.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiPromo.prototype, "text", void 0);
+WuiPromo = __decorate([
+    customElement('wui-promo')
+], WuiPromo);
+export { WuiPromo };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-promo/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAG9D,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAIO,SAAI,GAAG,EAAE,CAAA;IASvB,CAAC;IANiB,MAAM;QACpB,OAAO,IAAI,CAAA;qDACsC,IAAI,CAAC,IAAI;;cAEhD,CAAA;IACZ,CAAC;;AAXsB,eAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGxD;IAAX,QAAQ,EAAE;sCAAU;AAJV,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAapB"}

package/dist/esm/src/composites/wui-promo/styles.js

@@ -0,0 +1,25 @@
+import { css } from 'lit';
+export default css `
+  button {
+    display: flex;
+    gap: var(--wui-spacing-3xs);
+    align-items: center;
+    padding: 6.25px var(--wui-spacing-xs) 7.25px var(--wui-spacing-s);
+    background-color: var(--wui-color-gray-glass-090);
+    border-radius: var(--wui-border-radius-3xl);
+    border: 1px solid var(--wui-color-gray-glass-060);
+    transition: background-color var(--wui-duration-md) var(--wui-ease-inout-power-1);
+    will-change: background-color;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    button:hover:enabled {
+      background-color: var(--wui-color-gray-glass-080);
+    }
+
+    button:active:enabled {
+      background-color: var(--wui-color-gray-glass-060);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-promo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBjB,CAAA"}

package/dist/esm/src/composites/wui-qr-code/index.js

@@ -0,0 +1,81 @@
+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 { html, LitElement, svg } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-image/index.js';
+import { QrCodeUtil } from '../../utils/QrCode.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiQrCode = class WuiQrCode extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.uri = '';
+        this.size = 0;
+        this.theme = 'dark';
+        this.imageSrc = undefined;
+        this.alt = undefined;
+        this.arenaClear = undefined;
+        this.farcaster = undefined;
+    }
+    render() {
+        this.dataset['theme'] = this.theme;
+        this.dataset['clear'] = String(this.arenaClear);
+        this.style.cssText = `--local-size: ${this.size}px`;
+        return html `${this.templateVisual()} ${this.templateSvg()}`;
+    }
+    templateSvg() {
+        const size = this.theme === 'light' ? this.size : this.size - 16 * 2;
+        return svg `
+      <svg height=${size} width=${size}>
+        ${QrCodeUtil.generate(this.uri, size, this.arenaClear ? 0 : size / 4)}
+      </svg>
+    `;
+    }
+    templateVisual() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.alt ?? 'logo'}></wui-image>`;
+        }
+        if (this.farcaster) {
+            return html `<wui-icon
+        class="farcaster"
+        size="inherit"
+        color="inherit"
+        name="farcaster"
+      ></wui-icon>`;
+        }
+        return html `<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`;
+    }
+};
+WuiQrCode.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiQrCode.prototype, "uri", void 0);
+__decorate([
+    property({ type: Number })
+], WuiQrCode.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiQrCode.prototype, "theme", void 0);
+__decorate([
+    property()
+], WuiQrCode.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiQrCode.prototype, "alt", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiQrCode.prototype, "arenaClear", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiQrCode.prototype, "farcaster", void 0);
+WuiQrCode = __decorate([
+    customElement('wui-qr-code')
+], WuiQrCode);
+export { WuiQrCode };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-qr-code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-qr-code/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIc,QAAG,GAAG,EAAE,CAAA;QAEQ,SAAI,GAAG,CAAC,CAAA;QAExB,UAAK,GAAc,MAAM,CAAA;QAEzB,aAAQ,GAAY,SAAS,CAAA;QAE7B,QAAG,GAAY,SAAS,CAAA;QAEP,eAAU,GAAa,SAAS,CAAA;QAEhC,cAAS,GAAa,SAAS,CAAA;IAsCrE,CAAC;IAnCiB,MAAM;QACpB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAClC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,iBAAiB,IAAI,CAAC,IAAI,IAAI,CAAA;QAEnD,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAA;IAC7D,CAAC;IAGO,WAAW;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC,CAAA;QAEpE,OAAO,GAAG,CAAA;oBACM,IAAI,UAAU,IAAI;UAC5B,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;;KAExE,CAAA;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,GAAG,IAAI,MAAM,eAAe,CAAA;QACrF,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;;;;mBAKE,CAAA;QACf,CAAC;QAED,OAAO,IAAI,CAAA,2EAA2E,CAAA;IACxF,CAAC;;AApDsB,gBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;sCAAgB;AAEQ;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAgB;AAExB;IAAlB,QAAQ,EAAE;wCAAiC;AAEzB;IAAlB,QAAQ,EAAE;2CAAqC;AAE7B;IAAlB,QAAQ,EAAE;sCAAgC;AAEP;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAwC;AAEhC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAuC;AAhBxD,SAAS;IADrB,aAAa,CAAC,aAAa,CAAC;GAChB,SAAS,CAsDrB"}

package/dist/esm/src/composites/wui-qr-code/styles.js

@@ -0,0 +1,49 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    position: relative;
+    user-select: none;
+    display: block;
+    overflow: hidden;
+    aspect-ratio: 1 / 1;
+    width: var(--local-size);
+  }
+
+  :host([data-theme='dark']) {
+    border-radius: clamp(0px, var(--wui-border-radius-l), 40px);
+    background-color: var(--wui-color-inverse-100);
+    padding: var(--wui-spacing-l);
+  }
+
+  :host([data-theme='light']) {
+    box-shadow: 0 0 0 1px var(--wui-color-bg-125);
+    background-color: var(--wui-color-bg-125);
+  }
+
+  :host([data-clear='true']) > wui-icon {
+    display: none;
+  }
+
+  svg:first-child,
+  wui-image,
+  wui-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateY(-50%) translateX(-50%);
+  }
+
+  wui-image {
+    width: 25%;
+    height: 25%;
+    border-radius: var(--wui-border-radius-xs);
+  }
+
+  wui-icon {
+    width: 100%;
+    height: 100%;
+    color: #3396ff !important;
+    transform: translateY(-50%) translateX(-50%) scale(0.25);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-qr-code/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-qr-code/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CjB,CAAA"}

package/dist/esm/src/composites/wui-search-bar/index.js

@@ -0,0 +1,48 @@
+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 { html, LitElement } from 'lit';
+import { createRef, ref } from 'lit/directives/ref.js';
+import '../../composites/wui-input-element/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-input-text/index.js';
+import styles from './styles.js';
+let WuiSearchBar = class WuiSearchBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.inputComponentRef = createRef();
+    }
+    render() {
+        return html `
+      <wui-input-text
+        ${ref(this.inputComponentRef)}
+        placeholder="Search wallet"
+        icon="search"
+        type="search"
+        enterKeyHint="search"
+        size="sm"
+      >
+        <wui-input-element @click=${this.clearValue} icon="close"></wui-input-element>
+      </wui-input-text>
+    `;
+    }
+    clearValue() {
+        const inputComponent = this.inputComponentRef.value;
+        const inputElement = inputComponent?.inputElementRef.value;
+        if (inputElement) {
+            inputElement.value = '';
+            inputElement.focus();
+            inputElement.dispatchEvent(new Event('input'));
+        }
+    }
+};
+WuiSearchBar.styles = [resetStyles, styles];
+WuiSearchBar = __decorate([
+    customElement('wui-search-bar')
+], WuiSearchBar);
+export { WuiSearchBar };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-search-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-search-bar/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAY,MAAM,uBAAuB,CAAA;AAChE,OAAO,6CAA6C,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,4BAA4B,CAAA;AAEnC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAIE,sBAAiB,GAAsB,SAAS,EAAgB,CAAA;IA4BzE,CAAC;IAzBiB,MAAM;QACpB,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;;;;;;;oCAOD,IAAI,CAAC,UAAU;;KAE9C,CAAA;IACH,CAAC;IAGO,UAAU;QAChB,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAA;QACnD,MAAM,YAAY,GAAG,cAAc,EAAE,eAAe,CAAC,KAAK,CAAA;QAC1D,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,KAAK,GAAG,EAAE,CAAA;YACvB,YAAY,CAAC,KAAK,EAAE,CAAA;YACpB,YAAY,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;QAChD,CAAC;IACH,CAAC;;AA9BsB,mBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAD1C,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAgCxB"}

package/dist/esm/src/composites/wui-search-bar/styles.js

@@ -0,0 +1,9 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-search-bar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-search-bar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;CAMjB,CAAA"}

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

@@ -0,0 +1,47 @@
+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 { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { colorStyles, resetStyles, elementStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../composites/wui-icon-box/index.js';
+let WuiSelect = class WuiSelect extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = '';
+    }
+    render() {
+        return html `<button>
+      ${this.imageTemplate()}
+      <wui-icon size="xs" color="fg-200" name="chevronBottom"></wui-icon>
+    </button>`;
+    }
+    imageTemplate() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`;
+        }
+        return html `<wui-icon-box
+      size="xxs"
+      iconColor="fg-200"
+      backgroundColor="fg-100"
+      background="opaque"
+      icon="networkPlaceholder"
+    ></wui-icon-box>`;
+    }
+};
+WuiSelect.styles = [resetStyles, elementStyles, colorStyles, styles];
+__decorate([
+    property()
+], WuiSelect.prototype, "imageSrc", void 0);
+WuiSelect = __decorate([
+    customElement('wui-select')
+], WuiSelect);
+export { WuiSelect };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-select/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,wCAAwC,CAAA;AAGxC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIc,aAAQ,GAAG,EAAE,CAAA;IAwBlC,CAAC;IArBiB,MAAM;QACpB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,aAAa,EAAE;;cAEd,CAAA;IACZ,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,mCAAmC,CAAA;QAC/E,CAAC;QAED,OAAO,IAAI,CAAA;;;;;;qBAMM,CAAA;IACnB,CAAC;;AA1BsB,gBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,CAAC,AAApD,CAAoD;AAG9D;IAAlB,QAAQ,EAAE;2CAAqB;AAJrB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA4BrB"}

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

@@ -0,0 +1,32 @@
+import { css } from 'lit';
+export default css `
+  button {
+    display: block;
+    display: flex;
+    align-items: center;
+    padding: var(--wui-spacing-xxs);
+    gap: var(--wui-spacing-xxs);
+    transition: all var(--wui-ease-out-power-1) var(--wui-duration-md);
+    border-radius: var(--wui-border-radius-xxs);
+  }
+
+  wui-image {
+    border-radius: 100%;
+    width: var(--wui-spacing-xl);
+    height: var(--wui-spacing-xl);
+  }
+
+  wui-icon-box {
+    width: var(--wui-spacing-xl);
+    height: var(--wui-spacing-xl);
+  }
+
+  button:hover {
+    background-color: var(--wui-color-gray-glass-002);
+  }
+
+  button:active {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BjB,CAAA"}

package/dist/esm/src/composites/wui-snackbar/index.js

@@ -0,0 +1,60 @@
+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 { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-text/index.js';
+import '../../components/wui-loading-spinner/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 WuiSnackbar = class WuiSnackbar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.backgroundColor = 'accent-100';
+        this.iconColor = 'accent-100';
+        this.icon = 'checkmark';
+        this.message = '';
+        this.loading = false;
+    }
+    render() {
+        return html `
+      ${this.loading
+            ? html `<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`
+            : html `<wui-icon-box
+            size="sm"
+            iconSize="xs"
+            iconColor=${this.iconColor}
+            backgroundColor=${this.backgroundColor}
+            icon=${this.icon}
+            background="opaque"
+          ></wui-icon-box>`}
+      <wui-text variant="paragraph-500" color="fg-100">${this.message}</wui-text>
+    `;
+    }
+};
+WuiSnackbar.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiSnackbar.prototype, "backgroundColor", void 0);
+__decorate([
+    property()
+], WuiSnackbar.prototype, "iconColor", void 0);
+__decorate([
+    property()
+], WuiSnackbar.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiSnackbar.prototype, "message", void 0);
+__decorate([
+    property()
+], WuiSnackbar.prototype, "loading", void 0);
+WuiSnackbar = __decorate([
+    customElement('wui-snackbar')
+], WuiSnackbar);
+export { WuiSnackbar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-snackbar/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,+CAA+C,CAAA;AACtD,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,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIc,oBAAe,GAAc,YAAY,CAAA;QAEzC,cAAS,GAAc,YAAY,CAAA;QAEnC,SAAI,GAAa,WAAW,CAAA;QAE5B,YAAO,GAAG,EAAE,CAAA;QAEZ,YAAO,GAAG,KAAK,CAAA;IAkBpC,CAAC;IAfiB,MAAM;QACpB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,0EAA0E;YAChF,CAAC,CAAC,IAAI,CAAA;;;wBAGU,IAAI,CAAC,SAAS;8BACR,IAAI,CAAC,eAAe;mBAC/B,IAAI,CAAC,IAAI;;2BAED;yDAC8B,IAAI,CAAC,OAAO;KAChE,CAAA;IACH,CAAC;;AA5BsB,kBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;oDAAiD;AAEzC;IAAlB,QAAQ,EAAE;8CAA2C;AAEnC;IAAlB,QAAQ,EAAE;yCAAoC;AAE5B;IAAlB,QAAQ,EAAE;4CAAoB;AAEZ;IAAlB,QAAQ,EAAE;4CAAuB;AAZvB,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA8BvB"}

package/dist/esm/src/composites/wui-snackbar/styles.js

@@ -0,0 +1,22 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    column-gap: var(--wui-spacing-xs);
+    align-items: center;
+    padding: var(--wui-spacing-xs) var(--wui-spacing-m) var(--wui-spacing-xs) var(--wui-spacing-xs);
+    border-radius: var(--wui-border-radius-3xl);
+    border: 1px solid var(--wui-color-gray-glass-005);
+    box-sizing: border-box;
+    max-height: 40px;
+    background-color: var(--wui-color-bg-175);
+    box-shadow:
+      0px 14px 64px -4px rgba(0, 0, 0, 0.15),
+      0px 8px 22px -6px rgba(0, 0, 0, 0.15);
+  }
+
+  :host wui-loading-spinner {
+    margin-left: var(--wui-spacing-3xs);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-snackbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBjB,CAAA"}