@lukso/web-components 1.46.0 → 1.47.1

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-51cfbd32.js';
-import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { a as TailwindElement, x } from '../../index-10b4e725.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 
@@ -57,13 +57,13 @@ let LuksoModal = class extends TailwindElement {
   }
 };
 __decorateClass([
-  e({ type: Boolean, attribute: "is-open" })
+  n({ type: Boolean, attribute: "is-open" })
 ], LuksoModal.prototype, "isOpen", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoModal.prototype, "size", 2);
 LuksoModal = __decorateClass([
-  e$1("lukso-modal")
+  e("lukso-modal")
 ], LuksoModal);
 
 export { LuksoModal };

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const state = require('../../state-51b50a6b.cjs');
+const shared_tailwindElement_index = require('../../index-416afa07.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
+const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-f36ae803.cjs');
+require('../../style-map-f57e0b7e.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -46,20 +46,25 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
     });
     this.dispatchEvent(event);
   }
+  handleIconClick() {
+    const event = new CustomEvent("on-icon-click", {
+      bubbles: true,
+      composed: true
+    });
+    this.dispatchEvent(event);
+  }
   handleMenuToggle() {
     this.isMenuOpen = !this.isMenuOpen;
   }
   desktopMenuTemplate() {
     return shared_tailwindElement_index.x`<div
-      class="w-full items-center justify-end pr-10 no-underline hidden md:flex"
+      class="items-center justify-end pr-10 no-underline hidden md:flex"
     >
       <slot name="desktop"></slot>
     </div>`;
   }
   mobileMenuTemplate() {
-    return shared_tailwindElement_index.x`<div
-      class="w-full items-center justify-end pr-6 flex md:hidden"
-    >
+    return shared_tailwindElement_index.x`<div class="items-center justify-end pr-6 flex md:hidden">
       <div
         class="flex items-center justify-center w-8 h-8 cursor-pointer"
         @click=${this.handleMenuToggle}
@@ -93,32 +98,40 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
         class="bg-neutral-100 shadow-pink-drop-shadow h-78 flex
         ${index.customClassMap({
       [this.centerStyles]: this.isCenter,
+      ["justify-between"]: !this.isCenter,
       [this.stickyStyles]: this.isSticky,
       [this.transparentStyles]: this.isTransparent
     })}"
       >
-        <div
-          class="flex items-center px-7 h-full cursor-pointer sm:px-10"
-          @click=${this.handleBrandClick}
-        >
-          <img
-            src="${this.logoUrl || this.defaultLogoUrl}"
-            class="mr-2 h-[26px]"
-          />
+        <div class="flex items-center px-7 h-full sm:px-10">
           <div
-            class="text-purple-51 nav-apax-14-medium-uppercase
-              whitespace-pre-line flex leading-none hover:text-purple-41"
+            class="flex cursor-pointer group"
+            @click=${this.handleBrandClick}
           >
-            <span>${this.title}</span>
+            <img
+              src="${this.logoUrl || this.defaultLogoUrl}"
+              class="mr-2 h-[26px]"
+            />
+            <div
+              class="text-purple-51 nav-apax-14-medium-uppercase
+                whitespace-pre-line flex leading-none transition group-hover:text-purple-41"
+            >
+              <span>${this.title}</span>
+            </div>
+            ${this.isTestnet ? shared_tailwindElement_index.x`<lukso-tag background-color="yellow-65" class="ml-2">
+                  TESTNET
+                </lukso-tag>` : ""}
           </div>
-          ${this.isTestnet ? shared_tailwindElement_index.x`<lukso-tag background-color="yellow-65" class="ml-2">
-                TESTNET
-              </lukso-tag>` : ""}
-          ${this.icon ? shared_tailwindElement_index.x`<lukso-icon
-                class="border-l border-l-purple-82 h-7 items-center pl-3 ml-3"
-                name="${this.icon}"
-                color="purple-51"
-              ></lukso-icon>` : ""}
+          ${this.icon ? shared_tailwindElement_index.x`<div
+                class="flex border-l border-l-purple-82 h-7 items-center pl-3 ml-3"
+              >
+                <lukso-icon
+                  class="transition cursor-pointer hover:scale-105"
+                  name="${this.icon}"
+                  color="purple-51"
+                  @click=${this.handleIconClick}
+                ></lukso-icon>
+              </div>` : ""}
         </div>
         ${this.isCenter ? shared_tailwindElement_index.x`` : this.hasMenu ? shared_tailwindElement_index.x`${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}` : shared_tailwindElement_index.x``}
       </nav>
@@ -126,32 +139,32 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  queryAssignedElements.e({ type: String })
+  queryAssignedElements.n({ type: String })
 ], exports.LuksoNavbar.prototype, "title", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "is-center" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-center" })
 ], exports.LuksoNavbar.prototype, "isCenter", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "is-sticky" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-sticky" })
 ], exports.LuksoNavbar.prototype, "isSticky", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "is-transparent" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-transparent" })
 ], exports.LuksoNavbar.prototype, "isTransparent", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "is-testnet" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-testnet" })
 ], exports.LuksoNavbar.prototype, "isTestnet", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: String })
