@reown/appkit-ui 0.0.3

package/dist/esm/src/components/wui-loading-spinner/styles.js

@@ -0,0 +1,71 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+  }
+
+  :host([data-size='sm']) > svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  :host([data-size='md']) > svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  :host([data-size='lg']) > svg {
+    width: 24px;
+    height: 24px;
+  }
+
+  :host([data-size='xl']) > svg {
+    width: 32px;
+    height: 32px;
+  }
+
+  svg {
+    animation: rotate 2s linear infinite;
+  }
+
+  circle {
+    fill: none;
+    stroke: var(--local-color);
+    stroke-width: 4px;
+    stroke-dasharray: 1, 124;
+    stroke-dashoffset: 0;
+    stroke-linecap: round;
+    animation: dash 1.5s ease-in-out infinite;
+  }
+
+  :host([data-size='md']) > svg > circle {
+    stroke-width: 6px;
+  }
+
+  :host([data-size='sm']) > svg > circle {
+    stroke-width: 8px;
+  }
+
+  @keyframes rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes dash {
+    0% {
+      stroke-dasharray: 1, 124;
+      stroke-dashoffset: 0;
+    }
+
+    50% {
+      stroke-dasharray: 90, 124;
+      stroke-dashoffset: -35;
+    }
+
+    100% {
+      stroke-dashoffset: -125;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-loading-spinner/styles.js.map

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

package/dist/esm/src/components/wui-loading-thumbnail/index.js

@@ -0,0 +1,50 @@
+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 { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiLoadingThumbnail = class WuiLoadingThumbnail extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.radius = 36;
+    }
+    render() {
+        return this.svgLoaderTemplate();
+    }
+    svgLoaderTemplate() {
+        const radius = this.radius > 50 ? 50 : this.radius;
+        const standardValue = 36;
+        const radiusFactor = standardValue - radius;
+        const dashArrayStart = 116 + radiusFactor;
+        const dashArrayEnd = 245 + radiusFactor;
+        const dashOffset = 360 + radiusFactor * 1.75;
+        return html `
+      <svg viewBox="0 0 110 110" width="110" height="110">
+        <rect
+          x="2"
+          y="2"
+          width="106"
+          height="106"
+          rx=${radius}
+          stroke-dasharray="${dashArrayStart} ${dashArrayEnd}"
+          stroke-dashoffset=${dashOffset}
+        />
+      </svg>
+    `;
+    }
+};
+WuiLoadingThumbnail.styles = [resetStyles, styles];
+__decorate([
+    property({ type: Number })
+], WuiLoadingThumbnail.prototype, "radius", void 0);
+WuiLoadingThumbnail = __decorate([
+    customElement('wui-loading-thumbnail')
+], WuiLoadingThumbnail);
+export { WuiLoadingThumbnail };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-loading-thumbnail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-loading-thumbnail/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,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAI8B,WAAM,GAAG,EAAE,CAAA;IA6BhD,CAAC;IA1BiB,MAAM;QACpB,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAEO,iBAAiB;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAA;QAClD,MAAM,aAAa,GAAG,EAAE,CAAA;QACxB,MAAM,YAAY,GAAG,aAAa,GAAG,MAAM,CAAA;QAC3C,MAAM,cAAc,GAAG,GAAG,GAAG,YAAY,CAAA;QACzC,MAAM,YAAY,GAAG,GAAG,GAAG,YAAY,CAAA;QACvC,MAAM,UAAU,GAAG,GAAG,GAAG,YAAY,GAAG,IAAI,CAAA;QAE5C,OAAO,IAAI,CAAA;;;;;;;eAOA,MAAM;8BACS,cAAc,IAAI,YAAY;8BAC9B,UAAU;;;KAGnC,CAAA;IACH,CAAC;;AA/BsB,0BAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlB;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAmB;AAJnC,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAiC/B"}

package/dist/esm/src/components/wui-loading-thumbnail/styles.js

@@ -0,0 +1,28 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: var(--wui-box-size-md);
+    height: var(--wui-box-size-md);
+  }
+
+  svg {
+    width: var(--wui-box-size-md);
+    height: var(--wui-box-size-md);
+  }
+
+  rect {
+    fill: none;
+    stroke: var(--wui-color-accent-100);
+    stroke-width: 4px;
+    stroke-linecap: round;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-loading-thumbnail/styles.js.map

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

package/dist/esm/src/components/wui-shimmer/index.js

@@ -0,0 +1,45 @@
+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 { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiShimmer = class WuiShimmer extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.width = '';
+        this.height = '';
+        this.borderRadius = 'm';
+        this.variant = 'default';
+    }
+    render() {
+        this.style.cssText = `
+      width: ${this.width};
+      height: ${this.height};
+      border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};
+    `;
+        return html `<slot></slot>`;
+    }
+};
+WuiShimmer.styles = [styles];
+__decorate([
+    property()
+], WuiShimmer.prototype, "width", void 0);
+__decorate([
+    property()
+], WuiShimmer.prototype, "height", void 0);
+__decorate([
+    property()
+], WuiShimmer.prototype, "borderRadius", void 0);
+__decorate([
+    property()
+], WuiShimmer.prototype, "variant", void 0);
+WuiShimmer = __decorate([
+    customElement('wui-shimmer')
+], WuiShimmer);
+export { WuiShimmer };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-shimmer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-shimmer/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,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAMzB,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAIc,UAAK,GAAG,EAAE,CAAA;QAEV,WAAM,GAAG,EAAE,CAAA;QAEX,iBAAY,GAAqB,GAAG,CAAA;QAEpC,YAAO,GAAY,SAAS,CAAA;IAYjD,CAAC;IATiB,MAAM;QACpB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;eACV,IAAI,CAAC,KAAK;gBACT,IAAI,CAAC,MAAM;uBACJ,qCAAqC,IAAI,CAAC,YAAY,UAAU;KAClF,CAAA;QAED,OAAO,IAAI,CAAA,eAAe,CAAA;IAC5B,CAAC;;AApBsB,iBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAW;AAGrB;IAAlB,QAAQ,EAAE;yCAAkB;AAEV;IAAlB,QAAQ,EAAE;0CAAmB;AAEX;IAAlB,QAAQ,EAAE;gDAA4C;AAEpC;IAAlB,QAAQ,EAAE;2CAAoC;AAVpC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAsBtB"}

