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

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

@@ -0,0 +1,53 @@
+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 { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiTag = class WuiTag extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'accent';
+        this.size = 'md';
+        this.icon = undefined;
+    }
+    render() {
+        this.dataset['variant'] = this.variant;
+        this.dataset['size'] = this.size;
+        const textVariant = this.size === 'md' ? 'md-medium' : 'sm-medium';
+        const iconSize = this.size === 'md' ? 'md' : 'sm';
+        return html `
+      ${this.icon ? html `<wui-icon size=${iconSize} name=${this.icon}></wui-icon>` : null}
+      <wui-text
+        display="inline"
+        data-variant=${this.variant}
+        variant=${textVariant}
+        color="inherit"
+      >
+        <slot></slot>
+      </wui-text>
+    `;
+    }
+};
+WuiTag.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiTag.prototype, "variant", void 0);
+__decorate([
+    property()
+], WuiTag.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiTag.prototype, "icon", void 0);
+WuiTag = __decorate([
+    customElement('wui-tag')
+], WuiTag);
+export { WuiTag };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tag/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,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAIc,YAAO,GAAe,QAAQ,CAAA;QAE9B,SAAI,GAAY,IAAI,CAAA;QAEpB,SAAI,GAAyB,SAAS,CAAA;IAqB3D,CAAC;IAlBiB,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;QAChC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAA;QAClE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;QAEjD,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,QAAQ,SAAS,IAAI,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,IAAI;;;uBAGlE,IAAI,CAAC,OAAO;kBACjB,WAAW;;;;;KAKxB,CAAA;IACH,CAAC;;AA3BsB,aAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;uCAAsC;AAE9B;IAAlB,QAAQ,EAAE;oCAA4B;AAEpB;IAAlB,QAAQ,EAAE;oCAA8C;AAR9C,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CA6BlB"}

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

