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

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

@@ -1,50 +0,0 @@
-import { css } from '../../utils/ThemeHelperUtil.js';
-export default css `
-  :host {
-    width: 100%;
-  }
-
-  :host > wui-flex:first-child {
-    align-items: center;
-    column-gap: ${({ spacing }) => spacing[2]};
-    padding: ${({ spacing }) => spacing[1]} ${({ spacing }) => spacing[2]};
-    width: 100%;
-  }
-
-  :host > wui-flex:first-child wui-text:nth-child(1) {
-    text-transform: capitalize;
-  }
-
-  wui-transaction-visual {
-    width: 40px;
-    height: 40px;
-  }
-
-  wui-flex {
-    flex: 1;
-  }
-
-  :host wui-flex wui-flex {
-    overflow: hidden;
-  }
-
-  :host .description-container wui-text span {
-    word-break: break-all;
-  }
-
-  :host .description-container wui-text {
-    overflow: hidden;
-  }
-
-  :host .description-separator-icon {
-    margin: 0px 6px;
-  }
-
-  :host wui-text > span {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-  }
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-transaction-list-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;kBAOA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eAC9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCxE,CAAA"}

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

@@ -1,34 +0,0 @@
-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 '../../components/wui-text/index.js';
-import '../../layout/wui-flex/index.js';
-import { resetStyles } from '../../utils/ThemeUtil.js';
-import { customElement } from '../../utils/WebComponentsUtil.js';
-import '../wui-transaction-thumbnail/index.js';
-import styles from './styles.js';
-let WuiTransactionListItemLoader = class WuiTransactionListItemLoader extends LitElement {
-    render() {
-        return html `
-      <wui-flex alignItems="center" .padding=${['1', '2', '1', '2']}>
-        <wui-shimmer width="40px" height="40px" rounded></wui-shimmer>
-        <wui-flex flexDirection="column" gap="1">
-          <wui-shimmer width="124px" height="16px" rounded></wui-shimmer>
-          <wui-shimmer width="60px" height="14px" rounded></wui-shimmer>
-        </wui-flex>
-        <wui-shimmer width="24px" height="12px" rounded></wui-shimmer>
-      </wui-flex>
-    `;
-    }
-};
-WuiTransactionListItemLoader.styles = [resetStyles, styles];
-WuiTransactionListItemLoader = __decorate([
-    customElement('wui-transaction-list-item-loader')
-], WuiTransactionListItemLoader);
-export { WuiTransactionListItemLoader };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-transaction-list-item-loader/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,uCAAuC,CAAA;AAC9C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,uCAAuC,CAAA;AAC9C,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU;IAI1C,MAAM;QACpB,OAAO,IAAI,CAAA;+CACgC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;;;KAQvE,CAAA;IACH,CAAC;;AAdsB,mCAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAD1C,4BAA4B;IADxC,aAAa,CAAC,kCAAkC,CAAC;GACrC,4BAA4B,CAgBxC"}

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

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

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

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

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

@@ -1,118 +0,0 @@
-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-image/index.js';
-import { customElement } from '../../utils/WebComponentsUtil.js';
-import '../wui-icon-box/index.js';
-import styles from './styles.js';
-const ICON_SIZE = {
-    sm: 'xxs',
-    lg: 'md'
-};
-let WuiTransactionThumbnail = class WuiTransactionThumbnail extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.type = 'approve';
-        this.size = 'lg';
-        this.statusImageUrl = '';
-        this.images = [];
-    }
-    render() {
-        return html `<wui-flex>${this.templateVisual()} ${this.templateIcon()}</wui-flex>`;
-    }
-    templateVisual() {
-        this.dataset['size'] = this.size;
-        switch (this.type) {
-            case 'trade':
-                return this.swapTemplate();
-            case 'fiat':
-                return this.fiatTemplate();
-            case 'unknown':
-                return this.unknownTemplate();
-            default:
-                return this.tokenTemplate();
-        }
-    }
-    swapTemplate() {
-        const [firstImageUrl, secondImageUrl] = this.images;
-        const twoImages = this.images.length === 2 && (firstImageUrl || secondImageUrl);
-        if (twoImages) {
-            return html `
-        <wui-image class="swap-crop-left-image" src=${firstImageUrl} alt="Swap image"></wui-image>
-        <wui-image class="swap-crop-right-image" src=${secondImageUrl} alt="Swap image"></wui-image>
-      `;
-        }
-        if (firstImageUrl) {
-            return html `<wui-image src=${firstImageUrl} alt="Swap image"></wui-image>`;
-        }
-        return null;
-    }
-    fiatTemplate() {
-        return html `<wui-icon
-      class="fallback-icon"
-      size=${ICON_SIZE[this.size]}
-      name="dollar"
-    ></wui-icon>`;
-    }
-    unknownTemplate() {
-        return html `<wui-icon
-      class="fallback-icon"
-      size=${ICON_SIZE[this.size]}
-      name="questionMark"
-    ></wui-icon>`;
-    }
-    tokenTemplate() {
-        const [imageUrl] = this.images;
-        if (imageUrl) {
-            return html `<wui-image src=${imageUrl} alt="Token image"></wui-image> `;
-        }
-        return html `<wui-icon
-      class="fallback-icon"
-      name=${this.type === 'nft' ? 'image' : 'coinPlaceholder'}
-    ></wui-icon>`;
-    }
-    templateIcon() {
-        if (this.statusImageUrl) {
-            return html `<wui-image
-        class="status-image"
-        src=${this.statusImageUrl}
-        alt="Status image"
-      ></wui-image>`;
-        }
-        return html `<wui-icon
-      class="direction-icon"
-      size=${ICON_SIZE[this.size]}
-      name=${this.getTemplateIcon()}
-    ></wui-icon>`;
-    }
-    getTemplateIcon() {
-        if (this.type === 'trade') {
-            return 'arrowClockWise';
-        }
-        return 'arrowBottom';
-    }
-};
-WuiTransactionThumbnail.styles = [styles];
-__decorate([
-    property()
-], WuiTransactionThumbnail.prototype, "type", void 0);
-__decorate([
-    property()
-], WuiTransactionThumbnail.prototype, "size", void 0);
-__decorate([
-    property()
-], WuiTransactionThumbnail.prototype, "statusImageUrl", void 0);
-__decorate([
-    property({ type: Array })
-], WuiTransactionThumbnail.prototype, "images", void 0);
-WuiTransactionThumbnail = __decorate([
-    customElement('wui-transaction-thumbnail')
-], WuiTransactionThumbnail);
-export { WuiTransactionThumbnail };
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/composites/wui-transaction-thumbnail/styles.js

@@ -1,103 +0,0 @@
-import { css } from '../../utils/ThemeHelperUtil.js';
-export default css `
-  wui-flex {
-    position: relative;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  wui-image {
-    border-radius: ${({ borderRadius }) => borderRadius[128]};
-  }
-
-  .fallback-icon {
-    color: ${({ tokens }) => tokens.theme.iconInverse};
-    border-radius: ${({ borderRadius }) => borderRadius[3]};
-    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
-  }
-
-  .direction-icon,
-  .status-image {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    border-radius: ${({ borderRadius }) => borderRadius[128]};
-    border: 2px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
-  }
-
-  .direction-icon {
-    padding: ${({ spacing }) => spacing['01']};
-    color: ${({ tokens }) => tokens.core.iconSuccess};
-
-    background-color: color-mix(
-      in srgb,
-      ${({ tokens }) => tokens.core.textSuccess} 30%,
-      ${({ tokens }) => tokens.theme.backgroundPrimary} 70%
-    );
-  }
-
-  /* -- Sizes --------------------------------------------------- */
-  :host([data-size='sm']) > wui-image:not(.status-image),
-  :host([data-size='sm']) > wui-flex {
-    width: 24px;
-    height: 24px;
-  }
-
-  :host([data-size='lg']) > wui-image:not(.status-image),
-  :host([data-size='lg']) > wui-flex {
-    width: 40px;
-    height: 40px;
-  }
-
-  :host([data-size='sm']) .fallback-icon {
-    height: 16px;
-    width: 16px;
-    padding: ${({ spacing }) => spacing[1]};
-  }
-
-  :host([data-size='lg']) .fallback-icon {
-    height: 32px;
-    width: 32px;
-    padding: ${({ spacing }) => spacing[1]};
-  }
-
-  :host([data-size='sm']) .direction-icon,
-  :host([data-size='sm']) .status-image {
-    transform: translate(40%, 30%);
-  }
-
-  :host([data-size='lg']) .direction-icon,
-  :host([data-size='lg']) .status-image {
-    transform: translate(40%, 10%);
-  }
-
-  :host([data-size='sm']) .status-image {
-    height: 14px;
-    width: 14px;
-  }
-
-  :host([data-size='lg']) .status-image {
-    height: 20px;
-    width: 20px;
-  }
-
-  /* -- Crop effects --------------------------------------------------- */
-  .swap-crop-left-image,
-  .swap-crop-right-image {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-  }
-
-  .swap-crop-left-image {
-    left: 0;
-    clip-path: inset(0px calc(50% + 1.5px) 0px 0%);
-  }
-
-  .swap-crop-right-image {
-    right: 0;
-    clip-path: inset(0px 0px 0px calc(50% + 1.5px));
-  }
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-transaction-thumbnail/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;qBASG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;aAI/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;qBAChC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;qBAQjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;wBACpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;eAIvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;aAChC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;;;;QAI5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;QACvC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;eAoBvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;eAM3B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCzC,CAAA"}

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

@@ -1,179 +0,0 @@
-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 '../../components/wui-icon/index.js';
-import '../../components/wui-image/index.js';
-import { customElement } from '../../utils/WebComponentsUtil.js';
-import '../wui-icon-box/index.js';
-import styles from './styles.js';
-let WuiTransactionVisual = class WuiTransactionVisual extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.images = [];
-        this.secondImage = {
-            type: undefined,
-            url: ''
-        };
-        this.failedImageUrls = new Set();
-    }
-    handleImageError(url) {
-        return (event) => {
-            event.stopPropagation();
-            this.failedImageUrls.add(url);
-            this.requestUpdate();
-        };
-    }
-    render() {
-        const [firstImage, secondImage] = this.images;
-        if (!this.images.length) {
-            this.dataset['noImages'] = 'true';
-        }
-        const isLeftNFT = firstImage?.type === 'NFT';
-        const isRightNFT = secondImage?.url ? secondImage.type === 'NFT' : isLeftNFT;
-        const leftRadius = isLeftNFT ? 'var(--apkt-borderRadius-3)' : 'var(--apkt-borderRadius-5)';
-        const rightRadius = isRightNFT ? 'var(--apkt-borderRadius-3)' : 'var(--apkt-borderRadius-5)';
-        this.style.cssText = `
-    --local-left-border-radius: ${leftRadius};
-    --local-right-border-radius: ${rightRadius};
-    `;
-        return html `<wui-flex> ${this.templateVisual()} ${this.templateIcon()} </wui-flex>`;
-    }
-    templateVisual() {
-        const [firstImage, secondImage] = this.images;
-        const hasTwoImages = this.images.length === 2;
-        if (hasTwoImages && (firstImage?.url || secondImage?.url)) {
-            return this.renderSwapImages(firstImage, secondImage);
-        }
-        if (firstImage?.url && !this.failedImageUrls.has(firstImage.url)) {
-            return this.renderSingleImage(firstImage);
-        }
-        if (firstImage?.type === 'NFT') {
-            return this.renderPlaceholderIcon('nftPlaceholder');
-        }
-        return this.renderPlaceholderIcon('coinPlaceholder');
-    }
-    renderSwapImages(firstImage, secondImage) {
-        return html `<div class="swap-images-container">
-      ${firstImage?.url ? this.renderImageOrFallback(firstImage, 'first', true) : null}
-      ${secondImage?.url ? this.renderImageOrFallback(secondImage, 'last', true) : null}
-    </div>`;
-    }
-    renderSingleImage(image) {
-        return this.renderImageOrFallback(image, undefined, false);
-    }
-    renderImageOrFallback(image, position, isInSwapContainer = false) {
-        if (!image.url) {
-            return null;
-        }
-        if (this.failedImageUrls.has(image.url)) {
-            if (isInSwapContainer && position) {
-                return this.renderFallbackIconInContainer(position);
-            }
-            return this.renderFallbackIcon();
-        }
-        return html `<wui-image
-      src=${image.url}
-      alt="Transaction image"
-      @onLoadError=${this.handleImageError(image.url)}
-    ></wui-image>`;
-    }
-    renderFallbackIconInContainer(position) {
-        return html `<div class="swap-fallback-container ${position}">${this.renderFallbackIcon()}</div>`;
-    }
-    renderFallbackIcon() {
-        return html `<wui-icon
-      size="xl"
-      weight="regular"
-      color="default"
-      name="networkPlaceholder"
-    ></wui-icon>`;
-    }
-    renderPlaceholderIcon(iconName) {
-        return html `<wui-icon size="xl" weight="regular" color="default" name=${iconName}></wui-icon>`;
-    }
-    templateIcon() {
-        let color = 'accent-primary';
-        let icon = undefined;
-        icon = this.getIcon();
-        if (this.status) {
-            color = this.getStatusColor();
-        }
-        if (!icon) {
-            return null;
-        }
-        return html `
-      <wui-flex alignItems="center" justifyContent="center" class="status-box">
-        <wui-icon-box size="sm" color=${color} icon=${icon}></wui-icon-box>
-      </wui-flex>
-    `;
-    }
-    getDirectionIcon() {
-        switch (this.direction) {
-            case 'in':
-                return 'arrowBottom';
-            case 'out':
-                return 'arrowTop';
-            default:
-                return undefined;
-        }
-    }
-    getIcon() {
-        if (this.onlyDirectionIcon) {
-            return this.getDirectionIcon();
-        }
-        if (this.type === 'trade') {
-            return 'swapHorizontal';
-        }
-        else if (this.type === 'approve') {
-            return 'checkmark';
-        }
-        else if (this.type === 'cancel') {
-            return 'close';
-        }
-        return this.getDirectionIcon();
-    }
-    getStatusColor() {
-        switch (this.status) {
-            case 'confirmed':
-                return 'success';
-            case 'failed':
-                return 'error';
-            case 'pending':
-                return 'inverse';
-            default:
-                return 'accent-primary';
-        }
-    }
-};
-WuiTransactionVisual.styles = [styles];
-__decorate([
-    property()
-], WuiTransactionVisual.prototype, "type", void 0);
-__decorate([
-    property()
-], WuiTransactionVisual.prototype, "status", void 0);
-__decorate([
-    property()
-], WuiTransactionVisual.prototype, "direction", void 0);
-__decorate([
-    property({ type: Boolean })
-], WuiTransactionVisual.prototype, "onlyDirectionIcon", void 0);
-__decorate([
-    property({ type: Array })
-], WuiTransactionVisual.prototype, "images", void 0);
-__decorate([
-    property({ type: Object })
-], WuiTransactionVisual.prototype, "secondImage", void 0);
-__decorate([
-    state()
-], WuiTransactionVisual.prototype, "failedImageUrls", void 0);
-WuiTransactionVisual = __decorate([
-    customElement('wui-transaction-visual')
-], WuiTransactionVisual);
-export { WuiTransactionVisual };
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/composites/wui-transaction-visual/styles.js

