@lukso/web-components 1.114.0 → 1.115.3

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

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
+const styleMap = require('../../style-map-552ab28f.cjs');
+const index = require('../../index-2b104ecb.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -113,20 +112,20 @@ exports.LuksoImage = class LuksoImage extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoImage.prototype, "src", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoImage.prototype, "placeholder", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoImage.prototype, "isLoading", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoImage.prototype, "resolvedPlaceholder", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoImage.prototype, "hasError", 2);
 exports.LuksoImage = __decorateClass([
-  queryAssignedElements.e("lukso-image")
+  property.t("lukso-image")
 ], exports.LuksoImage);

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

@@ -1,10 +1,9 @@
-import { a as TailwindElement, x } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-7a555e98.js';
-import { c as ce } from '../../index-ca8e900d.js';
+import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { r } from '../../state-876605e4.js';
+import { o } from '../../style-map-15dde65e.js';
+import { c as ce } from '../../index-d14b6a34.js';
 import '../../directive-2bb7789e.js';
-import '../../bundle-mjs-fbc6e2a8.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -115,16 +114,16 @@ __decorateClass([
   n({ type: String })
 ], LuksoImage.prototype, "placeholder", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoImage.prototype, "isLoading", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoImage.prototype, "resolvedPlaceholder", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoImage.prototype, "hasError", 2);
 LuksoImage = __decorateClass([
-  e("lukso-image")
+  t("lukso-image")
 ], LuksoImage);
 
 export { LuksoImage };

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

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
+const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-fc6d6aa9.cjs');
+const cn = require('../../cn-b6daa995.cjs');
 require('../lukso-icon/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
@@ -175,18 +174,18 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
   inputTemplate(styles) {
     return shared_tailwindElement_index.x`
       <input
-        name=${this.name ? this.name : shared_tailwindElement_index.A}
+        name=${this.name ? this.name : shared_tailwindElement_index.E}
         type=${this.type}
         .value=${this.value}
-        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.A}
+        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.E}
         ?autofocus=${this.autofocus}
-        min=${this.min ? this.min : shared_tailwindElement_index.A}
-        max=${this.max ? this.max : shared_tailwindElement_index.A}
+        min=${this.min ? this.min : shared_tailwindElement_index.E}
+        max=${this.max ? this.max : shared_tailwindElement_index.E}
         autocomplete=${this.autocomplete}
-        ref=${this.ref ? this.ref : shared_tailwindElement_index.A}
-        id=${this.id ? this.id : shared_tailwindElement_index.A}
+        ref=${this.ref ? this.ref : shared_tailwindElement_index.E}
+        id=${this.id ? this.id : shared_tailwindElement_index.E}
         data-testid=${this.name ? `input-${this.name}` : "input"}
-        accept=${this.accept ? this.accept : shared_tailwindElement_index.A}
+        accept=${this.accept ? this.accept : shared_tailwindElement_index.E}
         ?readonly=${this.isReadonly ? true : void 0}
         ?disabled=${this.isDisabled ? true : void 0}
         class=${cn.cn(styles, this.customClass)}
@@ -215,7 +214,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
   descriptionTemplate() {
     return shared_tailwindElement_index.x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? shared_tailwindElement_index.A}
+        ${this.description ?? shared_tailwindElement_index.E}
       </div>
     `;
   }
@@ -393,98 +392,98 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     });
     return shared_tailwindElement_index.x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.A}
-        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.A}
+        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.E}
+        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.E}
         <div class=${wrapper()}>
           <div class="relative w-[inherit]">
             ${this.inputTemplate(input())}
-            ${this.rightIcon ? this.rightIconTemplate(rightIcon()) : shared_tailwindElement_index.A}
+            ${this.rightIcon ? this.rightIconTemplate(rightIcon()) : shared_tailwindElement_index.E}
           </div>