package/dist/esm/src/components/wui-shimmer/styles.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+    background: linear-gradient(
+      120deg,
+      var(--wui-color-bg-200) 5%,
+      var(--wui-color-bg-200) 48%,
+      var(--wui-color-bg-300) 55%,
+      var(--wui-color-bg-300) 60%,
+      var(--wui-color-bg-300) calc(60% + 10px),
+      var(--wui-color-bg-200) calc(60% + 12px),
+      var(--wui-color-bg-200) 100%
+    );
+    background-size: 250%;
+    animation: shimmer 3s linear infinite reverse;
+  }
+
+  :host([variant='light']) {
+    background: linear-gradient(
+      120deg,
+      var(--wui-color-bg-150) 5%,
+      var(--wui-color-bg-150) 48%,
+      var(--wui-color-bg-200) 55%,
+      var(--wui-color-bg-200) 60%,
+      var(--wui-color-bg-200) calc(60% + 10px),
+      var(--wui-color-bg-150) calc(60% + 12px),
+      var(--wui-color-bg-150) 100%
+    );
+    background-size: 250%;
+  }
+
+  @keyframes shimmer {
+    from {
+      background-position: -250% 0;
+    }
+    to {
+      background-position: 250% 0;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-shimmer/styles.js.map

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

package/dist/esm/src/components/wui-text/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 { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiText = class WuiText extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'paragraph-500';
+        this.color = 'fg-300';
+        this.align = 'left';
+        this.lineClamp = undefined;
+    }
+    render() {
+        const classes = {
+            [`wui-font-${this.variant}`]: true,
+            [`wui-color-${this.color}`]: true,
+            [`wui-line-clamp-${this.lineClamp}`]: this.lineClamp ? true : false
+        };
+        this.style.cssText = `
+      --local-align: ${this.align};
+      --local-color: var(--wui-color-${this.color});
+    `;
+        return html `<slot class=${classMap(classes)}></slot>`;
+    }
+};
+WuiText.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiText.prototype, "variant", void 0);
+__decorate([
+    property()
+], WuiText.prototype, "color", void 0);
+__decorate([
+    property()
+], WuiText.prototype, "align", void 0);
+__decorate([
+    property()
+], WuiText.prototype, "lineClamp", void 0);
+WuiText = __decorate([
+    customElement('wui-text')
+], WuiText);
+export { WuiText };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-text/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,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,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,eAAe,CAAA;QAEnC,UAAK,GAAc,QAAQ,CAAA;QAE3B,UAAK,GAAe,MAAM,CAAA;QAE1B,cAAS,GAAe,SAAS,CAAA;IAkBtD,CAAC;IAfiB,MAAM;QACpB,MAAM,OAAO,GAAG;YACd,CAAC,YAAY,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YAClC,CAAC,aAAa,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;YAEjC,CAAC,kBAAkB,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;SACpE,CAAA;QAED,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;uBACF,IAAI,CAAC,KAAK;uCACM,IAAI,CAAC,KAAK;KAC5C,CAAA;QAED,OAAO,IAAI,CAAA,eAAe,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAA;IACvD,CAAC;;AA1BsB,cAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAGlC;IAAlB,QAAQ,EAAE;wCAA2C;AAEnC;IAAlB,QAAQ,EAAE;sCAAmC;AAE3B;IAAlB,QAAQ,EAAE;sCAAkC;AAE1B;IAAlB,QAAQ,EAAE;0CAAyC;AAVzC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CA4BnB"}

