@lukso/web-components 1.30.0 → 1.31.1

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

@@ -0,0 +1,292 @@
+import { a as TailwindElement, x } from '../../index-2754b007.js';
+import { e, a as e$1 } from '../../directive-9ec64c08.js';
+import { t } from '../../state-7fde94d1.js';
+import { c as customClassMap } from '../../index-714323c9.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let LuksoCheckbox = class extends TailwindElement {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.label = "";
+    this.id = "";
+    this.ref = void 0;
+    this.type = "text";
+    this.size = "medium";
+    this.error = "";
+    this.profileUrl = "";
+    this.profileAddress = "";
+    this.hasIdenticon = false;
+    this.upUsername = "";
+    this.upAddress = "";
+    this.customClass = "";
+    this.isReadonly = false;
+    this.isDisabled = false;
+    this.isChecked = false;
+    this.hasFocus = false;
+    this.hasChecked = false;
+    this.hasHighlight = false;
+    this.defaultContainerStyles = `
+        flex items-center
+        border border-solid border-neutral-100      
+        select-none  
+    `;
+    this.defaultInputStyles = `
+        peer
+        absolute
+        top-0 left-0
+        opacity-0
+    `;
+    this.defaultLabelStyles = `
+    pl-2 text-neutral-20 block
+    `;
+    this.defaultCheckboxStyles = `
+    relative
+    bg-neutral-100
+    justify-center items-center flex
+    border border-solid rounded-md
+    outline-none transition transition-all duration-150 appearance-none`;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.hasChecked = this.isChecked;
+  }
+  attributeChangedCallback(name, _old, value) {
+    super.attributeChangedCallback(name, _old, value);
+    if (name === "is-checked") {
+      this.hasChecked = this.isChecked;
+      this.requestUpdate();
+    }
+  }
+  checkedIconTemplate() {
+    return x`
+      <lukso-icon
+        class=${customClassMap({
+      hidden: !this.hasChecked
+    })}
+        name="tick"
+        color="neutral-20"
+      ></lukso-icon>
+    `;
+  }
+  checkboxTemplate() {
+    return x`
+      <div
+        class=${customClassMap({
+      [this.defaultCheckboxStyles]: true,
+      [this.error === "" ? "border-neutral-90" : "border-red-85"]: !this.hasHighlight,
+      [this.error === "" ? "border-neutral-35" : "border-red-65"]: this.hasHighlight,
+      ["cursor-not-allowed text-neutral-60"]: this.isDisabled,
+      ["text-neutral-20"]: !this.isDisabled,
+      ["cursor-not-allowed"]: this.isReadonly,
+      ["h-[40px] w-[40px]"]: this.size === "medium",
+      ["h-[32px] w-[32px]"]: this.size === "small",
+      ["h-[28px] w-[28px]"]: this.size === "x-small",
+      [this.customClass]: !!this.customClass
+    })}
+      >
+        ${this.checkedIconTemplate()}
+      </div>
+    `;
+  }
+  inputTemplate() {
+    const id = this.id || this.name;
+    return x`
+      <input
+        name=${this.name}
+        ?checked=${this.hasChecked ? "checked" : void 0}
+        type="checkbox"
+        class=${customClassMap({
+      [this.defaultInputStyles]: true
+    })}
+        ref=${this.ref}
+        id=${id}
+        data-testid=${this.name ? `input-${this.name}` : "input"}
+        ?disabled=${this.isDisabled ? true : void 0}
+        @change=${this.handleChange}
+      />
+    `;
+  }
+  errorTemplate() {
+    return x`
+      <div class="paragraph-inter-12-regular text-red-65 pt-2">
+        ${this.error}
+      </div>
+    `;
+  }
+  labelTemplate() {
+    return x`
+      <span
+        class=${customClassMap({
+      [this.defaultLabelStyles]: true,
+      ["paragraph-inter-16-regular"]: this.size === "medium" || this.size === "small",
+      ["paragraph-inter-12-semi-bold"]: this.size === "x-small",
+      ["text-red-65"]: this.error !== ""
+    })}
+        >${this.label}</span
+      >
+    `;
+  }
+  profileTemplate() {
+    let size;
+    switch (this.size) {
+      case "medium":
+        size = "small";
+        break;
+      case "small":
+      case "x-small":
+      default:
+        size = "x-small";
+        break;
+    }
+    return x`
+      <lukso-profile
+        class="ml-2"
+        profile-url=${this.profileUrl}
+        profile-address=${this.profileAddress}
+        has-identicon=${this.hasIdenticon}
+        size=${size}
+      ></lukso-profile>
+    `;
+  }
+  usernameTemplate() {
+    let size;
+    switch (this.size) {
+      case "medium":
+        size = "large";
+        break;
+      case "small":
+        size = "small";
+        break;
+      case "x-small":
+      default:
+        size = "x-small";
+        break;
+    }
+    return x`
+      <lukso-username
+        class="ml-2"
+        name=${this.upUsername}
+        address=${this.upAddress}
+        size=${size}
+      ></lukso-username>
+    `;
+  }
+  profileUsernameTemplate() {
+    return x`
+      <div class="flex items-center">
+        ${this.profileTemplate()} ${this.usernameTemplate()}
+      </div>
+    `;
+  }
+  render() {
+    return x`
+      <div>
+        <label
+          for=${this.name}
+          class=${this.defaultContainerStyles}
+          @mouseenter=${this.handleMouseOver}
+          @mouseleave=${this.handleMouseOut}
+        >
+          ${this.inputTemplate()} ${this.checkboxTemplate()}
+          ${this.type === "text" ? this.labelTemplate() : this.profileUsernameTemplate()}
+        </label>
+      </div>
+    `;
+  }
+  handleChange(event) {
+    const target = event.target;
+    const changeEvent = new CustomEvent("on-change", {
+      detail: {
+        value: target.value,
+        event
+      },
+      bubbles: false,
+      composed: true
+    });
+    this.hasChecked = !this.hasChecked;
+    this.dispatchEvent(changeEvent);
+  }
+  handleMouseOver() {
+    if (!this.isReadonly && !this.isDisabled) {
+      this.hasHighlight = true;
+    }
+  }
+  handleMouseOut() {
+    if (!this.hasFocus) {
+      this.hasHighlight = false;
+    }
+  }
+};
+__decorateClass([
+  e({ type: String })
+], LuksoCheckbox.prototype, "name", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoCheckbox.prototype, "label", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoCheckbox.prototype, "id", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoCheckbox.prototype, "ref", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoCheckbox.prototype, "type", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoCheckbox.prototype, "size", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoCheckbox.prototype, "error", 2);
+__decorateClass([
+  e({ type: String, attribute: "profile-url" })
+], LuksoCheckbox.prototype, "profileUrl", 2);
+__decorateClass([
+  e({ type: String, attribute: "profile-address" })
+], LuksoCheckbox.prototype, "profileAddress", 2);
+__decorateClass([
+  e({ type: Boolean, attribute: "has-identicon" })
+], LuksoCheckbox.prototype, "hasIdenticon", 2);
+__decorateClass([
+  e({ type: String, attribute: "up-username" })
+], LuksoCheckbox.prototype, "upUsername", 2);
+__decorateClass([
+  e({ type: String, attribute: "up-address" })
+], LuksoCheckbox.prototype, "upAddress", 2);
+__decorateClass([
+  e({ type: String, attribute: "custom-class" })
+], LuksoCheckbox.prototype, "customClass", 2);
+__decorateClass([
+  e({ type: Boolean, attribute: "is-readonly" })
+], LuksoCheckbox.prototype, "isReadonly", 2);
+__decorateClass([
+  e({ type: Boolean, attribute: "is-disabled" })
+], LuksoCheckbox.prototype, "isDisabled", 2);
+__decorateClass([
+  e({ type: Boolean, attribute: "is-checked" })
+], LuksoCheckbox.prototype, "isChecked", 2);
+__decorateClass([
+  t()
+], LuksoCheckbox.prototype, "hasFocus", 2);
+__decorateClass([
+  t()
+], LuksoCheckbox.prototype, "hasChecked", 2);
+__decorateClass([
+  t()
+], LuksoCheckbox.prototype, "hasHighlight", 2);
+LuksoCheckbox = __decorateClass([
+  e$1("lukso-checkbox")
+], LuksoCheckbox);
+
+export { LuksoCheckbox };

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

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/web-components';
+/**  Documentation and examples of `lukso-checkbox` component.  */
+declare const meta: Meta;
+export default meta;
+/** Example of default input with `value`.  */
+export declare const DefaultInput: any;
+/** Example of input with `error`. */
+export declare const Error: any;
+export declare const Small: any;
+export declare const XSmall: any;
+export declare const ProfileCheckboxMedium: any;
+export declare const ProfileCheckboxSmall: any;
+export declare const ProfileCheckboxXSmall: any;
+//# sourceMappingURL=lukso-checkbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lukso-checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-checkbox/lukso-checkbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IAqMX,CAAA;AAED,eAAe,IAAI,CAAA;AA+CnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAO7C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAMtC,eAAO,MAAM,MAAM,KAAoB,CAAA;AAMvC,eAAO,MAAM,qBAAqB,KAAoB,CAAA;AAMtD,eAAO,MAAM,oBAAoB,KAAoB,CAAA;AAMrD,eAAO,MAAM,qBAAqB,KAAoB,CAAA"}

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared_tailwindElement_index = require('../../index-6683f423.cjs');
+const directive = require('../../directive-db00f5fb.cjs');
+require('../lukso-share/index.cjs');
+require('../../index-7dc05ee5.cjs');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+exports.LuksoFooter = class LuksoFooter extends shared_tailwindElement_index.TailwindElement {
+  render() {
+    return shared_tailwindElement_index.x`
+      <footer class="bg-neutral-100">
+        <div
+          class="p-10 grid gap-12 items-center lg:grid-cols-[auto,max-content]"
+        >
+          <slot name="top"></slot>
+          <div className="flex lg:justify-end">
+            <lukso-share></lukso-share>
+          </div>
+        </div>
+        <div
+          class="grid sm:grid-cols-[max-content,auto] px-10 py-6 bg-neutral-95 gap-8"
+        >
+          <slot name="bottom"></slot>
+          <div class="flex sm:justify-end">
+            <a
+              href="https://lukso.network/"
+              target="_blank"
+              class="sm:text-right opacity-50 text-neutral-30"
+            >
+              <span class="paragraph-inter-10-semi-bold">Powered by</span>
+              <img
+                src="/assets/images/lukso-logo.svg"
+                alt="LUKSO"
+                class="h-4"
+              />
+            </a>
+          </div>
+        </div>
+      </footer>
+    `;
+  }
+};
+exports.LuksoFooter = __decorateClass([
+  directive.e$1("lukso-footer")
+], exports.LuksoFooter);

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

