@reown/appkit-ui 0.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-cta-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,sCAAsC,CAAA;AAC7C,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,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAI+B,aAAQ,GAAG,KAAK,CAAA;QAEjC,UAAK,GAAG,EAAE,CAAA;QAEV,gBAAW,GAAG,EAAE,CAAA;IAgBrC,CAAC;IAbiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;mBAII,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAU;;2DAEK,IAAI,CAAC,KAAK;0DACX,IAAI,CAAC,WAAW;;;KAGrE,CAAA;IACH,CAAC;;AAtBsB,mBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGhC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAwB;AAEjC;IAAlB,QAAQ,EAAE;2CAAkB;AAEV;IAAlB,QAAQ,EAAE;iDAAwB;AARxB,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAwBxB"}

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

@@ -0,0 +1,9 @@
+import { css } from 'lit';
+export default css `
+  wui-flex {
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-details-group/index.js

@@ -0,0 +1,26 @@
+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 { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiDetailsGroup = class WuiDetailsGroup extends LitElement {
+    render() {
+        return html `
+      <wui-flex gap="xl" flexDirection="column" justifyContent="space-between" alignItems="center">
+        <slot></slot>
+      </wui-flex>
+    `;
+    }
+};
+WuiDetailsGroup.styles = [resetStyles, elementStyles, styles];
+WuiDetailsGroup = __decorate([
+    customElement('wui-details-group')
+], WuiDetailsGroup);
+export { WuiDetailsGroup };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-details-group/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,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,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAI7B,MAAM;QACpB,OAAO,IAAI,CAAA;;;;KAIV,CAAA;IACH,CAAC;;AATsB,sBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AADzD,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAW3B"}

package/dist/esm/src/composites/wui-details-group/styles.js

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    padding: var(--wui-spacing-l) var(--wui-spacing-m);
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,37 @@
+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 '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiDetailsGroupItem = class WuiDetailsGroupItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+    }
+    render() {
+        return html `
+      <wui-flex justifyContent="space-between" alignItems="center">
+        <wui-text variant="paragraph-500" color="fg-200">${this.name}</wui-text>
+        <wui-flex gap="xs" alignItems="center">
+          <slot></slot>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+};
+WuiDetailsGroupItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiDetailsGroupItem.prototype, "name", void 0);
+WuiDetailsGroupItem = __decorate([
+    customElement('wui-details-group-item')
+], WuiDetailsGroupItem);
+export { WuiDetailsGroupItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-details-group-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,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,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAIc,SAAI,GAAG,EAAE,CAAA;IAa9B,CAAC;IAViB,MAAM;QACpB,OAAO,IAAI,CAAA;;2DAE4C,IAAI,CAAC,IAAI;;;;;KAK/D,CAAA;IACH,CAAC;;AAfsB,0BAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;iDAAiB;AAJjB,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAiB/B"}

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

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    flex-direction: row;
+    gap: var(--wui-spacing-l);
+    width: 100%;
+    border-radius: var(--wui-border-radius-xs);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-dropdown-menu/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-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-loading-spinner/index.js';
+import '../../components/wui-text/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-icon-box/index.js';
+import styles from './styles.js';
+let WuiDropdownMenu = class WuiDropdownMenu extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.actions = [];
+        this.isOpen = false;
+    }
+    render() {
+        if (!this.isOpen) {
+            return null;
+        }
+        return html `
+      <wui-flex flexDirection="column" gap="4xs">
+        ${this.actions.map(action => html `
+            <wui-list-item
+              icon=${action.icon}
+              iconSize="sm"
+              variant="icon"
+              @click=${action.onClick}
+            >
+              <wui-text variant="small-400" color="fg-100">${action.label}</wui-text>
+            </wui-list-item>
+          `)}
+      </wui-flex>
+    `;
+    }
+};
+WuiDropdownMenu.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property({ type: Array })
+], WuiDropdownMenu.prototype, "actions", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiDropdownMenu.prototype, "isOpen", void 0);
+WuiDropdownMenu = __decorate([
+    customElement('wui-dropdown-menu')
+], WuiDropdownMenu);
+export { WuiDropdownMenu };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-dropdown-menu/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,+CAA+C,CAAA;AACtD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,0BAA0B,CAAA;AACjC,OAAO,MAAM,MAAM,aAAa,CAAA;AASzB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAI6B,YAAO,GAAa,EAAE,CAAA;QAEpB,WAAM,GAAG,KAAK,CAAA;IA2BpD,CAAC;IAxBiB,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;qBAEH,MAAM,CAAC,IAAI;;;uBAGT,MAAM,CAAC,OAAO;;6DAEwB,MAAM,CAAC,KAAK;;WAE9D,CACF;;KAEJ,CAAA;IACH,CAAC;;AA7BsB,sBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGlC;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;gDAA8B;AAEpB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAsB;AANvC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiC3B"}

package/dist/esm/src/composites/wui-dropdown-menu/styles.js

