@reown/appkit-ui 1.8.15-viem-upgrade.0 → 1.8.15-viem-upgrade-2.0

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

@@ -0,0 +1,42 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  wui-image {
+    width: 24px;
+    height: 24px;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  wui-image,
+  .icon-box {
+    width: 32px;
+    height: 32px;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  wui-icon:not(.custom-icon, .icon-badge) {
+    cursor: pointer;
+  }
+
+  .icon-box {
+    position: relative;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  .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-active-profile-wallet-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-active-profile-wallet-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;qBAIG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;qBAOrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;qBASrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;;;wBAQhD,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-alertbar/index.js

@@ -0,0 +1,76 @@
+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 { AlertController } from '@reown/appkit-controllers';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import '../../layout/wui-flex/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+const TYPE_ICON_NAME = {
+    info: 'info',
+    success: 'checkmark',
+    warning: 'warningCircle',
+    error: 'warning'
+};
+let WuiAlertBar = class WuiAlertBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.message = '';
+        this.type = 'info';
+    }
+    render() {
+        return html `
+      <wui-flex
+        data-type=${ifDefined(this.type)}
+        flexDirection="row"
+        justifyContent="space-between"
+        alignItems="center"
+        gap="2"
+      >
+        <wui-flex columnGap="2" flexDirection="row" alignItems="center">
+          <wui-flex
+            flexDirection="row"
+            alignItems="center"
+            justifyContent="center"
+            class="icon-box"
+          >
+            <wui-icon color="inherit" size="md" name=${TYPE_ICON_NAME[this.type]}></wui-icon>
+          </wui-flex>
+          <wui-text variant="md-medium" color="inherit" data-testid="wui-alertbar-text"
+            >${this.message}</wui-text
+          >
+        </wui-flex>
+        <wui-icon
+          class="close"
+          color="inherit"
+          size="sm"
+          name="close"
+          @click=${this.onClose}
+        ></wui-icon>
+      </wui-flex>
+    `;
+    }
+    onClose() {
+        AlertController.close();
+    }
+};
+WuiAlertBar.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiAlertBar.prototype, "message", void 0);
+__decorate([
+    property()
+], WuiAlertBar.prototype, "type", void 0);
+WuiAlertBar = __decorate([
+    customElement('wui-alertbar')
+], WuiAlertBar);
+export { WuiAlertBar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-alertbar/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,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,MAAM,cAAc,GAAG;IACrB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,SAAS;CACc,CAAA;AAGzB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIc,YAAO,GAAG,EAAE,CAAA;QAEZ,SAAI,GAAc,MAAM,CAAA;IAwC7C,CAAC;IArCiB,MAAM;QACpB,OAAO,IAAI,CAAA;;oBAEK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;uDAae,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;;eAGjE,IAAI,CAAC,OAAO;;;;;;;;mBAQR,IAAI,CAAC,OAAO;;;KAG1B,CAAA;IACH,CAAC;IAGO,OAAO;QACb,eAAe,CAAC,KAAK,EAAE,CAAA;IACzB,CAAC;;AA5CsB,kBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;4CAAoB;AAEZ;IAAlB,QAAQ,EAAE;yCAAgC;AANhC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA8CvB"}

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

@@ -0,0 +1,80 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  :host > wui-flex {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${({ spacing }) => spacing[2]};
+    padding: ${({ spacing }) => spacing[3]};
+    border-radius: ${({ borderRadius }) => borderRadius[6]};
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+    box-sizing: border-box;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+  }
+
+  :host > wui-flex[data-type='info'] {
+    .icon-box {
+      background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+
+      wui-icon {
+        color: ${({ tokens }) => tokens.theme.iconDefault};
+      }
+    }
+  }
+  :host > wui-flex[data-type='success'] {
+    .icon-box {
+      background-color: ${({ tokens }) => tokens.core.backgroundSuccess};
+
+      wui-icon {
+        color: ${({ tokens }) => tokens.core.borderSuccess};
+      }
+    }
+  }
+  :host > wui-flex[data-type='warning'] {
+    .icon-box {
+      background-color: ${({ tokens }) => tokens.core.backgroundWarning};
+
+      wui-icon {
+        color: ${({ tokens }) => tokens.core.borderWarning};
+      }
+    }
+  }
+  :host > wui-flex[data-type='error'] {
+    .icon-box {
+      background-color: ${({ tokens }) => tokens.core.backgroundError};
+
+      wui-icon {
+        color: ${({ tokens }) => tokens.core.borderError};
+      }
+    }
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+
+  wui-text {
+    word-break: break-word;
+    flex: 1;
+  }
+
+  .close {
+    cursor: pointer;
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  .icon-box {
+    height: 40px;
+    width: 40px;
+    border-radius: ${({ borderRadius }) => borderRadius['2']};
+    background-color: var(--local-icon-bg-value);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-alertbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;WAUP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACrB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;wBAE1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;aAEzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;0BAK3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;iBAGzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;0BAM/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;iBAGtD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa;;;;;;0BAMhC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;iBAGtD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa;;;;;;0BAMhC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;;;iBAGpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;;;;;;;;;;;;;;;;aAgB3C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;qBAMhC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;CAG3D,CAAA"}

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

@@ -0,0 +1,45 @@
+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 { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-icon-box/index.js';
+import '../wui-wallet-image/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="sm"
+            imageSrc=${src}
+            name=${ifDefined(walletName)}
+          ></wui-wallet-image>
+        `)}
+    ${isPlaceholders
+            ? [...Array(TOTAL_IMAGES - this.walletImages.length)].map(() => html ` <wui-wallet-image size="sm" name=""></wui-wallet-image>`)
+            : null} `;
+    }
+};
+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,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,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,0BAA0B,CAAA;AACjC,OAAO,8BAA8B,CAAA;AACrC,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;IAuBrE,CAAC;IApBiB,MAAM;QACpB,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,YAAY,CAAA;QAE9D,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,YAAY;aAC5B,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC;aACtB,GAAG,CACF,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;;uBAGd,GAAG;mBACP,SAAS,CAAC,UAAU,CAAC;;SAE/B,CACF;MACD,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,0DAA0D,CACrE;YACH,CAAC,CAAC,IAAI,GAAG,CAAA;IACb,CAAC;;AAzBsB,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,CA2B9B"}

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

@@ -0,0 +1,24 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    position: relative;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    width: 40px;
+    height: 40px;
+    overflow: hidden;
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    column-gap: ${({ spacing }) => spacing[1]};
+    padding: ${({ spacing }) => spacing[1]};
+  }
+
+  :host > wui-wallet-image {
+    width: 14px;
+    height: 14px;
+    border-radius: 2px;
+  }
+`;
+//# 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,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;qBAGG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;kBAIxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;kBAK9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eAC9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;CAQzC,CAAA"}

package/dist/esm/src/composites/wui-avatar/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 { LitElement, html } 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() {
+        const getSize = {
+            inherit: 'inherit',
+            xxs: '3',
+            xs: '5',
+            sm: '6',
+            md: '8',
+            mdl: '8',
+            lg: '10',
+            xl: '16',
+            xxl: '20'
+        };
+        this.style.cssText = `
+    --local-width: var(--apkt-spacing-${getSize[this.size ?? 'xl']});
+    --local-height: var(--apkt-spacing-${getSize[this.size ?? 'xl']});
+    `;
+        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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,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;IAwC3C,CAAC;IArCiB,MAAM;QACpB,MAAM,OAAO,GAAG;YACd,OAAO,EAAE,SAAS;YAClB,GAAG,EAAE,GAAG;YACR,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,GAAG,EAAE,GAAG;YACR,EAAE,EAAE,IAAI;YACR,EAAE,EAAE,IAAI;YACR,GAAG,EAAE,IAAI;SACD,CAAA;QACV,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;wCACe,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;yCACzB,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;KAC9D,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;;AAhDsB,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,CAkDrB"}

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

@@ -0,0 +1,44 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+    border-radius: ${({ borderRadius }) => borderRadius[16]};
+    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);
+  }
+
+  :host([data-variant='generated']) {
+    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']) {
+    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,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;qBAKG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC1D,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 { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,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,17 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  span {
+    font-weight: 500;
+    font-size: 38px;
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    line-height: 38px;
+    letter-spacing: -2%;
+    text-align: center;
+    font-family: var(--apkt-fontFamily-regular);
+  }
+
+  .pennies {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+`;
+//# 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,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;aAIL,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;;;aAQxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;CAEtD,CAAA"}

package/dist/esm/src/composites/wui-banner/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 { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-text/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 WuiBanner = class WuiBanner extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'externalLink';
+        this.text = '';
+        this.type = 'info';
+    }
+    render() {
+        return html `
+      <wui-flex alignItems="center" data-type=${this.type}>
+        <wui-icon-box size="sm" color="inherit" icon=${this.icon}></wui-icon-box>
+        <wui-text variant="md-regular" color="inherit">${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);
+__decorate([
+    property()
+], WuiBanner.prototype, "type", 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,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,0BAA0B,CAAA;AACjC,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;QAET,SAAI,GAA6C,MAAM,CAAA;IAW5E,CAAC;IARiB,MAAM;QACpB,OAAO,IAAI,CAAA;gDACiC,IAAI,CAAC,IAAI;uDACF,IAAI,CAAC,IAAI;yDACP,IAAI,CAAC,IAAI;;KAE7D,CAAA;IACH,CAAC;;AAlBsB,gBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAIjD;IAAlB,QAAQ,EAAE;uCAAuC;AAE/B;IAAlB,QAAQ,EAAE;uCAAiB;AAET;IAAlB,QAAQ,EAAE;uCAA+D;AAT/D,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAoBrB"}

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

@@ -0,0 +1,54 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  wui-flex {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${({ spacing }) => spacing[2]};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    padding: ${({ spacing }) => spacing[3]};
+  }
+
+  /* -- Types --------------------------------------------------------- */
+  wui-flex[data-type='info'] {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  wui-flex[data-type='success'] {
+    color: ${({ tokens }) => tokens.core.textSuccess};
+    background-color: ${({ tokens }) => tokens.core.backgroundSuccess};
+  }
+
+  wui-flex[data-type='error'] {
+    color: ${({ tokens }) => tokens.core.textError};
+    background-color: ${({ tokens }) => tokens.core.backgroundError};
+  }
+
+  wui-flex[data-type='warning'] {
+    color: ${({ tokens }) => tokens.core.textWarning};
+    background-color: ${({ tokens }) => tokens.core.backgroundWarning};
+  }
+
+  wui-flex[data-type='info'] wui-icon-box {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  wui-flex[data-type='success'] wui-icon-box {
+    background-color: ${({ tokens }) => tokens.core.backgroundSuccess};
+  }
+
+  wui-flex[data-type='error'] wui-icon-box {
+    background-color: ${({ tokens }) => tokens.core.backgroundError};
+  }
+
+  wui-flex[data-type='warning'] wui-icon-box {
+    background-color: ${({ tokens }) => tokens.core.backgroundWarning};
+  }
+
+  wui-text {
+    flex: 1;
+  }
+`;
+//# 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,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;WAMP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACjB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;eAC3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;aAK7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;wBAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;aAIzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;wBAC5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;aAIxD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;wBAC1B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;;;;aAItD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;wBAC5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;wBAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;wBAIhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;wBAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;;;;wBAI3C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;;;CAMpE,CAAA"}