+  queryAssignedElements.n({ type: String })
 ], exports.LuksoNavbar.prototype, "icon", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "has-menu" })
+  queryAssignedElements.n({ type: Boolean, attribute: "has-menu" })
 ], exports.LuksoNavbar.prototype, "hasMenu", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: String, attribute: "logo-url" })
+  queryAssignedElements.n({ type: String, attribute: "logo-url" })
 ], exports.LuksoNavbar.prototype, "logoUrl", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoNavbar.prototype, "isMenuOpen", 2);
 exports.LuksoNavbar = __decorateClass([
-  queryAssignedElements.e$1("lukso-navbar")
+  queryAssignedElements.e("lukso-navbar")
 ], exports.LuksoNavbar);

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

@@ -14,10 +14,11 @@ export declare class LuksoNavbar extends TailwindElement {
     private stickyStyles;
     private transparentStyles;
     private handleBrandClick;
+    private handleIconClick;
     private handleMenuToggle;
-    desktopMenuTemplate(): import("lit").TemplateResult<1>;
-    mobileMenuTemplate(): import("lit").TemplateResult<1>;
-    render(): import("lit").TemplateResult<1>;
+    desktopMenuTemplate(): import("lit-html").TemplateResult<1>;
+    mobileMenuTemplate(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-navbar/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAE/B,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAK;IAGV,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,aAAa,UAAQ;IAGrB,SAAS,UAAQ;IAGjB,IAAI,SAAK;IAGT,OAAO,UAAQ;IAGf,OAAO,SAAK;IAGZ,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,cAAc,CAA+B;IAErD,OAAO,CAAC,YAAY,CAAmB;IAEvC,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,iBAAiB,CAAiC;IAE1D,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,gBAAgB;IAIxB,mBAAmB;IAQnB,kBAAkB;IAgClB,MAAM;CA8CP;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-navbar/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAE/B,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAK;IAGV,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,aAAa,UAAQ;IAGrB,SAAS,UAAQ;IAGjB,IAAI,SAAK;IAGT,OAAO,UAAQ;IAGf,OAAO,SAAK;IAGZ,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,cAAc,CAA+B;IAErD,OAAO,CAAC,YAAY,CAAmB;IAEvC,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,iBAAiB,CAAiC;IAE1D,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,gBAAgB;IAIxB,mBAAmB;IAQnB,kBAAkB;IA8BlB,MAAM;CAsDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -1,11 +1,11 @@
-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 { a as TailwindElement, x } from '../../index-10b4e725.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
+import { t } from '../../state-0a779257.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-bcba103a.js';
+import '../../style-map-5d518e86.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -42,20 +42,25 @@ let LuksoNavbar = class extends TailwindElement {
     });
     this.dispatchEvent(event);
   }