-          ${this.unit ? this.unitTemplate(unit()) : shared_tailwindElement_index.A}
+          ${this.unit ? this.unitTemplate(unit()) : shared_tailwindElement_index.E}
         </div>
-        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.A}
+        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.E}
       </div>
     `;
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "value", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "type", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "placeholder", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "label", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "autocomplete", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "id", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "ref", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "accept", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "description", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "error", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "unit", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "custom-class" })
+  property.n({ type: String, attribute: "custom-class" })
 ], exports.LuksoInput.prototype, "customClass", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-full-width" })
+  property.n({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoInput.prototype, "isFullWidth", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+  property.n({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoInput.prototype, "isReadonly", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+  property.n({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoInput.prototype, "isDisabled", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoInput.prototype, "autofocus", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoInput.prototype, "max", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoInput.prototype, "min", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoInput.prototype, "borderless", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoInput.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "right-icon" })
+  property.n({ type: String, attribute: "right-icon" })
 ], exports.LuksoInput.prototype, "rightIcon", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-right-icon-clickable" })
+  property.n({ type: Boolean, attribute: "is-right-icon-clickable" })
 ], exports.LuksoInput.prototype, "isRightIconClickable", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
+  property.n({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], exports.LuksoInput.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoInput.prototype, "hasFocus", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoInput.prototype, "hasHighlight", 2);
 exports.LuksoInput = __decorateClass([
-  queryAssignedElements.e("lukso-input")
+  property.t("lukso-input")
 ], exports.LuksoInput);

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

@@ -1,12 +1,11 @@
-import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
-import { c as ce } from '../../index-ca8e900d.js';
+import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { r } from '../../state-876605e4.js';
+import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-01b2d42a.js';
+import { c as cn } from '../../cn-90c03edf.js';
 import '../lukso-icon/index.js';
-import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-7a555e98.js';
+import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
@@ -171,18 +170,18 @@ let LuksoInput = class extends TailwindStyledElement(style) {
   inputTemplate(styles) {
     return x`
       <input
-        name=${this.name ? this.name : A}
+        name=${this.name ? this.name : E}
         type=${this.type}
         .value=${this.value}
-        placeholder=${this.placeholder ? this.placeholder : A}
+        placeholder=${this.placeholder ? this.placeholder : E}
         ?autofocus=${this.autofocus}
-        min=${this.min ? this.min : A}
-        max=${this.max ? this.max : A}
+        min=${this.min ? this.min : E}
+        max=${this.max ? this.max : E}
         autocomplete=${this.autocomplete}
-        ref=${this.ref ? this.ref : A}
-        id=${this.id ? this.id : A}
+        ref=${this.ref ? this.ref : E}
+        id=${this.id ? this.id : E}
         data-testid=${this.name ? `input-${this.name}` : "input"}
-        accept=${this.accept ? this.accept : A}
+        accept=${this.accept ? this.accept : E}
         ?readonly=${this.isReadonly ? true : void 0}
         ?disabled=${this.isDisabled ? true : void 0}
         class=${cn(styles, this.customClass)}
@@ -211,7 +210,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
   descriptionTemplate() {
     return x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? A}
+        ${this.description ?? E}
       </div>
     `;
   }
@@ -389,16 +388,16 @@ let LuksoInput = class extends TailwindStyledElement(style) {
     });
     return x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : A}
-        ${this.description ? this.descriptionTemplate() : A}
+        ${this.label ? this.labelTemplate() : E}
+        ${this.description ? this.descriptionTemplate() : E}
         <div class=${wrapper()}>
           <div class="relative w-[inherit]">
             ${this.inputTemplate(input())}
-            ${this.rightIcon ? this.rightIconTemplate(rightIcon()) : A}
+            ${this.rightIcon ? this.rightIconTemplate(rightIcon()) : E}
           </div>
-          ${this.unit ? this.unitTemplate(unit()) : A}
+          ${this.unit ? this.unitTemplate(unit()) : E}
         </div>
-        ${this.error ? this.errorTemplate() : A}
+        ${this.error ? this.errorTemplate() : E}
       </div>
     `;
   }
