@lukso/web-components 1.31.1 → 1.32.0

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-2754b007.js';
+import { a as TailwindElement, x } from '../../index-e26b8ca5.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';
@@ -18,26 +18,19 @@ 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.checked = false;
     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
+        flex items-center gap-2
         border border-solid border-neutral-100      
         select-none  
     `;
@@ -48,7 +41,7 @@ let LuksoCheckbox = class extends TailwindElement {
         opacity-0
     `;
     this.defaultLabelStyles = `
-    pl-2 text-neutral-20 block
+    text-neutral-20 block
     `;
     this.defaultCheckboxStyles = `
     relative
@@ -57,25 +50,14 @@ let LuksoCheckbox = class extends TailwindElement {
     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
+      hidden: !this.checked
     })}
         name="tick"
-        color="neutral-20"
+        color=${this.isDisabled ? "neutral-60" : "neutral-20"}
       ></lukso-icon>
     `;
   }
@@ -86,9 +68,7 @@ let LuksoCheckbox = class extends TailwindElement {
       [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,
+      ["border-neutral-60"]: this.isDisabled,
       ["h-[40px] w-[40px]"]: this.size === "medium",
       ["h-[32px] w-[32px]"]: this.size === "small",
       ["h-[28px] w-[28px]"]: this.size === "x-small",
@@ -104,16 +84,18 @@ let LuksoCheckbox = class extends TailwindElement {
     return x`
       <input
         name=${this.name}
-        ?checked=${this.hasChecked ? "checked" : void 0}
+        ?checked=${this.checked ? "checked" : void 0}
         type="checkbox"
         class=${customClassMap({
-      [this.defaultInputStyles]: true
+      [this.defaultInputStyles]: true,
+      ["text-neutral-60"]: this.isDisabled
     })}
         ref=${this.ref}
         id=${id}
         data-testid=${this.name ? `input-${this.name}` : "input"}
         ?disabled=${this.isDisabled ? true : void 0}
-        @change=${this.handleChange}
+        ?readonly=${this.isReadonly ? true : void 0}
+        @change=${!this.isReadonly ? this.handleChange : "return false;"}
       />
     `;
   }
@@ -131,61 +113,18 @@ let LuksoCheckbox = class extends TailwindElement {
       [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 !== ""
+      ["text-red-65"]: this.error !== "",
+      ["text-neutral-60"]: this.isDisabled
     })}
-        >${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>
+        <slot></slot>
+      </span>
     `;
   }
   profileUsernameTemplate() {
     return x`
-      <div class="flex items-center">
-        ${this.profileTemplate()} ${this.usernameTemplate()}
+      <div class="flex items-center text-neutral-20 gap-2 justify-center">
+        <slot></slot>
       </div>
     `;
   }
@@ -194,7 +133,10 @@ let LuksoCheckbox = class extends TailwindElement {
       <div>
         <label
           for=${this.name}
-          class=${this.defaultContainerStyles}
+          class=${customClassMap({
+      [this.defaultContainerStyles]: true,
+      ["cursor-not-allowed"]: this.isDisabled || this.isReadonly
+    })}
           @mouseenter=${this.handleMouseOver}
           @mouseleave=${this.handleMouseOut}
         >
@@ -206,16 +148,18 @@ let LuksoCheckbox = class extends TailwindElement {
   }
   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);
+    this.checked = target.checked;
+    this.dispatchEvent(
+      new CustomEvent("on-change", {
+        detail: {
+          value: target.value,
+          checked: target.checked,
+          event
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
   }
   handleMouseOver() {
     if (!this.isReadonly && !this.isDisabled) {
@@ -231,9 +175,6 @@ let LuksoCheckbox = class extends TailwindElement {
 __decorateClass([
   e({ type: String })
 ], LuksoCheckbox.prototype, "name", 2);
-__decorateClass([
-  e({ type: String })
-], LuksoCheckbox.prototype, "label", 2);
 __decorateClass([
   e({ type: String })
 ], LuksoCheckbox.prototype, "id", 2);
@@ -250,20 +191,8 @@ __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);
+  e({ type: Boolean })
+], LuksoCheckbox.prototype, "checked", 2);
 __decorateClass([
   e({ type: String, attribute: "custom-class" })
 ], LuksoCheckbox.prototype, "customClass", 2);
@@ -273,15 +202,9 @@ __decorateClass([
 __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);

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

@@ -1 +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"}
+{"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,IAmHX,CAAA;AAED,eAAe,IAAI,CAAA;AA4BnB,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;AA2DvC,eAAO,MAAM,qBAAqB,KAAmC,CAAA;AAOrE,eAAO,MAAM,oBAAoB,KAAmC,CAAA;AAQpE,eAAO,MAAM,qBAAqB,KAAmC,CAAA"}

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

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

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-2754b007.js';
+import { a as TailwindElement, x } from '../../index-e26b8ca5.js';
 import { a as e } from '../../directive-9ec64c08.js';
 import '../lukso-share/index.js';
 import '../../index-714323c9.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-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-11254084.cjs');
+const styleMap = require('../../style-map-a55221fe.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-2754b007.js';
+import { x, T as TailwindStyledElement } from '../../index-e26b8ca5.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-abc9b925.js';
+import { o } from '../../style-map-5f187498.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-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
@@ -40,13 +40,14 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     this.autofocus = false;
     this.max = void 0;
     this.min = void 0;
+    this.borderless = false;
     this.hasHocus = false;
     this.hasHighlight = false;
     this.defaultInputStyles = `bg-neutral-100 paragraph-inter-14-regular px-4 py-3
-    border border-solid h-[48px] placeholder:text-neutral-70
+    border-solid h-[48px] placeholder:text-neutral-70
     outline-none transition transition-all duration-150 appearance-none`;
     this.defaultUnitStyles = `paragraph-inter-12-regular text-neutral-60 flex px-3.5 items-center relative
-    border border-solid h-[48px] transition transition-all duration-150
+    border-solid h-[48px] transition transition-all duration-150
     rounded-r-12 border-l-0 before:bg-neutral-90 before:absolute before:top-[calc(50%-12px)] before:left-0
     before:w-[1px] before:h-[24px] whitespace-nowrap cursor-pointer`;
   }
@@ -80,7 +81,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
       ["cursor-not-allowed text-neutral-60"]: this.isDisabled,
       ["text-neutral-20"]: !this.isDisabled,
       ["cursor-not-allowed"]: this.isReadonly,
-      [this.customClass]: !!this.customClass
+      [this.customClass]: !!this.customClass,
+      [this.borderless ? "border-0" : "border"]: true
     })}
         @focus=${this.handleFocus}
         @input=${this.handleInput}
@@ -120,7 +122,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
       class=${index.customClassMap({
       [this.defaultUnitStyles]: true,
       [this.error === "" ? "border-neutral-90" : "border-red-85"]: !this.hasHighlight,
-      [this.error === "" ? "border-neutral-35" : "border-red-65"]: this.hasHighlight
+      [this.error === "" ? "border-neutral-35" : "border-red-65"]: this.hasHighlight,
+      [this.borderless ? "border-0" : "border"]: true
     })}
       @mouseenter=${this.handleMouseOver}
       @mouseleave=${this.handleMouseOut}
@@ -301,6 +304,9 @@ __decorateClass([
 __decorateClass([
   directive.e({ type: Number })
 ], exports.LuksoInput.prototype, "min", 2);
+__decorateClass([
+  directive.e({ type: Boolean })
+], exports.LuksoInput.prototype, "borderless", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoInput.prototype, "hasHocus", 2);

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

@@ -19,6 +19,7 @@ export declare class LuksoInput extends TailwindElement {
     autofocus: boolean;
     max: number | undefined;
     min: number | undefined;
+    borderless: boolean;
     private hasHocus;
     private hasHighlight;
     private defaultInputStyles;

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-2754b007.js';
+import { a as TailwindElement, x, A } from '../../index-e26b8ca5.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';
@@ -36,13 +36,14 @@ let LuksoInput = class extends TailwindElement {
     this.autofocus = false;
     this.max = void 0;
     this.min = void 0;
+    this.borderless = false;
     this.hasHocus = false;
     this.hasHighlight = false;
     this.defaultInputStyles = `bg-neutral-100 paragraph-inter-14-regular px-4 py-3
-    border border-solid h-[48px] placeholder:text-neutral-70
+    border-solid h-[48px] placeholder:text-neutral-70
     outline-none transition transition-all duration-150 appearance-none`;
     this.defaultUnitStyles = `paragraph-inter-12-regular text-neutral-60 flex px-3.5 items-center relative
-    border border-solid h-[48px] transition transition-all duration-150
+    border-solid h-[48px] transition transition-all duration-150
     rounded-r-12 border-l-0 before:bg-neutral-90 before:absolute before:top-[calc(50%-12px)] before:left-0
     before:w-[1px] before:h-[24px] whitespace-nowrap cursor-pointer`;
   }
@@ -76,7 +77,8 @@ let LuksoInput = class extends TailwindElement {
       ["cursor-not-allowed text-neutral-60"]: this.isDisabled,
       ["text-neutral-20"]: !this.isDisabled,
       ["cursor-not-allowed"]: this.isReadonly,
-      [this.customClass]: !!this.customClass
+      [this.customClass]: !!this.customClass,
+      [this.borderless ? "border-0" : "border"]: true
     })}
         @focus=${this.handleFocus}
         @input=${this.handleInput}
@@ -116,7 +118,8 @@ let LuksoInput = class extends TailwindElement {
       class=${customClassMap({
       [this.defaultUnitStyles]: true,
       [this.error === "" ? "border-neutral-90" : "border-red-85"]: !this.hasHighlight,
-      [this.error === "" ? "border-neutral-35" : "border-red-65"]: this.hasHighlight
+      [this.error === "" ? "border-neutral-35" : "border-red-65"]: this.hasHighlight,
+      [this.borderless ? "border-0" : "border"]: true
     })}
       @mouseenter=${this.handleMouseOver}
       @mouseleave=${this.handleMouseOut}
@@ -297,6 +300,9 @@ __decorateClass([
 __decorateClass([
   e({ type: Number })
 ], LuksoInput.prototype, "min", 2);
+__decorateClass([
+  e({ type: Boolean })
+], LuksoInput.prototype, "borderless", 2);
 __decorateClass([
   t()
 ], LuksoInput.prototype, "hasHocus", 2);

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

@@ -20,4 +20,6 @@ export declare const FullWidth: any;
 export declare const Autofocus: any;
 /** With `min` and `max` property you can specify minimum or maximum value that can be entered. It works with `number`, `range`, `date`, `datetime-local`, `month`, `time` and `week` input types */
 export declare const MinMaxValue: any;
+/** With `borderless` property you can render input without border. */
+export declare const Borderless: any;
 //# sourceMappingURL=lukso-input.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/lukso-input.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IA4NX,CAAA;AAED,eAAe,IAAI,CAAA;AAmDnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAOtC,oCAAoC;AACpC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,oMAAoM;AACpM,eAAO,MAAM,WAAW,KAAoB,CAAA"}
+{"version":3,"file":"lukso-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/lukso-input.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAmOX,CAAA;AAED,eAAe,IAAI,CAAA;AAqDnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAOtC,oCAAoC;AACpC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,oMAAoM;AACpM,eAAO,MAAM,WAAW,KAAoB,CAAA;AAO5C,sEAAsE;AACtE,eAAO,MAAM,UAAU,KAAoB,CAAA"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.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-2754b007.js';
+import { a as TailwindElement, x } from '../../index-e26b8ca5.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,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.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');
+require('../../style-map-a55221fe.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,10 +1,10 @@
-import { a as TailwindElement, x } from '../../index-2754b007.js';
+import { a as TailwindElement, x } from '../../index-e26b8ca5.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';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';
-import '../../style-map-abc9b925.js';
+import '../../style-map-5f187498.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-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-11254084.cjs');
+const styleMap = require('../../style-map-a55221fe.cjs');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-2754b007.js';
+import { a as TailwindElement, x } from '../../index-e26b8ca5.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-abc9b925.js';
+import { o } from '../../style-map-5f187498.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { A, b as T, a as TailwindElement, x } from '../../index-2754b007.js';
+import { A, b as T, a as TailwindElement, x } from '../../index-e26b8ca5.js';
 import { i, t, b as e$1, e as e$2, a as e$3 } from '../../directive-9ec64c08.js';
 
 /**

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

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

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

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

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-11254084.cjs');
+const styleMap = require('../../style-map-a55221fe.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-2754b007.js';
+import { a as TailwindElement, x } from '../../index-e26b8ca5.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-abc9b925.js';
+import { o } from '../../style-map-5f187498.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-11254084.cjs');
+const styleMap = require('../../style-map-a55221fe.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-2754b007.js';
+import { T as TailwindStyledElement, x } from '../../index-e26b8ca5.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-abc9b925.js';
+import { o } from '../../style-map-5f187498.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6683f423.cjs');
+const shared_tailwindElement_index = require('../../index-1c3e0838.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-sanitize/index.cjs');
-require('../../style-map-11254084.cjs');
+require('../../style-map-a55221fe.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, x } from '../../index-2754b007.js';
+import { T as TailwindStyledElement, x } from '../../index-e26b8ca5.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';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
-import '../../style-map-abc9b925.js';
+import '../../style-map-5f187498.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";