@reown/appkit-ui 0.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-banner-img/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;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAKc,aAAQ,GAAG,EAAE,CAAA;QAEb,SAAI,GAAG,EAAE,CAAA;QAET,SAAI,GAAG,EAAE,CAAA;IAW9B,CAAC;IARiB,MAAM;QACpB,OAAO,IAAI,CAAA;;2BAEY,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,QAAQ;uDACP,IAAI,CAAC,IAAI;;KAE3D,CAAA;IACH,CAAC;;AAlBsB,mBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAIjD;IAAlB,QAAQ,EAAE;8CAAqB;AAEb;IAAlB,QAAQ,EAAE;0CAAiB;AAET;IAAlB,QAAQ,EAAE;0CAAiB;AATjB,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAoBxB"}

package/dist/esm/src/composites/wui-banner-img/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-m);
+    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-img/styles.js.map

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

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

@@ -0,0 +1,119 @@
+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-icon/index.js';
+import '../../components/wui-loading-spinner/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 SPINNER_COLOR_BY_VARIANT = {
+    main: 'inverse-100',
+    inverse: 'inverse-000',
+    accent: 'accent-100',
+    'accent-error': 'error-100',
+    'accent-success': 'success-100',
+    neutral: 'fg-100',
+    disabled: 'gray-glass-020'
+};
+const TEXT_VARIANT_BY_SIZE = {
+    lg: 'paragraph-600',
+    md: 'small-600'
+};
+const SPINNER_SIZE_BY_SIZE = {
+    lg: 'md',
+    md: 'md'
+};
+let WuiButton = class WuiButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'lg';
+        this.disabled = false;
+        this.fullWidth = false;
+        this.loading = false;
+        this.variant = 'main';
+        this.hasIconLeft = false;
+        this.hasIconRight = false;
+        this.borderRadius = 'm';
+    }
+    render() {
+        this.style.cssText = `
+    --local-width: ${this.fullWidth ? '100%' : 'auto'};
+    --local-opacity-100: ${this.loading ? 0 : 1};
+    --local-opacity-000: ${this.loading ? 1 : 0};
+    --local-border-radius: var(--wui-border-radius-${this.borderRadius});
+    `;
+        const textVariant = this.textVariant ?? TEXT_VARIANT_BY_SIZE[this.size];
+        return html `
+      <button
+        data-variant=${this.variant}
+        data-icon-left=${this.hasIconLeft}
+        data-icon-right=${this.hasIconRight}
+        data-size=${this.size}
+        ?disabled=${this.disabled}
+        ontouchstart
+      >
+        ${this.loadingTemplate()}
+        <slot name="iconLeft" @slotchange=${() => this.handleSlotLeftChange()}></slot>
+        <wui-text variant=${textVariant} color="inherit">
+          <slot></slot>
+        </wui-text>
+        <slot name="iconRight" @slotchange=${() => this.handleSlotRightChange()}></slot>
+      </button>
+    `;
+    }
+    handleSlotLeftChange() {
+        this.hasIconLeft = true;
+    }
+    handleSlotRightChange() {
+        this.hasIconRight = true;
+    }
+    loadingTemplate() {
+        if (this.loading) {
+            const size = SPINNER_SIZE_BY_SIZE[this.size];
+            const color = this.disabled
+                ? SPINNER_COLOR_BY_VARIANT['disabled']
+                : SPINNER_COLOR_BY_VARIANT[this.variant];
+            return html `<wui-loading-spinner color=${color} size=${size}></wui-loading-spinner>`;
+        }
+        return html ``;
+    }
+};
+WuiButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiButton.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiButton.prototype, "loading", void 0);
+__decorate([
+    property()
+], WuiButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiButton.prototype, "hasIconLeft", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiButton.prototype, "hasIconRight", void 0);
+__decorate([
+    property()
+], WuiButton.prototype, "borderRadius", void 0);
+__decorate([
+    property()
+], WuiButton.prototype, "textVariant", void 0);
+WuiButton = __decorate([
+    customElement('wui-button')
+], WuiButton);
+export { WuiButton };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,198 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    width: var(--local-width);
+    position: relative;
+  }
+
+  button {
+    border: none;
+    border-radius: var(--local-border-radius);
+    width: var(--local-width);
+    white-space: nowrap;
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='md'] {
+    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l);
+    height: 36px;
+  }
+
+  button[data-size='md'][data-icon-left='true'][data-icon-right='false'] {
+    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s);
+  }
+
+  button[data-size='md'][data-icon-right='true'][data-icon-left='false'] {
+    padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l);
+  }
+
+  button[data-size='lg'] {
+    padding: var(--wui-spacing-m) var(--wui-spacing-2l);
+    height: 48px;
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-variant='main'] {
+    background-color: var(--wui-color-accent-100);
+    color: var(--wui-color-inverse-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='inverse'] {
+    background-color: var(--wui-color-inverse-100);
+    color: var(--wui-color-inverse-000);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='accent'] {
+    background-color: var(--wui-color-accent-glass-010);
+    color: var(--wui-color-accent-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  button[data-variant='accent-error'] {
+    background: var(--wui-color-error-glass-015);
+    color: var(--wui-color-error-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010);
+  }
+
+  button[data-variant='accent-success'] {
+    background: var(--wui-color-success-glass-015);
+    color: var(--wui-color-success-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010);
+  }
+
+  button[data-variant='neutral'] {
+    background: transparent;
+    color: var(--wui-color-fg-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button[data-variant='main']:focus-visible:enabled {
+    background-color: var(--wui-color-accent-090);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='inverse']:focus-visible:enabled {
+    background-color: var(--wui-color-inverse-100);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-gray-glass-010),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='accent']:focus-visible:enabled {
+    background-color: var(--wui-color-accent-glass-010);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='accent-error']:focus-visible:enabled {
+    background: var(--wui-color-error-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-error-100),
+      0 0 0 4px var(--wui-color-error-glass-020);
+  }
+  button[data-variant='accent-success']:focus-visible:enabled {
+    background: var(--wui-color-success-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-success-100),
+      0 0 0 4px var(--wui-color-success-glass-020);
+  }
+  button[data-variant='neutral']:focus-visible:enabled {
+    background: var(--wui-color-gray-glass-005);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-gray-glass-010),
+      0 0 0 4px var(--wui-color-gray-glass-002);
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    button[data-variant='main']:hover:enabled {
+      background-color: var(--wui-color-accent-090);
+    }
+
+    button[data-variant='main']:active:enabled {
+      background-color: var(--wui-color-accent-080);
+    }
+
+    button[data-variant='accent']:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+
+    button[data-variant='accent']:active:enabled {
+      background-color: var(--wui-color-accent-glass-020);
+    }
+
+    button[data-variant='accent-error']:hover:enabled {
+      background: var(--wui-color-error-glass-020);
+      color: var(--wui-color-error-100);
+    }
+
+    button[data-variant='accent-error']:active:enabled {
+      background: var(--wui-color-error-glass-030);
+      color: var(--wui-color-error-100);
+    }
+
+    button[data-variant='accent-success']:hover:enabled {
+      background: var(--wui-color-success-glass-020);
+      color: var(--wui-color-success-100);
+    }
+
+    button[data-variant='accent-success']:active:enabled {
+      background: var(--wui-color-success-glass-030);
+      color: var(--wui-color-success-100);
+    }
+
+    button[data-variant='neutral']:hover:enabled {
+      background: var(--wui-color-gray-glass-002);
+    }
+
+    button[data-variant='neutral']:active:enabled {
+      background: var(--wui-color-gray-glass-005);
+    }
+
+    button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] {
+      padding-left: var(--wui-spacing-m);
+    }
+
+    button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] {
+      padding-right: var(--wui-spacing-m);
+    }
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  button:disabled {
+    background-color: var(--wui-color-gray-glass-002);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    color: var(--wui-color-gray-glass-020);
+    cursor: not-allowed;
+  }
+
+  button > wui-text {
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+    opacity: var(--local-opacity-100);
+  }
+
+  ::slotted(*) {
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+    opacity: var(--local-opacity-100);
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    opacity: var(--local-opacity-000);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-card-select/index.js

@@ -0,0 +1,82 @@
+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-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-network-image/index.js';
+import '../wui-wallet-image/index.js';
+import styles from './styles.js';
+let WuiCardSelect = class WuiCardSelect extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = 'Unknown';
+        this.type = 'wallet';
+        this.imageSrc = undefined;
+        this.disabled = false;
+        this.selected = false;
+        this.installed = false;
+    }
+    render() {
+        return html `
+      <button data-selected=${ifDefined(this.selected)} ?disabled=${this.disabled} ontouchstart>
+        ${this.imageTemplate()}
+        <wui-text variant="tiny-500" color=${this.selected ? 'accent-100' : 'inherit'}>
+          ${this.name}
+        </wui-text>
+      </button>
+    `;
+    }
+    imageTemplate() {
+        if (this.type === 'network') {
+            return html `
+        <wui-network-image
+          .selected=${this.selected}
+          imageSrc=${ifDefined(this.imageSrc)}
+          name=${this.name}
+        >
+        </wui-network-image>
+      `;
+        }
+        return html `
+      <wui-wallet-image
+        size="md"
+        imageSrc=${ifDefined(this.imageSrc)}
+        name=${this.name}
+        .installed=${this.installed}
+        badgeSize="sm"
+      >
+      </wui-wallet-image>
+    `;
+    }
+};
+WuiCardSelect.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiCardSelect.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiCardSelect.prototype, "type", void 0);
+__decorate([
+    property()
+], WuiCardSelect.prototype, "imageSrc", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiCardSelect.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiCardSelect.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiCardSelect.prototype, "installed", void 0);
+WuiCardSelect = __decorate([
+    customElement('wui-card-select')
+], WuiCardSelect);
+export { WuiCardSelect };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-card-select/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,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,+BAA+B,CAAA;AACtC,OAAO,8BAA8B,CAAA;AACrC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAKc,SAAI,GAAG,SAAS,CAAA;QAEhB,SAAI,GAAmB,QAAQ,CAAA;QAE/B,aAAQ,GAAY,SAAS,CAAA;QAEZ,aAAQ,GAAa,KAAK,CAAA;QAE1B,aAAQ,GAAa,KAAK,CAAA;QAE1B,cAAS,GAAa,KAAK,CAAA;IAqCjE,CAAC;IAlCiB,MAAM;QACpB,OAAO,IAAI,CAAA;8BACe,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,IAAI,CAAC,QAAQ;UACvE,IAAI,CAAC,aAAa,EAAE;6CACe,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;YACzE,IAAI,CAAC,IAAI;;;KAGhB,CAAA;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAA;;sBAEK,IAAI,CAAC,QAAQ;qBACd,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;iBAC5B,IAAI,CAAC,IAAI;;;OAGnB,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;;mBAGI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;eAC5B,IAAI,CAAC,IAAI;qBACH,IAAI,CAAC,SAAS;;;;KAI9B,CAAA;IACH,CAAC;;AAlDsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAIjD;IAAlB,QAAQ,EAAE;2CAAwB;AAEhB;IAAlB,QAAQ,EAAE;2CAAuC;AAE/B;IAAlB,QAAQ,EAAE;+CAAqC;AAEZ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAkC;AAE1B;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAkC;AAE1B;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAmC;AAfpD,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAoDzB"}