package/dist/esm/src/components/wui-text/styles.js

@@ -0,0 +1,137 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: inline-flex !important;
+  }
+
+  slot {
+    width: 100%;
+    display: inline-block;
+    font-style: normal;
+    font-family: var(--wui-font-family);
+    font-feature-settings:
+      'tnum' on,
+      'lnum' on,
+      'case' on;
+    line-height: 130%;
+    font-weight: var(--wui-font-weight-regular);
+    overflow: inherit;
+    text-overflow: inherit;
+    text-align: var(--local-align);
+    color: var(--local-color);
+  }
+
+  .wui-line-clamp-1 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+
+  .wui-line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+
+  .wui-font-medium-400 {
+    font-size: var(--wui-font-size-medium);
+    font-weight: var(--wui-font-weight-light);
+    letter-spacing: var(--wui-letter-spacing-medium);
+  }
+
+  .wui-font-medium-600 {
+    font-size: var(--wui-font-size-medium);
+    letter-spacing: var(--wui-letter-spacing-medium);
+  }
+
+  .wui-font-title-600 {
+    font-size: var(--wui-font-size-title);
+    letter-spacing: var(--wui-letter-spacing-title);
+  }
+
+  .wui-font-title-6-600 {
+    font-size: var(--wui-font-size-title-6);
+    letter-spacing: var(--wui-letter-spacing-title-6);
+  }
+
+  .wui-font-mini-700 {
+    font-size: var(--wui-font-size-mini);
+    letter-spacing: var(--wui-letter-spacing-mini);
+    text-transform: uppercase;
+  }
+
+  .wui-font-large-500,
+  .wui-font-large-600,
+  .wui-font-large-700 {
+    font-size: var(--wui-font-size-large);
+    letter-spacing: var(--wui-letter-spacing-large);
+  }
+
+  .wui-font-2xl-500,
+  .wui-font-2xl-600,
+  .wui-font-2xl-700 {
+    font-size: var(--wui-font-size-2xl);
+    letter-spacing: var(--wui-letter-spacing-2xl);
+  }
+
+  .wui-font-paragraph-400,
+  .wui-font-paragraph-500,
+  .wui-font-paragraph-600,
+  .wui-font-paragraph-700 {
+    font-size: var(--wui-font-size-paragraph);
+    letter-spacing: var(--wui-letter-spacing-paragraph);
+  }
+
+  .wui-font-small-400,
+  .wui-font-small-500,
+  .wui-font-small-600 {
+    font-size: var(--wui-font-size-small);
+    letter-spacing: var(--wui-letter-spacing-small);
+  }
+
+  .wui-font-tiny-400,
+  .wui-font-tiny-500,
+  .wui-font-tiny-600 {
+    font-size: var(--wui-font-size-tiny);
+    letter-spacing: var(--wui-letter-spacing-tiny);
+  }
+
+  .wui-font-micro-700,
+  .wui-font-micro-600 {
+    font-size: var(--wui-font-size-micro);
+    letter-spacing: var(--wui-letter-spacing-micro);
+    text-transform: uppercase;
+  }
+
+  .wui-font-tiny-400,
+  .wui-font-small-400,
+  .wui-font-medium-400,
+  .wui-font-paragraph-400 {
+    font-weight: var(--wui-font-weight-light);
+  }
+
+  .wui-font-large-700,
+  .wui-font-paragraph-700,
+  .wui-font-micro-700,
+  .wui-font-mini-700 {
+    font-weight: var(--wui-font-weight-bold);
+  }
+
+  .wui-font-medium-600,
+  .wui-font-medium-title-600,
+  .wui-font-title-6-600,
+  .wui-font-large-600,
+  .wui-font-paragraph-600,
+  .wui-font-small-600,
+  .wui-font-tiny-600,
+  .wui-font-micro-600 {
+    font-weight: var(--wui-font-weight-medium);
+  }
+
+  :host([disabled]) {
+    opacity: 0.4;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-text/styles.js.map

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

package/dist/esm/src/components/wui-visual/index.js

@@ -0,0 +1,84 @@
+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 { browserSvg } from '../../assets/visual/browser.js';
+import { daoSvg } from '../../assets/visual/dao.js';
+import { defiSvg } from '../../assets/visual/defi.js';
+import { defiAltSvg } from '../../assets/visual/defiAlt.js';
+import { ethSvg } from '../../assets/visual/eth.js';
+import { layersSvg } from '../../assets/visual/layers.js';
+import { lockSvg } from '../../assets/visual/lock.js';
+import { loginSvg } from '../../assets/visual/login.js';
+import { networkSvg } from '../../assets/visual/network.js';
+import { nftSvg } from '../../assets/visual/nft.js';
+import { nounSvg } from '../../assets/visual/noun.js';
+import { profileSvg } from '../../assets/visual/profile.js';
+import { systemSvg } from '../../assets/visual/system.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import { coinbaseSvg } from '../../assets/visual/coinbase.js';
+import { moonpaySvg } from '../../assets/visual/moonpay.js';
+import { stripeSvg } from '../../assets/visual/stripe.js';
+import { paypalSvg } from '../../assets/visual/paypal.js';
+import { onrampCardSvg } from '../../assets/visual/onramp-card.js';
+import { googleSvg } from '../../assets/visual/google.js';
+import { pencilSvg } from '../../assets/visual/pencil.js';
+import { lightbulbSvg } from '../../assets/visual/lightbulb.js';
+import { meldSvg } from '../../assets/visual/meld.js';
+import styles from './styles.js';
+import { solanaSvg } from '../../assets/visual/solana.js';
+const svgOptions = {
+    browser: browserSvg,
+    dao: daoSvg,
+    defi: defiSvg,
+    defiAlt: defiAltSvg,
+    eth: ethSvg,
+    layers: layersSvg,
+    lock: lockSvg,
+    login: loginSvg,
+    network: networkSvg,
+    nft: nftSvg,
+    noun: nounSvg,
+    profile: profileSvg,
+    system: systemSvg,
+    coinbase: coinbaseSvg,
+    meld: meldSvg,
+    onrampCard: onrampCardSvg,
+    moonpay: moonpaySvg,
+    stripe: stripeSvg,
+    paypal: paypalSvg,
+    google: googleSvg,
+    pencil: pencilSvg,
+    lightbulb: lightbulbSvg,
+    solana: solanaSvg
+};
+let WuiVisual = class WuiVisual extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = 'browser';
+        this.size = 'md';
+    }
+    render() {
+        this.style.cssText = `
+       --local-size: var(--wui-visual-size-${this.size});
+   `;
+        return html `${svgOptions[this.name]}`;
+    }
+};
+WuiVisual.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiVisual.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiVisual.prototype, "size", void 0);
+WuiVisual = __decorate([
+    customElement('wui-visual')
+], WuiVisual);
+export { WuiVisual };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/components/wui-visual/styles.js

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: var(--local-size);
+    height: var(--local-size);
+  }
+
+  :host svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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