@reown/appkit-ui 0.0.3

package/dist/esm/src/composites/wui-network-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 { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { networkSvgSm } from '../../assets/svg/networkSm.js';
+import { networkSvgMd } from '../../assets/svg/networkMd.js';
+import { networkSvgLg } from '../../assets/svg/networkLg.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 WuiNetworkImage = class WuiNetworkImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.name = 'uknown';
+        this.networkImagesBySize = {
+            sm: networkSvgSm,
+            md: networkSvgMd,
+            lg: networkSvgLg
+        };
+        this.selected = false;
+        this.round = false;
+    }
+    render() {
+        if (this.round) {
+            this.dataset['round'] = 'true';
+            this.style.cssText = `
+      --local-width: var(--wui-spacing-3xl);
+      --local-height: var(--wui-spacing-3xl);
+      --local-icon-size: var(--wui-spacing-l);
+    `;
+        }
+        else {
+            this.style.cssText = `
+
+      --local-path: var(--wui-path-network-${this.size});
+      --local-width:  var(--wui-width-network-${this.size});
+      --local-height:  var(--wui-height-network-${this.size});
+      --local-icon-size:  var(--wui-icon-size-network-${this.size});
+    `;
+        }
+        return html `${this.templateVisual()} ${this.svgTemplate()} `;
+    }
+    svgTemplate() {
+        if (this.round) {
+            return null;
+        }
+        return this.networkImagesBySize[this.size];
+    }
+    templateVisual() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;
+        }
+        return html `<wui-icon size="inherit" color="fg-200" name="networkPlaceholder"></wui-icon>`;
+    }
+};
+WuiNetworkImage.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiNetworkImage.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiNetworkImage.prototype, "name", void 0);
+__decorate([
+    property({ type: Object })
+], WuiNetworkImage.prototype, "networkImagesBySize", void 0);
+__decorate([
+    property()
+], WuiNetworkImage.prototype, "imageSrc", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiNetworkImage.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiNetworkImage.prototype, "round", void 0);
+WuiNetworkImage = __decorate([
+    customElement('wui-network-image')
+], WuiNetworkImage);
+export { WuiNetworkImage };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-network-image/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,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,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,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIc,SAAI,GAAuE,IAAI,CAAA;QAE/E,SAAI,GAAG,QAAQ,CAAA;QAEC,wBAAmB,GAAG;YACvD,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;SACjB,CAAA;QAImC,aAAQ,GAAa,KAAK,CAAA;QAE1B,UAAK,GAAa,KAAK,CAAA;IAwC7D,CAAC;IArCiB,MAAM;QACpB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;YAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;;;;KAItB,CAAA;QACD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;;6CAEkB,IAAI,CAAC,IAAI;gDACN,IAAI,CAAC,IAAI;kDACP,IAAI,CAAC,IAAI;wDACH,IAAI,CAAC,IAAI;KAC5D,CAAA;QACD,CAAC;QAGD,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,CAAA;IAC9D,CAAC;IAGO,WAAW;QACjB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5C,CAAC;IACO,cAAc;QACpB,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,+EAA+E,CAAA;IAC5F,CAAC;;AAxDsB,sBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;6CAAuF;AAE/E;IAAlB,QAAQ,EAAE;6CAAuB;AAEC;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAI1B;AAEkB;IAAlB,QAAQ,EAAE;iDAAyB;AAEA;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAkC;AAE1B;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAA+B;AAlBhD,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA0D3B"}

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