@@ -476,13 +475,13 @@ __decorateClass([
   n({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], LuksoInput.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoInput.prototype, "hasFocus", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoInput.prototype, "hasHighlight", 2);
 LuksoInput = __decorateClass([
-  e("lukso-input")
+  t("lukso-input")
 ], LuksoInput);
 
 export { LuksoInput };

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

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const index = require('../../index-2b104ecb.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -98,14 +97,14 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-open" })
+  property.n({ type: Boolean, attribute: "is-open" })
 ], exports.LuksoModal.prototype, "isOpen", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "disable-animations" })
+  property.n({ type: Boolean, attribute: "disable-animations" })
 ], exports.LuksoModal.prototype, "disableAnimations", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoModal.prototype, "size", 2);
 exports.LuksoModal = __decorateClass([
-  queryAssignedElements.e("lukso-modal")
+  property.t("lukso-modal")
 ], exports.LuksoModal);

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

@@ -1,7 +1,6 @@
-import { a as TailwindElement, x } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { c as ce } from '../../index-ca8e900d.js';
-import '../../bundle-mjs-fbc6e2a8.js';
+import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { c as ce } from '../../index-d14b6a34.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -103,7 +102,7 @@ __decorateClass([
   n({ type: String })
 ], LuksoModal.prototype, "size", 2);
 LuksoModal = __decorateClass([
-  e("lukso-modal")
+  t("lukso-modal")
 ], LuksoModal);
 
 export { LuksoModal };

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

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
+const index = require('../../index-2b104ecb.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../index-0917a814.cjs');
+require('../../index-f564f46f.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -202,7 +201,7 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
             </div>
             ${this.isTestnet ? shared_tailwindElement_index.x`<lukso-tag background-color="yellow-65" class="ml-2">
                   TESTNET
-                </lukso-tag>` : shared_tailwindElement_index.A}
+                </lukso-tag>` : shared_tailwindElement_index.E}
           </div>
           ${this.icon ? shared_tailwindElement_index.x`<div
                 class="flex border-l border-l-purple-82 h-7 items-center pl-3 ml-3"
@@ -213,45 +212,45 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
                   color="purple-51"
                   @click=${this.handleIconClick}
                 ></lukso-icon>
-              </div>` : shared_tailwindElement_index.A}
+              </div>` : shared_tailwindElement_index.E}
         </div>
