@lukso/web-components 1.43.0 → 1.45.0

package/dist/components/index.cjs

@@ -21,13 +21,13 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../index-c00a1316.cjs');
 require('../query-assigned-elements-5200f974.cjs');
 require('../state-51b50a6b.cjs');
 require('../index-e9668573.cjs');
 require('../directive-8278ab14.cjs');
-require('../style-map-c00f9dd9.cjs');
-require('../directive-helpers-b2851157.cjs');
+require('../style-map-f36ae803.cjs');
+require('../directive-helpers-c00f5d40.cjs');
 
 
 

package/dist/components/index.js

@@ -17,10 +17,10 @@ export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-5b6b1166.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-51cfbd32.js';
 import '../query-assigned-elements-e36df787.js';
 import '../state-02a92ffa.js';
 import '../index-5e194caf.js';
 import '../directive-2bb7789e.js';
-import '../style-map-6cdbbb8b.js';
-import '../directive-helpers-422da386.js';
+import '../style-map-bcba103a.js';
+import '../directive-helpers-63c6ddf6.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const state = require('../../state-51b50a6b.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-5b6b1166.js';
+import { T as TailwindStyledElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import { t } from '../../state-02a92ffa.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-c00f9dd9.cjs');
+const styleMap = require('../../style-map-f36ae803.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-profile/index.cjs');
 require('../../directive-8278ab14.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-5b6b1166.js';
+import { T as TailwindStyledElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-6cdbbb8b.js';
+import { o } from '../../style-map-bcba103a.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-profile/index.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const state = require('../../state-51b50a6b.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -151,9 +151,10 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
       </div>
     `;
   }
-  handleChange(event) {
+  async handleChange(event) {
     const target = event.target;
     this.checked = target.checked;
+    await this.updateComplete;
     this.dispatchEvent(
       new CustomEvent("on-change", {
         detail: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-checkbox/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,SAAK;IAGT,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,IAAI,EAAE,YAAY,CAAS;IAG3B,IAAI,EAAE,YAAY,CAAW;IAG7B,KAAK,SAAK;IAGV,OAAO,EAAE,OAAO,CAAQ;IAGxB,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,sBAAsB,CAG3B;IAEH,OAAO,CAAC,kBAAkB,CAKvB;IAEH,OAAO,CAAC,kBAAkB,CAEvB;IAEH,OAAO,CAAC,qBAAqB,CAKyC;IAEtE,mBAAmB,IAAI,OAAO;IAY9B,gBAAgB,IAAI,OAAO;IAqB3B,aAAa;IAqBb,aAAa;IAQb,aAAa;IAiBb,uBAAuB;IAQvB,MAAM;IAoBN,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;CAKvB;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-checkbox/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,SAAK;IAGT,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,IAAI,EAAE,YAAY,CAAS;IAG3B,IAAI,EAAE,YAAY,CAAW;IAG7B,KAAK,SAAK;IAGV,OAAO,EAAE,OAAO,CAAQ;IAGxB,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,sBAAsB,CAG3B;IAEH,OAAO,CAAC,kBAAkB,CAKvB;IAEH,OAAO,CAAC,kBAAkB,CAEvB;IAEH,OAAO,CAAC,qBAAqB,CAKyC;IAEtE,mBAAmB,IAAI,OAAO;IAY9B,gBAAgB,IAAI,OAAO;IAqB3B,aAAa;IAqBb,aAAa;IAQb,aAAa;IAiBb,uBAAuB;IAQvB,MAAM;YAoBQ,YAAY;IAkB1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;CAKvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x, A } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import { t } from '../../state-02a92ffa.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -147,9 +147,10 @@ let LuksoCheckbox = class extends TailwindElement {
       </div>
     `;
   }
-  handleChange(event) {
+  async handleChange(event) {
     const target = event.target;
     this.checked = target.checked;
+    await this.updateComplete;
     this.dispatchEvent(
       new CustomEvent("on-change", {
         detail: {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 require('../lukso-share/index.cjs');
 
@@ -38,7 +38,7 @@ exports.LuksoFooter = class LuksoFooter extends shared_tailwindElement_index.Tai
           class="p-10 grid gap-8 items-center lg:grid-cols-[auto,max-content]"
         >
           <slot name="links"></slot>
-          <div class="flex sm:justify-between gap-4 flex-col sm:flex-row">
+          <div class="flex gap-5 flex-col sm:flex-row sm:justify-between">
             <lukso-share
               providers=${JSON.stringify(this.providers)}
             ></lukso-share>
@@ -46,13 +46,16 @@ exports.LuksoFooter = class LuksoFooter extends shared_tailwindElement_index.Tai
               <a
                 href="https://lukso.network/"
                 target="_blank"
-                class="flex flex-col opacity-50 text-neutral-30 transition-opacity hover:opacity-80 sm:text-right"
+                class="flex flex-col opacity-50 text-neutral-30 transition-opacity hover:opacity-80"
               >
-                <span class="paragraph-inter-10-semi-bold">Powered by</span>
+                <span
+                  class="text-6 not-italic font-600 leading-[7.26px] font-inter"
+                  >Powered by</span
+                >
                 <img
                   src="/assets/images/lukso-logo.svg"
                   alt="LUKSO"
-                  class="h-4"
+                  class="h-4 mt-[1px]"
                 />
               </a>
             </div>

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

@@ -1,7 +1,7 @@
 import { TailwindElement } from '../../shared/tailwind-element';
-import { Provider } from '../../components/lukso-share';
+import { ProviderName, ProviderObject } from '../../components/lukso-share';
 export declare class LuksoFooter extends TailwindElement {
-    providers: Provider[];
+    providers: ProviderName[] | ProviderObject[];
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,qBACa,WAAY,SAAQ,eAAe;IAE9C,SAAS,EAAE,QAAQ,EAAE,CASpB;IAED,MAAM;CA8BP;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-footer/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,0BAA0B,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEvE,qBACa,WAAY,SAAQ,eAAe;IAE9C,SAAS,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAS3C;IAED,MAAM;CAiCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import '../lukso-share/index.js';
 
@@ -34,7 +34,7 @@ let LuksoFooter = class extends TailwindElement {
           class="p-10 grid gap-8 items-center lg:grid-cols-[auto,max-content]"
         >
           <slot name="links"></slot>
-          <div class="flex sm:justify-between gap-4 flex-col sm:flex-row">
+          <div class="flex gap-5 flex-col sm:flex-row sm:justify-between">
             <lukso-share
               providers=${JSON.stringify(this.providers)}
             ></lukso-share>
@@ -42,13 +42,16 @@ let LuksoFooter = class extends TailwindElement {
               <a
                 href="https://lukso.network/"
                 target="_blank"
-                class="flex flex-col opacity-50 text-neutral-30 transition-opacity hover:opacity-80 sm:text-right"
+                class="flex flex-col opacity-50 text-neutral-30 transition-opacity hover:opacity-80"
               >
-                <span class="paragraph-inter-10-semi-bold">Powered by</span>
+                <span
+                  class="text-6 not-italic font-600 leading-[7.26px] font-inter"
+                  >Powered by</span
+                >
                 <img
                   src="/assets/images/lukso-logo.svg"
                   alt="LUKSO"
-                  class="h-4"
+                  class="h-4 mt-[1px]"
                 />
               </a>
             </div>

package/dist/components/lukso-footer/lukso-footer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/lukso-footer.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8HAA8H;AAC9H,QAAA,MAAM,IAAI,EAAE,IAyBX,CAAA;AAED,eAAe,IAAI,CAAA;AAiDnB,kCAAkC;AAClC,eAAO,MAAM,aAAa,KAAoB,CAAA;AAE9C,iJAAiJ;AACjJ,eAAO,MAAM,cAAc,KAAoB,CAAA"}
+{"version":3,"file":"lukso-footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/lukso-footer.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8HAA8H;AAC9H,QAAA,MAAM,IAAI,EAAE,IAyBX,CAAA;AAED,eAAe,IAAI,CAAA;AAqCnB,kCAAkC;AAClC,eAAO,MAAM,aAAa,KAAoB,CAAA;AAE9C,iJAAiJ;AACjJ,eAAO,MAAM,cAAc,KAAoB,CAAA"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-c00f9dd9.cjs');
+const styleMap = require('../../style-map-f36ae803.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-5b6b1166.js';
+import { x, T as TailwindStyledElement } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-6cdbbb8b.js';
+import { o } from '../../style-map-bcba103a.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const state = require('../../state-51b50a6b.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -139,9 +139,10 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
       this.hasHighlight = true;
     }
   }
-  handleBlur(event) {
+  async handleBlur(event) {
     this.hasHocus = false;
     this.hasHighlight = false;
+    await this.updateComplete;
     const target = event.target;
     const blurEvent = new CustomEvent("on-blur", {
       detail: {
@@ -153,7 +154,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     });
     this.dispatchEvent(blurEvent);
   }
-  handleChange(event) {
+  async handleChange(event) {
+    await this.updateComplete;
     const target = event.target;
     const changeEvent = new CustomEvent("on-change", {
       detail: {
@@ -165,8 +167,10 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     });
     this.dispatchEvent(changeEvent);
   }
-  handleInput(event) {
+  async handleInput(event) {
     const target = event.target;
+    this.value = target.value;
+    await this.updateComplete;
     const changeEvent = new CustomEvent("on-input", {
       detail: {
         value: target.value,
@@ -177,7 +181,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     });
     this.dispatchEvent(changeEvent);
   }
-  handleKeyUp(event) {
+  async handleKeyUp(event) {
+    await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-up", {
       detail: {
@@ -189,7 +194,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     });
     this.dispatchEvent(keyEvent);
   }
-  handleKeyDown(event) {
+  async handleKeyDown(event) {
+    await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-down", {
       detail: {
@@ -201,7 +207,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     });
     this.dispatchEvent(keyEvent);
   }
-  handleKeyPress(event) {
+  async handleKeyPress(event) {
+    await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-press", {
       detail: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAGyC;IAGlE,aAAa;IA+Cb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY;IAkBZ,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IAavB,MAAM;CAYP;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-input/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAGyC;IAGlE,aAAa;IA+Cb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY;IAkBZ,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IAavB,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x, A } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import { t } from '../../state-02a92ffa.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -135,9 +135,10 @@ let LuksoInput = class extends TailwindElement {
       this.hasHighlight = true;
     }
   }
-  handleBlur(event) {
+  async handleBlur(event) {
     this.hasHocus = false;
     this.hasHighlight = false;
+    await this.updateComplete;
     const target = event.target;
     const blurEvent = new CustomEvent("on-blur", {
       detail: {
@@ -149,7 +150,8 @@ let LuksoInput = class extends TailwindElement {
     });
     this.dispatchEvent(blurEvent);
   }
-  handleChange(event) {
+  async handleChange(event) {
+    await this.updateComplete;
     const target = event.target;
     const changeEvent = new CustomEvent("on-change", {
       detail: {
@@ -161,8 +163,10 @@ let LuksoInput = class extends TailwindElement {
     });
     this.dispatchEvent(changeEvent);
   }
-  handleInput(event) {
+  async handleInput(event) {
     const target = event.target;
+    this.value = target.value;
+    await this.updateComplete;
     const changeEvent = new CustomEvent("on-input", {
       detail: {
         value: target.value,
@@ -173,7 +177,8 @@ let LuksoInput = class extends TailwindElement {
     });
     this.dispatchEvent(changeEvent);
   }
-  handleKeyUp(event) {
+  async handleKeyUp(event) {
+    await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-up", {
       detail: {
@@ -185,7 +190,8 @@ let LuksoInput = class extends TailwindElement {
     });
     this.dispatchEvent(keyEvent);
   }
-  handleKeyDown(event) {
+  async handleKeyDown(event) {
+    await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-down", {
       detail: {
@@ -197,7 +203,8 @@ let LuksoInput = class extends TailwindElement {
     });
     this.dispatchEvent(keyEvent);
   }
-  handleKeyPress(event) {
+  async handleKeyPress(event) {
+    await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-press", {
       detail: {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const state = require('../../state-51b50a6b.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-c00f9dd9.cjs');
+require('../../style-map-f36ae803.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,11 +1,11 @@
-import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import { t } from '../../state-02a92ffa.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-6cdbbb8b.js';
+import '../../style-map-bcba103a.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-c00f9dd9.cjs');
+const styleMap = require('../../style-map-f36ae803.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-6cdbbb8b.js';
+import { o } from '../../style-map-bcba103a.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-c00f9dd9.cjs');
+const styleMap = require('../../style-map-f36ae803.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-6cdbbb8b.js';
+import { o } from '../../style-map-bcba103a.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 

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

@@ -1,4 +1,4 @@
-import { c as A, b as T, a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { c as A, b as T, a as TailwindElement, x } from '../../index-51cfbd32.js';
 import { e as e$2, a as e$3 } from '../../query-assigned-elements-e36df787.js';
 import { i, t, e as e$1 } from '../../directive-2bb7789e.js';