@@ -0,0 +1,9 @@
+import { TailwindElement } from '../../shared/tailwind-element';
+export declare class LuksoFooter extends TailwindElement {
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lukso-footer': LuksoFooter;
+    }
+}

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

@@ -0,0 +1,56 @@
+import { a as TailwindElement, x } from '../../index-2754b007.js';
+import { a as e } from '../../directive-9ec64c08.js';
+import '../lukso-share/index.js';
+import '../../index-714323c9.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let LuksoFooter = class extends TailwindElement {
+  render() {
+    return x`
+      <footer class="bg-neutral-100">
+        <div
+          class="p-10 grid gap-12 items-center lg:grid-cols-[auto,max-content]"
+        >
+          <slot name="top"></slot>
+          <div className="flex lg:justify-end">
+            <lukso-share></lukso-share>
+          </div>
+        </div>
+        <div
+          class="grid sm:grid-cols-[max-content,auto] px-10 py-6 bg-neutral-95 gap-8"
+        >
+          <slot name="bottom"></slot>
+          <div class="flex sm:justify-end">
+            <a
+              href="https://lukso.network/"
+              target="_blank"
+              class="sm:text-right opacity-50 text-neutral-30"
+            >
+              <span class="paragraph-inter-10-semi-bold">Powered by</span>
+              <img
+                src="/assets/images/lukso-logo.svg"
+                alt="LUKSO"
+                class="h-4"
+              />
+            </a>
+          </div>
+        </div>
+      </footer>
+    `;
+  }
+};
+LuksoFooter = __decorateClass([
+  e("lukso-footer")
+], LuksoFooter);
+
+export { LuksoFooter };

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/web-components';
+/**  Documentation and examples of `lukso-footer` component. There are two slots for the links called `top` and `bottom`.   */
+declare const meta: Meta;
+export default meta;
+/** Example of default footer.  */
+export declare const DefaultFooter: any;
+//# sourceMappingURL=lukso-footer.stories.d.ts.map

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