-        ${this.isCenter ? shared_tailwindElement_index.A : this.desktopCenterTemplate(styles)}
-        ${this.isCenter ? shared_tailwindElement_index.A : this.hasMenu ? shared_tailwindElement_index.x`${this.desktopMenuTemplate(styles)}
-            ${this.mobileMenuTemplate(styles)}` : shared_tailwindElement_index.A}
+        ${this.isCenter ? shared_tailwindElement_index.E : this.desktopCenterTemplate(styles)}
+        ${this.isCenter ? shared_tailwindElement_index.E : this.hasMenu ? shared_tailwindElement_index.x`${this.desktopMenuTemplate(styles)}
+            ${this.mobileMenuTemplate(styles)}` : shared_tailwindElement_index.E}
       </nav>
     `;
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoNavbar.prototype, "title", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-center" })
+  property.n({ type: Boolean, attribute: "is-center" })
 ], exports.LuksoNavbar.prototype, "isCenter", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-sticky" })
+  property.n({ type: Boolean, attribute: "is-sticky" })
 ], exports.LuksoNavbar.prototype, "isSticky", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-transparent" })
+  property.n({ type: Boolean, attribute: "is-transparent" })
 ], exports.LuksoNavbar.prototype, "isTransparent", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-testnet" })
+  property.n({ type: Boolean, attribute: "is-testnet" })
 ], exports.LuksoNavbar.prototype, "isTestnet", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoNavbar.prototype, "icon", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "has-menu" })
+  property.n({ type: Boolean, attribute: "has-menu" })
 ], exports.LuksoNavbar.prototype, "hasMenu", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "logo-url" })
+  property.n({ type: String, attribute: "logo-url" })
 ], exports.LuksoNavbar.prototype, "logoUrl", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "mobile-breakpoint" })
+  property.n({ type: String, attribute: "mobile-breakpoint" })
 ], exports.LuksoNavbar.prototype, "mobileBreakpoint", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoNavbar.prototype, "isMenuOpen", 2);
 exports.LuksoNavbar = __decorateClass([
-  queryAssignedElements.e("lukso-navbar")
+  property.t("lukso-navbar")
 ], exports.LuksoNavbar);

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

@@ -1,13 +1,12 @@
-import { a as TailwindElement, x, A } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
-import { c as ce } from '../../index-ca8e900d.js';
+import { a as TailwindElement, x, E } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { r } from '../../state-876605e4.js';
+import { c as ce } from '../../index-d14b6a34.js';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';
-import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-7a555e98.js';
+import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
-import '../../index-adf2fc92.js';
+import '../../index-eb08047e.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -198,7 +197,7 @@ let LuksoNavbar = class extends TailwindElement {
             </div>
             ${this.isTestnet ? x`<lukso-tag background-color="yellow-65" class="ml-2">
                   TESTNET
-                </lukso-tag>` : A}
+                </lukso-tag>` : E}
           </div>
           ${this.icon ? x`<div
                 class="flex border-l border-l-purple-82 h-7 items-center pl-3 ml-3"
@@ -209,11 +208,11 @@ let LuksoNavbar = class extends TailwindElement {
                   color="purple-51"
                   @click=${this.handleIconClick}
                 ></lukso-icon>
-              </div>` : A}
+              </div>` : E}
         </div>
-        ${this.isCenter ? A : this.desktopCenterTemplate(styles)}
-        ${this.isCenter ? A : this.hasMenu ? x`${this.desktopMenuTemplate(styles)}
-            ${this.mobileMenuTemplate(styles)}` : A}
+        ${this.isCenter ? E : this.desktopCenterTemplate(styles)}
+        ${this.isCenter ? E : this.hasMenu ? x`${this.desktopMenuTemplate(styles)}
+            ${this.mobileMenuTemplate(styles)}` : E}
       </nav>
     `;
   }
@@ -246,10 +245,10 @@ __decorateClass([
   n({ type: String, attribute: "mobile-breakpoint" })
 ], LuksoNavbar.prototype, "mobileBreakpoint", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoNavbar.prototype, "isMenuOpen", 2);
 LuksoNavbar = __decorateClass([
-  e("lukso-navbar")
+  t("lukso-navbar")
 ], LuksoNavbar);
 
 export { LuksoNavbar };

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

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
+const index = require('../../index-2b104ecb.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-button/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../tailwind-config.cjs');
-require('../../cn-fc6d6aa9.cjs');
+require('../../cn-b6daa995.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -192,23 +191,23 @@ exports.LuksoPagination = class LuksoPagination extends shared_tailwindElement_i
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoPagination.prototype, "variant", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoPagination.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "current-page" })
+  property.n({ type: Number, attribute: "current-page" })
 ], exports.LuksoPagination.prototype, "currentPage", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "total-pages" })
+  property.n({ type: Number, attribute: "total-pages" })
 ], exports.LuksoPagination.prototype, "totalPages", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-mobile" })
+  property.n({ type: Boolean, attribute: "is-mobile" })
 ], exports.LuksoPagination.prototype, "isMobile", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoPagination.prototype, "pagination", 2);
 exports.LuksoPagination = __decorateClass([
-  queryAssignedElements.e("lukso-pagination")
+  property.t("lukso-pagination")
 ], exports.LuksoPagination);