@lukso/web-components 1.162.0 → 1.164.0

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

@@ -8,10 +8,6 @@ export declare const DefaultInput: any;
 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;
+/** Example with form decorators: `label`, `description` and `error`. */
+export declare const FormDecorators: 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":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IAyFX,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"}
+{"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,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IAyFX,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,wEAAwE;AACxE,eAAO,MAAM,cAAc,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-BFqOU6o6.cjs');
-const safeCustomElement = require('../../safe-custom-element-DTADBI4I.cjs');
+const shared_tailwindElement_index = require('../../index-vTOZ4l_5.cjs');
+const safeCustomElement = require('../../safe-custom-element-CtjlIm0J.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const index$1 = require('../../index-Zriuvita.cjs');
+const index$1 = require('../../index-CQt6teGk.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -32,7 +32,7 @@ exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindS
       variants: {
         size: {
           "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
-          small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
+          small: "paragraph-inter-12-medium h-7 px-2 rounded-8",
           large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
         },
         isRounded: {

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
+import { T as TailwindStyledElement, x } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { c as customStyleMap } from '../../index-BOWftFAY.js';
+import { c as customStyleMap } from '../../index-CiqeQyTr.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -28,7 +28,7 @@ let LuksoTag = class extends TailwindStyledElement(style) {
       variants: {
         size: {
           "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
-          small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
+          small: "paragraph-inter-12-medium h-7 px-2 rounded-8",
           large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
         },
         isRounded: {

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BFqOU6o6.cjs');
-const safeCustomElement = require('../../safe-custom-element-DTADBI4I.cjs');
-const state = require('../../state-ClR8ink7.cjs');
+const shared_tailwindElement_index = require('../../index-vTOZ4l_5.cjs');
+const safeCustomElement = require('../../safe-custom-element-CtjlIm0J.cjs');
+const state = require('../../state-CAX-E_Ev.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-0s--O024.cjs');
+require('../../index-DMRL6USt.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, x } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
-import { r } from '../../state-n75qAK0V.js';
+import { T as TailwindStyledElement, x } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
+import { r } from '../../state-YyDFqXia.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 import '../lukso-icon/index.js';
-import '../../index-DZXmXufN.js';
+import '../../index-BOwyGlSA.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BFqOU6o6.cjs');
-const safeCustomElement = require('../../safe-custom-element-DTADBI4I.cjs');
-const state = require('../../state-ClR8ink7.cjs');
+const shared_tailwindElement_index = require('../../index-vTOZ4l_5.cjs');
+const safeCustomElement = require('../../safe-custom-element-CtjlIm0J.cjs');
+const state = require('../../state-CAX-E_Ev.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const axe = require('../../axe-C-H1UVi1.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-0s--O024.cjs');
+require('../../index-DMRL6USt.cjs');
+require('../lukso-form-label/index.cjs');
+require('../lukso-form-description/index.cjs');
+require('../lukso-form-error/index.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}";
 
@@ -27,15 +30,15 @@ const FOCUS_DELAY_MS = 10;
 exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.value = "";
-    this.name = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
+    this.value = void 0;
+    this.name = void 0;
+    this.placeholder = void 0;
+    this.label = void 0;
+    this.id = void 0;
     this.ref = void 0;
-    this.description = "";
-    this.error = "";
-    this.customClass = "";
+    this.description = void 0;
+    this.error = void 0;
+    this.customClass = void 0;
     this.isFullWidth = false;
     this.isReadonly = false;
     this.isDisabled = false;
@@ -86,13 +89,13 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
         },
         size: {
           small: {
-            input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
+            input: "min-h-7 px-2 py-1 paragraph-inter-12-regular rounded-8"
           },
           medium: {
-            input: "min-h-[40px] px-3 py-3 paragraph-inter-14-regular rounded-10"
+            input: "min-h-10 px-3 py-3 paragraph-inter-14-regular rounded-10"
           },
           large: {
-            input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
+            input: "min-h-12 px-4 py-3 paragraph-inter-14-regular rounded-12"
           },
           "x-large": {}
         },
@@ -155,27 +158,6 @@ ${this.value}</textarea
       >
     `;
   }
-  labelTemplate() {
-    return shared_tailwindElement_index.x`
-      <label
-        for=${this.name}
-        class="heading-inter-14-bold text-neutral-20 pb-2 block"
-        >${this.label}</label
-      >
-    `;
-  }
-  descriptionTemplate() {
-    return shared_tailwindElement_index.x`
-      <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        <lukso-sanitize html-content=${this.description}></lukso-sanitize>
-      </div>
-    `;
-  }
-  errorTemplate() {
-    return shared_tailwindElement_index.x`<div class="paragraph-inter-12-regular text-red-65 pt-2">
-      ${this.error}
-    </div>`;
-  }
   handleFocus() {
     if (!this.isReadonly && !this.isDisabled) {
       this.hasFocus = true;
@@ -291,7 +273,7 @@ ${this.value}</textarea
   }
   render() {
     const { wrapper, input } = this.styles({
-      hasError: this.error !== "",
+      hasError: !!this.error,
       hasHighlight: this.hasHighlight,
       borderless: this.borderless,
       isReadonly: this.isReadonly,
@@ -302,14 +284,19 @@ ${this.value}</textarea
     });
     return shared_tailwindElement_index.x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.E}
-        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.E}
+        <lukso-form-label
+          for-name=${this.name}
+          label=${this.label}
+        ></lukso-form-label>
+        <lukso-form-description
+          description=${this.description}
+        ></lukso-form-description>
         <div class=${wrapper()}>
           <div class="relative w-[inherit] flex">
             ${this.inputTemplate(input())}
           </div>
         </div>
-        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.E}
+        <lukso-form-error error=${this.error}></lukso-form-error>
       </div>
     `;
   }

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

@@ -1,15 +1,15 @@
 import { InputSize } from '../../shared/types';
 declare const LuksoTextarea_base: typeof import('lit').LitElement;
 export declare class LuksoTextarea extends LuksoTextarea_base {
-    value: string;
-    name: string;
-    placeholder: string;
-    label: string;
-    id: string;
+    value: string | undefined;
+    name: string | undefined;
+    placeholder: string | undefined;
+    label: string | undefined;
+    id: string | undefined;
     ref: string | undefined;
-    description: string;
-    error: string;
-    customClass: string;
+    description: string | undefined;
+    error: string | undefined;
+    customClass: string | undefined;
     isFullWidth: boolean;
     isReadonly: boolean;
     isDisabled: boolean;
@@ -24,9 +24,6 @@ export declare class LuksoTextarea extends LuksoTextarea_base {
     private styles;
     connectedCallback(): void;
     inputTemplate(styles: string): import('lit-html').TemplateResult<1>;
-    labelTemplate(): import('lit-html').TemplateResult<1>;
-    descriptionTemplate(): import('lit-html').TemplateResult<1>;
-    errorTemplate(): import('lit-html').TemplateResult<1>;
     private handleFocus;
     private handleBlur;
     private handleChange;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;AAGpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAU;IAGzB,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAqEZ;IAEF,iBAAiB;IAWjB,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AACtC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAY;IAGpC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAY;IAG3C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAY;IAGlC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAY;IAG3C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAY;IAG3C,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAU;IAGzB,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAqEZ;IAEF,iBAAiB;IAWjB,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CA8BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,11 +1,14 @@
-import { T as TailwindStyledElement, E, x } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
-import { r } from '../../state-n75qAK0V.js';
+import { T as TailwindStyledElement, E, x } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
+import { r } from '../../state-YyDFqXia.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../axe-BK9JSROP.js';
 import '../lukso-icon/index.js';
-import '../../index-DZXmXufN.js';
+import '../../index-BOwyGlSA.js';
+import '../lukso-form-label/index.js';
+import '../lukso-form-description/index.js';
+import '../lukso-form-error/index.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}";
 
@@ -23,15 +26,15 @@ const FOCUS_DELAY_MS = 10;
 let LuksoTextarea = class extends TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.value = "";
-    this.name = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
+    this.value = void 0;
+    this.name = void 0;
+    this.placeholder = void 0;
+    this.label = void 0;
+    this.id = void 0;
     this.ref = void 0;
-    this.description = "";
-    this.error = "";
-    this.customClass = "";
+    this.description = void 0;
+    this.error = void 0;
+    this.customClass = void 0;
     this.isFullWidth = false;
     this.isReadonly = false;
     this.isDisabled = false;
@@ -82,13 +85,13 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
         },
         size: {
           small: {
-            input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
+            input: "min-h-7 px-2 py-1 paragraph-inter-12-regular rounded-8"
           },
           medium: {
-            input: "min-h-[40px] px-3 py-3 paragraph-inter-14-regular rounded-10"
+            input: "min-h-10 px-3 py-3 paragraph-inter-14-regular rounded-10"
           },
           large: {
-            input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
+            input: "min-h-12 px-4 py-3 paragraph-inter-14-regular rounded-12"
           },
           "x-large": {}
         },
@@ -151,27 +154,6 @@ ${this.value}</textarea
       >
     `;
   }
-  labelTemplate() {
-    return x`
-      <label
-        for=${this.name}
-        class="heading-inter-14-bold text-neutral-20 pb-2 block"
-        >${this.label}</label
-      >
-    `;
-  }
-  descriptionTemplate() {
-    return x`
-      <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        <lukso-sanitize html-content=${this.description}></lukso-sanitize>
-      </div>
-    `;
-  }
-  errorTemplate() {
-    return x`<div class="paragraph-inter-12-regular text-red-65 pt-2">
-      ${this.error}
-    </div>`;
-  }
   handleFocus() {
     if (!this.isReadonly && !this.isDisabled) {
       this.hasFocus = true;
@@ -287,7 +269,7 @@ ${this.value}</textarea
   }
   render() {
     const { wrapper, input } = this.styles({
-      hasError: this.error !== "",
+      hasError: !!this.error,
       hasHighlight: this.hasHighlight,
       borderless: this.borderless,
       isReadonly: this.isReadonly,
@@ -298,14 +280,19 @@ ${this.value}</textarea
     });
     return x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : E}
-        ${this.description ? this.descriptionTemplate() : E}
+        <lukso-form-label
+          for-name=${this.name}
+          label=${this.label}
+        ></lukso-form-label>
+        <lukso-form-description
+          description=${this.description}
+        ></lukso-form-description>
         <div class=${wrapper()}>
           <div class="relative w-[inherit] flex">
             ${this.inputTemplate(input())}
           </div>
         </div>
-        ${this.error ? this.errorTemplate() : E}
+        <lukso-form-error error=${this.error}></lukso-form-error>
       </div>
     `;
   }

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

@@ -6,12 +6,8 @@ export default meta;
 export declare const DefaultInput: any;
 /** Example of textarea with `placeholder` text. */
 export declare const PlaceholderText: any;
-/** Example of textarea with `label`. */
-export declare const Label: any;
-/** Example of textarea with `label` and `description`. */
-export declare const LabelAndDescription: any;
-/** Example of textarea with `error`. */
-export declare const ErrorInput: any;
+/** Example with form decorators: `label`, `description` and `error`. */
+export declare const FormDecorators: any;
 /** If you need textarea to take full width of the parent element add `is-full-width` property. */
 export declare const FullWidth: any;
 /** If you need textarea to be focused add `autofocus` property. */

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IA6NX,CAAA;AAED,eAAe,IAAI,CAAA;AAmDnB,iDAAiD;AACjD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mDAAmD;AACnD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,kGAAkG;AAClG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yEAAyE;AACzE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
+{"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IA+NX,CAAA;AAED,eAAe,IAAI,CAAA;AAmDnB,iDAAiD;AACjD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mDAAmD;AACnD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wEAAwE;AACxE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,kGAAkG;AAClG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yEAAyE;AACzE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA"}

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BFqOU6o6.cjs');
-const safeCustomElement = require('../../safe-custom-element-DTADBI4I.cjs');
-const state = require('../../state-ClR8ink7.cjs');
+const shared_tailwindElement_index = require('../../index-vTOZ4l_5.cjs');
+const safeCustomElement = require('../../safe-custom-element-CtjlIm0J.cjs');
+const state = require('../../state-CAX-E_Ev.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-require('../../index-0s--O024.cjs');
+require('../../index-DMRL6USt.cjs');
 
 var top = 'top';
 var bottom = 'bottom';

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
-import { r } from '../../state-n75qAK0V.js';
+import { T as TailwindStyledElement, x } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
+import { r } from '../../state-YyDFqXia.js';
 import { c as ce } from '../../index-B9iart53.js';
-import '../../index-DZXmXufN.js';
+import '../../index-BOwyGlSA.js';
 
 var top = 'top';
 var bottom = 'bottom';

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-BFqOU6o6.cjs');
-require('../../safe-custom-element-DTADBI4I.cjs');
+require('../../index-vTOZ4l_5.cjs');
+require('../../safe-custom-element-CtjlIm0J.cjs');
 require('../../index-CaJky2qL.cjs');
-const components_luksoUsername_index = require('../../index-GXU76s80.cjs');
-require('../../index-Zriuvita.cjs');
+const components_luksoUsername_index = require('../../index-D_vmwNxA.cjs');
+require('../../index-CQt6teGk.cjs');
 require('../../tailwind-config.cjs');
 require('../../axe-C-H1UVi1.cjs');
 require('../../isAddress-DYM3mZP7.cjs');

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

@@ -1,8 +1,8 @@
-import '../../index-CQq_Eyeu.js';
-import '../../safe-custom-element-BODySN1j.js';
+import '../../index-BzYTn3KQ.js';
+import '../../safe-custom-element-Cz4DNr64.js';
 import '../../index-B9iart53.js';
-export { L as LuksoUsername } from '../../index-CIvb8Rdb.js';
-import '../../index-BOWftFAY.js';
+export { L as LuksoUsername } from '../../index-PSjywfTJ.js';
+import '../../index-CiqeQyTr.js';
 import '../../tailwind-config.js';
 import '../../axe-BK9JSROP.js';
 import '../../isAddress-ZNhN82OL.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-BFqOU6o6.cjs');
-const safeCustomElement = require('../../safe-custom-element-DTADBI4I.cjs');
+const shared_tailwindElement_index = require('../../index-vTOZ4l_5.cjs');
+const safeCustomElement = require('../../safe-custom-element-CtjlIm0J.cjs');
 const directive = require('../../directive-DT5Y-Nw0.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
@@ -97,7 +97,7 @@ exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.Tai
     });
     return shared_tailwindElement_index.x`<li class="${base()}">
       <div
-        class="text-purple-51 nav-apax-8-medium-uppercase whitespace-pre-line flex text-center break-words uppercase"
+        class="text-purple-51 nav-inter-8-medium-uppercase whitespace-pre-line flex text-center break-words uppercase"
       >
         ${step.label}
       </div>

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

@@ -1,5 +1,5 @@
-import { Z, b as T, T as TailwindStyledElement, x } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
+import { Z, b as T, T as TailwindStyledElement, x } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
 import { e, i, t as t$1 } from '../../directive-BKuZRRPO.js';
 import { c as ce } from '../../index-B9iart53.js';
 
@@ -93,7 +93,7 @@ let LuksoWizard = class extends TailwindStyledElement(style) {
     });
     return x`<li class="${base()}">
       <div
-        class="text-purple-51 nav-apax-8-medium-uppercase whitespace-pre-line flex text-center break-words uppercase"
+        class="text-purple-51 nav-inter-8-medium-uppercase whitespace-pre-line flex text-center break-words uppercase"
       >
         ${step.label}
       </div>

package/dist/docs/Typography.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/docs/Typography.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEpE,QAAA,MAAM,IAAI,EAAE,IA8BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAgDrB,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA"}
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/docs/Typography.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEpE,QAAA,MAAM,IAAI,EAAE,IA8BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAmCrB,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA"}

package/dist/{index-DZXmXufN.js → index-BOwyGlSA.js}

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from './index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from './safe-custom-element-BODySN1j.js';
-import { o } from './unsafe-html-DTE5r2A7.js';
+import { a as TailwindElement, x } from './index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from './safe-custom-element-Cz4DNr64.js';
+import { o } from './unsafe-html-kPu9HBX1.js';
 
 /*! @license DOMPurify 3.2.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.7/LICENSE */
 

package/dist/{index-bObYWb9Y.js → index-BbIFBzwC.js}

@@ -1,14 +1,14 @@
-import { m as makeBlockie } from './index-DvdeX3K2.js';
-import { T as TailwindStyledElement, x, E } from './index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from './safe-custom-element-BODySN1j.js';
-import { r } from './state-n75qAK0V.js';
+import { m as makeBlockie } from './index-JTvbIE4S.js';
+import { T as TailwindStyledElement, x, E } from './index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from './safe-custom-element-Cz4DNr64.js';
+import { r } from './state-YyDFqXia.js';
 import { c as ce } from './index-B9iart53.js';
 import './components/lukso-dropdown/index.js';
 import './components/lukso-dropdown-option/index.js';
 import './components/lukso-icon/index.js';
 import './components/lukso-input/index.js';
 import './components/lukso-tag/index.js';
-import { s as sliceAddress } from './index-CIvb8Rdb.js';
+import { s as sliceAddress } from './index-PSjywfTJ.js';
 import './components/lukso-tooltip/index.js';
 import './tailwind-config.js';
 import './axe-BK9JSROP.js';