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

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

@@ -0,0 +1,126 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    display: block;
+    display: flex;
+    align-items: center;
+    padding: ${({ spacing }) => spacing[1]};
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[32]};
+  }
+
+  wui-image {
+    border-radius: ${({ borderRadius }) => borderRadius[32]};
+  }
+
+  wui-text {
+    padding-left: ${({ spacing }) => spacing[1]};
+    padding-right: ${({ spacing }) => spacing[1]};
+  }
+
+  .left-icon-container {
+    width: 24px;
+    height: 24px;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .left-image-container {
+    position: relative;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .chain-image {
+    position: absolute;
+    border: 1px solid ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='lg'] {
+    height: 32px;
+  }
+
+  button[data-size='md'] {
+    height: 28px;
+  }
+
+  button[data-size='sm'] {
+    height: 24px;
+  }
+
+  button[data-size='lg'] .token-image {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] .token-image {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] .token-image {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] .left-icon-container {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] .left-icon-container {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] .left-icon-container {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] .chain-image {
+    width: 12px;
+    height: 12px;
+    bottom: 2px;
+    right: -4px;
+  }
+
+  button[data-size='md'] .chain-image {
+    width: 10px;
+    height: 10px;
+    bottom: 2px;
+    right: -4px;
+  }
+
+  button[data-size='sm'] .chain-image {
+    width: 8px;
+    height: 8px;
+    bottom: 2px;
+    right: -3px;
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) {
+    button:hover:enabled,
+    button:active:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    }
+  }
+
+  /* -- Disabled states --------------------------------------------------- */
+  button:disabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-token-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;eAKH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;mCACP,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;wBAE5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;;;qBAItC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;;;oBAIvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;wBAkBxB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqE9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;4BAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;;;0BAOjD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;wBAMlD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;CAGvE,CAAA"}

package/dist/esm/src/composites/wui-token-list-item/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, state } from 'lit/decorators.js';
+import { NumberUtil } from '@reown/appkit-common';
+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 { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiTokenListItem = class WuiTokenListItem extends LitElement {
+    constructor() {
+        super();
+        this.observer = new IntersectionObserver(() => undefined);
+        this.imageSrc = undefined;
+        this.name = undefined;
+        this.symbol = undefined;
+        this.price = undefined;
+        this.amount = undefined;
+        this.visible = false;
+        this.imageError = false;
+        this.observer = new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    this.visible = true;
+                }
+                else {
+                    this.visible = false;
+                }
+            });
+        }, { threshold: 0.1 });
+    }
+    firstUpdated() {
+        this.observer.observe(this);
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    render() {
+        if (!this.visible) {
+            return null;
+        }
+        const value = this.amount && this.price ? NumberUtil.multiply(this.price, this.amount)?.toFixed(3) : null;
+        return html `
+      <wui-flex alignItems="center">
+        ${this.visualTemplate()}
+        <wui-flex flexDirection="column" gap="1">
+          <wui-flex justifyContent="space-between">
+            <wui-text variant="md-medium" color="primary" lineClamp="1">${this.name}</wui-text>
+            ${value
+            ? html `
+                  <wui-text variant="md-medium" color="primary">
+                    $${NumberUtil.formatNumberToLocalString(value, 3)}
+                  </wui-text>
+                `
+            : null}
+          </wui-flex>
+          <wui-flex justifyContent="space-between">
+            <wui-text variant="sm-regular" color="secondary" lineClamp="1">${this.symbol}</wui-text>
+            ${this.amount
+            ? html `<wui-text variant="sm-regular" color="secondary">
+                  ${NumberUtil.formatNumberToLocalString(this.amount, 5)}
+                </wui-text>`
+            : null}
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    visualTemplate() {
+        if (this.imageError) {
+            return html `<wui-flex class="token-item-image-placeholder">
+        <wui-icon name="image" color="inherit"></wui-icon>
+      </wui-flex>`;
+        }
+        if (this.imageSrc) {
+            return html `<wui-image
+        width="40"
+        height="40"
+        src=${this.imageSrc}
+        @onLoadError=${this.imageLoadError}
+      ></wui-image>`;
+        }
+        return null;
+    }
+    imageLoadError() {
+        this.imageError = true;
+    }
+};
+WuiTokenListItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiTokenListItem.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiTokenListItem.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiTokenListItem.prototype, "symbol", void 0);
+__decorate([
+    property()
+], WuiTokenListItem.prototype, "price", void 0);
+__decorate([
+    property()
+], WuiTokenListItem.prototype, "amount", void 0);
+__decorate([
+    state()
+], WuiTokenListItem.prototype, "visible", void 0);
+__decorate([
+    state()
+], WuiTokenListItem.prototype, "imageError", void 0);
+WuiTokenListItem = __decorate([
+    customElement('wui-token-list-item')
+], WuiTokenListItem);
+export { WuiTokenListItem };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,81 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    width: 100%;
+    height: 60px;
+    min-height: 60px;
+  }
+
+  :host > wui-flex {
+    cursor: pointer;
+    height: 100%;
+    display: flex;
+    column-gap: ${({ spacing }) => spacing['3']};
+    padding: ${({ spacing }) => spacing['2']};
+    padding-right: ${({ spacing }) => spacing['4']};
+    width: 100%;
+    background-color: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+    color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    transition:
+      background-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      opacity ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color, opacity;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    :host > wui-flex:hover {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    }
+
+    :host > wui-flex:active {
+      background-color: ${({ tokens }) => tokens.core.glass010};
+    }
+  }
+
+  :host([disabled]) > wui-flex {
+    opacity: 0.6;
+  }
+
+  :host([disabled]) > wui-flex:hover {
+    background-color: transparent;
+  }
+
+  :host > wui-flex > wui-flex {
+    flex: 1;
+  }
+
+  :host > wui-flex > wui-image,
+  :host > wui-flex > .token-item-image-placeholder {
+    width: 40px;
+    max-width: 40px;
+    height: 40px;
+    border-radius: ${({ borderRadius }) => borderRadius['20']};
+    position: relative;
+  }
+
+  :host > wui-flex > .token-item-image-placeholder {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  :host > wui-flex > wui-image::after,
+  :host > wui-flex > .token-item-image-placeholder::after {
+    position: absolute;
+    content: '';
+    inset: 0;
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
+    border-radius: ${({ borderRadius }) => borderRadius['8']};
+  }
+
+  button > wui-icon-box[data-variant='square-blue'] {
+    border-radius: ${({ borderRadius }) => borderRadius['2']};
+    position: relative;
+    border: none;
+    width: 36px;
+    height: 36px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-token-list-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;;kBAWA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;eAChC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;qBAG7B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;aAC/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;yBAEpC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UACjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;gBACtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;0BAMxE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;0BAI9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;qBAqBzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;kCAe3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;qBAIvC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;CAM3D,CAAA"}

package/dist/esm/src/composites/wui-token-list-item-loader/index.js

@@ -0,0 +1,35 @@
+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 '../../components/wui-shimmer/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';
+let WuiTokenListItemLoader = class WuiTokenListItemLoader extends LitElement {
+    render() {
+        return html `
+      <wui-flex alignItems="center">
+        <wui-shimmer width="40px" height="40px"></wui-shimmer>
+        <wui-flex flexDirection="column" gap="1">
+          <wui-shimmer width="72px" height="16px" borderRadius="4xs"></wui-shimmer>
+          <wui-shimmer width="148px" height="14px" borderRadius="4xs"></wui-shimmer>
+        </wui-flex>
+        <wui-flex flexDirection="column" gap="1" alignItems="flex-end">
+          <wui-shimmer width="24px" height="12px" borderRadius="4xs"></wui-shimmer>
+          <wui-shimmer width="32px" height="12px" borderRadius="4xs"></wui-shimmer>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+};
+WuiTokenListItemLoader.styles = [resetStyles, styles];
+WuiTokenListItemLoader = __decorate([
+    customElement('wui-token-list-item-loader')
+], WuiTokenListItemLoader);
+export { WuiTokenListItemLoader };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-token-list-item-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-token-list-item-loader/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,uCAAuC,CAAA;AAC9C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAIpC,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAA;IACH,CAAC;;AAjBsB,6BAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAD1C,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CAmBlC"}

package/dist/esm/src/composites/wui-token-list-item-loader/styles.js

@@ -0,0 +1,22 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  :host > wui-flex {
+    cursor: pointer;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    column-gap: ${({ spacing }) => spacing['3']};
+    padding: ${({ spacing }) => spacing['2']};
+    padding-right: ${({ spacing }) => spacing['4']};
+  }
+
+  wui-flex {
+    display: flex;
+    flex: 1;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-token-list-item-loader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-token-list-item-loader/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;kBAUA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;eAChC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;CAOjD,CAAA"}

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

@@ -0,0 +1,50 @@
+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 '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+const TEXT_SIZE = {
+    sm: 'sm-regular',
+    md: 'md-regular'
+};
+let WuiTooltip = class WuiTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.placement = 'top';
+        this.variant = 'fill';
+        this.size = 'md';
+        this.message = '';
+    }
+    render() {
+        this.dataset['variant'] = this.variant;
+        this.dataset['size'] = this.size;
+        return html `<wui-icon data-placement=${this.placement} size="inherit" name="cursor"></wui-icon>
+      <wui-text variant=${TEXT_SIZE[this.size]}>${this.message}</wui-text>`;
+    }
+};
+WuiTooltip.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiTooltip.prototype, "placement", void 0);
+__decorate([
+    property()
+], WuiTooltip.prototype, "variant", void 0);
+__decorate([
+    property()
+], WuiTooltip.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiTooltip.prototype, "message", void 0);
+WuiTooltip = __decorate([
+    customElement('wui-tooltip')
+], WuiTooltip);
+export { WuiTooltip };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tooltip/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,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;AAIhC,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACgB,CAAA;AAG3B,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAIc,cAAS,GAAkB,KAAK,CAAA;QAEhC,YAAO,GAAqB,MAAM,CAAA;QAElC,SAAI,GAAgB,IAAI,CAAA;QAExB,YAAO,GAAG,EAAE,CAAA;IAUjC,CAAC;IAPiB,MAAM;QACpB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,OAAO,CAAA;QACtC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAA;QAEhC,OAAO,IAAI,CAAA,4BAA4B,IAAI,CAAC,SAAS;0BAC/B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,aAAa,CAAA;IACzE,CAAC;;AAlBsB,iBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;6CAAwC;AAEhC;IAAlB,QAAQ,EAAE;2CAA0C;AAElC;IAAlB,QAAQ,EAAE;wCAAgC;AAExB;IAAlB,QAAQ,EAAE;2CAAoB;AAVpB,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAoBtB"}

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