+  handleIconClick() {
+    const event = new CustomEvent("on-icon-click", {
+      bubbles: true,
+      composed: true
+    });
+    this.dispatchEvent(event);
+  }
   handleMenuToggle() {
     this.isMenuOpen = !this.isMenuOpen;
   }
   desktopMenuTemplate() {
     return x`<div
-      class="w-full items-center justify-end pr-10 no-underline hidden md:flex"
+      class="items-center justify-end pr-10 no-underline hidden md:flex"
     >
       <slot name="desktop"></slot>
     </div>`;
   }
   mobileMenuTemplate() {
-    return x`<div
-      class="w-full items-center justify-end pr-6 flex md:hidden"
-    >
+    return x`<div class="items-center justify-end pr-6 flex md:hidden">
       <div
         class="flex items-center justify-center w-8 h-8 cursor-pointer"
         @click=${this.handleMenuToggle}
@@ -89,32 +94,40 @@ let LuksoNavbar = class extends TailwindElement {
         class="bg-neutral-100 shadow-pink-drop-shadow h-78 flex
         ${customClassMap({
       [this.centerStyles]: this.isCenter,
+      ["justify-between"]: !this.isCenter,
       [this.stickyStyles]: this.isSticky,
       [this.transparentStyles]: this.isTransparent
     })}"
       >
-        <div
-          class="flex items-center px-7 h-full cursor-pointer sm:px-10"
-          @click=${this.handleBrandClick}
-        >
-          <img
-            src="${this.logoUrl || this.defaultLogoUrl}"
-            class="mr-2 h-[26px]"
-          />
+        <div class="flex items-center px-7 h-full sm:px-10">
           <div
-            class="text-purple-51 nav-apax-14-medium-uppercase
-              whitespace-pre-line flex leading-none hover:text-purple-41"
+            class="flex cursor-pointer group"
+            @click=${this.handleBrandClick}
           >
-            <span>${this.title}</span>
+            <img
+              src="${this.logoUrl || this.defaultLogoUrl}"
+              class="mr-2 h-[26px]"
+            />
+            <div
+              class="text-purple-51 nav-apax-14-medium-uppercase
+                whitespace-pre-line flex leading-none transition group-hover:text-purple-41"
+            >
+              <span>${this.title}</span>
+            </div>
+            ${this.isTestnet ? x`<lukso-tag background-color="yellow-65" class="ml-2">
+                  TESTNET
+                </lukso-tag>` : ""}
           </div>
-          ${this.isTestnet ? x`<lukso-tag background-color="yellow-65" class="ml-2">
-                TESTNET
-              </lukso-tag>` : ""}
-          ${this.icon ? x`<lukso-icon
-                class="border-l border-l-purple-82 h-7 items-center pl-3 ml-3"
-                name="${this.icon}"
-                color="purple-51"
-              ></lukso-icon>` : ""}
+          ${this.icon ? x`<div
+                class="flex border-l border-l-purple-82 h-7 items-center pl-3 ml-3"
+              >
+                <lukso-icon
+                  class="transition cursor-pointer hover:scale-105"
+                  name="${this.icon}"
+                  color="purple-51"
+                  @click=${this.handleIconClick}
+                ></lukso-icon>
+              </div>` : ""}
         </div>
         ${this.isCenter ? x`` : this.hasMenu ? x`${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}` : x``}
       </nav>
@@ -122,34 +135,34 @@ let LuksoNavbar = class extends TailwindElement {
   }
 };
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoNavbar.prototype, "title", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-center" })
+  n({ type: Boolean, attribute: "is-center" })
 ], LuksoNavbar.prototype, "isCenter", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-sticky" })
+  n({ type: Boolean, attribute: "is-sticky" })
 ], LuksoNavbar.prototype, "isSticky", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-transparent" })
+  n({ type: Boolean, attribute: "is-transparent" })
 ], LuksoNavbar.prototype, "isTransparent", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-testnet" })
+  n({ type: Boolean, attribute: "is-testnet" })
 ], LuksoNavbar.prototype, "isTestnet", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoNavbar.prototype, "icon", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "has-menu" })
+  n({ type: Boolean, attribute: "has-menu" })
 ], LuksoNavbar.prototype, "hasMenu", 2);
 __decorateClass([
-  e({ type: String, attribute: "logo-url" })
+  n({ type: String, attribute: "logo-url" })
 ], LuksoNavbar.prototype, "logoUrl", 2);
 __decorateClass([
   t()
 ], LuksoNavbar.prototype, "isMenuOpen", 2);
 LuksoNavbar = __decorateClass([
-  e$1("lukso-navbar")
+  e("lukso-navbar")
 ], LuksoNavbar);
 
 export { LuksoNavbar };