@@ -0,0 +1,54 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: ${({ spacing }) => spacing[1]};
+    text-transform: uppercase;
+    white-space: nowrap;
+  }
+
+  :host([data-variant='accent']) {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+    color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  :host([data-variant='info']) {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  :host([data-variant='success']) {
+    background-color: ${({ tokens }) => tokens.core.backgroundSuccess};
+    color: ${({ tokens }) => tokens.core.textSuccess};
+  }
+
+  :host([data-variant='warning']) {
+    background-color: ${({ tokens }) => tokens.core.backgroundWarning};
+    color: ${({ tokens }) => tokens.core.textWarning};
+  }
+
+  :host([data-variant='error']) {
+    background-color: ${({ tokens }) => tokens.core.backgroundError};
+    color: ${({ tokens }) => tokens.core.textError};
+  }
+
+  :host([data-variant='certified']) {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  :host([data-size='md']) {
+    height: 30px;
+    padding: 0 ${({ spacing }) => spacing[2]};
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  :host([data-size='sm']) {
+    height: 20px;
+    padding: 0 ${({ spacing }) => spacing[1]};
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tag/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;WAKP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;wBAMd,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;aAC1D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;wBAIlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;aAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;wBAI/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;aACxD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;;;;wBAI5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;aACxD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;;;;wBAI5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;aACtD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;;;;wBAI1B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;aAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;iBAKtC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACvB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;iBAKzC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACvB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;CAEzD,CAAA"}

package/dist/esm/src/composites/wui-toast-message/index.js

@@ -0,0 +1,52 @@
+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 { AlertController } from '@reown/appkit-controllers';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+const ICON_BY_VARIANT = {
+    info: 'info',
+    success: 'checkmark',
+    warning: 'warningCircle',
+    error: 'warning'
+};
+let WuiToastMessage = class WuiToastMessage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.message = '';
+        this.variant = 'info';
+    }
+    render() {
+        this.dataset['variant'] = this.variant;
+        return html `
+      <wui-icon name=${ICON_BY_VARIANT[this.variant]}></wui-icon>
+      <wui-text variant="md-medium" color="primary" data-testid="wui-toast-message-text">
+        ${this.message}
+      </wui-text>
+      <wui-icon size="lg" name="close" @click=${this.onClose}></wui-icon>
+    `;
+    }
+    onClose() {
+        AlertController.close();
+    }
+};
+WuiToastMessage.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiToastMessage.prototype, "message", void 0);
+__decorate([
+    property()
+], WuiToastMessage.prototype, "variant", void 0);
+WuiToastMessage = __decorate([
+    customElement('wui-toast-message')
+], WuiToastMessage);
+export { WuiToastMessage };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-toast-message/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGhC,MAAM,eAAe,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,SAAS;CACwB,CAAA;AAGnC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIc,YAAO,GAAG,EAAE,CAAA;QAEZ,YAAO,GAAwB,MAAM,CAAA;IAmB1D,CAAC;IAhBiB,MAAM;QACpB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,OAAO,CAAA;QAEtC,OAAO,IAAI,CAAA;uBACQ,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC;;UAE1C,IAAI,CAAC,OAAO;;gDAE0B,IAAI,CAAC,OAAO;KACvD,CAAA;IACH,CAAC;IAGO,OAAO;QACb,eAAe,CAAC,KAAK,EAAE,CAAA;IACzB,CAAC;;AAvBsB,sBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;gDAAoB;AAEZ;IAAlB,QAAQ,EAAE;gDAA6C;AAN7C,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAyB3B"}

package/dist/esm/src/composites/wui-toast-message/styles.js

@@ -0,0 +1,56 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: flex;
+    align-items: center;
+    padding: ${({ spacing }) => spacing[3]};
+    column-gap: ${({ spacing }) => spacing[2]};
+    border-radius: ${({ borderRadius }) => borderRadius[5]};
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
+    user-select: none;
+  }
+
+  wui-text {
+    word-break: break-word;
+    flex: 1;
+  }
+
+  wui-icon:first-child {
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    padding: ${({ spacing }) => spacing[3]};
+    height: 16px;
+    width: 16px;
+  }
+
+  wui-icon:last-child {
+    cursor: pointer;
+  }
+
+  wui-icon:last-child {
+    color: ${({ tokens }) => tokens.theme.iconInverse};
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  :host([variant='info']) > wui-icon:first-child {
+    background: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  :host([variant='success']) > wui-icon:first-child {
+    background: ${({ tokens }) => tokens.core.backgroundSuccess};
+    color: ${({ tokens }) => tokens.core.borderSuccess};
+  }
+
+  :host([variant='warning']) > wui-icon:first-child {
+    background: ${({ tokens }) => tokens.core.backgroundWarning};
+    color: ${({ tokens }) => tokens.core.borderWarning};
+  }
+
+  :host([variant='error']) > wui-icon:first-child {
+    background: ${({ tokens }) => tokens.core.backgroundError};
+    color: ${({ tokens }) => tokens.core.iconError};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-toast-message/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;eAIH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;kBACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACxB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;kBAChD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;;;;qBAW3C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;eAC3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;aAU7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;kBAKnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;aACrD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;kBAInC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;aAClD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa;;;;kBAIpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;aAClD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa;;;;kBAIpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;aAChD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;;CAEjD,CAAA"}

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

@@ -0,0 +1,57 @@
+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 { createRef, ref } from 'lit/directives/ref.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiToggle = class WuiToggle extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.inputElementRef = createRef();
+        this.checked = false;
+        this.disabled = false;
+        this.size = 'md';
+    }
+    render() {
+        return html `
+      <label data-size=${this.size}>
+        <input
+          ${ref(this.inputElementRef)}
+          type="checkbox"
+          ?checked=${this.checked}
+          ?disabled=${this.disabled}
+          @change=${this.dispatchChangeEvent.bind(this)}
+        />
+        <span></span>
+      </label>
+    `;
+    }
+    dispatchChangeEvent() {
+        this.dispatchEvent(new CustomEvent('switchChange', {
+            detail: this.inputElementRef.value?.checked,
+            bubbles: true,
+            composed: true
+        }));
+    }
+};
+WuiToggle.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property({ type: Boolean })
+], WuiToggle.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiToggle.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiToggle.prototype, "size", void 0);
+WuiToggle = __decorate([
+    customElement('wui-toggle')
+], WuiToggle);
+export { WuiToggle };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-toggle/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAEhE,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,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIE,oBAAe,GAA0B,SAAS,EAAoB,CAAA;QAGzC,YAAO,GAAa,KAAK,CAAA;QAEzB,aAAQ,GAAG,KAAK,CAAA;QAEjC,SAAI,GAAe,IAAI,CAAA;IA4B5C,CAAC;IAzBiB,MAAM;QACpB,OAAO,IAAI,CAAA;yBACU,IAAI,CAAC,IAAI;;YAEtB,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;;qBAEhB,IAAI,CAAC,OAAO;sBACX,IAAI,CAAC,QAAQ;oBACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;KAIlD,CAAA;IACH,CAAC;IAGO,mBAAmB;QACzB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;YAC9B,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO;YAC3C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;IACH,CAAC;;AArCsB,gBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAMhC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAiC;AAEzB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAwB;AAEjC;IAAlB,QAAQ,EAAE;uCAA+B;AAX/B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuCrB"}

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

