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

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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIO,SAAI,GAAa,MAAM,CAAA;QAEvB,YAAO,GAA4B,SAAS,CAAA;QAE5C,SAAI,GAA+C,QAAQ,CAAA;QAEpD,SAAI,GAAmB,IAAI,CAAA;QAE3B,aAAQ,GAAkB,SAAS,CAAA;QAElB,cAAS,GAAG,KAAK,CAAA;QAEjB,aAAQ,GAAG,KAAK,CAAA;IActD,CAAC;IAXiB,MAAM;QACpB,OAAO,IAAI,CAAA;qBACM,IAAI,CAAC,OAAO;kBACf,IAAI,CAAC,IAAI;kBACT,IAAI,CAAC,IAAI;wBACH,IAAI,CAAC,SAAS;kBACpB,IAAI,CAAC,QAAQ;;uCAEQ,IAAI,CAAC,IAAI,SAAS,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cACnE,CAAA;IACZ,CAAC;;AA5BsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGxD;IAAX,QAAQ,EAAE;2CAAwB;AAEvB;IAAX,QAAQ,EAAE;8CAA6C;AAE5C;IAAX,QAAQ,EAAE;2CAA4D;AAEpD;IAAlB,QAAQ,EAAE;2CAAmC;AAE3B;IAAlB,QAAQ,EAAE;+CAA2C;AAElB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAyB;AAEjB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAwB;AAhBzC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA8BzB"}

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