package/dist/components/lukso-navbar/lukso-navbar.stories.d.ts

@@ -2,18 +2,18 @@ import { Meta } from '@storybook/web-components';
 /**  Documentation and examples of `lukso-navbar` component.  */
 declare const meta: Meta;
 export default meta;
-/** Example of default navbar. It support `@on-brand-click` event that is fired when clicking on the logo/title. */
+/** Example of default navbar.  */
 export declare const DefaultNavbar: any;
-/** Example of navbar with logo and title in center. You set this by adding `is-center` property. */
+/** Example of navbar with logo and title in center. You set this by adding `is-center` attribute. */
 export declare const CenterNavbar: any;
-/** Example of navbar with transparent background and no shadow. You set this by adding `is-transparent` property. */
+/** Example of navbar with transparent background and no shadow. You set this by adding `is-transparent` attribute. */
 export declare const TransparentNavbar: any;
-/** By default navbar stays at the top of the document. If you want it scroll with the content then ad  `is-sticky` property. */
+/** By default navbar stays at the top of the document. If you want it scroll with the content then ad  `is-sticky` attribute. */
 export declare const StickyNavbar: any;
-/** Navbar with menu. It uses `desktop` and `mobile` slots for menus for different devices. It also require `has-menu` property to be set.  */
+/** Navbar with menu. It uses `desktop` and `mobile` slots for menus for different devices. It also require `has-menu` attribute to be set.  */
 export declare const NavbarWithMenu: any;
-/** Example of navbar with testnet badge. You set this by adding `is-testnet` property. */
+/** Example of navbar with testnet badge. You set this by adding `is-testnet` attribute. */
 export declare const TestnetNavbar: any;
-/** Example of navbar with custom logo. You set this by adding `logo-url` property. */
+/** Example of navbar with custom logo. You set this by adding `logo-url` attribute. */
 export declare const CustomLogoNavbar: any;
 //# sourceMappingURL=lukso-navbar.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-navbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-navbar/lukso-navbar.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAE5B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IAqHX,CAAA;AAED,eAAe,IAAI,CAAA;AA+EnB,mHAAmH;AACnH,eAAO,MAAM,aAAa,KAAoB,CAAA;AAE9C,oGAAoG;AACpG,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,qHAAqH;AACrH,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAMlD,gIAAgI;AAChI,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,8IAA8I;AAC9I,eAAO,MAAM,cAAc,KAAwB,CAAA;AAKnD,0FAA0F;AAC1F,eAAO,MAAM,aAAa,KAAoB,CAAA;AAK9C,sFAAsF;AACtF,eAAO,MAAM,gBAAgB,KAAoB,CAAA"}
+{"version":3,"file":"lukso-navbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-navbar/lukso-navbar.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAE5B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IA8HX,CAAA;AAED,eAAe,IAAI,CAAA;AA0DnB,kCAAkC;AAClC,eAAO,MAAM,aAAa,KAAoB,CAAA;AAE9C,qGAAqG;AACrG,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,sHAAsH;AACtH,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAMlD,iIAAiI;AACjI,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,+IAA+I;AAC/I,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C,2FAA2F;AAC3F,eAAO,MAAM,aAAa,KAAoB,CAAA;AAK9C,uFAAuF;AACvF,eAAO,MAAM,gBAAgB,KAAoB,CAAA"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-f36ae803.cjs');
+const shared_tailwindElement_index = require('../../index-416afa07.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
+const styleMap = require('../../style-map-f57e0b7e.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -552,20 +552,20 @@ exports.LuksoProfile = class LuksoProfile extends shared_tailwindElement_index.T
   }
 };
 __decorateClass([
-  queryAssignedElements.e({ type: String, attribute: "profile-url" })
+  queryAssignedElements.n({ type: String, attribute: "profile-url" })
 ], exports.LuksoProfile.prototype, "profileUrl", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: String, attribute: "profile-address" })