@@ -0,0 +1,166 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  label {
+    position: relative;
+    display: inline-block;
+    user-select: none;
+    transition:
+      background-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      color ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      border ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      box-shadow ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      width ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      height ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      transform ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      opacity ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color, color, border, box-shadow, width, height, transform, opacity;
+  }
+
+  input {
+    width: 0;
+    height: 0;
+    opacity: 0;
+  }
+
+  span {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: ${({ colors }) => colors.neutrals300};
+    border-radius: ${({ borderRadius }) => borderRadius.round};
+    border: 1px solid transparent;
+    will-change: border;
+    transition:
+      background-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      color ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      border ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      box-shadow ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      width ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      height ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      transform ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      opacity ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color, color, border, box-shadow, width, height, transform, opacity;
+  }
+
+  span:before {
+    content: '';
+    position: absolute;
+    background-color: ${({ colors }) => colors.white};
+    border-radius: 50%;
+  }
+
+  /* -- Sizes --------------------------------------------------------- */
+  label[data-size='lg'] {
+    width: 48px;
+    height: 32px;
+  }
+
+  label[data-size='md'] {
+    width: 40px;
+    height: 28px;
+  }
+
+  label[data-size='sm'] {
+    width: 32px;
+    height: 22px;
+  }
+
+  label[data-size='lg'] > span:before {
+    height: 24px;
+    width: 24px;
+    left: 4px;
+    top: 3px;
+  }
+
+  label[data-size='md'] > span:before {
+    height: 20px;
+    width: 20px;
+    left: 4px;
+    top: 3px;
+  }
+
+  label[data-size='sm'] > span:before {
+    height: 16px;
+    width: 16px;
+    left: 3px;
+    top: 2px;
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  input:focus-visible:not(:checked) + span,
+  input:focus:not(:checked) + span {
+    border: 1px solid ${({ tokens }) => tokens.core.iconAccentPrimary};
+    background-color: ${({ tokens }) => tokens.theme.textTertiary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  input:focus-visible:checked + span,
+  input:focus:checked + span {
+    border: 1px solid ${({ tokens }) => tokens.core.iconAccentPrimary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  /* -- Checked states --------------------------------------------------- */
+  input:checked + span {
+    background-color: ${({ tokens }) => tokens.core.iconAccentPrimary};
+  }
+
+  label[data-size='lg'] > input:checked + span:before {
+    transform: translateX(calc(100% - 9px));
+  }
+
+  label[data-size='md'] > input:checked + span:before {
+    transform: translateX(calc(100% - 9px));
+  }
+
+  label[data-size='sm'] > input:checked + span:before {
+    transform: translateX(calc(100% - 7px));
+  }
+
+  /* -- Hover states ------------------------------------------------------- */
+  label:hover > input:not(:checked):not(:disabled) + span {
+    background-color: ${({ colors }) => colors.neutrals400};
+  }
+
+  label:hover > input:checked:not(:disabled) + span {
+    background-color: ${({ colors }) => colors.accent080};
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  label:has(input:disabled) {
+    pointer-events: none;
+    user-select: none;
+  }
+
+  input:not(:checked):disabled + span {
+    background-color: ${({ colors }) => colors.neutrals700};
+  }
+
+  input:checked:disabled + span {
+    background-color: ${({ colors }) => colors.neutrals700};
+  }
+
+  input:not(:checked):disabled + span::before {
+    background-color: ${({ colors }) => colors.neutrals400};
+  }
+
+  input:checked:disabled + span::before {
+    background-color: ${({ tokens }) => tokens.theme.textTertiary};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/composites/wui-token-button/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 '../../components/wui-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-shimmer/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';
+const TEXT_VARIANT_BY_SIZE = {
+    lg: 'lg-regular',
+    md: 'lg-regular',
+    sm: 'md-regular'
+};
+const ICON_SIZE_BY_SIZE = {
+    lg: 'lg',
+    md: 'md',
+    sm: 'sm'
+};
+let WuiTokenButton = class WuiTokenButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.disabled = false;
+        this.text = '';
+        this.loading = false;
+    }
+    render() {
+        if (this.loading) {
+            return html ` <wui-flex alignItems="center" gap="01" padding="01">
+        <wui-shimmer width="20px" height="20px"></wui-shimmer>
+        <wui-shimmer width="32px" height="18px" borderRadius="4xs"></wui-shimmer>
+      </wui-flex>`;
+        }
+        return html `
+      <button ?disabled=${this.disabled} data-size=${this.size}>
+        ${this.imageTemplate()} ${this.textTemplate()}
+      </button>
+    `;
+    }
+    imageTemplate() {
+        if (this.imageSrc && this.chainImageSrc) {
+            return html `<wui-flex class="left-image-container">
+        <wui-image src=${this.imageSrc} class="token-image"></wui-image>
+        <wui-image src=${this.chainImageSrc} class="chain-image"></wui-image>
+      </wui-flex>`;
+        }
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} class="token-image"></wui-image>`;
+        }
+        const iconSize = ICON_SIZE_BY_SIZE[this.size];
+        return html `<wui-flex class="left-icon-container">
+      <wui-icon size=${iconSize} name="networkPlaceholder"></wui-icon>
+    </wui-flex>`;
+    }
+    textTemplate() {
+        const textVariant = TEXT_VARIANT_BY_SIZE[this.size];
+        return html `<wui-text color="primary" variant=${textVariant}
+      >${this.text}</wui-text
+    >`;
+    }
+};
+WuiTokenButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiTokenButton.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiTokenButton.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiTokenButton.prototype, "chainImageSrc", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiTokenButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiTokenButton.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiTokenButton.prototype, "loading", void 0);
+WuiTokenButton = __decorate([
+    customElement('wui-token-button')
+], WuiTokenButton);
+export { WuiTokenButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-token-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,uCAAuC,CAAA;AAC9C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,MAAM,oBAAoB,GAAG;IAC3B,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACjB,CAAA;AAED,MAAM,iBAAiB,GAAG;IACxB,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CAC2B,CAAA;AAG9B,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIc,SAAI,GAAuB,IAAI,CAAA;QAMd,aAAQ,GAAG,KAAK,CAAA;QAEjC,SAAI,GAAG,EAAE,CAAA;QAEQ,YAAO,GAAG,KAAK,CAAA;IA6CrD,CAAC;IA1CiB,MAAM;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA;;;kBAGC,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,cAAc,IAAI,CAAC,IAAI;UACpD,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE;;KAEhD,CAAA;IACH,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA;yBACQ,IAAI,CAAC,QAAQ;yBACb,IAAI,CAAC,aAAa;kBACzB,CAAA;QACd,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,mCAAmC,CAAA;QAC/E,CAAC;QAED,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAE7C,OAAO,IAAI,CAAA;uBACQ,QAAQ;gBACf,CAAA;IACd,CAAC;IAEO,YAAY;QAClB,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEnD,OAAO,IAAI,CAAA,qCAAqC,WAAuB;SAClE,IAAI,CAAC,IAAI;MACZ,CAAA;IACJ,CAAC;;AAzDsB,qBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;4CAAuC;AAE/B;IAAlB,QAAQ,EAAE;gDAAyB;AAEjB;IAAlB,QAAQ,EAAE;qDAA8B;AAEL;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAwB;AAEjC;IAAlB,QAAQ,EAAE;4CAAiB;AAEQ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAuB;AAdxC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA2D1B"}