@@ -0,0 +1,18 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    z-index: calc(var(--w3m-z-index) + 1);
+    width: 200px;
+    padding: var(--wui-spacing-3xs);
+    align-items: center;
+    display: inherit;
+    border-radius: var(--wui-border-radius-xs);
+    border: 1px solid var(--wui-color-gray-glass-002);
+    background: var(--wui-color-fg-base-125);
+    /* Dark/Elevation/L */
+    box-shadow:
+      0px 8px 22px -6px rgba(0, 0, 0, 0.12),
+      0px 14px 64px -4px rgba(0, 0, 0, 0.12);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-email-input/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-icon/index.js';
+import '../../components/wui-text/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 WuiEmailInput = class WuiEmailInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <wui-input-text
+        type="email"
+        placeholder="Email"
+        icon="mail"
+        size="mdl"
+        .disabled=${this.disabled}
+        .value=${this.value}
+        data-testid="wui-email-input"
+      ></wui-input-text>
+      ${this.templateError()}
+    `;
+    }
+    templateError() {
+        if (this.errorMessage) {
+            return html `<wui-text variant="tiny-500" color="error-100">${this.errorMessage}</wui-text>`;
+        }
+        return null;
+    }
+};
+WuiEmailInput.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiEmailInput.prototype, "errorMessage", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiEmailInput.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiEmailInput.prototype, "value", void 0);
+WuiEmailInput = __decorate([
+    customElement('wui-email-input')
+], WuiEmailInput);
+export { WuiEmailInput };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-email-input/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,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,4BAA4B,CAAA;AACnC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAM+B,aAAQ,GAAG,KAAK,CAAA;IA4BtD,CAAC;IAvBiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;;oBAMK,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,KAAK;;;QAGnB,IAAI,CAAC,aAAa,EAAE;KACvB,CAAA;IACH,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA,kDAAkD,IAAI,CAAC,YAAY,aAAa,CAAA;QAC7F,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AAhCsB,oBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;mDAA6B;AAEJ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAwB;AAEjC;IAAlB,QAAQ,EAAE;4CAAsB;AARtB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAkCzB"}

package/dist/esm/src/composites/wui-email-input/styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  wui-text {
+    margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-ens-input/index.js

@@ -0,0 +1,72 @@
+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 { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-input-text/index.js';
+import styles from './styles.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ConstantsUtil } from '@reown/appkit-common';
+let WuiEnsInput = class WuiEnsInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.loading = false;
+    }
+    render() {
+        return html `
+      <wui-input-text
+        value=${ifDefined(this.value)}
+        ?disabled=${this.disabled}
+        .value=${this.value || ''}
+        data-testid="wui-ens-input"
+        inputRightPadding="5xl"
+      >
+        ${this.baseNameTemplate()} ${this.errorTemplate()}${this.loadingTemplate()}
+      </wui-input-text>
+    `;
+    }
+    baseNameTemplate() {
+        return html `<wui-text variant="paragraph-400" color="fg-200" class="base-name">
+      ${ConstantsUtil.WC_NAME_SUFFIX}
+    </wui-text>`;
+    }
+    loadingTemplate() {
+        return this.loading
+            ? html `<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`
+            : null;
+    }
+    errorTemplate() {
+        if (this.errorMessage) {
+            return html `<wui-text variant="tiny-500" color="error-100" class="error"
+        >${this.errorMessage}</wui-text
+      >`;
+        }
+        return null;
+    }
+};
+WuiEnsInput.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiEnsInput.prototype, "errorMessage", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiEnsInput.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiEnsInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiEnsInput.prototype, "loading", void 0);
+WuiEnsInput = __decorate([
+    customElement('wui-ens-input')
+], WuiEnsInput);
+export { WuiEnsInput };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-ens-input/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,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,4BAA4B,CAAA;AACnC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG7C,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAM+B,aAAQ,GAAG,KAAK,CAAA;QAIhB,YAAO,GAAG,KAAK,CAAA;IAuCrD,CAAC;IApCiB,MAAM;QACpB,OAAO,IAAI,CAAA;;gBAEC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;oBACjB,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,KAAK,IAAI,EAAE;;;;UAIvB,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE;;KAE7E,CAAA;IACH,CAAC;IAGO,gBAAgB;QACtB,OAAO,IAAI,CAAA;QACP,aAAa,CAAC,cAAc;gBACpB,CAAA;IACd,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAC,OAAO;YACjB,CAAC,CAAC,IAAI,CAAA,0EAA0E;YAChF,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA;WACN,IAAI,CAAC,YAAY;QACpB,CAAA;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AA/CsB,kBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;iDAA6B;AAEJ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAwB;AAEjC;IAAlB,QAAQ,EAAE;0CAAsB;AAEG;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAuB;AAVxC,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAiDvB"}

package/dist/esm/src/composites/wui-ens-input/styles.js

@@ -0,0 +1,21 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-block;
+    color: var(--wui-color-fg-275);
+  }
+
+  .error {
+    margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
+  }
+
+  .base-name {
+    position: absolute;
+    right: 45px;
+    top: 15px;
+    text-align: right;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-icon-box/index.js

@@ -0,0 +1,82 @@
+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 { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiIconBox = class WuiIconBox extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.backgroundColor = 'accent-100';
+        this.iconColor = 'accent-100';
+        this.background = 'transparent';
+        this.border = false;
+        this.borderColor = 'wui-color-bg-125';
+        this.icon = 'copy';
+    }
+    render() {
+        const iconSize = this.iconSize || this.size;
+        const isLg = this.size === 'lg';
+        const isXl = this.size === 'xl';
+        const bgMix = isLg ? '12%' : '16%';
+        const borderRadius = isLg ? 'xxs' : isXl ? 's' : '3xl';
+        const isGray = this.background === 'gray';
+        const isOpaque = this.background === 'opaque';
+        const isColorChange = (this.backgroundColor === 'accent-100' && isOpaque) ||
+            (this.backgroundColor === 'success-100' && isOpaque) ||
+            (this.backgroundColor === 'error-100' && isOpaque) ||
+            (this.backgroundColor === 'inverse-100' && isOpaque);
+        let bgValueVariable = `var(--wui-color-${this.backgroundColor})`;
+        if (isColorChange) {
+            bgValueVariable = `var(--wui-icon-box-bg-${this.backgroundColor})`;
+        }
+        else if (isGray) {
+            bgValueVariable = `var(--wui-color-gray-${this.backgroundColor})`;
+        }
+        this.style.cssText = `
+       --local-bg-value: ${bgValueVariable};
+       --local-bg-mix: ${isColorChange || isGray ? `100%` : bgMix};
+       --local-border-radius: var(--wui-border-radius-${borderRadius});
+       --local-size: var(--wui-icon-box-size-${this.size});
+       --local-border: ${this.borderColor === 'wui-color-bg-125' ? `2px` : `1px`} solid ${this.border ? `var(--${this.borderColor})` : `transparent`}
+   `;
+        return html ` <wui-icon color=${this.iconColor} size=${iconSize} name=${this.icon}></wui-icon> `;
+    }
+};
+WuiIconBox.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiIconBox.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiIconBox.prototype, "backgroundColor", void 0);
+__decorate([
+    property()
+], WuiIconBox.prototype, "iconColor", void 0);
+__decorate([
+    property()
+], WuiIconBox.prototype, "iconSize", void 0);
+__decorate([
+    property()
+], WuiIconBox.prototype, "background", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiIconBox.prototype, "border", void 0);
+__decorate([
+    property()
+], WuiIconBox.prototype, "borderColor", void 0);
+__decorate([
+    property()
+], WuiIconBox.prototype, "icon", void 0);
+WuiIconBox = __decorate([
+    customElement('wui-icon-box')
+], WuiIconBox);
+export { WuiIconBox };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/composites/wui-icon-box/styles.js

@@ -0,0 +1,25 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    overflow: hidden;
+    background-color: var(--wui-color-gray-glass-020);
+    border-radius: var(--local-border-radius);
+    border: var(--local-border);
+    box-sizing: content-box;
+    width: var(--local-size);
+    height: var(--local-size);
+    min-height: var(--local-size);
+    min-width: var(--local-size);
+  }
+
+  @supports (background: color-mix(in srgb, white 50%, black)) {
+    :host {
+      background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,37 @@
+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 '../wui-tooltip/index.js';
+import '../../components/wui-icon/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+let WuiIconButton = class WuiIconButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.icon = 'card';
+    }
+    render() {
+        return html `<button>
+      <wui-icon color="accent-100" name=${this.icon} size="lg"></wui-icon>
+    </button>`;
+    }
+};
+WuiIconButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiIconButton.prototype, "text", void 0);
+__decorate([
+    property()
+], WuiIconButton.prototype, "icon", void 0);
+WuiIconButton = __decorate([
+    customElement('wui-icon-button')
+], WuiIconButton);
+export { WuiIconButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-icon-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,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,yBAAyB,CAAA;AAChC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAI9D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIO,SAAI,GAAG,EAAE,CAAA;QAET,SAAI,GAAa,MAAM,CAAA;IAQrC,CAAC;IALiB,MAAM;QACpB,OAAO,IAAI,CAAA;0CAC2B,IAAI,CAAC,IAAI;cACrC,CAAA;IACZ,CAAC;;AAZsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGxD;IAAX,QAAQ,EAAE;2CAAU;AAET;IAAX,QAAQ,EAAE;2CAAwB;AANxB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAczB"}

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

@@ -0,0 +1,40 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    position: relative;
+  }
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 48px;
+    width: 100%;
+    background-color: var(--wui-color-accent-glass-010);
+    border-radius: var(--wui-border-radius-xs);
+    border: 1px solid var(--wui-color-accent-glass-010);
+    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: background-color;
+  }
+
+  wui-tooltip {
+    padding: 7px var(--wui-spacing-s) 8px var(--wui-spacing-s);
+    position: absolute;
+    top: -8px;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    opacity: 0;
+    display: none;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    button:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+
+    button:active:enabled {
+      background-color: var(--wui-color-accent-glass-020);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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