+  queryAssignedElements.n({ type: String, attribute: "profile-address" })
 ], exports.LuksoProfile.prototype, "profileAddress", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "has-identicon" })
+  queryAssignedElements.n({ type: Boolean, attribute: "has-identicon" })
 ], exports.LuksoProfile.prototype, "hasIdenticon", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: String })
+  queryAssignedElements.n({ type: String })
 ], exports.LuksoProfile.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "is-square" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-square" })
 ], exports.LuksoProfile.prototype, "isSquare", 2);
 exports.LuksoProfile = __decorateClass([
-  queryAssignedElements.e$1("lukso-profile")
+  queryAssignedElements.e("lukso-profile")
 ], exports.LuksoProfile);

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

@@ -17,7 +17,7 @@ export declare class LuksoProfile extends TailwindElement {
     private squareRoundingSize;
     private defaultProfileUrl;
     private identicon;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,6 +1,6 @@
-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-bcba103a.js';
+import { a as TailwindElement, x } from '../../index-10b4e725.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
+import { o } from '../../style-map-5d518e86.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 
@@ -548,22 +548,22 @@ let LuksoProfile = class extends TailwindElement {
   }
 };
 __decorateClass([
-  e({ type: String, attribute: "profile-url" })
+  n({ type: String, attribute: "profile-url" })
 ], LuksoProfile.prototype, "profileUrl", 2);
 __decorateClass([
-  e({ type: String, attribute: "profile-address" })
+  n({ type: String, attribute: "profile-address" })
 ], LuksoProfile.prototype, "profileAddress", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "has-identicon" })
+  n({ type: Boolean, attribute: "has-identicon" })
 ], LuksoProfile.prototype, "hasIdenticon", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoProfile.prototype, "size", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-square" })
+  n({ type: Boolean, attribute: "is-square" })
 ], LuksoProfile.prototype, "isSquare", 2);
 LuksoProfile = __decorateClass([
-  e$1("lukso-profile")
+  e("lukso-profile")
 ], LuksoProfile);
 
 export { LuksoProfile };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-f36ae803.cjs');
+const shared_tailwindElement_index = require('../../index-416afa07.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
+const styleMap = require('../../style-map-f57e0b7e.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -54,17 +54,17 @@ exports.LuksoProgress = class LuksoProgress extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  queryAssignedElements.e({ type: Number })
+  queryAssignedElements.n({ type: Number })
 ], exports.LuksoProgress.prototype, "min", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Number })
+  queryAssignedElements.n({ type: Number })
 ], exports.LuksoProgress.prototype, "max", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Number })
+  queryAssignedElements.n({ type: Number })
 ], exports.LuksoProgress.prototype, "current", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: String })
+  queryAssignedElements.n({ type: String })
 ], exports.LuksoProgress.prototype, "variant", 2);
 exports.LuksoProgress = __decorateClass([
-  queryAssignedElements.e$1("lukso-progress")
+  queryAssignedElements.e("lukso-progress")
 ], exports.LuksoProgress);

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

@@ -6,7 +6,7 @@ export declare class LuksoProgress extends TailwindElement {
     current: number;
     variant: ProgressVariant;
     private progressWidth;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,6 +1,6 @@
-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-bcba103a.js';
+import { a as TailwindElement, x } from '../../index-10b4e725.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
+import { o } from '../../style-map-5d518e86.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 
@@ -50,19 +50,19 @@ let LuksoProgress = class extends TailwindElement {
   }
 };
 __decorateClass([
-  e({ type: Number })
+  n({ type: Number })
 ], LuksoProgress.prototype, "min", 2);
 __decorateClass([
-  e({ type: Number })
+  n({ type: Number })
 ], LuksoProgress.prototype, "max", 2);
 __decorateClass([
-  e({ type: Number })
+  n({ type: Number })
 ], LuksoProgress.prototype, "current", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoProgress.prototype, "variant", 2);
 LuksoProgress = __decorateClass([
-  e$1("lukso-progress")
+  e("lukso-progress")
 ], LuksoProgress);
 
 export { LuksoProgress };