@@ -0,0 +1,77 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+  }
+
+  wui-icon {
+    position: absolute;
+    width: 12px !important;
+    height: 4px !important;
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  :host([data-variant='fill']) {
+    background-color: ${({ colors }) => colors.neutrals100};
+  }
+
+  :host([data-variant='shade']) {
+    background-color: ${({ colors }) => colors.neutrals900};
+  }
+
+  :host([data-variant='fill']) > wui-text {
+    color: ${({ colors }) => colors.black};
+  }
+
+  :host([data-variant='shade']) > wui-text {
+    color: ${({ colors }) => colors.white};
+  }
+
+  :host([data-variant='fill']) > wui-icon {
+    color: ${({ colors }) => colors.neutrals100};
+  }
+
+  :host([data-variant='shade']) > wui-icon {
+    color: ${({ colors }) => colors.neutrals900};
+  }
+
+  /* -- Sizes --------------------------------------------------------- */
+  :host([data-size='sm']) {
+    padding: ${({ spacing }) => spacing[1]} ${({ spacing }) => spacing[2]};
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  :host([data-size='md']) {
+    padding: ${({ spacing }) => spacing[2]} ${({ spacing }) => spacing[3]};
+    border-radius: ${({ borderRadius }) => borderRadius[3]};
+  }
+
+  /* -- Placements --------------------------------------------------------- */
+  wui-icon[data-placement='top'] {
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%, 95%);
+  }
+
+  wui-icon[data-placement='bottom'] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -95%) rotate(180deg);
+  }
+
+  wui-icon[data-placement='right'] {
+    top: 50%;
+    left: 0;
+    transform: translate(-65%, -50%) rotate(90deg);
+  }
+
+  wui-icon[data-placement='left'] {
+    top: 50%;
+    right: 0%;
+    transform: translate(65%, -50%) rotate(270deg);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tooltip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;wBAgBM,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;;;;wBAIlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;;;;aAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK;;;;aAI5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK;;;;aAI5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;;;;aAIlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;;;;;eAKhC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;eAI3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BzD,CAAA"}

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

@@ -0,0 +1,93 @@
+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-text/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { TransactionTypePastTense } from '../../utils/TypeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-transaction-visual/index.js';
+import styles from './styles.js';
+let WuiTransactionListItem = class WuiTransactionListItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'approve';
+        this.onlyDirectionIcon = false;
+        this.images = [];
+    }
+    render() {
+        return html `
+      <wui-flex>
+        <wui-transaction-visual
+          .status=${this.status}
+          direction=${ifDefined(this.direction)}
+          type=${this.type}
+          .onlyDirectionIcon=${this.onlyDirectionIcon}
+          .images=${this.images}
+        ></wui-transaction-visual>
+        <wui-flex flexDirection="column" gap="1">
+          <wui-text variant="lg-medium" color="primary">
+            ${TransactionTypePastTense[this.type] || this.type}
+          </wui-text>
+          <wui-flex class="description-container">
+            ${this.templateDescription()} ${this.templateSecondDescription()}
+          </wui-flex>
+        </wui-flex>
+        <wui-text variant="sm-medium" color="secondary"><span>${this.date}</span></wui-text>
+      </wui-flex>
+    `;
+    }
+    templateDescription() {
+        const description = this.descriptions?.[0];
+        return description
+            ? html `
+          <wui-text variant="md-regular" color="secondary">
+            <span>${description}</span>
+          </wui-text>
+        `
+            : null;
+    }
+    templateSecondDescription() {
+        const description = this.descriptions?.[1];
+        return description
+            ? html `
+          <wui-icon class="description-separator-icon" size="sm" name="arrowRight"></wui-icon>
+          <wui-text variant="md-regular" color="secondary">
+            <span>${description}</span>
+          </wui-text>
+        `
+            : null;
+    }
+};
+WuiTransactionListItem.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiTransactionListItem.prototype, "type", void 0);
+__decorate([
+    property({ type: Array })
+], WuiTransactionListItem.prototype, "descriptions", void 0);
+__decorate([
+    property()
+], WuiTransactionListItem.prototype, "date", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiTransactionListItem.prototype, "onlyDirectionIcon", void 0);
+__decorate([
+    property()
+], WuiTransactionListItem.prototype, "status", void 0);
+__decorate([
+    property()
+], WuiTransactionListItem.prototype, "direction", void 0);
+__decorate([
+    property({ type: Array })
+], WuiTransactionListItem.prototype, "images", void 0);
+WuiTransactionListItem = __decorate([
+    customElement('wui-transaction-list-item')
+], WuiTransactionListItem);
+export { WuiTransactionListItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-transaction-list-item/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;AAQxD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAwB,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,oCAAoC,CAAA;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAIc,SAAI,GAAoB,SAAS,CAAA;QAMhB,sBAAiB,GAAa,KAAK,CAAA;QAMrC,WAAM,GAAuB,EAAE,CAAA;IAmDnE,CAAC;IAhDiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,MAAM;sBACT,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;iBAC9B,IAAI,CAAC,IAAI;+BACK,IAAI,CAAC,iBAAiB;oBACjC,IAAI,CAAC,MAAM;;;;cAIjB,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;;;cAGhD,IAAI,CAAC,mBAAmB,EAAE,IAAI,IAAI,CAAC,yBAAyB,EAAE;;;gEAGZ,IAAI,CAAC,IAAI;;KAEpE,CAAA;IACH,CAAC;IAGO,mBAAmB;QACzB,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAA;QAE1C,OAAO,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;oBAEQ,WAAW;;SAEtB;YACH,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;IAEO,yBAAyB;QAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAA;QAE1C,OAAO,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;;oBAGQ,WAAW;;SAEtB;YACH,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;;AAjEsB,6BAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;oDAAyC;AAElB;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4DAA+B;AAEtC;IAAlB,QAAQ,EAAE;oDAAqB;AAEI;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iEAA2C;AAEpD;IAAlB,QAAQ,EAAE;sDAAkC;AAE1B;IAAlB,QAAQ,EAAE;yDAAwC;AAEjB;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAAuC;AAhBtD,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAmElC"}