@lukso/web-components 1.42.0 → 1.44.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../index-7ef6f8a1.cjs');
 require('../query-assigned-elements-5200f974.cjs');
 require('../state-51b50a6b.cjs');
 require('../index-e9668573.cjs');
 require('../directive-8278ab14.cjs');
-require('../style-map-3b9af808.cjs');
-require('../directive-helpers-01f1c3b1.cjs');
+require('../style-map-c00f9dd9.cjs');
+require('../directive-helpers-b2851157.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-ed87f41b.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-5b6b1166.js';
 import '../query-assigned-elements-e36df787.js';
 import '../state-02a92ffa.js';
 import '../index-5e194caf.js';
 import '../directive-2bb7789e.js';
-import '../style-map-5daca6c4.js';
-import '../directive-helpers-8f79cbe5.js';
+import '../style-map-6cdbbb8b.js';
+import '../directive-helpers-422da386.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.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-ed87f41b.js';
+import { T as TailwindStyledElement, x } from '../../index-5b6b1166.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-3b9af808.cjs');
+const styleMap = require('../../style-map-c00f9dd9.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-profile/index.cjs');
 require('../../directive-8278ab14.cjs');
@@ -94,17 +94,15 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return shared_tailwindElement_index.x`
       <div
         data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] overflow-hidden ${index.customClassMap(
-      {
-        [this.mediumStyles]: !this.customClass && this.size === "medium",
-        [this.smallStyles]: !this.customClass && this.size === "small",
-        [this.smallHoverStyles]: this.isHoverable && this.size === "small",
-        [this.customClass]: !!this.customClass,
-        ["w-[362px]"]: this.isFixedWidth,
-        ["w-full"]: !this.isFixedWidth,
-        ["min-h-[534px]"]: this.isFixedHeight
-      }
-    )}"
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${index.customClassMap({
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
+      [this.customClass]: !!this.customClass,
+      ["w-[362px]"]: this.isFixedWidth,
+      ["w-full"]: !this.isFixedWidth,
+      ["min-h-[534px]"]: this.isFixedHeight
+    })}"
       >
         <div
           style=${styleMap.o({
@@ -119,9 +117,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
             <slot name="header"></slot>
           </div>
         </div>
-        <div
-          class="bg-neutral-100 shadow-neutral-above-shadow-1xl rounded-24 relative"
-        >
+        <div class="bg-neutral-100 rounded-24 relative">
           <lukso-profile
             profile-url=${this.profileUrl}
             size="large"
@@ -133,8 +129,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
             class="overflow-hidden w-[153px] h-[70px] -top-[70px] relative mx-auto flex items-end justify-center -mb-2"
           >
             <div
-              class="bg-neutral-100 rounded-[103px_103px_0_0] w-[96px] h-[48px]
-              shadow-neutral-above-shadow-1xl"
+              class="bg-neutral-100 rounded-[103px_103px_0_0] w-[96px] h-[48px]"
             ></div>
           </div>
           <slot name="content"></slot>
@@ -146,17 +141,15 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return shared_tailwindElement_index.x`
       <div
         data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] overflow-hidden ${index.customClassMap(
-      {
-        [this.mediumStyles]: !this.customClass && this.size === "medium",
-        [this.smallStyles]: !this.customClass && this.size === "small",
-        [this.smallHoverStyles]: this.isHoverable && this.size === "small",
-        [this.customClass]: !!this.customClass,
-        ["w-[362px]"]: this.isFixedWidth,
-        ["w-full"]: !this.isFixedWidth,
-        ["min-h-[534px]"]: this.isFixedHeight
-      }
-    )}"
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${index.customClassMap({
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
+      [this.customClass]: !!this.customClass,
+      ["w-[362px]"]: this.isFixedWidth,
+      ["w-full"]: !this.isFixedWidth,
+      ["min-h-[534px]"]: this.isFixedHeight
+    })}"
       >
         <div
           style=${styleMap.o({
@@ -172,7 +165,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
           </div>
         </div>
         <div class="grid grid-rows-[max-content,auto]">
-          <div class="bg-neutral-100 shadow-neutral-drop-shadow relative">
+          <div class="bg-neutral-100 relative">
             <lukso-profile
               profile-url=${this.profileUrl}
               size="large"
@@ -189,7 +182,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
             </div>
             <slot name="content"></slot>
           </div>
-          <div class="bg-neutral-97 rounded-b-24">
+          <div
+            class="bg-neutral-97 rounded-b-24 shadow-neutral-inner-shadow-top"
+          >
             <slot name="bottom"></slot>
           </div>
         </div>
@@ -232,17 +227,15 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return shared_tailwindElement_index.x`
       <div
         data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] overflow-hidden ${index.customClassMap(
-      {
-        [this.mediumStyles]: !this.customClass && this.size === "medium",
-        [this.smallStyles]: !this.customClass && this.size === "small",
-        [this.smallHoverStyles]: this.isHoverable && this.size === "small",
-        [this.customClass]: !!this.customClass,
-        ["w-[362px]"]: this.isFixedWidth,
-        ["w-full"]: !this.isFixedWidth,
-        ["min-h-[534px]"]: this.isFixedHeight
-      }
-    )}"
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${index.customClassMap({
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
+      [this.customClass]: !!this.customClass,
+      ["w-[362px]"]: this.isFixedWidth,
+      ["w-full"]: !this.isFixedWidth,
+      ["min-h-[534px]"]: this.isFixedHeight
+    })}"
       >
         <div
           style=${styleMap.o({

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,CAAA;AACV,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE1C,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAGrB,WAAW,SAAK;IAGhB,IAAI,EAAE,SAAS,CAAW;IAG1B,WAAW,UAAQ;IAEnB,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,WAAW,CAA0C;IAC7D,OAAO,CAAC,gBAAgB,CAAmE;IAE3F,OAAO,CAAC,yBAAyB;IAYjC,aAAa;IAmBb,kBAAkB;IA0BlB,eAAe;IAsDf,gBAAgB;IAwDhB,YAAY;IAkCZ,YAAY;IAmCZ,MAAM;CAgBP;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-card/index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,CAAA;AACV,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE1C,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAGrB,WAAW,SAAK;IAGhB,IAAI,EAAE,SAAS,CAAW;IAG1B,WAAW,UAAQ;IAEnB,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,WAAW,CAA0C;IAC7D,OAAO,CAAC,gBAAgB,CAAmE;IAE3F,OAAO,CAAC,yBAAyB;IAYjC,aAAa;IAmBb,kBAAkB;IA0BlB,eAAe;IAiDf,gBAAgB;IAwDhB,YAAY;IAkCZ,YAAY;IAiCZ,MAAM;CAgBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-ed87f41b.js';
+import { T as TailwindStyledElement, x } from '../../index-5b6b1166.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-5daca6c4.js';
+import { o } from '../../style-map-6cdbbb8b.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-profile/index.js';
 import '../../directive-2bb7789e.js';
@@ -90,17 +90,15 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     return x`
       <div
         data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] overflow-hidden ${customClassMap(
-      {
-        [this.mediumStyles]: !this.customClass && this.size === "medium",
-        [this.smallStyles]: !this.customClass && this.size === "small",
-        [this.smallHoverStyles]: this.isHoverable && this.size === "small",
-        [this.customClass]: !!this.customClass,
-        ["w-[362px]"]: this.isFixedWidth,
-        ["w-full"]: !this.isFixedWidth,
-        ["min-h-[534px]"]: this.isFixedHeight
-      }
-    )}"
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
+      [this.customClass]: !!this.customClass,
+      ["w-[362px]"]: this.isFixedWidth,
+      ["w-full"]: !this.isFixedWidth,
+      ["min-h-[534px]"]: this.isFixedHeight
+    })}"
       >
         <div
           style=${o({
@@ -115,9 +113,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
             <slot name="header"></slot>
           </div>
         </div>
-        <div
-          class="bg-neutral-100 shadow-neutral-above-shadow-1xl rounded-24 relative"
-        >
+        <div class="bg-neutral-100 rounded-24 relative">
           <lukso-profile
             profile-url=${this.profileUrl}
             size="large"
@@ -129,8 +125,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
             class="overflow-hidden w-[153px] h-[70px] -top-[70px] relative mx-auto flex items-end justify-center -mb-2"
           >
             <div
-              class="bg-neutral-100 rounded-[103px_103px_0_0] w-[96px] h-[48px]
-              shadow-neutral-above-shadow-1xl"
+              class="bg-neutral-100 rounded-[103px_103px_0_0] w-[96px] h-[48px]"
             ></div>
           </div>
           <slot name="content"></slot>
@@ -142,17 +137,15 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     return x`
       <div
         data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] overflow-hidden ${customClassMap(
-      {
-        [this.mediumStyles]: !this.customClass && this.size === "medium",
-        [this.smallStyles]: !this.customClass && this.size === "small",
-        [this.smallHoverStyles]: this.isHoverable && this.size === "small",
-        [this.customClass]: !!this.customClass,
-        ["w-[362px]"]: this.isFixedWidth,
-        ["w-full"]: !this.isFixedWidth,
-        ["min-h-[534px]"]: this.isFixedHeight
-      }
-    )}"
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
+      [this.customClass]: !!this.customClass,
+      ["w-[362px]"]: this.isFixedWidth,
+      ["w-full"]: !this.isFixedWidth,
+      ["min-h-[534px]"]: this.isFixedHeight
+    })}"
       >
         <div
           style=${o({
@@ -168,7 +161,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
           </div>
         </div>
         <div class="grid grid-rows-[max-content,auto]">
-          <div class="bg-neutral-100 shadow-neutral-drop-shadow relative">
+          <div class="bg-neutral-100 relative">
             <lukso-profile
               profile-url=${this.profileUrl}
               size="large"
@@ -185,7 +178,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
             </div>
             <slot name="content"></slot>
           </div>
-          <div class="bg-neutral-97 rounded-b-24">
+          <div
+            class="bg-neutral-97 rounded-b-24 shadow-neutral-inner-shadow-top"
+          >
             <slot name="bottom"></slot>
           </div>
         </div>
@@ -228,17 +223,15 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     return x`
       <div
         data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] overflow-hidden ${customClassMap(
-      {
-        [this.mediumStyles]: !this.customClass && this.size === "medium",
-        [this.smallStyles]: !this.customClass && this.size === "small",
-        [this.smallHoverStyles]: this.isHoverable && this.size === "small",
-        [this.customClass]: !!this.customClass,
-        ["w-[362px]"]: this.isFixedWidth,
-        ["w-full"]: !this.isFixedWidth,
-        ["min-h-[534px]"]: this.isFixedHeight
-      }
-    )}"
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
+      [this.customClass]: !!this.customClass,
+      ["w-[362px]"]: this.isFixedWidth,
+      ["w-full"]: !this.isFixedWidth,
+      ["min-h-[534px]"]: this.isFixedHeight
+    })}"
       >
         <div
           style=${o({

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.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-ed87f41b.js';
+import { a as TailwindElement, x, A } from '../../index-5b6b1166.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 require('../lukso-share/index.cjs');
 

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-ed87f41b.js';
+import { a as TailwindElement, x } from '../../index-5b6b1166.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import '../lukso-share/index.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-3b9af808.cjs');
+const styleMap = require('../../style-map-c00f9dd9.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-ed87f41b.js';
+import { x, T as TailwindStyledElement } from '../../index-5b6b1166.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-5daca6c4.js';
+import { o } from '../../style-map-6cdbbb8b.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.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-ed87f41b.js';
+import { a as TailwindElement, x, A } from '../../index-5b6b1166.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.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-ed87f41b.js';
+import { a as TailwindElement, x } from '../../index-5b6b1166.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.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-3b9af808.cjs');
+require('../../style-map-c00f9dd9.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-ed87f41b.js';
+import { a as TailwindElement, x } from '../../index-5b6b1166.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-5daca6c4.js';
+import '../../style-map-6cdbbb8b.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-930f6cf2.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-3b9af808.cjs');
+const styleMap = require('../../style-map-c00f9dd9.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-ed87f41b.js';
+import { a as TailwindElement, x } from '../../index-5b6b1166.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-5daca6c4.js';
+import { o } from '../../style-map-6cdbbb8b.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';