@lukso/web-components 1.17.0 → 1.18.0

package/dist/components/lukso-tag/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-0750a4f6.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 var __defProp = Object.defineProperty;
@@ -39,7 +39,7 @@ exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindE
     return "px-2";
   }
   render() {
-    return shared_tailwindElement_index.y`
+    return shared_tailwindElement_index.x`
       <div
         data-testid="tag"
         class=${index.customClassMap({
@@ -50,7 +50,7 @@ exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindE
       [this.smallStyles]: this.size === "small",
       [this.largeStyles]: this.size === "large"
     })}
-        style=${styleMap.i({
+        style=${styleMap.o({
       backgroundColor: `var(--${this.backgroundColor})`,
       borderColor: `var(--${this.backgroundColor})`,
       color: `var(--${this.textColor})`

package/dist/components/lukso-tag/index.d.ts

@@ -1,5 +1,5 @@
 import { TailwindElement } from '../../shared/tailwind-element';
-export declare type TagSizes = 'small' | 'large';
+export type TagSizes = 'small' | 'large';
 export declare class LuksoTag extends TailwindElement {
     size: TagSizes;
     isRounded: boolean;
@@ -9,7 +9,7 @@ export declare class LuksoTag extends TailwindElement {
     private smallStyles;
     private largeStyles;
     private padding;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,oBAAY,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;AAExC,qBACa,QAAS,SAAQ,eAAe;IAE3C,IAAI,EAAE,QAAQ,CAAU;IAGxB,SAAS,UAAQ;IAGjB,eAAe,SAAK;IAGpB,SAAS,SAAK;IAEd,OAAO,CAAC,aAAa,CAAqF;IAC1G,OAAO,CAAC,WAAW,CAAuC;IAC1D,OAAO,CAAC,WAAW,CAAuC;IAE1D,OAAO,CAAC,OAAO;IAYf,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAA;KACtB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tag/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;AAExC,qBACa,QAAS,SAAQ,eAAe;IAE3C,IAAI,EAAE,QAAQ,CAAU;IAGxB,SAAS,UAAQ;IAGjB,eAAe,SAAK;IAGpB,SAAS,SAAK;IAEd,OAAO,CAAC,aAAa,CAAqF;IAC1G,OAAO,CAAC,WAAW,CAAuC;IAC1D,OAAO,CAAC,WAAW,CAAuC;IAE1D,OAAO,CAAC,OAAO;IAYf,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAA;KACtB;CACF"}

package/dist/components/lukso-tag/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, x } from '../../index-72e2de9b.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { o } from '../../style-map-6dc1088b.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;
@@ -35,7 +35,7 @@ let LuksoTag = class extends TailwindElement {
     return "px-2";
   }
   render() {
-    return y`
+    return x`
       <div
         data-testid="tag"
         class=${customClassMap({
@@ -46,7 +46,7 @@ let LuksoTag = class extends TailwindElement {
       [this.smallStyles]: this.size === "small",
       [this.largeStyles]: this.size === "large"
     })}
-        style=${i({
+        style=${o({
       backgroundColor: `var(--${this.backgroundColor})`,
       borderColor: `var(--${this.backgroundColor})`,
       color: `var(--${this.textColor})`

package/dist/components/lukso-terms/index.cjs

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
-require('../../style-map-0d95bd3c.cjs');
+require('../../style-map-0750a4f6.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -59,7 +59,7 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
     });
   }
   render() {
-    return shared_tailwindElement_index.y`<div
+    return shared_tailwindElement_index.x`<div
       id="scroll-container"
       class="border border-solid border-neutral-90 rounded-12 overflow-y-scroll relative scrollbar-none"
       @scroll=${this.handleScroll}

package/dist/components/lukso-terms/index.d.ts

@@ -6,7 +6,7 @@ export declare class LuksoTerms extends LuksoTerms_base {
     private onScrollBottom;
     private handleScroll;
     private handleBottomScroll;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-terms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;;AAEpC,qBACa,UAAW,SAAQ,eAA4B;IAE1D,IAAI,SAAK;IAGT,OAAO,CAAC,eAAe,CAAO;IAE9B,OAAO,CAAC,aAAa,CAE8B;IAEnD,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,kBAAkB;IAW1B,MAAM;CA2BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-terms/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;;AAEpC,qBACa,UAAW,SAAQ,eAA4B;IAE1D,IAAI,SAAK;IAGT,OAAO,CAAC,eAAe,CAAO;IAE9B,OAAO,CAAC,aAAa,CAE8B;IAEnD,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,kBAAkB;IAW1B,MAAM;CA2BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

package/dist/components/lukso-terms/index.js

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, y } from '../../index-7a686142.js';
+import { T as TailwindStyledElement, x } from '../../index-72e2de9b.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
-import '../../style-map-9d612f4e.js';
+import '../../style-map-6dc1088b.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -55,7 +55,7 @@ let LuksoTerms = class extends TailwindStyledElement(style) {
     });
   }
   render() {
-    return y`<div
+    return x`<div
       id="scroll-container"
       class="border border-solid border-neutral-90 rounded-12 overflow-y-scroll relative scrollbar-none"
       @scroll=${this.handleScroll}

package/dist/components/lukso-test/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 
 /**
@@ -39,7 +39,7 @@ let h=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFram
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const o=directive.e$2(class extends directive.i{constructor(t){var i;if(super(t),t.type!==directive.t.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.nt){this.nt=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.st)||void 0===r?void 0:r.has(t))&&this.nt.add(t);return this.render(s)}const e=i.element.classList;this.nt.forEach((t=>{t in s||(e.remove(t),this.nt.delete(t));}));for(const t in s){const i=!!s[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.nt.add(t)):(e.remove(t),this.nt.delete(t)));}return shared_tailwindElement_index.x}});
+ */const o=directive.e$2(class extends directive.i{constructor(t){var i;if(super(t),t.type!==directive.t.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.it){this.it=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.nt)||void 0===r?void 0:r.has(t))&&this.it.add(t);return this.render(s)}const e=i.element.classList;this.it.forEach((t=>{t in s||(e.remove(t),this.it.delete(t));}));for(const t in s){const i=!!s[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)));}return shared_tailwindElement_index.T}});
 
 const style = "p {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\np b {\n    --tw-text-opacity: 1;\n    color: rgb(249 115 22 / var(--tw-text-opacity))\n}";
 
@@ -88,7 +88,7 @@ exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.Tailwin
       "bg-blue-800": this.clicked && !this.disabled,
       "bg-blue-200": !this.clicked && !this.disabled
     };
-    return shared_tailwindElement_index.y`
+    return shared_tailwindElement_index.x`
       <p class="heading-1">
         Hello,
         <b class="heading-4">${this.name}</b>

package/dist/components/lukso-test/index.d.ts

@@ -7,7 +7,7 @@ export declare class LuksoTest extends LuksoTest_base {
     duration: number;
     controller: AnimateController;
     _onClick(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-test/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;;AAM7D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAU;IAGd,OAAO,CAAC,OAAO,CAAQ;IAGvB,QAAQ,UAAQ;IAEhB,QAAQ,SAAO;IACf,UAAU,oBAOR;IAEF,QAAQ;IAUR,MAAM;CA0BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-test/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;;AAM7D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAU;IAGd,OAAO,CAAC,OAAO,CAAQ;IAGvB,QAAQ,UAAQ;IAEhB,QAAQ,SAAO;IACf,UAAU,oBAOR;IAEF,QAAQ;IAUR,MAAM;CA0BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

package/dist/components/lukso-test/index.js

@@ -1,4 +1,4 @@
-import { x as x$2, T as TailwindStyledElement, y } from '../../index-7a686142.js';
+import { b as T$1, T as TailwindStyledElement, x as x$2 } from '../../index-72e2de9b.js';
 import { b as e$3, i as i$3, t as t$3, e as e$4, a as e$5 } from '../../directive-9ec64c08.js';
 
 /**
@@ -35,7 +35,7 @@ let h=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFram
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const o=e$3(class extends i$3{constructor(t){var i;if(super(t),t.type!==t$3.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.nt){this.nt=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.st)||void 0===r?void 0:r.has(t))&&this.nt.add(t);return this.render(s)}const e=i.element.classList;this.nt.forEach((t=>{t in s||(e.remove(t),this.nt.delete(t));}));for(const t in s){const i=!!s[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.nt.add(t)):(e.remove(t),this.nt.delete(t)));}return x$2}});
+ */const o=e$3(class extends i$3{constructor(t){var i;if(super(t),t.type!==t$3.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.it){this.it=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.nt)||void 0===r?void 0:r.has(t))&&this.it.add(t);return this.render(s)}const e=i.element.classList;this.it.forEach((t=>{t in s||(e.remove(t),this.it.delete(t));}));for(const t in s){const i=!!s[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)));}return T$1}});
 
 const style = "p {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\np b {\n    --tw-text-opacity: 1;\n    color: rgb(249 115 22 / var(--tw-text-opacity))\n}";
 
@@ -84,7 +84,7 @@ let LuksoTest = class extends TailwindStyledElement(style) {
       "bg-blue-800": this.clicked && !this.disabled,
       "bg-blue-200": !this.clicked && !this.disabled
     };
-    return y`
+    return x$2`
       <p class="heading-1">
         Hello,
         <b class="heading-4">${this.name}</b>

package/dist/components/lukso-username/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-0750a4f6.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
@@ -48,7 +48,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
    * e.g: #1234
    */
   addressBytesTemplate() {
-    return shared_tailwindElement_index.y`<div class="inline-block text-neutral-60">
+    return shared_tailwindElement_index.x`<div class="inline-block text-neutral-60">
       #${this.address.slice(2, 6)}
     </div>`;
   }
@@ -57,10 +57,10 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
    * e.g: @John
    */
   nameTemplate() {
-    return shared_tailwindElement_index.y`<div
+    return shared_tailwindElement_index.x`<div
       class="inline-block whitespace-nowrap overflow-hidden text-ellipsis text-transparent
       bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
-      style=${styleMap.i({
+      style=${styleMap.o({
       maxWidth: `${this.maxWidth - this.bytesWidth}px`
     })}
     >
@@ -72,7 +72,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
    * e.g: 0x123...789
    */
   addressTemplate() {
-    return shared_tailwindElement_index.y`<div
+    return shared_tailwindElement_index.x`<div
       class="inline-block ${index.customClassMap({
       ["text-" + this.addressColor]: this.addressColor !== "",
       ["text-neutral-20"]: this.addressColor === ""
@@ -84,7 +84,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
   render() {
     const template = (() => {
       if (this.name && this.address) {
-        return shared_tailwindElement_index.y`${this.nameTemplate()}${this.addressBytesTemplate()}`;
+        return shared_tailwindElement_index.x`${this.nameTemplate()}${this.addressBytesTemplate()}`;
       }
       if (this.name) {
         return this.nameTemplate();
@@ -93,7 +93,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
         return this.addressTemplate();
       }
     })();
-    return shared_tailwindElement_index.y`<div
+    return shared_tailwindElement_index.x`<div
       class="inline-flex ${index.customClassMap({
       "paragraph-ptmono-12-bold": this.size === "small",
       "paragraph-ptmono-16-bold": this.size === "large"

package/dist/components/lukso-username/index.d.ts

@@ -1,5 +1,5 @@
 import { TailwindElement } from '../../shared/tailwind-element';
-export declare type UsernameSize = 'small' | 'large';
+export type UsernameSize = 'small' | 'large';
 export declare class LuksoUsername extends TailwindElement {
     name: string;
     address: string;
@@ -24,7 +24,7 @@ export declare class LuksoUsername extends TailwindElement {
      * e.g: 0x123...789
      */
     private addressTemplate;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-username/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,oBAAY,YAAY,GAAG,OAAO,GAAG,OAAO,CAAA;AAE5C,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,IAAI,EAAE,YAAY,CAAU;IAG5B,OAAO,SAAI;IAGX,YAAY,SAAe;IAE3B,gDAAgD;IAChD,OAAO,CAAC,UAAU,CAAK;IAEvB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAM5B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAYpB;;;OAGG;IACH,OAAO,CAAC,eAAe;IAWvB,MAAM;CAwBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,OAAO,CAAA;AAE5C,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,IAAI,EAAE,YAAY,CAAU;IAG5B,OAAO,SAAI;IAGX,YAAY,SAAe;IAE3B,gDAAgD;IAChD,OAAO,CAAC,UAAU,CAAK;IAEvB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAM5B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAYpB;;;OAGG;IACH,OAAO,CAAC,eAAe;IAWvB,MAAM;CAwBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

package/dist/components/lukso-username/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, x } from '../../index-72e2de9b.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { o } from '../../style-map-6dc1088b.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
@@ -44,7 +44,7 @@ let LuksoUsername = class extends TailwindElement {
    * e.g: #1234
    */
   addressBytesTemplate() {
-    return y`<div class="inline-block text-neutral-60">
+    return x`<div class="inline-block text-neutral-60">
       #${this.address.slice(2, 6)}
     </div>`;
   }
@@ -53,10 +53,10 @@ let LuksoUsername = class extends TailwindElement {
    * e.g: @John
    */
   nameTemplate() {
-    return y`<div
+    return x`<div
       class="inline-block whitespace-nowrap overflow-hidden text-ellipsis text-transparent
       bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
-      style=${i({
+      style=${o({
       maxWidth: `${this.maxWidth - this.bytesWidth}px`
     })}
     >
@@ -68,7 +68,7 @@ let LuksoUsername = class extends TailwindElement {
    * e.g: 0x123...789
    */
   addressTemplate() {
-    return y`<div
+    return x`<div
       class="inline-block ${customClassMap({
       ["text-" + this.addressColor]: this.addressColor !== "",
       ["text-neutral-20"]: this.addressColor === ""
@@ -80,7 +80,7 @@ let LuksoUsername = class extends TailwindElement {
   render() {
     const template = (() => {
       if (this.name && this.address) {
-        return y`${this.nameTemplate()}${this.addressBytesTemplate()}`;
+        return x`${this.nameTemplate()}${this.addressBytesTemplate()}`;
       }
       if (this.name) {
         return this.nameTemplate();
@@ -89,7 +89,7 @@ let LuksoUsername = class extends TailwindElement {
         return this.addressTemplate();
       }
     })();
-    return y`<div
+    return x`<div
       class="inline-flex ${customClassMap({
       "paragraph-ptmono-12-bold": this.size === "small",
       "paragraph-ptmono-16-bold": this.size === "large"

package/dist/components/lukso-wizard/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
@@ -10,14 +10,14 @@ const index = require('../../index-7dc05ee5.cjs');
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const {I:l}=shared_tailwindElement_index.L,c$1=()=>document.createComment(""),r=(o,t,i)=>{var n;const d=o._$AA.parentNode,v=void 0===t?o._$AB:t._$AA;if(void 0===i){const t=d.insertBefore(c$1(),v),n=d.insertBefore(c$1(),v);i=new l(t,n,o,o.options);}else {const l=i._$AB.nextSibling,t=i._$AM,e=t!==o;if(e){let l;null===(n=i._$AQ)||void 0===n||n.call(i,o),i._$AM=o,void 0!==i._$AP&&(l=o._$AU)!==t._$AU&&i._$AP(l);}if(l!==v||e){let o=i._$AA;for(;o!==l;){const l=o.nextSibling;d.insertBefore(o,v),o=l;}}}return i},u$1=(o,l,t=o)=>(o._$AI(l,t),o),f={},s=(o,l=f)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
+ */const {I:l}=shared_tailwindElement_index.Z,c$1=()=>document.createComment(""),r=(o,t,i)=>{var n;const d=o._$AA.parentNode,v=void 0===t?o._$AB:t._$AA;if(void 0===i){const t=d.insertBefore(c$1(),v),n=d.insertBefore(c$1(),v);i=new l(t,n,o,o.options);}else {const l=i._$AB.nextSibling,t=i._$AM,e=t!==o;if(e){let l;null===(n=i._$AQ)||void 0===n||n.call(i,o),i._$AM=o,void 0!==i._$AP&&(l=o._$AU)!==t._$AU&&i._$AP(l);}if(l!==v||e){let o=i._$AA;for(;o!==l;){const l=o.nextSibling;d.insertBefore(o,v),o=l;}}}return i},u$1=(o,l,t=o)=>(o._$AI(l,t),o),f={},s=(o,l=f)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=directive.e$2(class extends directive.i{constructor(e){if(super(e),e.type!==directive.t.CHILD)throw Error("repeat() can only be used in text expressions")}ht(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ht(e,s,t).values}update(s$1,[t,r$1,c]){var d;const a=m(s$1),{values:p$1,keys:v}=this.ht(t,r$1,c);if(!Array.isArray(a))return this.ut=v,p$1;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m$1=[];let y,x,j=0,k=a.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m$1[w]=u$1(a[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=u$1(a[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=u$1(a[j],p$1[A]),r(s$1,m$1[A+1],a[j]),j++,A--;else if(h[k]===v[w])m$1[w]=u$1(a[k],p$1[w]),r(s$1,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=r(s$1,a[j]);u$1(e,p$1[w]),m$1[w]=e;}else m$1[w]=u$1(t,p$1[w]),r(s$1,a[j],t),a[e]=null;w++;}else p(a[k]),k--;else p(a[j]),j++;for(;w<=A;){const e=r(s$1,m$1[A+1]);u$1(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&p(e);}return this.ut=v,s(s$1,m$1),shared_tailwindElement_index.x}});
+const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=directive.e$2(class extends directive.i{constructor(e){if(super(e),e.type!==directive.t.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s$1,[t,r$1,c]){var d;const a=m(s$1),{values:p$1,keys:v}=this.dt(t,r$1,c);if(!Array.isArray(a))return this.ht=v,p$1;const h=null!==(d=this.ht)&&void 0!==d?d:this.ht=[],m$1=[];let y,x,j=0,k=a.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m$1[w]=u$1(a[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=u$1(a[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=u$1(a[j],p$1[A]),r(s$1,m$1[A+1],a[j]),j++,A--;else if(h[k]===v[w])m$1[w]=u$1(a[k],p$1[w]),r(s$1,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=r(s$1,a[j]);u$1(e,p$1[w]),m$1[w]=e;}else m$1[w]=u$1(t,p$1[w]),r(s$1,a[j],t),a[e]=null;w++;}else p(a[k]),k--;else p(a[j]),j++;for(;w<=A;){const e=r(s$1,m$1[A+1]);u$1(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&p(e);}return this.ht=v,s(s$1,m$1),shared_tailwindElement_index.T}});
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -42,7 +42,7 @@ exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.Tai
     [&_.lukso-wizard-circle-inner]:to-gradient-3-end`;
   }
   stepTemplate(step, index$1) {
-    return shared_tailwindElement_index.y`<li
+    return shared_tailwindElement_index.x`<li
       class="inline-flex flex-col items-center justify-end w-[121px] first:-ml-12 last:-mr-12 relative
       [&>.lukso-wizard-circle]:after:last:hidden ${index.customClassMap({
       [this.completedStepStyles]: index$1 + 1 < this.activeStep,
@@ -55,10 +55,10 @@ exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.Tai
         ${step.label}
       </div>
       <div
-        class="lukso-wizard-circle bg-pink-95 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        class="lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
           border-[1px] border-solid border-[rgba(255,255,255,0.8)]
           after:block after:absolute after:bottom-[7px] after:w-[calc(100%-16px)] after:ml-[15px] after:h-[2px]
-          after:content:'' after:bg-pink-95 after:shadow-wizard-line"
+          after:content:'' after:bg-neutral-90 after:shadow-wizard-line"
       >
         <div
           class="lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px] ${index.customClassMap(
@@ -71,7 +71,7 @@ exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.Tai
     </li>`;
   }
   render() {
-    return shared_tailwindElement_index.y`
+    return shared_tailwindElement_index.x`
       <ul class="flex justify-center" data-testid="wizard">
         ${c(
       this.steps || [],

package/dist/components/lukso-wizard/index.d.ts

@@ -1,5 +1,5 @@
 import { TailwindElement } from '../../shared/tailwind-element';
-export declare type WizardStep = {
+export type WizardStep = {
     label: string;
 };
 export declare class LuksoWizard extends TailwindElement {
@@ -7,8 +7,8 @@ export declare class LuksoWizard extends TailwindElement {
     activeStep: number;
     private activeStepStyles;
     private completedStepStyles;
-    stepTemplate(step: WizardStep, index: number): import("lit").TemplateResult<1>;
-    render(): import("lit").TemplateResult<1>;
+    stepTemplate(step: WizardStep, index: number): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-wizard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,EAAE,UAAU,EAAE,CAAK;IAGxB,UAAU,SAAI;IAEd,OAAO,CAAC,gBAAgB,CAA4F;IAEpH,OAAO,CAAC,mBAAmB,CAGwB;IAEnD,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM;IA8B5C,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-wizard/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,EAAE,UAAU,EAAE,CAAK;IAGxB,UAAU,SAAI;IAEd,OAAO,CAAC,gBAAgB,CAA4F;IAEpH,OAAO,CAAC,mBAAmB,CAGwB;IAEnD,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM;IA8B5C,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/lukso-wizard/index.js

@@ -1,4 +1,4 @@
-import { L, x, a as TailwindElement, y } from '../../index-7a686142.js';
+import { Z, b as T, a as TailwindElement, x } from '../../index-72e2de9b.js';
 import { b as e, i, t, e as e$1, a as e$2 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
@@ -6,14 +6,14 @@ import { c as customClassMap } from '../../index-714323c9.js';
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const {I:l}=L,c$1=()=>document.createComment(""),r=(o,t,i)=>{var n;const d=o._$AA.parentNode,v=void 0===t?o._$AB:t._$AA;if(void 0===i){const t=d.insertBefore(c$1(),v),n=d.insertBefore(c$1(),v);i=new l(t,n,o,o.options);}else {const l=i._$AB.nextSibling,t=i._$AM,e=t!==o;if(e){let l;null===(n=i._$AQ)||void 0===n||n.call(i,o),i._$AM=o,void 0!==i._$AP&&(l=o._$AU)!==t._$AU&&i._$AP(l);}if(l!==v||e){let o=i._$AA;for(;o!==l;){const l=o.nextSibling;d.insertBefore(o,v),o=l;}}}return i},u$1=(o,l,t=o)=>(o._$AI(l,t),o),f={},s=(o,l=f)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
+ */const {I:l}=Z,c$1=()=>document.createComment(""),r=(o,t,i)=>{var n;const d=o._$AA.parentNode,v=void 0===t?o._$AB:t._$AA;if(void 0===i){const t=d.insertBefore(c$1(),v),n=d.insertBefore(c$1(),v);i=new l(t,n,o,o.options);}else {const l=i._$AB.nextSibling,t=i._$AM,e=t!==o;if(e){let l;null===(n=i._$AQ)||void 0===n||n.call(i,o),i._$AM=o,void 0!==i._$AP&&(l=o._$AU)!==t._$AU&&i._$AP(l);}if(l!==v||e){let o=i._$AA;for(;o!==l;){const l=o.nextSibling;d.insertBefore(o,v),o=l;}}}return i},u$1=(o,l,t=o)=>(o._$AI(l,t),o),f={},s=(o,l=f)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e(class extends i{constructor(e){if(super(e),e.type!==t.CHILD)throw Error("repeat() can only be used in text expressions")}ht(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ht(e,s,t).values}update(s$1,[t,r$1,c]){var d;const a=m(s$1),{values:p$1,keys:v}=this.ht(t,r$1,c);if(!Array.isArray(a))return this.ut=v,p$1;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m$1=[];let y,x$1,j=0,k=a.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m$1[w]=u$1(a[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=u$1(a[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=u$1(a[j],p$1[A]),r(s$1,m$1[A+1],a[j]),j++,A--;else if(h[k]===v[w])m$1[w]=u$1(a[k],p$1[w]),r(s$1,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x$1=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x$1.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=r(s$1,a[j]);u$1(e,p$1[w]),m$1[w]=e;}else m$1[w]=u$1(t,p$1[w]),r(s$1,a[j],t),a[e]=null;w++;}else p(a[k]),k--;else p(a[j]),j++;for(;w<=A;){const e=r(s$1,m$1[A+1]);u$1(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&p(e);}return this.ut=v,s(s$1,m$1),x}});
+const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e(class extends i{constructor(e){if(super(e),e.type!==t.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s$1,[t,r$1,c]){var d;const a=m(s$1),{values:p$1,keys:v}=this.dt(t,r$1,c);if(!Array.isArray(a))return this.ht=v,p$1;const h=null!==(d=this.ht)&&void 0!==d?d:this.ht=[],m$1=[];let y,x,j=0,k=a.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m$1[w]=u$1(a[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=u$1(a[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=u$1(a[j],p$1[A]),r(s$1,m$1[A+1],a[j]),j++,A--;else if(h[k]===v[w])m$1[w]=u$1(a[k],p$1[w]),r(s$1,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=r(s$1,a[j]);u$1(e,p$1[w]),m$1[w]=e;}else m$1[w]=u$1(t,p$1[w]),r(s$1,a[j],t),a[e]=null;w++;}else p(a[k]),k--;else p(a[j]),j++;for(;w<=A;){const e=r(s$1,m$1[A+1]);u$1(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&p(e);}return this.ht=v,s(s$1,m$1),T}});
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -38,7 +38,7 @@ let LuksoWizard = class extends TailwindElement {
     [&_.lukso-wizard-circle-inner]:to-gradient-3-end`;
   }
   stepTemplate(step, index) {
-    return y`<li
+    return x`<li
       class="inline-flex flex-col items-center justify-end w-[121px] first:-ml-12 last:-mr-12 relative
       [&>.lukso-wizard-circle]:after:last:hidden ${customClassMap({
       [this.completedStepStyles]: index + 1 < this.activeStep,
@@ -51,10 +51,10 @@ let LuksoWizard = class extends TailwindElement {
         ${step.label}
       </div>
       <div
-        class="lukso-wizard-circle bg-pink-95 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        class="lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
           border-[1px] border-solid border-[rgba(255,255,255,0.8)]
           after:block after:absolute after:bottom-[7px] after:w-[calc(100%-16px)] after:ml-[15px] after:h-[2px]
-          after:content:'' after:bg-pink-95 after:shadow-wizard-line"
+          after:content:'' after:bg-neutral-90 after:shadow-wizard-line"
       >
         <div
           class="lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px] ${customClassMap(
@@ -67,7 +67,7 @@ let LuksoWizard = class extends TailwindElement {
     </li>`;
   }
   render() {
-    return y`
+    return x`
       <ul class="flex justify-center" data-testid="wizard">
         ${c(
       this.steps || [],