@@ -0,0 +1,47 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    position: relative;
+    border-radius: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  :host([data-round='true']) {
+    background: var(--wui-color-gray-glass-002);
+    border-radius: 100%;
+    outline: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    fill: var(--wui-color-gray-glass-002);
+  }
+
+  svg > path {
+    stroke: var(--local-stroke);
+  }
+
+  wui-image {
+    width: 100%;
+    height: 100%;
+    -webkit-clip-path: var(--local-path);
+    clip-path: var(--local-path);
+    background: var(--wui-color-gray-glass-002);
+  }
+
+  wui-icon {
+    transform: translateY(-5%);
+    width: var(--local-icon-size);
+    height: var(--local-icon-size);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-notice-card/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 '../../layout/wui-flex/index.js';
+import '../../components/wui-text/index.js';
+import '../../composites/wui-button/index.js';
+import '../../composites/wui-icon-box/index.js';
+import { resetStyles, elementStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+import { property } from 'lit/decorators.js';
+let WuiNoticeCard = class WuiNoticeCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.description = '';
+        this.icon = 'wallet';
+    }
+    render() {
+        return html `
+      <button>
+        <wui-flex gap="m" alignItems="center" justifyContent="space-between">
+          <wui-icon-box
+            size="lg"
+            iconcolor="accent-100"
+            backgroundcolor="accent-100"
+            icon=${this.icon}
+            background="transparent"
+          ></wui-icon-box>
+
+          <wui-flex flexDirection="column" gap="3xs">
+            <wui-text variant="paragraph-500" color="fg-100">${this.label}</wui-text>
+            <wui-text variant="small-400" color="fg-200">${this.description}</wui-text>
+          </wui-flex>
+
+          <wui-icon size="md" color="fg-200" name="chevronRight"></wui-icon>
+        </wui-flex>
+      </button>
+    `;
+    }
+};
+WuiNoticeCard.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiNoticeCard.prototype, "label", void 0);
+__decorate([
+    property()
+], WuiNoticeCard.prototype, "description", void 0);
+__decorate([
+    property()
+], WuiNoticeCard.prototype, "icon", void 0);
+WuiNoticeCard = __decorate([
+    customElement('wui-notice-card')
+], WuiNoticeCard);
+export { WuiNoticeCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-notice-card/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,gCAAgC,CAAA;AACvC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,wCAAwC,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAIrC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIc,UAAK,GAAG,EAAE,CAAA;QAEV,gBAAW,GAAG,EAAE,CAAA;QAEhB,SAAI,GAAa,QAAQ,CAAA;IAyB9C,CAAC;IAtBiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;;;mBAOI,IAAI,CAAC,IAAI;;;;;+DAKmC,IAAI,CAAC,KAAK;2DACd,IAAI,CAAC,WAAW;;;;;;KAMtE,CAAA;IACH,CAAC;;AA/BsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;4CAAkB;AAEV;IAAlB,QAAQ,EAAE;kDAAwB;AAEhB;IAAlB,QAAQ,EAAE;2CAAiC;AARjC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAiCzB"}

package/dist/esm/src/composites/wui-notice-card/styles.js

@@ -0,0 +1,26 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  button {
+    width: 100%;
+    display: block;
+    padding-top: var(--wui-spacing-l);
+    padding-bottom: var(--wui-spacing-l);
+    padding-left: var(--wui-spacing-s);
+    padding-right: var(--wui-spacing-2l);
+    border-radius: var(--wui-border-radius-s);
+    background-color: var(--wui-color-accent-glass-010);
+  }
+
+  button:hover {
+    background-color: var(--wui-color-accent-glass-015) !important;
+  }
+
+  button:active {
+    background-color: var(--wui-color-accent-glass-020) !important;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,205 @@
+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, state } from 'lit/decorators.js';
+import '../../layout/wui-flex/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-input-numeric/index.js';
+import { WuiInputNumeric } from '../wui-input-numeric/index.js';
+import styles from './styles.js';
+let WuiOtp = class WuiOtp extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.length = 6;
+        this.otp = '';
+        this.values = Array.from({ length: this.length }).map(() => '');
+        this.numerics = [];
+        this.shouldInputBeEnabled = (index) => {
+            const previousInputs = this.values.slice(0, index);
+            return previousInputs.every(input => input !== '');
+        };
+        this.handleKeyDown = (e, index) => {
+            const inputElement = e.target;
+            const input = this.getInputElement(inputElement);
+            const keyArr = ['ArrowLeft', 'ArrowRight', 'Shift', 'Delete'];
+            if (!input) {
+                return;
+            }
+            if (keyArr.includes(e.key)) {
+                e.preventDefault();
+            }
+            const currentCaretPos = input.selectionStart;
+            switch (e.key) {
+                case 'ArrowLeft':
+                    if (currentCaretPos) {
+                        input.setSelectionRange(currentCaretPos + 1, currentCaretPos + 1);
+                    }
+                    this.focusInputField('prev', index);
+                    break;
+                case 'ArrowRight':
+                    this.focusInputField('next', index);
+                    break;
+                case 'Shift':
+                    this.focusInputField('next', index);
+                    break;
+                case 'Delete':
+                    if (input.value === '') {
+                        this.focusInputField('prev', index);
+                    }
+                    else {
+                        this.updateInput(input, index, '');
+                    }
+                    break;
+                case 'Backspace':
+                    if (input.value === '') {
+                        this.focusInputField('prev', index);
+                    }
+                    else {
+                        this.updateInput(input, index, '');
+                    }
+                    break;
+                default:
+            }
+        };
+        this.focusInputField = (dir, index) => {
+            if (dir === 'next') {
+                const nextIndex = index + 1;
+                if (!this.shouldInputBeEnabled(nextIndex)) {
+                    return;
+                }
+                const numeric = this.numerics[nextIndex < this.length ? nextIndex : index];
+                const input = numeric ? this.getInputElement(numeric) : undefined;
+                if (input) {
+                    input.disabled = false;
+                    input.focus();
+                }
+            }
+            if (dir === 'prev') {
+                const nextIndex = index - 1;
+                const numeric = this.numerics[nextIndex > -1 ? nextIndex : index];
+                const input = numeric ? this.getInputElement(numeric) : undefined;
+                if (input) {
+                    input.focus();
+                }
+            }
+        };
+    }
+    firstUpdated() {
+        if (this.otp) {
+            this.values = this.otp.split('');
+        }
+        const numericElements = this.shadowRoot?.querySelectorAll('wui-input-numeric');
+        if (numericElements) {
+            this.numerics = Array.from(numericElements);
+        }
+        this.numerics[0]?.focus();
+    }
+    render() {
+        return html `
+      <wui-flex gap="xxs" data-testid="wui-otp-input">
+        ${Array.from({ length: this.length }).map((_, index) => html `
+            <wui-input-numeric
+              @input=${(e) => this.handleInput(e, index)}
+              @click=${(e) => this.selectInput(e)}
+              @keydown=${(e) => this.handleKeyDown(e, index)}
+              .disabled=${!this.shouldInputBeEnabled(index)}
+              .value=${this.values[index] || ''}
+            >
+            </wui-input-numeric>
+          `)}
+      </wui-flex>
+    `;
+    }
+    updateInput(element, index, value) {
+        const numeric = this.numerics[index];
+        const input = element || (numeric ? this.getInputElement(numeric) : undefined);
+        if (input) {
+            input.value = value;
+            this.values = this.values.map((val, i) => (i === index ? value : val));
+        }
+    }
+    selectInput(e) {
+        const targetElement = e.target;
+        if (targetElement) {
+            const inputElement = this.getInputElement(targetElement);
+            inputElement?.select();
+        }
+    }
+    handleInput(e, index) {
+        const inputElement = e.target;
+        const input = this.getInputElement(inputElement);
+        if (input) {
+            const inputValue = input.value;
+            if (e.inputType === 'insertFromPaste') {
+                this.handlePaste(input, inputValue, index);
+            }
+            else {
+                const isValid = UiHelperUtil.isNumber(inputValue);
+                if (isValid && e.data) {
+                    this.updateInput(input, index, e.data);
+                    this.focusInputField('next', index);
+                }
+                else {
+                    this.updateInput(input, index, '');
+                }
+            }
+        }
+        this.dispatchInputChangeEvent();
+    }
+    handlePaste(input, inputValue, index) {
+        const value = inputValue[0];
+        const isValid = value && UiHelperUtil.isNumber(value);
+        if (isValid) {
+            this.updateInput(input, index, value);
+            const inputString = inputValue.substring(1);
+            if (index + 1 < this.length && inputString.length) {
+                const nextNumeric = this.numerics[index + 1];
+                const nextInput = nextNumeric ? this.getInputElement(nextNumeric) : undefined;
+                if (nextInput) {
+                    this.handlePaste(nextInput, inputString, index + 1);
+                }
+            }
+            else {
+                this.focusInputField('next', index);
+            }
+        }
+        else {
+            this.updateInput(input, index, '');
+        }
+    }
+    getInputElement(el) {
+        if (el.shadowRoot?.querySelector('input')) {
+            return el.shadowRoot.querySelector('input');
+        }
+        return null;
+    }
+    dispatchInputChangeEvent() {
+        const value = this.values.join('');
+        this.dispatchEvent(new CustomEvent('inputChange', {
+            detail: value,
+            bubbles: true,
+            composed: true
+        }));
+    }
+};
+WuiOtp.styles = [resetStyles, styles];
+__decorate([
+    property({ type: Number })
+], WuiOtp.prototype, "length", void 0);
+__decorate([
+    property({ type: String })
+], WuiOtp.prototype, "otp", void 0);
+__decorate([
+    state()
+], WuiOtp.prototype, "values", void 0);
+WuiOtp = __decorate([
+    customElement('wui-otp')
+], WuiOtp);
+export { WuiOtp };
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,55 @@
+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-image/index.js';
+import '../../components/wui-icon/index.js';
+import '../wui-avatar/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiPreviewItem = class WuiPreviewItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.address = '';
+        this.isAddress = false;
+    }
+    render() {
+        return html `<wui-text variant="large-500" color="fg-100">${this.text}</wui-text>
+      ${this.imageTemplate()}`;
+    }
+    imageTemplate() {
+        if (this.isAddress) {
+            return html `<wui-avatar address=${this.address} .imageSrc=${this.imageSrc}></wui-avatar>`;
+        }
+        else if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc}></wui-image>`;
+        }
+        return html `<wui-icon size="inherit" color="fg-200" name="networkPlaceholder"></wui-icon>`;
+    }
+};
+WuiPreviewItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiPreviewItem.prototype, "text", void 0);
+__decorate([
+    property()
+], WuiPreviewItem.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiPreviewItem.prototype, "imageSrc", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiPreviewItem.prototype, "isAddress", void 0);
+WuiPreviewItem = __decorate([
+    customElement('wui-preview-item')
+], WuiPreviewItem);
+export { WuiPreviewItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-preview-item/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,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,wBAAwB,CAAA;AAC/B,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIc,SAAI,GAAG,EAAE,CAAA;QAET,YAAO,GAAG,EAAE,CAAA;QAIK,cAAS,GAAG,KAAK,CAAA;IAkBvD,CAAC;IAfiB,MAAM;QACpB,OAAO,IAAI,CAAA,gDAAgD,IAAI,CAAC,IAAI;QAChE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAA;IAC5B,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA,uBAAuB,IAAI,CAAC,OAAO,cAAc,IAAI,CAAC,QAAQ,gBAAgB,CAAA;QAC3F,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,eAAe,CAAA;QAC3D,CAAC;QAED,OAAO,IAAI,CAAA,+EAA+E,CAAA;IAC5F,CAAC;;AA1BsB,qBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;4CAAiB;AAET;IAAlB,QAAQ,EAAE;+CAAoB;AAEZ;IAAlB,QAAQ,EAAE;gDAAyB;AAEA;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAyB;AAV1C,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA4B1B"}

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

@@ -0,0 +1,24 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    gap: var(--wui-spacing-xs);
+    border-radius: var(--wui-border-radius-3xl);
+    border: 1px solid var(--wui-color-gray-glass-002);
+    background: var(--wui-color-gray-glass-002);
+    padding: var(--wui-spacing-2xs) var(--wui-spacing-xs) var(--wui-spacing-2xs)
+      var(--wui-spacing-s);
+    align-items: center;
+  }
+
+  wui-avatar,
+  wui-icon,
+  wui-image {
+    width: 32px;
+    height: 32px;
+    border: 1px solid var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-3xl);
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-002);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,85 @@
+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';
+let WuiProfileButton = class WuiProfileButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.networkSrc = undefined;
+        this.avatarSrc = undefined;
+        this.profileName = '';
+        this.address = '';
+        this.icon = 'chevronBottom';
+    }
+    render() {
+        return html `<button ontouchstart data-testid="wui-profile-button">
+      <wui-flex gap="xs" alignItems="center">
+        <wui-avatar
+          .imageSrc=${this.avatarSrc}
+          alt=${this.address}
+          address=${this.address}
+        ></wui-avatar>
+        ${this.networkImageTemplate()}
+        <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=${this.icon}></wui-icon>
+        </wui-flex>
+      </wui-flex>
+    </button>`;
+    }
+    networkImageTemplate() {
+        if (this.networkSrc) {
+            return html `<wui-image src=${this.networkSrc}></wui-image>`;
+        }
+        return html `
+      <wui-icon-box
+        size="xxs"
+        iconColor="fg-200"
+        backgroundColor="bg-100"
+        icon="networkPlaceholder"
+      ></wui-icon-box>
+    `;
+    }
+};
+WuiProfileButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiProfileButton.prototype, "networkSrc", void 0);
+__decorate([
+    property()
+], WuiProfileButton.prototype, "avatarSrc", void 0);
+__decorate([
+    property()
+], WuiProfileButton.prototype, "profileName", void 0);
+__decorate([
+    property()
+], WuiProfileButton.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiProfileButton.prototype, "icon", void 0);
+WuiProfileButton = __decorate([
+    customElement('wui-profile-button')
+], WuiProfileButton);
+export { WuiProfileButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-profile-button/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;AAGnD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAIc,eAAU,GAAY,SAAS,CAAA;QAE/B,cAAS,GAAY,SAAS,CAAA;QAE9B,gBAAW,GAAY,EAAE,CAAA;QAEzB,YAAO,GAAG,EAAE,CAAA;QAEZ,SAAI,GAAa,eAAe,CAAA;IA0CrD,CAAC;IAvCiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;sBAGO,IAAI,CAAC,SAAS;gBACpB,IAAI,CAAC,OAAO;oBACR,IAAI,CAAC,OAAO;;UAEtB,IAAI,CAAC,oBAAoB,EAAE;;;cAGvB,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;;oDAEsC,IAAI,CAAC,IAAI;;;cAG/C,CAAA;IACZ,CAAC;IAGO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,UAAU,eAAe,CAAA;QAC7D,CAAC;QAED,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAA;IACH,CAAC;;AApDsB,uBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;oDAAuC;AAE/B;IAAlB,QAAQ,EAAE;mDAAsC;AAE9B;IAAlB,QAAQ,EAAE;qDAAiC;AAEzB;IAAlB,QAAQ,EAAE;iDAAoB;AAEZ;IAAlB,QAAQ,EAAE;8CAAwC;AAZxC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAsD5B"}