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

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

@@ -0,0 +1,116 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  label {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+    user-select: none;
+    column-gap: ${({ spacing }) => spacing[2]};
+  }
+
+  label > input[type='checkbox'] {
+    height: 0;
+    width: 0;
+    opacity: 0;
+    position: absolute;
+  }
+
+  label > span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    border: 1px solid ${({ colors }) => colors.neutrals400};
+    color: ${({ colors }) => colors.white};
+    background-color: transparent;
+    will-change: border-color, background-color;
+  }
+
+  label > span > wui-icon {
+    opacity: 0;
+    will-change: opacity;
+  }
+
+  label > input[type='checkbox']:checked + span > wui-icon {
+    color: ${({ colors }) => colors.white};
+  }
+
+  label > input[type='checkbox']:not(:checked) > span > wui-icon {
+    color: ${({ colors }) => colors.neutrals900};
+  }
+
+  label > input[type='checkbox']:checked + span > wui-icon {
+    opacity: 1;
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  label[data-size='lg'] > span {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+    border-radius: ${({ borderRadius }) => borderRadius[10]};
+  }
+
+  label[data-size='md'] > span {
+    width: 20px;
+    height: 20px;
+    min-width: 20px;
+    min-height: 20px;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  label[data-size='sm'] > span {
+    width: 16px;
+    height: 16px;
+    min-width: 16px;
+    min-height: 16px;
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  label > input[type='checkbox']:focus-visible + span,
+  label > input[type='checkbox']:focus + span {
+    border: 1px solid ${({ tokens }) => tokens.core.borderAccentPrimary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  /* -- Checked states --------------------------------------------------- */
+  label > input[type='checkbox']:checked + span {
+    background-color: ${({ tokens }) => tokens.core.iconAccentPrimary};
+    border: 1px solid transparent;
+  }
+
+  /* -- Hover states --------------------------------------------------- */
+  input[type='checkbox']:not(:checked):not(:disabled) + span:hover {
+    border: 1px solid ${({ colors }) => colors.neutrals700};
+    background-color: ${({ colors }) => colors.neutrals800};
+    box-shadow: none;
+  }
+
+  input[type='checkbox']:checked:not(:disabled) + span:hover {
+    border: 1px solid transparent;
+    background-color: ${({ colors }) => colors.accent080};
+    box-shadow: none;
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  label > input[type='checkbox']:checked:disabled + span {
+    border: 1px solid transparent;
+    opacity: 0.3;
+  }
+
+  label > input[type='checkbox']:not(:checked):disabled + span {
+    border: 1px solid ${({ colors }) => colors.neutrals700};
+  }
+
+  label:has(input[type='checkbox']:disabled) {
+    cursor: auto;
+  }
+
+  label > input[type='checkbox']:disabled + span {
+    cursor: not-allowed;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;kBAMA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;wBAgBrB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;aAC7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;aAW5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK;;;;aAI5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;;;;;;;;;;;;;qBAa1B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;;;;;;;qBAQtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;qBAQrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;wBAMlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;;wBAM/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;;;wBAM7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;;;;;;wBAMlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;wBAWhC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW;;;;;;;;;;CAUzD,CAAA"}

package/dist/esm/src/composites/wui-chip-button/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-icon/index.js';
+import '../../components/wui-image/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 FONT_BY_SIZE = {
+    sm: 'sm-regular',
+    md: 'md-regular',
+    lg: 'lg-regular'
+};
+let WuiChipButton = class WuiChipButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'accent';
+        this.size = 'md';
+        this.imageSrc = '';
+        this.disabled = false;
+        this.leftIcon = undefined;
+        this.rightIcon = undefined;
+        this.text = '';
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled} data-type=${this.type} data-size=${this.size}>
+        ${this.imageSrc ? html `<wui-image src=${this.imageSrc}></wui-image>` : null}
+        ${this.leftIcon
+            ? html `<wui-icon name=${this.leftIcon} color="inherit" size="inherit"></wui-icon>`
+            : null}
+        <wui-text variant=${FONT_BY_SIZE[this.size]} color="inherit">${this.text}</wui-text>
+        ${this.rightIcon
+            ? html `<wui-icon name=${this.rightIcon} color="inherit" size="inherit"></wui-icon>`
+            : null}
+      </button>
+    `;
+    }
+};
+WuiChipButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiChipButton.prototype, "type", void 0);
+__decorate([
+    property()
+], WuiChipButton.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiChipButton.prototype, "imageSrc", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiChipButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiChipButton.prototype, "leftIcon", void 0);
+__decorate([
+    property()
+], WuiChipButton.prototype, "rightIcon", void 0);
+__decorate([
+    property()
+], WuiChipButton.prototype, "text", void 0);
+WuiChipButton = __decorate([
+    customElement('wui-chip-button')
+], WuiChipButton);
+export { WuiChipButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-chip-button/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,qCAAqC,CAAA;AAC5C,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;AAGhC,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACmB,CAAA;AAG9B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIc,SAAI,GAAmB,QAAQ,CAAA;QAE/B,SAAI,GAAmB,IAAI,CAAA;QAE3B,aAAQ,GAAG,EAAE,CAAA;QAEI,aAAQ,GAAG,KAAK,CAAA;QAEjC,aAAQ,GAAc,SAAS,CAAA;QAE/B,cAAS,GAAc,SAAS,CAAA;QAEhC,SAAI,GAAG,EAAE,CAAA;IAiB9B,CAAC;IAdiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,cAAc,IAAI,CAAC,IAAI,cAAc,IAAI,CAAC,IAAI;UAC3E,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,eAAe,CAAC,CAAC,CAAC,IAAI;UACzE,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,6CAA6C;YAClF,CAAC,CAAC,IAAI;4BACY,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI;UACtE,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA,kBAAkB,IAAI,CAAC,SAAS,6CAA6C;YACnF,CAAC,CAAC,IAAI;;KAEX,CAAA;IACH,CAAC;;AA/BsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;2CAAuC;AAE/B;IAAlB,QAAQ,EAAE;2CAAmC;AAE3B;IAAlB,QAAQ,EAAE;+CAAqB;AAEI;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAwB;AAEjC;IAAlB,QAAQ,EAAE;+CAAuC;AAE/B;IAAlB,QAAQ,EAAE;gDAAwC;AAEhC;IAAlB,QAAQ,EAAE;2CAAiB;AAhBjB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAiCzB"}

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

@@ -0,0 +1,101 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    border: none;
+    border-radius: ${({ borderRadius }) => borderRadius['20']};
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: ${({ spacing }) => spacing[1]};
+    transition:
+      background-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      box-shadow ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color, box-shadow;
+  }
+
+  /* -- Variants --------------------------------------------------------------- */
+  button[data-type='accent'] {
+    background-color: ${({ tokens }) => tokens.core.backgroundAccentPrimary};
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+  }
+
+  button[data-type='neutral'] {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+  }
+
+  /* -- Sizes --------------------------------------------------------------- */
+  button[data-size='sm'] {
+    height: 24px;
+  }
+
+  button[data-size='md'] {
+    height: 28px;
+  }
+
+  button[data-size='lg'] {
+    height: 32px;
+  }
+
+  button[data-size='sm'] > wui-image,
+  button[data-size='sm'] > wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='md'] > wui-image,
+  button[data-size='md'] > wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='lg'] > wui-image,
+  button[data-size='lg'] > wui-icon {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-text {
+    padding-left: ${({ spacing }) => spacing[1]};
+    padding-right: ${({ spacing }) => spacing[1]};
+  }
+
+  wui-image {
+    border-radius: ${({ borderRadius }) => borderRadius[3]};
+    overflow: hidden;
+    user-drag: none;
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+  }
+
+  /* -- States --------------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    button[data-type='accent']:not(:disabled):hover {
+      background-color: ${({ tokens }) => tokens.core.foregroundAccent060};
+    }
+
+    button[data-type='neutral']:not(:disabled):hover {
+      background-color: ${({ tokens }) => tokens.theme.foregroundTertiary};
+    }
+  }
+
+  button[data-type='accent']:not(:disabled):focus-visible,
+  button[data-type='accent']:not(:disabled):active {
+    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  button[data-type='neutral']:not(:disabled):focus-visible,
+  button[data-type='neutral']:not(:disabled):active {
+    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  button:disabled {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-chip-button/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,IAAI,CAAC;;;;eAI9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;yBAEjB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UACjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;mBACnC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UAC3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;wBAM9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB;aAC9D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;wBAI7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;aAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAmCjC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;qBAI3B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;0BAahC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;0BAI/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB;;;;;;4BAM7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;4BAK/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;;CAM1E,CAAA"}

package/dist/esm/src/composites/wui-compatible-network/index.js

@@ -0,0 +1,51 @@
+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 '../../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 WuiCompatibleNetwork = class WuiCompatibleNetwork extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.networkImages = [''];
+        this.text = '';
+    }
+    render() {
+        return html `
+      <button>
+        <wui-text variant="md-regular" color="inherit">${this.text}</wui-text>
+        <wui-flex>
+          ${this.networksTemplate()}
+          <wui-icon name="chevronRight" size="sm" color="inherit"></wui-icon>
+        </wui-flex>
+      </button>
+    `;
+    }
+    networksTemplate() {
+        const slicedNetworks = this.networkImages.slice(0, 5);
+        return html ` <wui-flex class="networks">
+      ${slicedNetworks?.map(network => html ` <wui-flex class="network-icon"> <wui-image src=${network}></wui-image> </wui-flex>`)}
+    </wui-flex>`;
+    }
+};
+WuiCompatibleNetwork.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property({ type: Array })
+], WuiCompatibleNetwork.prototype, "networkImages", void 0);
+__decorate([
+    property()
+], WuiCompatibleNetwork.prototype, "text", void 0);
+WuiCompatibleNetwork = __decorate([
+    customElement('wui-compatible-network')
+], WuiCompatibleNetwork);
+export { WuiCompatibleNetwork };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-compatible-network/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,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,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,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIsB,kBAAa,GAAa,CAAC,EAAE,CAAC,CAAA;QAEtC,SAAI,GAAG,EAAE,CAAA;IA0B9B,CAAC;IAvBiB,MAAM;QACpB,OAAO,IAAI,CAAA;;yDAE0C,IAAI,CAAC,IAAI;;YAEtD,IAAI,CAAC,gBAAgB,EAAE;;;;KAI9B,CAAA;IACH,CAAC;IAGO,gBAAgB;QACtB,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAErD,OAAO,IAAI,CAAA;QACP,cAAc,EAAE,GAAG,CACnB,OAAO,CAAC,EAAE,CACR,IAAI,CAAA,mDAAmD,OAAO,2BAA2B,CAC5F;gBACS,CAAA;IACd,CAAC;;AA9BsB,2BAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGzC;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2DAA+B;AAEtC;IAAlB,QAAQ,EAAE;kDAAiB;AANjB,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CAgChC"}

package/dist/esm/src/composites/wui-compatible-network/styles.js

@@ -0,0 +1,64 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: ${({ spacing }) => spacing[4]};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[3]};
+    border: none;
+    padding: ${({ spacing }) => spacing[3]};
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color;
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  button:hover:enabled,
+  button:active:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  wui-text {
+    flex: 1;
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  wui-flex {
+    width: auto;
+    display: flex;
+    align-items: center;
+    gap: ${({ spacing }) => spacing['01']};
+  }
+
+  wui-icon {
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  .network-icon {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    overflow: hidden;
+    margin-left: -8px;
+  }
+
+  .network-icon:first-child {
+    margin-left: 0px;
+  }
+
+  .network-icon:after {
+    position: absolute;
+    inset: 0;
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-compatible-network/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;wBACd,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;eAE3C,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;;;;;;;wBAO5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;aAK3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;;;WAO5C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;;;aAI5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;;qBAOhC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;qBAgBrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;kCACxB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;CAErE,CAAA"}

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

@@ -0,0 +1,73 @@
+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-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';
+let WuiConnectButton = class WuiConnectButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.variant = 'primary';
+        this.loading = false;
+        this.text = 'Connect Wallet';
+    }
+    render() {
+        return html `
+      <button
+        data-loading=${this.loading}
+        data-variant=${this.variant}
+        data-size=${this.size}
+        ?disabled=${this.loading}
+      >
+        ${this.contentTemplate()}
+      </button>
+    `;
+    }
+    contentTemplate() {
+        const textVariants = {
+            lg: 'lg-regular',
+            md: 'md-regular',
+            sm: 'sm-regular'
+        };
+        const colors = {
+            primary: 'invert',
+            secondary: 'accent-primary'
+        };
+        if (!this.loading) {
+            return html ` <wui-text variant=${textVariants[this.size]} color=${colors[this.variant]}>
+        ${this.text}
+      </wui-text>`;
+        }
+        return html `<wui-loading-spinner
+      color=${colors[this.variant]}
+      size=${this.size}
+    ></wui-loading-spinner>`;
+    }
+};
+WuiConnectButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiConnectButton.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiConnectButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiConnectButton.prototype, "loading", void 0);
+__decorate([
+    property()
+], WuiConnectButton.prototype, "text", void 0);
+WuiConnectButton = __decorate([
+    customElement('wui-connect-button')
+], WuiConnectButton);
+export { WuiConnectButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-connect-button/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,+CAA+C,CAAA;AACtD,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;AAGzB,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAIc,SAAI,GAGnB,IAAI,CAAA;QAEW,YAAO,GAA4B,SAAS,CAAA;QAE3B,YAAO,GAAG,KAAK,CAAA;QAEhC,SAAI,GAAG,gBAAgB,CAAA;IAyC5C,CAAC;IAtCiB,MAAM;QACpB,OAAO,IAAI,CAAA;;uBAEQ,IAAI,CAAC,OAAO;uBACZ,IAAI,CAAC,OAAO;oBACf,IAAI,CAAC,IAAI;oBACT,IAAI,CAAC,OAAO;;UAEtB,IAAI,CAAC,eAAe,EAAE;;KAE3B,CAAA;IACH,CAAC;IAIO,eAAe;QACrB,MAAM,YAAY,GAAG;YACnB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;SACR,CAAA;QAEV,MAAM,MAAM,GAAG;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,gBAAgB;SACnB,CAAA;QAEV,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,sBAAsB,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;UAClF,IAAI,CAAC,IAAI;kBACD,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;cACD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;aACrB,IAAI,CAAC,IAAI;4BACM,CAAA;IAC1B,CAAC;;AApDsB,uBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;8CAGH;AAEW;IAAlB,QAAQ,EAAE;iDAAoD;AAE3B;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAuB;AAEhC;IAAlB,QAAQ,EAAE;8CAA+B;AAb/B,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAsD5B"}

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

@@ -0,0 +1,59 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    position: relative;
+    display: block;
+  }
+
+  button {
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  button[data-size='sm'] {
+    padding: ${({ spacing }) => spacing[2]};
+  }
+
+  button[data-size='md'] {
+    padding: ${({ spacing }) => spacing[3]};
+  }
+
+  button[data-size='lg'] {
+    padding: ${({ spacing }) => spacing[4]};
+  }
+
+  button[data-variant='primary'] {
+    background: ${({ tokens }) => tokens.core.backgroundAccentPrimary};
+  }
+
+  button[data-variant='secondary'] {
+    background: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button:hover:enabled {
+    border-radius: ${({ borderRadius }) => borderRadius[3]};
+  }
+
+  button:disabled {
+    cursor: not-allowed;
+  }
+
+  button[data-loading='true'] {
+    cursor: not-allowed;
+  }
+
+  button[data-loading='true'][data-size='sm'] {
+    border-radius: ${({ borderRadius }) => borderRadius[32]};
+    padding: ${({ spacing }) => spacing[2]} ${({ spacing }) => spacing[3]};
+  }
+
+  button[data-loading='true'][data-size='md'] {
+    border-radius: ${({ borderRadius }) => borderRadius[20]};
+    padding: ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[4]};
+  }
+
+  button[data-loading='true'][data-size='lg'] {
+    border-radius: ${({ borderRadius }) => borderRadius[16]};
+    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[5]};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-connect-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;qBAOG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;eAI3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;eAI3B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;eAI3B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;kBAIxB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB;;;;kBAInD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;qBAI5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;qBAYrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;eAC5C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;qBAIpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;eAC5C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;qBAIpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;eAC5C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;CAExE,CAAA"}

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

@@ -0,0 +1,49 @@
+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 '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-button/index.js';
+import styles from './styles.js';
+let WuiCtaButton = class WuiCtaButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.label = '';
+        this.buttonLabel = '';
+    }
+    render() {
+        return html `
+      <wui-flex justifyContent="space-between" alignItems="center">
+        <wui-text variant="lg-regular" color="inherit">${this.label}</wui-text>
+        <wui-button variant="accent-secondary" size="sm">
+          ${this.buttonLabel}
+          <wui-icon name="chevronRight" color="inherit" size="inherit" slot="iconRight"></wui-icon>
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+};
+WuiCtaButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property({ type: Boolean })
+], WuiCtaButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiCtaButton.prototype, "label", void 0);
+__decorate([
+    property()
+], WuiCtaButton.prototype, "buttonLabel", void 0);
+WuiCtaButton = __decorate([
+    customElement('wui-cta-button')
+], WuiCtaButton);
+export { WuiCtaButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-cta-button/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,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,wBAAwB,CAAA;AAC/B,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAI+B,aAAQ,GAAG,KAAK,CAAA;QAEjC,UAAK,GAAG,EAAE,CAAA;QAEV,gBAAW,GAAG,EAAE,CAAA;IAcrC,CAAC;IAXiB,MAAM;QACpB,OAAO,IAAI,CAAA;;yDAE0C,IAAI,CAAC,KAAK;;YAEvD,IAAI,CAAC,WAAW;;;;KAIvB,CAAA;IACH,CAAC;;AApBsB,mBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGhC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAwB;AAEjC;IAAlB,QAAQ,EAAE;2CAAkB;AAEV;IAAlB,QAAQ,EAAE;iDAAwB;AARxB,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsBxB"}

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

@@ -0,0 +1,26 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  wui-flex {
+    width: 100%;
+    height: 52px;
+    box-sizing: border-box;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[5]};
+    padding-left: ${({ spacing }) => spacing[3]};
+    padding-right: ${({ spacing }) => spacing[3]};
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: ${({ spacing }) => spacing[6]};
+  }
+
+  wui-text {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-cta-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;wBAKM,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;oBACtC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;WAIrC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;aAIzB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;;;CAOtD,CAAA"}