@lukso/web-components 1.118.0 → 1.119.1

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
-const index = require('../../index-e9668573.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const styleMap = require('../../style-map-6e0d4ef7.cjs');
+const index = require('../../index-2b104ecb.cjs');
+const uniqId = require('../../uniq-id-f0b18085.cjs');
 require('../../directive-8278ab14.cjs');
 
 var __defProp = Object.defineProperty;
@@ -19,13 +20,18 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+const DEFAULT_COLOR = "green-54";
 exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.TailwindElement {
-  color = "green-54";
+  color = DEFAULT_COLOR;
+  id = "";
+  name = "switch";
+  label = "";
+  description = "";
+  error = "";
   isChecked = false;
   isDisabled = false;
   async handleChange(event) {
     const target = event.target;
-    this.isChecked = target.checked;
     await this.updateComplete;
     const changeEvent = new CustomEvent("on-change", {
       detail: {
@@ -37,43 +43,122 @@ exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.Tai
     });
     this.dispatchEvent(changeEvent);
   }
-  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
-  render() {
+  constructor() {
+    super();
+    if (!this.id) {
+      this.id = `switch-${uniqId.uniqId()}`;
+    }
+  }
+  styles = index.ce({
+    slots: {
+      label: "transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10",
+      input: "absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in"
+    },
+    variants: {
+      isChecked: {
+        true: {
+          input: "translate-x-4"
+        },
+        false: {
+          label: "bg-neutral-90",
+          input: "border-neutral-90"
+        }
+      },
+      isDisabled: {
+        true: {
+          label: "opacity-70 cursor-not-allowed",
+          input: "cursor-not-allowed"
+        },
+        false: {
+          label: "cursor-pointer",
+          input: "cursor-pointer"
+        }
+      },
+      hasError: {
+        true: {
+          label: "!bg-red-65",
+          input: "!border-red-65"
+        }
+      }
+    }
+  });
+  labelTemplate() {
     return shared_tailwindElement_index.x`
-      <label
-        for="switch"
-        class=${index.customClassMap({
-      [this.defaultLabelStyles]: true
-    })}
-        style=${styleMap.o({
-      backgroundColor: `var(--${this.isChecked ? this.color : "neutral-90"})`,
-      opacity: this.isDisabled ? 0.7 : 1,
-      cursor: this.isDisabled ? "not-allowed" : "pointer"
-    })}
+      <div
+        class="heading-inter-14-bold text-neutral-20 pb-2 block"
+        >${this.label}</label
       >
-        <input
-          type="checkbox"
-          id="switch"
-          ?checked=${this.isChecked}
-          ?disabled=${this.isDisabled}
-          class=${index.customClassMap({
-      [this.defaultInputStyles]: true,
-      ["translate-x-4"]: this.isChecked
+    `;
+  }
+  descriptionTemplate() {
+    return shared_tailwindElement_index.x`
+      <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
+        ${this.description ?? shared_tailwindElement_index.E}
+      </div>
+    `;
+  }
+  errorTemplate() {
+    return shared_tailwindElement_index.x`<div class="paragraph-inter-12-regular text-red-65 pt-2">
+      ${this.error}
+    </div>`;
+  }
+  render() {
+    const { label, input } = this.styles({
+      isChecked: this.isChecked,
+      isDisabled: this.isDisabled,
+      hasError: this.error !== ""
+    });
+    if (!this.color) {
+      this.color = DEFAULT_COLOR;
+    }
+    return shared_tailwindElement_index.x`
+      <label for=${this.id} class="w-[inherit]">
+        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.E}
+        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.E}
+        <div class="flex">
+          <div
+            class=${label()}
+            style=${styleMap.o({
+      backgroundColor: `var(--${this.isChecked ? this.color : "neutral-90"})`
     })}
-          style=${styleMap.o({
-      borderColor: `var(--${this.isChecked ? this.color : "neutral-90"})`,
-      cursor: this.isDisabled ? "not-allowed" : "pointer"
+          >
+            <input
+              type="checkbox"
+              id=${this.id}
+              name=${this.name}
+              ?checked=${this.isChecked}
+              ?disabled=${this.isDisabled}
+              class=${input()}
+              style=${styleMap.o({
+      borderColor: `var(--${this.isChecked ? this.color : "neutral-90"})`
     })}
-          @change=${this.handleChange}
-        />
-      </label>
+              @change=${this.handleChange}
+            />
+          </label>
+        </div>
+        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.E}
+      </div>
     `;
   }
 };
 __decorateClass([
   property.n({ type: String })
 ], exports.LuksoSwitch.prototype, "color", 2);
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoSwitch.prototype, "id", 2);
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoSwitch.prototype, "name", 2);
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoSwitch.prototype, "label", 2);
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoSwitch.prototype, "description", 2);
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoSwitch.prototype, "error", 2);
 __decorateClass([
   property.n({ type: Boolean, attribute: "is-checked" })
 ], exports.LuksoSwitch.prototype, "isChecked", 2);

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

