@reown/appkit-ui 0.0.3

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

@@ -0,0 +1,120 @@
+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 { ifDefined } from 'lit/directives/if-defined.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-text/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-avatar/index.js';
+import '../wui-icon-box/index.js';
+import styles from './styles.js';
+let WuiAccountButton = class WuiAccountButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.networkSrc = undefined;
+        this.avatarSrc = undefined;
+        this.balance = undefined;
+        this.isUnsupportedChain = undefined;
+        this.disabled = false;
+        this.address = '';
+        this.profileName = '';
+        this.charsStart = 4;
+        this.charsEnd = 6;
+    }
+    render() {
+        return html `
+      <button
+        ?disabled=${this.disabled}
+        class=${ifDefined(this.balance ? undefined : 'local-no-balance')}
+      >
+        ${this.balanceTemplate()}
+        <wui-flex gap="xxs" alignItems="center">
+          <wui-avatar
+            .imageSrc=${this.avatarSrc}
+            alt=${this.address}
+            address=${this.address}
+          ></wui-avatar>
+          <wui-text variant="paragraph-600" color="inherit">
+            ${this.address
+            ? UiHelperUtil.getTruncateString({
+                string: this.profileName || this.address,
+                charsStart: this.profileName ? 18 : this.charsStart,
+                charsEnd: this.profileName ? 0 : this.charsEnd,
+                truncate: this.profileName ? 'end' : 'middle'
+            })
+            : null}
+          </wui-text>
+        </wui-flex>
+      </button>
+    `;
+    }
+    balanceTemplate() {
+        if (this.isUnsupportedChain) {
+            return html ` <wui-icon-box
+          size="sm"
+          iconColor="error-100"
+          backgroundColor="error-100"
+          icon="warningCircle"
+        ></wui-icon-box>
+        <wui-text variant="paragraph-600" color="inherit"> Switch Network</wui-text>`;
+        }
+        if (this.balance) {
+            const networkElement = this.networkSrc
+                ? html `<wui-image src=${this.networkSrc}></wui-image>`
+                : html `
+            <wui-icon-box
+              size="sm"
+              iconColor="fg-200"
+              backgroundColor="fg-300"
+              icon="networkPlaceholder"
+            ></wui-icon-box>
+          `;
+            return html `
+        ${networkElement}
+        <wui-text variant="paragraph-600" color="inherit"> ${this.balance}</wui-text>
+      `;
+        }
+        return null;
+    }
+};
+WuiAccountButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiAccountButton.prototype, "networkSrc", void 0);
+__decorate([
+    property()
+], WuiAccountButton.prototype, "avatarSrc", void 0);
+__decorate([
+    property()
+], WuiAccountButton.prototype, "balance", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiAccountButton.prototype, "isUnsupportedChain", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiAccountButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiAccountButton.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiAccountButton.prototype, "profileName", void 0);
+__decorate([
+    property()
+], WuiAccountButton.prototype, "charsStart", void 0);
+__decorate([
+    property()
+], WuiAccountButton.prototype, "charsEnd", void 0);
+WuiAccountButton = __decorate([
+    customElement('wui-account-button')
+], WuiAccountButton);
+export { WuiAccountButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-account-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,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AACjC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAIc,eAAU,GAAY,SAAS,CAAA;QAE/B,cAAS,GAAY,SAAS,CAAA;QAE9B,YAAO,GAAY,SAAS,CAAA;QAEX,uBAAkB,GAAa,SAAS,CAAA;QAExC,aAAQ,GAAG,KAAK,CAAA;QAEjC,YAAO,GAAG,EAAE,CAAA;QAEZ,gBAAW,GAAG,EAAE,CAAA;QAEhB,eAAU,GAAG,CAAC,CAAA;QAEd,aAAQ,GAAG,CAAC,CAAA;IA8DjC,CAAC;IA3DiB,MAAM;QACpB,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,QAAQ;gBACjB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC;;UAE9D,IAAI,CAAC,eAAe,EAAE;;;wBAGR,IAAI,CAAC,SAAS;kBACpB,IAAI,CAAC,OAAO;sBACR,IAAI,CAAC,OAAO;;;cAGpB,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC;gBAC7B,MAAM,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO;gBACxC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU;gBACnD,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;gBAC9C,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;aAC9C,CAAC;YACJ,CAAC,CAAC,IAAI;;;;KAIf,CAAA;IACH,CAAC;IAGO,eAAe;QACrB,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAA;;;;;;qFAMoE,CAAA;QACjF,CAAC;QACD,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU;gBACpC,CAAC,CAAC,IAAI,CAAA,kBAAkB,IAAI,CAAC,UAAU,eAAe;gBACtD,CAAC,CAAC,IAAI,CAAA;;;;;;;WAOH,CAAA;YAEL,OAAO,IAAI,CAAA;UACP,cAAc;6DACqC,IAAI,CAAC,OAAO;OAClE,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AAhFsB,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;iDAAoC;AAEX;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DAAgD;AAExC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAwB;AAEjC;IAAlB,QAAQ,EAAE;iDAAoB;AAEZ;IAAlB,QAAQ,EAAE;qDAAwB;AAEhB;IAAlB,QAAQ,EAAE;oDAAsB;AAEd;IAAlB,QAAQ,EAAE;kDAAoB;AApBpB,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAkF5B"}

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

@@ -0,0 +1,105 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  button {
+    border-radius: var(--wui-border-radius-3xl);
+    background: var(--wui-color-gray-glass-002);
+    display: flex;
+    gap: var(--wui-spacing-xs);
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-xs) var(--wui-spacing-3xs)
+      var(--wui-spacing-xs);
+    border: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  button:disabled {
+    background: var(--wui-color-gray-glass-015);
+  }
+
+  button:disabled > wui-text {
+    color: var(--wui-color-gray-glass-015);
+  }
+
+  button:disabled > wui-flex > wui-text {
+    color: var(--wui-color-gray-glass-015);
+  }
+
+  button:disabled > wui-image,
+  button:disabled > wui-flex > wui-avatar {
+    filter: grayscale(1);
+  }
+
+  button:has(wui-image) {
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-3xs) var(--wui-spacing-3xs)
+      var(--wui-spacing-xs);
+  }
+
+  wui-text {
+    color: var(--wui-color-fg-100);
+  }
+
+  wui-flex > wui-text {
+    color: var(--wui-color-fg-200);
+  }
+
+  wui-image,
+  wui-icon-box {
+    border-radius: var(--wui-border-radius-3xl);
+    width: 24px;
+    height: 24px;
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+  }
+
+  wui-flex {
+    border-radius: var(--wui-border-radius-3xl);
+    border: 1px solid var(--wui-color-gray-glass-005);
+    background: var(--wui-color-gray-glass-005);
+    padding: 4px var(--wui-spacing-m) 4px var(--wui-spacing-xxs);
+  }
+
+  button.local-no-balance {
+    border-radius: 0px;
+    border: none;
+    background: transparent;
+  }
+
+  wui-avatar {
+    width: 20px;
+    height: 20px;
+    box-shadow: 0 0 0 2px var(--wui-color-accent-glass-010);
+  }
+
+  @media (max-width: 500px) {
+    button {
+      gap: 0px;
+      padding: var(--wui-spacing-3xs) var(--wui-spacing-xs) !important;
+      height: 32px;
+    }
+    wui-image,
+    wui-icon-box,
+    button > wui-text {
+      visibility: hidden;
+      width: 0px;
+      height: 0px;
+    }
+    button {
+      border-radius: 0px;
+      border: none;
+      background: transparent;
+      padding: 0px;
+    }
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    button:hover:enabled > wui-flex > wui-text {
+      color: var(--wui-color-fg-175);
+    }
+
+    button:active:enabled > wui-flex > wui-text {
+      color: var(--wui-color-fg-175);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-all-wallets-image/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 { ifDefined } from 'lit/directives/if-defined.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-wallet-image/index.js';
+import '../wui-icon-box/index.js';
+import styles from './styles.js';
+const TOTAL_IMAGES = 4;
+let WuiAllWalletsImage = class WuiAllWalletsImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.walletImages = [];
+    }
+    render() {
+        const isPlaceholders = this.walletImages.length < TOTAL_IMAGES;
+        return html `${this.walletImages
+            .slice(0, TOTAL_IMAGES)
+            .map(({ src, walletName }) => html `
+            <wui-wallet-image
+              size="inherit"
+              imageSrc=${src}
+              name=${ifDefined(walletName)}
+            ></wui-wallet-image>
+          `)}
+      ${isPlaceholders
+            ? [...Array(TOTAL_IMAGES - this.walletImages.length)].map(() => html ` <wui-wallet-image size="inherit" name=""></wui-wallet-image>`)
+            : null}
+      <wui-flex>
+        <wui-icon-box
+          size="xxs"
+          iconSize="xxs"
+          iconcolor="success-100"
+          backgroundcolor="success-100"
+          icon="checkmark"
+          background="opaque"
+        ></wui-icon-box>
+      </wui-flex>`;
+    }
+};
+WuiAllWalletsImage.styles = [resetStyles, styles];
+__decorate([
+    property({ type: Array })
+], WuiAllWalletsImage.prototype, "walletImages", void 0);
+WuiAllWalletsImage = __decorate([
+    customElement('wui-all-wallets-image')
+], WuiAllWalletsImage);
+export { WuiAllWalletsImage };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-all-wallets-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,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,8BAA8B,CAAA;AACrC,OAAO,0BAA0B,CAAA;AACjC,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,MAAM,YAAY,GAAG,CAAC,CAAA;AAGf,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAI6B,iBAAY,GAAmB,EAAE,CAAA;IAiCrE,CAAC;IA9BiB,MAAM;QACpB,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,YAAY,CAAA;QAE9D,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,YAAY;aAC1B,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC;aACtB,GAAG,CACF,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;;yBAGd,GAAG;qBACP,SAAS,CAAC,UAAU,CAAC;;WAE/B,CACF;QACD,cAAc;YACd,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CACrD,GAAG,EAAE,CAAC,IAAI,CAAA,+DAA+D,CAC1E;YACH,CAAC,CAAC,IAAI;;;;;;;;;;kBAUI,CAAA;IAChB,CAAC;;AAnCsB,yBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGnB;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;wDAAyC;AAJxD,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAqC9B"}

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