@@ -0,0 +1,124 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    position: relative;
+  }
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: transparent;
+    padding: ${({ spacing }) => spacing[1]};
+  }
+
+  /* -- Colors --------------------------------------------------- */
+  button[data-type='accent'] wui-icon {
+    color: ${({ tokens }) => tokens.core.iconAccentPrimary};
+  }
+
+  button[data-type='neutral'][data-variant='primary'] wui-icon {
+    color: ${({ tokens }) => tokens.theme.iconInverse};
+  }
+
+  button[data-type='neutral'][data-variant='secondary'] wui-icon {
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  button[data-type='success'] wui-icon {
+    color: ${({ tokens }) => tokens.core.iconSuccess};
+  }
+
+  button[data-type='error'] wui-icon {
+    color: ${({ tokens }) => tokens.core.iconError};
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='xs'] {
+    width: 16px;
+    height: 16px;
+
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+
+  button[data-size='sm'] {
+    width: 20px;
+    height: 20px;
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+
+  button[data-size='md'] {
+    width: 24px;
+    height: 24px;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  button[data-size='lg'] {
+    width: 28px;
+    height: 28px;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  button[data-size='xs'] wui-icon {
+    width: 8px;
+    height: 8px;
+  }
+
+  button[data-size='sm'] wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+
+  button[data-size='md'] wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  /* -- Hover --------------------------------------------------- */
+  @media (hover: hover) {
+    button[data-type='accent']:hover:enabled {
+      background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+    }
+
+    button[data-variant='primary'][data-type='neutral']:hover:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    }
+
+    button[data-variant='secondary'][data-type='neutral']:hover:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    }
+
+    button[data-type='success']:hover:enabled {
+      background-color: ${({ tokens }) => tokens.core.backgroundSuccess};
+    }
+
+    button[data-type='error']:hover:enabled {
+      background-color: ${({ tokens }) => tokens.core.backgroundError};
+    }
+  }
+
+  /* -- Focus --------------------------------------------------- */
+  button:focus-visible {
+    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  /* -- Properties --------------------------------------------------- */
+  button[data-full-width='true'] {
+    width: 100%;
+  }
+
+  :host([fullWidth]) {
+    width: 100%;
+  }
+
+  button[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+//# 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,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;eAUH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;aAK7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;aAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;aAIxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;aAIxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;;;;aAIvC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;;;;;;;;qBAQ7B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;qBAMrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;qBAMrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;qBAMrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0BhC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;0BAI/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;0BAIhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;0BAIhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;0BAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;;;;;;4BAMzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;;;;;;;;;;;;CAgB1E,CAAA"}

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

@@ -0,0 +1,59 @@
+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 { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiIconLink = class WuiIconLink extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.disabled = false;
+        this.icon = 'copy';
+        this.iconColor = 'default';
+        this.variant = 'accent';
+    }
+    render() {
+        const iconColors = {
+            accent: 'accent-primary',
+            primary: 'inverse',
+            secondary: 'default'
+        };
+        return html `
+      <button data-variant=${this.variant} ?disabled=${this.disabled} data-size=${this.size}>
+        <wui-icon
+          color=${iconColors[this.variant] || this.iconColor}
+          size=${this.size}
+          name=${this.icon}
+        ></wui-icon>
+      </button>
+    `;
+    }
+};
+WuiIconLink.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiIconLink.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiIconLink.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiIconLink.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiIconLink.prototype, "iconColor", void 0);
+__decorate([
+    property()
+], WuiIconLink.prototype, "variant", void 0);
+WuiIconLink = __decorate([
+    customElement('wui-icon-link')
+], WuiIconLink);
+export { WuiIconLink };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-icon-link/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,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIc,SAAI,GAAiB,IAAI,CAAA;QAER,aAAQ,GAAG,KAAK,CAAA;QAEjC,SAAI,GAAa,MAAM,CAAA;QAEvB,cAAS,GAAkB,SAAS,CAAA;QAEpC,YAAO,GAAuC,QAAQ,CAAA;IAoB3E,CAAC;IAjBiB,MAAM;QACpB,MAAM,UAAU,GAAG;YACjB,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACZ,CAAA;QAEV,OAAO,IAAI,CAAA;6BACc,IAAI,CAAC,OAAO,cAAc,IAAI,CAAC,QAAQ,cAAc,IAAI,CAAC,IAAI;;kBAEzE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,SAAS;iBAC3C,IAAI,CAAC,IAAI;iBACT,IAAI,CAAC,IAAI;;;KAGrB,CAAA;IACH,CAAC;;AA9BsB,kBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;yCAAiC;AAER;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAwB;AAEjC;IAAlB,QAAQ,EAAE;yCAA+B;AAEvB;IAAlB,QAAQ,EAAE;8CAA4C;AAEpC;IAAlB,QAAQ,EAAE;4CAA8D;AAZ9D,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAgCvB"}

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

@@ -0,0 +1,71 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    background-color: transparent;
+    padding: ${({ spacing }) => spacing[1]};
+  }
+
+  button:focus-visible {
+    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  button[data-variant='accent']:hover:enabled,
+  button[data-variant='accent']:focus-visible {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='primary']:hover:enabled,
+  button[data-variant='primary']:focus-visible,
+  button[data-variant='secondary']:hover:enabled,
+  button[data-variant='secondary']:focus-visible {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  button[data-size='xs'] > wui-icon {
+    width: 8px;
+    height: 8px;
+  }
+
+  button[data-size='sm'] > wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+
+  button[data-size='xs'],
+  button[data-size='sm'] {
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+
+  button[data-size='md'],
+  button[data-size='lg'] {
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  button[data-size='md'] > wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] > wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  button:disabled {
+    background-color: transparent;
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  button:hover:not(:disabled) {
+    background-color: var(--wui-color-accent-glass-015);
+  }
+
+  button:focus-visible:not(:disabled) {
+    background-color: var(--wui-color-accent-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-icon-link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;eAGH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;4BAId,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;wBAKnD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;;;wBAO/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;;;;;;;;;;qBAenD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;qBAKrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BzD,CAAA"}

package/dist/esm/src/composites/wui-inactive-profile-wallet-item/index.js

@@ -0,0 +1,168 @@
+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 '../../composites/wui-icon-link/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 '../wui-button/index.js';
+import '../wui-wallet-image/index.js';
+import styles from './styles.js';
+let WuiInactiveProfileWalletItem = class WuiInactiveProfileWalletItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.address = '';
+        this.profileName = '';
+        this.alt = '';
+        this.buttonLabel = '';
+        this.buttonVariant = 'accent-primary';
+        this.imageSrc = '';
+        this.icon = undefined;
+        this.iconSize = 'md';
+        this.iconBadgeSize = 'md';
+        this.rightIcon = 'signOut';
+        this.rightIconSize = 'md';
+        this.loading = false;
+        this.charsStart = 4;
+        this.charsEnd = 6;
+    }
+    render() {
+        return html `
+      <wui-flex alignItems="center" columngap="2">
+        ${this.imageOrIconTemplate()} ${this.labelAndDescriptionTemplate()}
+        ${this.buttonActionTemplate()}
+      </wui-flex>
+    `;
+    }
+    imageOrIconTemplate() {
+        if (this.icon) {
+            return html `
+        <wui-flex alignItems="center" justifyContent="center" class="icon-box">
+          <wui-flex alignItems="center" justifyContent="center" class="icon-box">
+            <wui-icon size="lg" color="default" name=${this.icon} class="custom-icon"></wui-icon>
+
+            ${this.iconBadge
+                ? html `<wui-icon
+                  color="default"
+                  size="inherit"
+                  name=${this.iconBadge}
+                  class="icon-badge"
+                ></wui-icon>`
+                : null}
+          </wui-flex>
+        </wui-flex>
+      `;
+        }
+        return html `<wui-image objectFit="contain" src=${this.imageSrc} alt=${this.alt}></wui-image>`;
+    }
+    labelAndDescriptionTemplate() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        flexGrow="1"
+        justifyContent="flex-start"
+        alignItems="flex-start"
+      >
+        <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>
+      </wui-flex>
+    `;
+    }
+    buttonActionTemplate() {
+        return html `
+      <wui-flex columngap="1" alignItems="center" justifyContent="center">
+        <wui-button
+          size="sm"
+          variant=${this.buttonVariant}
+          .loading=${this.loading}
+          @click=${this.handleButtonClick}
+          data-testid="wui-inactive-profile-wallet-item-button"
+        >
+          ${this.buttonLabel}
+        </wui-button>
+
+        <wui-icon-link
+          variant="secondary"
+          size="md"
+          icon=${ifDefined(this.rightIcon)}
+          class="right-icon"
+          @click=${this.handleIconClick}
+        ></wui-icon-link>
+      </wui-flex>
+    `;
+    }
+    handleButtonClick() {
+        this.dispatchEvent(new CustomEvent('buttonClick', { bubbles: true, composed: true }));
+    }
+    handleIconClick() {
+        this.dispatchEvent(new CustomEvent('iconClick', { bubbles: true, composed: true }));
+    }
+};
+WuiInactiveProfileWalletItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "profileName", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "alt", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "buttonLabel", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "buttonVariant", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "iconSize", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "iconBadge", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "iconBadgeSize", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "rightIcon", void 0);
+__decorate([
+    property()
+], WuiInactiveProfileWalletItem.prototype, "rightIconSize", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiInactiveProfileWalletItem.prototype, "loading", void 0);
+__decorate([
+    property({ type: Number })
+], WuiInactiveProfileWalletItem.prototype, "charsStart", void 0);
+__decorate([
+    property({ type: Number })
+], WuiInactiveProfileWalletItem.prototype, "charsEnd", void 0);
+WuiInactiveProfileWalletItem = __decorate([
+    customElement('wui-inactive-profile-wallet-item')
+], WuiInactiveProfileWalletItem);
+export { WuiInactiveProfileWalletItem };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-inactive-profile-wallet-item/index.js.map

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

package/dist/esm/src/composites/wui-inactive-profile-wallet-item/styles.js

@@ -0,0 +1,35 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  wui-image,
+  .icon-box {
+    width: 32px;
+    height: 32px;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  .right-icon {
+    cursor: pointer;
+  }
+
+  .icon-box {
+    position: relative;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  .icon-badge {
+    position: absolute;
+    top: 18px;
+    left: 23px;
+    z-index: 3;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border: 2px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
+    border-radius: 50%;
+    padding: ${({ spacing }) => spacing['01']};
+  }
+
+  .icon-badge {
+    width: 8px;
+    height: 8px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-inactive-profile-wallet-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-inactive-profile-wallet-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;qBAKG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;wBASlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;wBAQ9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;wBAC9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;eAEvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;;;CAO5C,CAAA"}

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

@@ -0,0 +1,121 @@
+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 { createRef, ref } from 'lit/directives/ref.js';
+import { vars } from '../../utils/ThemeHelperUtil.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 WuiInputAmount = class WuiInputAmount extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.inputElementRef = createRef();
+        this.disabled = false;
+        this.value = '';
+        this.placeholder = '0';
+        this.widthVariant = 'auto';
+        this.maxDecimals = undefined;
+        this.maxIntegers = undefined;
+        this.fontSize = 'h4';
+        this.error = false;
+    }
+    firstUpdated() {
+        this.resizeInput();
+    }
+    updated() {
+        this.style.setProperty('--local-font-size', vars.textSize[this.fontSize]);
+        this.resizeInput();
+    }
+    render() {
+        this.dataset['widthVariant'] = this.widthVariant;
+        this.dataset['error'] = String(this.error);
+        if (this.inputElementRef?.value && this.value) {
+            this.inputElementRef.value.value = this.value;
+        }
+        if (this.widthVariant === 'auto') {
+            return this.inputTemplate();
+        }
+        return html `
+      <div class="wui-input-amount-fit-width">
+        <span class="wui-input-amount-fit-mirror"></span>
+        ${this.inputTemplate()}
+      </div>
+    `;
+    }
+    inputTemplate() {
+        return html `<input
+      ${ref(this.inputElementRef)}
+      type="text"
+      inputmode="decimal"
+      pattern="[0-9,.]*"
+      placeholder=${this.placeholder}
+      ?disabled=${this.disabled}
+      autofocus
+      value=${this.value ?? ''}
+      @input=${this.dispatchInputChangeEvent.bind(this)}
+    />`;
+    }
+    dispatchInputChangeEvent() {
+        if (this.inputElementRef.value) {
+            this.inputElementRef.value.value = UiHelperUtil.maskInput({
+                value: this.inputElementRef.value.value,
+                decimals: this.maxDecimals,
+                integers: this.maxIntegers
+            });
+            this.dispatchEvent(new CustomEvent('inputChange', {
+                detail: this.inputElementRef.value.value,
+                bubbles: true,
+                composed: true
+            }));
+            this.resizeInput();
+        }
+    }
+    resizeInput() {
+        if (this.widthVariant === 'fit') {
+            const inputElement = this.inputElementRef.value;
+            if (inputElement) {
+                const mirror = inputElement.previousElementSibling;
+                if (mirror) {
+                    mirror.textContent = inputElement.value || '0';
+                    inputElement.style.width = `${mirror.offsetWidth}px`;
+                }
+            }
+        }
+    }
+};
+WuiInputAmount.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property({ type: Boolean })
+], WuiInputAmount.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], WuiInputAmount.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], WuiInputAmount.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String })
+], WuiInputAmount.prototype, "widthVariant", void 0);
+__decorate([
+    property({ type: Number })
+], WuiInputAmount.prototype, "maxDecimals", void 0);
+__decorate([
+    property({ type: Number })
+], WuiInputAmount.prototype, "maxIntegers", void 0);
+__decorate([
+    property({ type: String })
+], WuiInputAmount.prototype, "fontSize", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiInputAmount.prototype, "error", void 0);
+WuiInputAmount = __decorate([
+    customElement('wui-input-amount')
+], WuiInputAmount);
+export { WuiInputAmount };
+//# sourceMappingURL=index.js.map

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

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