@@ -1,11 +1,19 @@
 import { TailwindElement } from '../../shared/tailwind-element';
 export declare class LuksoSwitch extends TailwindElement {
     color: string;
-    private isChecked;
-    private isDisabled;
+    id: string;
+    name: string;
+    label: string;
+    description: string;
+    error: string;
+    isChecked: boolean;
+    isDisabled: boolean;
     private handleChange;
-    private defaultLabelStyles;
-    private defaultInputStyles;
+    constructor();
+    private styles;
+    labelTemplate(): import("lit-html").TemplateResult<1>;
+    descriptionTemplate(): import("lit-html").TemplateResult<1>;
+    errorTemplate(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-switch/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAa;IAGlB,OAAO,CAAC,SAAS,CAAQ;IAMzB,OAAO,CAAC,UAAU,CAAQ;YAEZ,YAAY;IAe1B,OAAO,CAAC,kBAAkB,CAAsG;IAEhI,OAAO,CAAC,kBAAkB,CAA0G;IAEpI,MAAM;CAiCP;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-switch/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAgB;IAGrB,EAAE,SAAK;IAGP,IAAI,SAAW;IAGf,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,SAAS,UAAQ;IAMjB,UAAU,UAAQ;YAEJ,YAAY;;IAsB1B,OAAO,CAAC,MAAM,CAkCZ;IAEF,aAAa;IASb,mBAAmB;IAQnB,aAAa;IAMb,MAAM;CA4CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -1,7 +1,8 @@
-import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { o } from '../../style-map-15dde65e.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
+import { a as TailwindElement, x, E } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { o } from '../../style-map-129fa2d5.js';
+import { c as ce } from '../../index-d14b6a34.js';
+import { u as uniqId } from '../../uniq-id-ce2d165c.js';
 import '../../directive-2bb7789e.js';
 
 var __defProp = Object.defineProperty;
@@ -15,13 +16,18 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+const DEFAULT_COLOR = "green-54";
 let LuksoSwitch = class extends TailwindElement {
-  color = "green-54";
+  color = DEFAULT_COLOR;
+  id = "";
+  name = "switch";
+  label = "";
+  description = "";
+  error = "";
   isChecked = false;
   isDisabled = false;
   async handleChange(event) {
     const target = event.target;
-    this.isChecked = target.checked;
     await this.updateComplete;
     const changeEvent = new CustomEvent("on-change", {
       detail: {
@@ -33,43 +39,122 @@ let LuksoSwitch = class extends TailwindElement {
     });
     this.dispatchEvent(changeEvent);
   }
-  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
-  render() {
+  constructor() {
+    super();
+    if (!this.id) {
+      this.id = `switch-${uniqId()}`;
+    }
+  }
+  styles = ce({
+    slots: {
+      label: "transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10",
+      input: "absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in"
+    },
+    variants: {
+      isChecked: {
+        true: {
+          input: "translate-x-4"
+        },
+        false: {
+          label: "bg-neutral-90",
+          input: "border-neutral-90"
+        }
+      },
+      isDisabled: {
+        true: {
+          label: "opacity-70 cursor-not-allowed",
+          input: "cursor-not-allowed"
+        },
+        false: {
+          label: "cursor-pointer",
+          input: "cursor-pointer"
+        }
+      },
+      hasError: {
+        true: {
+          label: "!bg-red-65",
+          input: "!border-red-65"
+        }
+      }
+    }
+  });
+  labelTemplate() {
     return x`
-      <label
-        for="switch"
-        class=${customClassMap({
-      [this.defaultLabelStyles]: true
-    })}
-        style=${o({
-      backgroundColor: `var(--${this.isChecked ? this.color : "neutral-90"})`,
-      opacity: this.isDisabled ? 0.7 : 1,
-      cursor: this.isDisabled ? "not-allowed" : "pointer"
-    })}
+      <div
+        class="heading-inter-14-bold text-neutral-20 pb-2 block"
+        >${this.label}</label
       >
-        <input
-          type="checkbox"
-          id="switch"
-          ?checked=${this.isChecked}
-          ?disabled=${this.isDisabled}
-          class=${customClassMap({
-      [this.defaultInputStyles]: true,
-      ["translate-x-4"]: this.isChecked
+    `;
+  }
+  descriptionTemplate() {
+    return x`
+      <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
+        ${this.description ?? E}
+      </div>
+    `;
+  }
+  errorTemplate() {
+    return x`<div class="paragraph-inter-12-regular text-red-65 pt-2">
+      ${this.error}
+    </div>`;
+  }
+  render() {
+    const { label, input } = this.styles({
+      isChecked: this.isChecked,
+      isDisabled: this.isDisabled,
+      hasError: this.error !== ""
+    });
+    if (!this.color) {
+      this.color = DEFAULT_COLOR;
+    }
+    return x`
+      <label for=${this.id} class="w-[inherit]">
+        ${this.label ? this.labelTemplate() : E}
+        ${this.description ? this.descriptionTemplate() : E}
+        <div class="flex">
+          <div
+            class=${label()}
+            style=${o({
+      backgroundColor: `var(--${this.isChecked ? this.color : "neutral-90"})`
     })}
-          style=${o({
-      borderColor: `var(--${this.isChecked ? this.color : "neutral-90"})`,
-      cursor: this.isDisabled ? "not-allowed" : "pointer"
+          >
+            <input
+              type="checkbox"
+              id=${this.id}
+              name=${this.name}
+              ?checked=${this.isChecked}
+              ?disabled=${this.isDisabled}
+              class=${input()}
+              style=${o({
+      borderColor: `var(--${this.isChecked ? this.color : "neutral-90"})`
     })}
-          @change=${this.handleChange}
-        />
-      </label>
+              @change=${this.handleChange}
+            />
+          </label>
+        </div>
+        ${this.error ? this.errorTemplate() : E}
+      </div>
     `;
   }
 };
 __decorateClass([
   n({ type: String })
 ], LuksoSwitch.prototype, "color", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoSwitch.prototype, "id", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoSwitch.prototype, "name", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoSwitch.prototype, "label", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoSwitch.prototype, "description", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoSwitch.prototype, "error", 2);
 __decorateClass([
   n({ type: Boolean, attribute: "is-checked" })
 ], LuksoSwitch.prototype, "isChecked", 2);

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

@@ -6,4 +6,12 @@ export default meta;
 export declare const DefaultInput: any;
 /** Example of disabled switch.  */
 export declare const DisabledInput: any;
+/** Example of switch in different color.  */
+export declare const ColoredInput: any;
+/** Example of switch with `label`. */
+export declare const Label: any;
+/** Example of switch with `label` and `description`. */
+export declare const LabelAndDescription: any;
+/** Example of switch with `error`. */
+export declare const ErrorInput: any;
 //# sourceMappingURL=lukso-switch.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-switch.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-switch/lukso-switch.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IAgEX,CAAA;AAED,eAAe,IAAI,CAAA;AAUnB,kCAAkC;AAClC,eAAO,MAAM,YAAY,KAAoB,CAAA;AAO7C,mCAAmC;AACnC,eAAO,MAAM,aAAa,KAAoB,CAAA"}
+{"version":3,"file":"lukso-switch.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-switch/lukso-switch.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IA6FX,CAAA;AAED,eAAe,IAAI,CAAA;AA8BnB,kCAAkC;AAClC,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mCAAmC;AACnC,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,6CAA6C;AAC7C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,sCAAsC;AACtC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,wDAAwD;AACxD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,sCAAsC;AACtC,eAAO,MAAM,UAAU,KAAoB,CAAA"}

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const index$1 = require('../../index-f564f46f.cjs');
+const index$1 = require('../../index-28b795be.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
+import { T as TailwindStyledElement, x } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { c as customStyleMap } from '../../index-eb08047e.js';
+import { c as customStyleMap } from '../../index-5e0baae9.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-552ab28f.cjs');
+require('../../style-map-6e0d4ef7.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-15dde65e.js';
+import '../../style-map-129fa2d5.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 
 /**

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

@@ -1,5 +1,5 @@
-import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-86a3fdc1.js';
-import { n as n$3, t as t$4 } from '../../property-140ef335.js';
+import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-be30d9db.js';
+import { n as n$3, t as t$4 } from '../../property-23ddd718.js';
 import { e as e$3, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
 
 /**

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../lukso-icon/index.cjs');
-require('../../style-map-552ab28f.cjs');
+require('../../style-map-6e0d4ef7.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}";

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

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x, E } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../lukso-icon/index.js';
-import '../../style-map-15dde65e.js';
+import '../../style-map-129fa2d5.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}";

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
+const styleMap = require('../../style-map-6e0d4ef7.cjs');
 require('../../directive-8278ab14.cjs');
 
 var top = 'top';

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { o } from '../../style-map-15dde65e.js';
+import { o } from '../../style-map-129fa2d5.js';
 import '../../directive-2bb7789e.js';
 
 var top = 'top';

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const index$1 = require('../../index-f564f46f.cjs');
+const index$1 = require('../../index-28b795be.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../../directive-8278ab14.cjs');

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
+import { T as TailwindStyledElement, x, E } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { c as customStyleMap } from '../../index-eb08047e.js';
+import { c as customStyleMap } from '../../index-5e0baae9.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 const index = require('../../index-2b104ecb.cjs');
 

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

@@ -1,5 +1,5 @@
-import { Z, b as T, T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
-import { n, t as t$2 } from '../../property-140ef335.js';
+import { Z, b as T, T as TailwindStyledElement, x } from '../../index-be30d9db.js';
+import { n, t as t$2 } from '../../property-23ddd718.js';
 import { e, i, t as t$1 } from '../../directive-2bb7789e.js';
 import { c as ce } from '../../index-d14b6a34.js';