@@ -0,0 +1,48 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    position: relative;
+    border-radius: var(--wui-border-radius-xxs);
+    width: 40px;
+    height: 40px;
+    overflow: hidden;
+    background: var(--wui-color-gray-glass-002);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--wui-spacing-4xs);
+    padding: 3.75px !important;
+  }
+
+  :host::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-gray-glass-010);
+    pointer-events: none;
+  }
+
+  :host > wui-wallet-image {
+    width: 14px;
+    height: 14px;
+    border-radius: var(--wui-border-radius-5xs);
+  }
+
+  :host > wui-flex {
+    padding: 2px;
+    position: fixed;
+    overflow: hidden;
+    left: 34px;
+    bottom: 8px;
+    background: var(--dark-background-150, #1e1f1f);
+    border-radius: 50%;
+    z-index: 2;
+    display: flex;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,61 @@
+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-image/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiAvatar = class WuiAvatar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = undefined;
+        this.alt = undefined;
+        this.address = undefined;
+        this.size = 'xl';
+    }
+    render() {
+        this.style.cssText = `
+    --local-width: var(--wui-icon-box-size-${this.size});
+    --local-height: var(--wui-icon-box-size-${this.size});
+    `;
+        return html `${this.visualTemplate()}`;
+    }
+    visualTemplate() {
+        if (this.imageSrc) {
+            this.dataset['variant'] = 'image';
+            return html `<wui-image src=${this.imageSrc} alt=${this.alt ?? 'avatar'}></wui-image>`;
+        }
+        else if (this.address) {
+            this.dataset['variant'] = 'generated';
+            const cssColors = UiHelperUtil.generateAvatarColors(this.address);
+            this.style.cssText += `\n ${cssColors}`;
+            return null;
+        }
+        this.dataset['variant'] = 'default';
+        return null;
+    }
+};
+WuiAvatar.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiAvatar.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiAvatar.prototype, "alt", void 0);
+__decorate([
+    property()
+], WuiAvatar.prototype, "address", void 0);
+__decorate([
+    property()
+], WuiAvatar.prototype, "size", void 0);
+WuiAvatar = __decorate([
+    customElement('wui-avatar')
+], WuiAvatar);
+export { WuiAvatar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-avatar/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAIzB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIc,aAAQ,GAAY,SAAS,CAAA;QAE7B,QAAG,GAAY,SAAS,CAAA;QAExB,YAAO,GAAY,SAAS,CAAA;QAE5B,SAAI,GAAc,IAAI,CAAA;IA6B3C,CAAC;IA1BiB,MAAM;QACpB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;6CACoB,IAAI,CAAC,IAAI;8CACR,IAAI,CAAC,IAAI;KAClD,CAAA;QAED,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,CAAA;IACvC,CAAC;IAGM,cAAc;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAA;YAEjC,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,GAAG,IAAI,QAAQ,eAAe,CAAA;QACvF,CAAC;aAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACxB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,WAAW,CAAA;YACrC,MAAM,SAAS,GAAG,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YACjE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM,SAAS,EAAE,CAAA;YAEvC,OAAO,IAAI,CAAA;QACb,CAAC;QACD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;QAEnC,OAAO,IAAI,CAAA;IACb,CAAC;;AArCsB,gBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;2CAAqC;AAE7B;IAAlB,QAAQ,EAAE;sCAAgC;AAExB;IAAlB,QAAQ,EAAE;0CAAoC;AAE5B;IAAlB,QAAQ,EAAE;uCAA8B;AAV9B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuCrB"}

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

@@ -0,0 +1,77 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+    border-radius: var(--wui-border-radius-3xl);
+    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
+    overflow: hidden;
+    position: relative;
+  }
+
+  :host([data-variant='generated']) {
+    --mixed-local-color-1: var(--local-color-1);
+    --mixed-local-color-2: var(--local-color-2);
+    --mixed-local-color-3: var(--local-color-3);
+    --mixed-local-color-4: var(--local-color-4);
+    --mixed-local-color-5: var(--local-color-5);
+  }
+
+  @supports (background: color-mix(in srgb, white 50%, black)) {
+    :host([data-variant='generated']) {
+      --mixed-local-color-1: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-1)
+      );
+      --mixed-local-color-2: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-2)
+      );
+      --mixed-local-color-3: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-3)
+      );
+      --mixed-local-color-4: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-4)
+      );
+      --mixed-local-color-5: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-5)
+      );
+    }
+  }
+
+  :host([data-variant='generated']) {
+    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
+    background: radial-gradient(
+      var(--local-radial-circle),
+      #fff 0.52%,
+      var(--mixed-local-color-5) 31.25%,
+      var(--mixed-local-color-3) 51.56%,
+      var(--mixed-local-color-2) 65.63%,
+      var(--mixed-local-color-1) 82.29%,
+      var(--mixed-local-color-4) 100%
+    );
+  }
+
+  :host([data-variant='default']) {
+    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
+    background: radial-gradient(
+      75.29% 75.29% at 64.96% 24.36%,
+      #fff 0.52%,
+      #f5ccfc 31.25%,
+      #dba4f5 51.56%,
+      #9a8ee8 65.63%,
+      #6493da 82.29%,
+      #6ebdea 100%
+    );
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,33 @@
+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 { resetStyles } from '../../utils/ThemeUtil.js';
+let WuiBalance = class WuiBalance extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.dollars = '0';
+        this.pennies = '00';
+    }
+    render() {
+        return html `<span>$${this.dollars}<span class="pennies">.${this.pennies}</span></span>`;
+    }
+};
+WuiBalance.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiBalance.prototype, "dollars", void 0);
+__decorate([
+    property()
+], WuiBalance.prototype, "pennies", void 0);
+WuiBalance = __decorate([
+    customElement('wui-balance')
+], WuiBalance);
+export { WuiBalance };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-balance/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,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAG/C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAIO,YAAO,GAAG,GAAG,CAAA;QAEb,YAAO,GAAG,IAAI,CAAA;IAM5B,CAAC;IAHiB,MAAM;QACpB,OAAO,IAAI,CAAA,UAAU,IAAI,CAAC,OAAO,0BAA0B,IAAI,CAAC,OAAO,gBAAgB,CAAA;IACzF,CAAC;;AAVsB,iBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGzC;IAAX,QAAQ,EAAE;2CAAc;AAEb;IAAX,QAAQ,EAAE;2CAAe;AANf,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAYtB"}

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