@@ -1,85 +0,0 @@
-import { css } from '../../utils/ThemeHelperUtil.js';
-export default css `
-  :host > wui-flex {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    width: 40px;
-    height: 40px;
-    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
-    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
-  }
-
-  :host([data-no-images='true']) > wui-flex {
-    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
-    border-radius: ${({ borderRadius }) => borderRadius[3]} !important;
-  }
-
-  :host > wui-flex wui-image {
-    display: block;
-  }
-
-  :host > wui-flex,
-  :host > wui-flex wui-image,
-  .swap-images-container,
-  .swap-images-container.nft,
-  wui-image.nft {
-    border-top-left-radius: var(--local-left-border-radius);
-    border-top-right-radius: var(--local-right-border-radius);
-    border-bottom-left-radius: var(--local-left-border-radius);
-    border-bottom-right-radius: var(--local-right-border-radius);
-  }
-
-  .swap-images-container {
-    position: relative;
-    width: 40px;
-    height: 40px;
-    overflow: hidden;
-  }
-
-  .swap-images-container wui-image:first-child {
-    position: absolute;
-    width: 40px;
-    height: 40px;
-    top: 0;
-    left: 0%;
-    clip-path: inset(0px calc(50% + 2px) 0px 0%);
-  }
-
-  .swap-images-container wui-image:last-child {
-    clip-path: inset(0px 0px 0px calc(50% + 2px));
-  }
-
-  .swap-fallback-container {
-    position: absolute;
-    inset: 0;
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .swap-fallback-container.first {
-    clip-path: inset(0px calc(50% + 2px) 0px 0%);
-  }
-
-  .swap-fallback-container.last {
-    clip-path: inset(0px 0px 0px calc(50% + 2px));
-  }
-
-  wui-flex.status-box {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    transform: translate(20%, 20%);
-    border-radius: ${({ borderRadius }) => borderRadius[4]};
-    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
-    box-shadow: 0 0 0 2px ${({ tokens }) => tokens.theme.backgroundPrimary};
-    overflow: hidden;
-    width: 16px;
-    height: 16px;
-  }
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-transaction-visual/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;kCAQgB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;wBAC9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;wBAI9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA6DrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;4BAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;CAKzE,CAAA"}

package/dist/esm/src/composites/wui-ux-by-reown/index.js

@@ -1,43 +0,0 @@
-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-icon/index.js';
-import '../../components/wui-text/index.js';
-import '../../layout/wui-flex/index.js';
-import { REOWN_URL } from '../../utils/ConstantsUtil.js';
-import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
-import { customElement } from '../../utils/WebComponentsUtil.js';
-import styles from './styles.js';
-let WuiUxByReown = class WuiUxByReown extends LitElement {
-    render() {
-        return html `
-      <a
-        data-testid="ux-branding-reown"
-        href=${REOWN_URL}
-        rel="noreferrer"
-        target="_blank"
-        style="text-decoration: none;"
-      >
-        <wui-flex
-          justifyContent="center"
-          alignItems="center"
-          gap="1"
-          .padding=${['01', '0', '3', '0']}
-        >
-          <wui-text variant="sm-regular" color="inherit"> UX by </wui-text>
-          <wui-icon name="reown" size="inherit" class="reown-logo"></wui-icon>
-        </wui-flex>
-      </a>
-    `;
-    }
-};
-WuiUxByReown.styles = [resetStyles, elementStyles, styles];
-WuiUxByReown = __decorate([
-    customElement('wui-ux-by-reown')
-], WuiUxByReown);
-export { WuiUxByReown };
-//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-ux-by-reown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-ux-by-reown/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAI1B,MAAM;QACpB,OAAO,IAAI,CAAA;;;eAGA,SAAS;;;;;;;;;qBASH,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;KAM9C,CAAA;IACH,CAAC;;AAvBsB,mBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AADzD,YAAY;IADxB,aAAa,CAAC,iBAAiB,CAAC;GACpB,YAAY,CAyBxB"}