package/dist/esm/src/composites/wui-card-select/styles.js

@@ -0,0 +1,39 @@
+import { css } from 'lit';
+export default css `
+  button {
+    flex-direction: column;
+    width: 76px;
+    row-gap: var(--wui-spacing-xs);
+    padding: var(--wui-spacing-xs) var(--wui-spacing-0);
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
+  }
+
+  button > wui-text {
+    color: var(--wui-color-fg-100);
+    max-width: var(--wui-icon-box-size-xl);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    justify-content: center;
+  }
+
+  button:disabled > wui-text {
+    color: var(--wui-color-gray-glass-015);
+  }
+
+  [data-selected='true'] {
+    background-color: var(--wui-color-accent-glass-020);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    [data-selected='true']:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+  }
+
+  [data-selected='true']:active:enabled {
+    background-color: var(--wui-color-accent-glass-010);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-card-select-loader/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 { networkSvgMd } from '../../assets/svg/networkMd.js';
+import '../../components/wui-shimmer/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiCardSelectLoader = class WuiCardSelectLoader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'wallet';
+    }
+    render() {
+        return html `
+      ${this.shimmerTemplate()}
+      <wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer>
+    `;
+    }
+    shimmerTemplate() {
+        if (this.type === 'network') {
+            return html ` <wui-shimmer
+          data-type=${this.type}
+          width="48px"
+          height="54px"
+          borderRadius="xs"
+        ></wui-shimmer>
+        ${networkSvgMd}`;
+        }
+        return html `<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`;
+    }
+};
+WuiCardSelectLoader.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiCardSelectLoader.prototype, "type", void 0);
+WuiCardSelectLoader = __decorate([
+    customElement('wui-card-select-loader')
+], WuiCardSelectLoader);
+export { WuiCardSelectLoader };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-card-select-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-card-select-loader/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,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,uCAAuC,CAAA;AAC9C,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,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAIc,SAAI,GAAmB,QAAQ,CAAA;IAuBpD,CAAC;IApBiB,MAAM;QACpB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,eAAe,EAAE;;KAEzB,CAAA;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAA;sBACK,IAAI,CAAC,IAAI;;;;;UAKrB,YAAY,EAAE,CAAA;QACpB,CAAC;QAED,OAAO,IAAI,CAAA,0EAA0E,CAAA;IACvF,CAAC;;AAzBsB,0BAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;iDAAuC;AAJvC,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CA2B/B"}

package/dist/esm/src/composites/wui-card-select-loader/styles.js

@@ -0,0 +1,33 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 76px;
+    row-gap: var(--wui-spacing-xs);
+    padding: var(--wui-spacing-xs) 10px;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
+    position: relative;
+  }
+
+  wui-shimmer[data-type='network'] {
+    border: none;
+    -webkit-clip-path: var(--wui-path-network);
+    clip-path: var(--wui-path-network);
+  }
+
+  svg {
+    position: absolute;
+    width: 48px;
+    height: 54px;
+    z-index: 1;
+  }
+
+  svg > path {
+    stroke: var(--wui-color-gray-glass-010);
+    stroke-width: 1px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-card-select-loader/styles.js.map

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

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

@@ -0,0 +1,75 @@
+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-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiChip = class WuiChip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'fill';
+        this.imageSrc = undefined;
+        this.disabled = false;
+        this.icon = 'externalLink';
+        this.href = '';
+        this.text = undefined;
+    }
+    render() {
+        const isSmall = this.variant === 'success' || this.variant === 'transparent' || this.variant === 'shadeSmall';
+        const textVariant = isSmall ? 'small-600' : 'paragraph-600';
+        return html `
+      <a
+        rel="noreferrer"
+        target="_blank"
+        href=${this.href}
+        class=${this.disabled ? 'disabled' : ''}
+        data-variant=${this.variant}
+      >
+        ${this.imageTemplate()}
+        <wui-text variant=${textVariant} color="inherit">
+          ${this.title ? this.title : UiHelperUtil.getHostName(this.href)}
+        </wui-text>
+        <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
+      </a>
+    `;
+    }
+    imageTemplate() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc}></wui-image>`;
+        }
+        return null;
+    }
+};
+WuiChip.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiChip.prototype, "variant", void 0);
+__decorate([
+    property()
+], WuiChip.prototype, "imageSrc", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiChip.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiChip.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiChip.prototype, "href", void 0);
+__decorate([
+    property()
+], WuiChip.prototype, "text", void 0);
+WuiChip = __decorate([
+    customElement('wui-chip')
+], WuiChip);
+export { WuiChip };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-chip/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,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAIc,YAAO,GAAa,MAAM,CAAA;QAE1B,aAAQ,GAAY,SAAS,CAAA;QAEZ,aAAQ,GAAG,KAAK,CAAA;QAEjC,SAAI,GAAa,cAAc,CAAA;QAE/B,SAAI,GAAG,EAAE,CAAA;QAET,SAAI,GAAY,SAAS,CAAA;IAiC9C,CAAC;IA9BiB,MAAM;QACpB,MAAM,OAAO,GACX,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,IAAI,IAAI,CAAC,OAAO,KAAK,YAAY,CAAA;QAC/F,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAA;QAE3D,OAAO,IAAI,CAAA;;;;eAIA,IAAI,CAAC,IAAI;gBACR,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;uBACxB,IAAI,CAAC,OAAO;;UAEzB,IAAI,CAAC,aAAa,EAAE;4BACF,WAAW;YAC3B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;yBAEhD,IAAI,CAAC,IAAI;;KAE7B,CAAA;IACH,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,eAAe,CAAA;QAC3D,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AA7CsB,cAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;wCAAkC;AAE1B;IAAlB,QAAQ,EAAE;yCAAqC;AAEZ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAAwB;AAEjC;IAAlB,QAAQ,EAAE;qCAAuC;AAE/B;IAAlB,QAAQ,EAAE;qCAAiB;AAET;IAAlB,QAAQ,EAAE;qCAAiC;AAdjC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CA+CnB"}