@@ -0,0 +1,16 @@
+import { css } from 'lit';
+export default css `
+  span {
+    font-weight: 500;
+    font-size: 40px;
+    color: var(--wui-color-fg-100);
+    line-height: 130%; /* 52px */
+    letter-spacing: -1.6px;
+    text-align: center;
+  }
+
+  .pennies {
+    color: var(--wui-color-fg-200);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,46 @@
+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 '../wui-icon-box/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiBanner = class WuiBanner extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'externalLink';
+        this.text = '';
+    }
+    render() {
+        return html `
+      <wui-flex gap="1xs" alignItems="center">
+        <wui-icon-box
+          size="sm"
+          iconcolor="fg-200"
+          backgroundcolor="fg-200"
+          icon=${this.icon}
+          background="transparent"
+        ></wui-icon-box>
+        <wui-text variant="small-400" color="fg-200">${this.text}</wui-text>
+      </wui-flex>
+    `;
+    }
+};
+WuiBanner.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiBanner.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiBanner.prototype, "text", void 0);
+WuiBanner = __decorate([
+    customElement('wui-banner')
+], WuiBanner);
+export { WuiBanner };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-banner/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,0BAA0B,CAAA;AACjC,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,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAKc,SAAI,GAAa,cAAc,CAAA;QAE/B,SAAI,GAAG,EAAE,CAAA;IAiB9B,CAAC;IAdiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;;iBAME,IAAI,CAAC,IAAI;;;uDAG6B,IAAI,CAAC,IAAI;;KAE3D,CAAA;IACH,CAAC;;AAtBsB,gBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAIjD;IAAlB,QAAQ,EAAE;uCAAuC;AAE/B;IAAlB,QAAQ,EAAE;uCAAiB;AAPjB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAwBrB"}

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

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

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

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

package/dist/esm/src/composites/wui-banner-img/index.js

@@ -0,0 +1,44 @@
+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 '../wui-icon-box/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiBannerImg = class WuiBannerImg extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = '';
+        this.text = '';
+        this.size = '';
+    }
+    render() {
+        return html `
+      <wui-flex gap="1xs" alignItems="center">
+        <wui-avatar size=${this.size} imageSrc=${this.imageSrc}></wui-avatar>
+        <wui-text variant="small-400" color="fg-200">${this.text}</wui-text>
+      </wui-flex>
+    `;
+    }
+};
+WuiBannerImg.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiBannerImg.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiBannerImg.prototype, "text", void 0);
+__decorate([
+    property()
+], WuiBannerImg.prototype, "size", void 0);
+WuiBannerImg = __decorate([
+    customElement('wui-banner-img')
+], WuiBannerImg);
+export { WuiBannerImg };
+//# sourceMappingURL=index.js.map