@@ -0,0 +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,IAcX,CAAA;AAED,eAAe,IAAI,CAAA;AAiCnB,kCAAkC;AAClC,eAAO,MAAM,aAAa,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-c193b106.cjs');
+const shared_tailwindElement_index = require('../../index-6683f423.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-a3b7dea7.cjs');
+const styleMap = require('../../style-map-11254084.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-f4ba403b.js';
+import { x, T as TailwindStyledElement } from '../../index-2754b007.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-d2ea2813.js';
+import { o } from '../../style-map-abc9b925.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-c193b106.cjs');
+const shared_tailwindElement_index = require('../../index-6683f423.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-f4ba403b.js';
+import { a as TailwindElement, x, A } from '../../index-2754b007.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c193b106.cjs');
+const shared_tailwindElement_index = require('../../index-6683f423.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-f4ba403b.js';
+import { a as TailwindElement, x } from '../../index-2754b007.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 

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

@@ -2,10 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c193b106.cjs');
+const shared_tailwindElement_index = require('../../index-6683f423.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
+require('../lukso-icon/index.cjs');
+require('../lukso-tag/index.cjs');
+require('../../style-map-11254084.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -25,7 +28,12 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
     this.isCenter = false;
     this.isSticky = false;
     this.isTransparent = false;
+    this.isTestnet = false;
+    this.icon = "";
+    this.hasMenu = false;
+    this.logoUrl = "";
     this.isMenuOpen = false;
+    this.defaultLogoUrl = "/assets/images/up-logo.png";
     this.centerStyles = `justify-center`;
     this.stickyStyles = `sticky top-0 z-[1000]`;
     this.transparentStyles = `!bg-transparent !shadow-none`;
@@ -57,18 +65,17 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
       >
         <div
           class="w-[18px] h-[2px] rounded-4 bg-neutral-20 transition-all
-        before:content-[''] before:absolute before:w-[18px] before:h-[2px] before:bg-neutral-20 before:rounded-4 before:transition-all before:-translate-y-[6px]
-        after:content-[''] after:absolute after:w-[18px] after:h-[2px] after:bg-neutral-20 after:rounded-4 after:transition-all after:translate-y-[6px]
-        ${index.customClassMap({
+          before:content-[''] before:absolute before:w-[18px] before:h-[2px] before:bg-neutral-20 before:rounded-4 before:transition-all before:-translate-y-[6px]
+          after:content-[''] after:absolute after:w-[18px] after:h-[2px] after:bg-neutral-20 after:rounded-4 after:transition-all after:translate-y-[6px]
+          ${index.customClassMap({
       "!bg-transparent before:rotate-[45deg] before:!-translate-y-[0px] after:-rotate-[45deg] after:!translate-y-[0px]": this.isMenuOpen
     })}
       "
         ></div>
       </div>
       <div
-        class="fixed top-[78px] left-0 w-full h-full bg-neutral-100 z-[1000] justify-center
-      items-center flex md:hidden
-    ${index.customClassMap({
+        class="fixed top-[78px] left-0 w-full h-full bg-neutral-100 z-[1000] justify-center items-center flex md:hidden
+        ${index.customClassMap({
       "animate-fade-in animation-duration-150": this.isMenuOpen,
       "!hidden": !this.isMenuOpen
     })}"
@@ -93,15 +100,26 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
           class="flex items-center px-7 h-full cursor-pointer sm:px-10"
           @click=${this.handleBrandClick}
         >
-          <img src="/assets/images/lukso-logo.svg" class="mr-4" />
+          <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 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>` : ""}
+          ${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>` : ""}
         </div>
-        ${this.isCenter ? shared_tailwindElement_index.x`` : shared_tailwindElement_index.x`${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}`}
+        ${this.isCenter ? shared_tailwindElement_index.x`` : this.hasMenu ? shared_tailwindElement_index.x`${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}` : shared_tailwindElement_index.x``}
       </nav>
     `;
   }
@@ -118,6 +136,18 @@ __decorateClass([
 __decorateClass([
   directive.e({ type: Boolean, attribute: "is-transparent" })
 ], exports.LuksoNavbar.prototype, "isTransparent", 2);
+__decorateClass([
+  directive.e({ type: Boolean, attribute: "is-testnet" })
+], exports.LuksoNavbar.prototype, "isTestnet", 2);
+__decorateClass([
+  directive.e({ type: String })
+], exports.LuksoNavbar.prototype, "icon", 2);
+__decorateClass([
+  directive.e({ type: Boolean, attribute: "has-menu" })
+], exports.LuksoNavbar.prototype, "hasMenu", 2);
+__decorateClass([
+  directive.e({ type: String, attribute: "logo-url" })
+], exports.LuksoNavbar.prototype, "logoUrl", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoNavbar.prototype, "isMenuOpen", 2);

package/dist/{src/components → components}/lukso-navbar/index.d.ts

@@ -4,7 +4,12 @@ export declare class LuksoNavbar extends TailwindElement {
     isCenter: boolean;
     isSticky: boolean;
     isTransparent: boolean;
+    isTestnet: boolean;
+    icon: string;
+    hasMenu: boolean;
+    logoUrl: string;
     private isMenuOpen;
+    private defaultLogoUrl;
     private centerStyles;
     private stickyStyles;
     private transparentStyles;