@reown/appkit-ui 0.0.3

package/dist/esm/src/composites/wui-list-content/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 { 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 '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiListContent = class WuiListContent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = undefined;
+        this.textTitle = '';
+        this.textValue = undefined;
+    }
+    render() {
+        return html `
+      <wui-flex justifyContent="space-between" alignItems="center">
+        <wui-text variant="paragraph-500" color=${this.textValue ? 'fg-200' : 'fg-100'}>
+          ${this.textTitle}
+        </wui-text>
+        ${this.templateContent()}
+      </wui-flex>
+    `;
+    }
+    templateContent() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.textTitle}></wui-image>`;
+        }
+        else if (this.textValue) {
+            return html ` <wui-text variant="paragraph-400" color="fg-100"> ${this.textValue} </wui-text>`;
+        }
+        return html `<wui-icon size="inherit" color="fg-200" name="networkPlaceholder"></wui-icon>`;
+    }
+};
+WuiListContent.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListContent.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiListContent.prototype, "textTitle", void 0);
+__decorate([
+    property()
+], WuiListContent.prototype, "textValue", void 0);
+WuiListContent = __decorate([
+    customElement('wui-list-content')
+], WuiListContent);
+export { WuiListContent };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-content/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,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,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIc,aAAQ,GAAY,SAAS,CAAA;QAE7B,cAAS,GAAG,EAAE,CAAA;QAEd,cAAS,GAAY,SAAS,CAAA;IAwBnD,CAAC;IArBiB,MAAM;QACpB,OAAO,IAAI,CAAA;;kDAEmC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;YAC1E,IAAI,CAAC,SAAS;;UAEhB,IAAI,CAAC,eAAe,EAAE;;KAE3B,CAAA;IACH,CAAC;IAGO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,SAAS,eAAe,CAAA;QACjF,CAAC;aAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAA,sDAAsD,IAAI,CAAC,SAAS,cAAc,CAAA;QAC/F,CAAC;QAED,OAAO,IAAI,CAAA,+EAA+E,CAAA;IAC5F,CAAC;;AA9BsB,qBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;gDAAqC;AAE7B;IAAlB,QAAQ,EAAE;iDAAsB;AAEd;IAAlB,QAAQ,EAAE;iDAAsC;AARtC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAgC1B"}

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

@@ -0,0 +1,24 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    column-gap: var(--wui-spacing-s);
+    padding: 17px 18px 17px var(--wui-spacing-m);
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-250);
+  }
+
+  wui-image {
+    width: var(--wui-icon-size-lg);
+    height: var(--wui-icon-size-lg);
+    border-radius: var(--wui-border-radius-3xl);
+  }
+
+  wui-icon {
+    width: var(--wui-icon-size-lg);
+    height: var(--wui-icon-size-lg);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,79 @@
+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-text/index.js';
+import '../../components/wui-image/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 WuiListDescription = class WuiListDescription extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'card';
+        this.text = '';
+        this.description = '';
+        this.tag = undefined;
+        this.iconBackgroundColor = 'accent-100';
+        this.iconColor = 'accent-100';
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <button ontouchstart ?disabled=${this.disabled}>
+        <wui-icon-box
+          iconColor=${this.iconColor}
+          backgroundColor=${this.iconBackgroundColor}
+          size="inherit"
+          icon=${this.icon}
+          iconSize="md"
+        ></wui-icon-box>
+        <wui-flex flexDirection="column" justifyContent="spaceBetween">
+          ${this.titleTemplate()}
+          <wui-text variant="small-400" color="fg-200"> ${this.description}</wui-text></wui-flex
+        >
+      </button>
+    `;
+    }
+    titleTemplate() {
+        if (this.tag) {
+            return html ` <wui-flex alignItems="center" gap="xxs"
+        ><wui-text variant="paragraph-500" color="fg-100">${this.text}</wui-text
+        ><wui-tag tagType="main" size="md">${this.tag}</wui-tag>
+      </wui-flex>`;
+        }
+        return html `<wui-text variant="paragraph-500" color="fg-100">${this.text}</wui-text>`;
+    }
+};
+WuiListDescription.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListDescription.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "text", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "description", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "tag", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "iconBackgroundColor", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "iconColor", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListDescription.prototype, "disabled", void 0);
+WuiListDescription = __decorate([
+    customElement('wui-list-description')
+], WuiListDescription);
+export { WuiListDescription };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-description/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,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;AAIzB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIc,SAAI,GAAa,MAAM,CAAA;QAEvB,SAAI,GAAG,EAAE,CAAA;QAET,gBAAW,GAAG,EAAE,CAAA;QAEhB,QAAG,GAAY,SAAS,CAAA;QAExB,wBAAmB,GAAc,YAAY,CAAA;QAE7C,cAAS,GAAc,YAAY,CAAA;QAElB,aAAQ,GAAG,KAAK,CAAA;IAgCtD,CAAC;IA7BiB,MAAM;QACpB,OAAO,IAAI,CAAA;uCACwB,IAAI,CAAC,QAAQ;;sBAE9B,IAAI,CAAC,SAAS;4BACR,IAAI,CAAC,mBAAmB;;iBAEnC,IAAI,CAAC,IAAI;;;;YAId,IAAI,CAAC,aAAa,EAAE;0DAC0B,IAAI,CAAC,WAAW;;;KAGrE,CAAA;IACH,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,IAAI,CAAA;4DAC2C,IAAI,CAAC,IAAI;6CACxB,IAAI,CAAC,GAAG;kBACnC,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA,oDAAoD,IAAI,CAAC,IAAI,aAAa,CAAA;IACvF,CAAC;;AA9CsB,yBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;gDAA+B;AAEvB;IAAlB,QAAQ,EAAE;gDAAiB;AAET;IAAlB,QAAQ,EAAE;uDAAwB;AAEhB;IAAlB,QAAQ,EAAE;+CAAgC;AAExB;IAAlB,QAAQ,EAAE;+DAAqD;AAE7C;IAAlB,QAAQ,EAAE;qDAA2C;AAElB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAwB;AAhBzC,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAgD9B"}

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

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export default css `
+  button {
+    width: 100%;
+    display: flex;
+    gap: var(--wui-spacing-s);
+    align-items: center;
+    justify-content: flex-start;
+    padding: var(--wui-spacing-s) var(--wui-spacing-m) var(--wui-spacing-s) var(--wui-spacing-s);
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+  }
+
+  wui-icon-box {
+    width: var(--wui-spacing-2xl);
+    height: var(--wui-spacing-2xl);
+  }
+
+  wui-flex {
+    width: auto;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,115 @@
+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-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-loading-spinner/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-icon-box/index.js';
+import styles from './styles.js';
+let WuiListItem = class WuiListItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'icon';
+        this.disabled = false;
+        this.imageSrc = undefined;
+        this.alt = undefined;
+        this.chevron = false;
+        this.loading = false;
+    }
+    render() {
+        return html `
+      <button
+        ?disabled=${this.loading ? true : Boolean(this.disabled)}
+        data-loading=${this.loading}
+        data-iconvariant=${ifDefined(this.iconVariant)}
+        ontouchstart
+      >
+        ${this.loadingTemplate()} ${this.visualTemplate()}
+        <wui-flex gap="3xs">
+          <slot></slot>
+        </wui-flex>
+        ${this.chevronTemplate()}
+      </button>
+    `;
+    }
+    visualTemplate() {
+        if (this.variant === 'image' && this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.alt ?? 'list item'}></wui-image>`;
+        }
+        if (this.iconVariant === 'square' && this.icon && this.variant === 'icon') {
+            return html `<wui-icon name=${this.icon}></wui-icon>`;
+        }
+        if (this.variant === 'icon' && this.icon && this.iconVariant) {
+            const color = ['blue', 'square-blue'].includes(this.iconVariant) ? 'accent-100' : 'fg-200';
+            const size = this.iconVariant === 'square-blue' ? 'mdl' : 'md';
+            const iconSize = this.iconSize ? this.iconSize : size;
+            return html `
+        <wui-icon-box
+          data-variant=${this.iconVariant}
+          icon=${this.icon}
+          iconSize=${iconSize}
+          background="transparent"
+          iconColor=${color}
+          backgroundColor=${color}
+          size=${size}
+        ></wui-icon-box>
+      `;
+        }
+        return null;
+    }
+    loadingTemplate() {
+        if (this.loading) {
+            return html `<wui-loading-spinner color="fg-300"></wui-loading-spinner>`;
+        }
+        return html ``;
+    }
+    chevronTemplate() {
+        if (this.chevron) {
+            return html `<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`;
+        }
+        return null;
+    }
+};
+WuiListItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListItem.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "iconSize", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "variant", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "iconVariant", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiListItem.prototype, "alt", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "chevron", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListItem.prototype, "loading", void 0);
+WuiListItem = __decorate([
+    customElement('wui-list-item')
+], WuiListItem);
+export { WuiListItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-item/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,qCAAqC,CAAA;AAC5C,OAAO,+CAA+C,CAAA;AACtD,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,0BAA0B,CAAA;AACjC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAQc,YAAO,GAAqB,MAAM,CAAA;QAIjB,aAAQ,GAAG,KAAK,CAAA;QAEjC,aAAQ,GAAY,SAAS,CAAA;QAE7B,QAAG,GAAY,SAAS,CAAA;QAEP,YAAO,GAAG,KAAK,CAAA;QAEf,YAAO,GAAG,KAAK,CAAA;IAgErD,CAAC;IA7DiB,MAAM;QACpB,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;uBACzC,IAAI,CAAC,OAAO;2BACR,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;;;UAG5C,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE;;;;UAI/C,IAAI,CAAC,eAAe,EAAE;;KAE3B,CAAA;IACH,CAAC;IAGM,cAAc;QACnB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC9C,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,GAAG,IAAI,WAAW,eAAe,CAAA;QAC1F,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;YAC1E,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,IAAI,cAAc,CAAA;QACtD,CAAC;QACD,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YAC7D,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAA;YAC1F,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;YAC9D,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;YAErD,OAAO,IAAI,CAAA;;yBAEQ,IAAI,CAAC,WAAW;iBACxB,IAAI,CAAC,IAAI;qBACL,QAAQ;;sBAEP,KAAK;4BACC,KAAK;iBAChB,IAAI;;OAEd,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,eAAe;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,4DAA4D,CAAA;QACzE,CAAC;QAED,OAAO,IAAI,CAAA,EAAE,CAAA;IACf,CAAC;IAEM,eAAe;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,yEAAyE,CAAA;QACtF,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AAlFsB,kBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;yCAAuB;AAEf;IAAlB,QAAQ,EAAE;6CAA2B;AAEnB;IAAlB,QAAQ,EAAE;4CAA0C;AAElC;IAAlB,QAAQ,EAAE;gDAAmE;AAE1C;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAwB;AAEjC;IAAlB,QAAQ,EAAE;6CAAqC;AAE7B;IAAlB,QAAQ,EAAE;wCAAgC;AAEP;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAuB;AAEf;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAuB;AApBxC,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAoFvB"}

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

@@ -0,0 +1,87 @@
+import { css } from 'lit';
+export default css `
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 11px 18px 11px var(--wui-spacing-s);
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-250);
+    transition:
+      color var(--wui-ease-out-power-1) var(--wui-duration-md),
+      background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: color, background-color;
+  }
+
+  button[data-iconvariant='square'],
+  button[data-iconvariant='square-blue'] {
+    padding: 6px 18px 6px 9px;
+  }
+
+  button > wui-flex {
+    flex: 1;
+  }
+
+  button > wui-image {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+    border-radius: var(--wui-border-radius-3xl);
+  }
+
+  button > wui-icon {
+    width: 36px;
+    height: 36px;
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+  }
+
+  button > wui-icon-box[data-variant='blue'] {
+    box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='overlay'] {
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='square-blue'] {
+    border-radius: var(--wui-border-radius-3xs);
+    position: relative;
+    border: none;
+    width: 36px;
+    height: 36px;
+  }
+
+  button > wui-icon-box[data-variant='square-blue']::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-accent-glass-010);
+    pointer-events: none;
+  }
+
+  button > wui-icon:last-child {
+    width: 14px;
+    height: 14px;
+  }
+
+  button:disabled {
+    color: var(--wui-color-gray-glass-020);
+  }
+
+  button[data-loading='true'] > wui-icon {
+    opacity: 0;
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    right: 18px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,74 @@
+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-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-network-image/index.js';
+import styles from './styles.js';
+let WuiListNetwork = class WuiListNetwork extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = '';
+        this.name = '';
+        this.disabled = false;
+        this.selected = false;
+        this.transparent = false;
+    }
+    render() {
+        return html `
+      <button data-transparent=${this.transparent} ?disabled=${this.disabled} ontouchstart>
+        <wui-flex gap="s" alignItems="center">
+          ${this.templateNetworkImage()}
+          <wui-text variant="paragraph-500" color="inherit">${this.name}</wui-text></wui-flex
+        >
+        ${this.checkmarkTemplate()}
+      </button>
+    `;
+    }
+    checkmarkTemplate() {
+        if (this.selected) {
+            return html `<wui-icon size="sm" color="accent-100" name="checkmarkBold"></wui-icon>`;
+        }
+        return null;
+    }
+    templateNetworkImage() {
+        if (this.imageSrc) {
+            return html `<wui-image size="sm" src=${this.imageSrc} name=${this.name}></wui-image>`;
+        }
+        if (!this.imageSrc) {
+            return html `<wui-network-image
+        ?round=${true}
+        size="md"
+        name=${this.name}
+      ></wui-network-image>`;
+        }
+        return null;
+    }
+};
+WuiListNetwork.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListNetwork.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiListNetwork.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListNetwork.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListNetwork.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListNetwork.prototype, "transparent", void 0);
+WuiListNetwork = __decorate([
+    customElement('wui-list-network')
+], WuiListNetwork);
+export { WuiListNetwork };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-network/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,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,+BAA+B,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIc,aAAQ,GAAI,EAAE,CAAA;QAEd,SAAI,GAAG,EAAE,CAAA;QAEQ,aAAQ,GAAG,KAAK,CAAA;QAEhB,aAAQ,GAAG,KAAK,CAAA;QAEhB,gBAAW,GAAG,KAAK,CAAA;IAsCzD,CAAC;IAnCiB,MAAM;QACpB,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,WAAW,cAAc,IAAI,CAAC,QAAQ;;YAEhE,IAAI,CAAC,oBAAoB,EAAE;8DACuB,IAAI,CAAC,IAAI;;UAE7D,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAA;IACH,CAAC;IAGO,iBAAiB;QACvB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,yEAAyE,CAAA;QACtF,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,4BAA4B,IAAI,CAAC,QAAQ,SAAS,IAAI,CAAC,IAAI,eAAe,CAAA;QACvF,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;iBACA,IAAI;;eAEN,IAAI,CAAC,IAAI;4BACI,CAAA;QACxB,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AAhDsB,qBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;gDAAsB;AAEd;IAAlB,QAAQ,EAAE;4CAAiB;AAEQ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAwB;AAEhB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAwB;AAEhB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAA2B;AAZ5C,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAkD1B"}

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

@@ -0,0 +1,47 @@
+import { css } from 'lit';
+export default css `
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
+    width: 100%;
+    transition: all var(--wui-ease-out-power-1) var(--wui-duration-md);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-100);
+  }
+
+  button > wui-text:nth-child(2) {
+    display: flex;
+    flex: 1;
+  }
+
+  button[data-transparent='true'] {
+    pointer-events: none;
+    background-color: transparent;
+  }
+
+  button:hover {
+    background-color: var(--wui-color-gray-glass-002);
+  }
+
+  button:active {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  wui-image {
+    width: var(--wui-spacing-3xl);
+    height: var(--wui-spacing-3xl);
+    border-radius: 100%;
+  }
+
+  button:disabled {
+    background-color: var(--wui-color-gray-glass-002);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  button:disabled > wui-tag {
+    background-color: var(--wui-color-gray-glass-010);
+    color: var(--wui-color-fg-300);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,61 @@
+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-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-logo/index.js';
+import styles from './styles.js';
+let WuiListSocial = class WuiListSocial extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.logo = 'google';
+        this.name = 'Continue with google';
+        this.align = 'left';
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled} ontouchstart>
+        <wui-logo logo=${this.logo}></wui-logo>
+        <wui-text
+          data-align=${this.align}
+          variant="paragraph-500"
+          color="inherit"
+          align=${this.align}
+          >${this.name}</wui-text
+        >
+        ${this.templatePlacement()}
+      </button>
+    `;
+    }
+    templatePlacement() {
+        if (this.align === 'center') {
+            return html ` <wui-logo class="invisible" logo=${this.logo}></wui-logo>`;
+        }
+        return null;
+    }
+};
+WuiListSocial.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListSocial.prototype, "logo", void 0);
+__decorate([
+    property()
+], WuiListSocial.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiListSocial.prototype, "align", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListSocial.prototype, "disabled", void 0);
+WuiListSocial = __decorate([
+    customElement('wui-list-social')
+], WuiListSocial);
+export { WuiListSocial };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-social/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,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,sBAAsB,CAAA;AAC7B,OAAO,MAAM,MAAM,aAAa,CAAA;AAIzB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIc,SAAI,GAAa,QAAQ,CAAA;QAEzB,SAAI,GAAG,sBAAsB,CAAA;QAE7B,UAAK,GAAsB,MAAM,CAAA;QAEhB,aAAQ,GAAG,KAAK,CAAA;IA2BtD,CAAC;IAxBiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ;yBACd,IAAI,CAAC,IAAI;;uBAEX,IAAI,CAAC,KAAK;;;kBAGf,IAAI,CAAC,KAAK;aACf,IAAI,CAAC,IAAI;;UAEZ,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAA;IACH,CAAC;IAGO,iBAAiB;QACvB,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAA,qCAAqC,IAAI,CAAC,IAAI,cAAc,CAAA;QACzE,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AAnCsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;2CAAiC;AAEzB;IAAlB,QAAQ,EAAE;2CAAqC;AAE7B;IAAlB,QAAQ,EAAE;4CAAyC;AAEhB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAwB;AAVzC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAqCzB"}

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

@@ -0,0 +1,38 @@
+import { css } from 'lit';
+export default css `
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
+    width: 100%;
+    justify-content: flex-start;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-100);
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  wui-text[data-align='left'] {
+    display: flex;
+    flex: 1;
+  }
+
+  wui-text[data-align='center'] {
+    display: flex;
+    flex: 1;
+    justify-content: center;
+  }
+
+  .invisible {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  button:disabled {
+    background-color: var(--wui-color-gray-glass-015);
+    color: var(--wui-color-gray-glass-015);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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