@lukso/web-components 1.162.0 → 1.164.0

package/dist/components/lukso-icon/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 unsafeHtml = require('../../unsafe-html-Cb1yjpJn.cjs');
-const styleMap = require('../../style-map-DhbNG03r.cjs');
+const shared_tailwindElement_index = require('../../index-vTOZ4l_5.cjs');
+const safeCustomElement = require('../../safe-custom-element-CtjlIm0J.cjs');
+const unsafeHtml = require('../../unsafe-html-e7jKkPJv.cjs');
+const styleMap = require('../../style-map-GvPMWlOB.cjs');
 
 const style = ":host {\n  position: relative;\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 

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

@@ -1,7 +1,7 @@
-import { x, T as TailwindStyledElement } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
-import { o as o$1 } from '../../unsafe-html-DTE5r2A7.js';
-import { o } from '../../style-map-BBz25umN.js';
+import { x, T as TailwindStyledElement } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
+import { o as o$1 } from '../../unsafe-html-kPu9HBX1.js';
+import { o } from '../../style-map-BpMy_EP7.js';
 
 const style = ":host {\n  position: relative;\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 

package/dist/components/lukso-image/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 state = require('../../state-ClR8ink7.cjs');
-const styleMap = require('../../style-map-DhbNG03r.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 styleMap = require('../../style-map-GvPMWlOB.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
-import { r } from '../../state-n75qAK0V.js';
-import { o } from '../../style-map-BBz25umN.js';
+import { a as TailwindElement, x } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
+import { r } from '../../state-YyDFqXia.js';
+import { o } from '../../style-map-BpMy_EP7.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,12 +2,15 @@
 
 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('../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');
 require('../../tailwind-config.cjs');
 const axe = require('../../axe-C-H1UVi1.cjs');
 
@@ -27,19 +30,19 @@ const FOCUS_DELAY_MS = 10;
 exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.value = "";
-    this.name = "";
+    this.value = void 0;
+    this.name = void 0;
     this.type = "text";
-    this.placeholder = "";
-    this.label = "";
+    this.placeholder = void 0;
+    this.label = void 0;
     this.autocomplete = "on";
-    this.id = "";
+    this.id = void 0;
     this.ref = void 0;
     this.accept = void 0;
-    this.description = "";
-    this.error = "";
-    this.unit = "";
-    this.customClass = "";
+    this.description = void 0;
+    this.error = void 0;
+    this.unit = void 0;
+    this.customClass = void 0;
     this.isFullWidth = false;
     this.isReadonly = false;
     this.isDisabled = false;
@@ -48,7 +51,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     this.min = void 0;
     this.borderless = false;
     this.size = "large";
-    this.rightIcon = "";
+    this.rightIcon = void 0;
     this.isRightIconClickable = false;
     this.keepFocusOnEscape = false;
     this.hasFocus = false;
@@ -58,7 +61,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
         wrapper: "group flex",
         input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
         outline-none transition transition-all duration-150 appearance-none`,
-        unit: `text-neutral-60 flex items-center relative border-solid transition
+        unit: `bg-neutral-100 text-neutral-60 flex items-center relative border-solid transition
         transition-all duration-150 before:bg-neutral-90 before:absolute
         before:left-0 before:w-[1px] whitespace-nowrap cursor-pointer`,
         rightIcon: "absolute top-1/2 transform -translate-y-1/2"
@@ -106,23 +109,23 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
         },
         size: {
           small: {
-            input: "h-[28px] px-3 py-1 paragraph-inter-12-regular rounded-8",
-            unit: "h-[28px] paragraph-inter-12-regular px-2 rounded-r-8 before:top-[calc(50%-6px)] before:h-[12px]",
+            input: "h-7 px-3 py-1 paragraph-inter-12-regular rounded-8",
+            unit: "h-7 paragraph-inter-12-regular px-2 rounded-r-8 before:top-[calc(50%-6px)] before:h-[12px]",
             rightIcon: "right-3"
           },
           medium: {
-            input: "h-[40px] px-3.5 py-2 paragraph-inter-14-regular rounded-[10px]",
-            unit: "h-[40px] paragraph-inter-12-regular px-3 rounded-r-[10px] before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-10 px-3.5 py-2 paragraph-inter-14-regular rounded-[10px]",
+            unit: "h-10 paragraph-inter-12-regular px-3 rounded-r-[10px] before:top-[calc(50%-12px)] before:h-6",
             rightIcon: "right-4"
           },
           large: {
-            input: "h-[48px] px-4 py-2 paragraph-inter-14-regular rounded-12",
-            unit: "h-[48px] paragraph-inter-12-regular pl-3 pr-4 rounded-r-12 before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-12 px-4 py-2 paragraph-inter-14-regular rounded-12",
+            unit: "h-12 paragraph-inter-12-regular pl-3 pr-4 rounded-r-12 before:top-[calc(50%-12px)] before:h-6",
             rightIcon: "right-4"
           },
           "x-large": {
-            input: "h-[68px] px-5 py-5 paragraph-inter-16-regular rounded-[14px]",
-            unit: "h-[68px] paragraph-inter-16-regular pl-3 pr-4 rounded-r-[14px] before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-17 px-5 py-5 paragraph-inter-16-regular rounded-[14px]",
+            unit: "h-17 paragraph-inter-16-regular pl-3 pr-4 rounded-r-[14px] before:top-[calc(50%-12px)] before:h-6",
             rightIcon: "right-4"
           }
         },
@@ -210,27 +213,6 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
       />
     `;
   }
-  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>`;
-  }
   unitTemplate(styles) {
     return shared_tailwindElement_index.x`<div
       class=${styles}
@@ -388,21 +370,26 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
   }
   render() {
     const { wrapper, input, unit, rightIcon } = this.inputStyles({
-      hasError: this.error !== "",
+      hasError: !!this.error,
       hasHighlight: this.hasHighlight,
       borderless: this.borderless,
       isReadonly: this.isReadonly,
       isDisabled: this.isDisabled,
       isFullWidth: this.isFullWidth,
-      hasUnit: this.unit !== "",
+      hasUnit: !!this.unit,
       size: this.size,
-      hasRightIcon: this.rightIcon !== "",
+      hasRightIcon: !!this.rightIcon,
       isRightIconClickable: this.isRightIconClickable
     });
     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]">
             ${this.inputTemplate(input())}
@@ -410,7 +397,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
           </div>
           ${this.unit ? this.unitTemplate(unit()) : shared_tailwindElement_index.E}
         </div>
-        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.E}
+        <lukso-form-error error=${this.error}></lukso-form-error>
       </div>
     `;
   }

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

@@ -1,19 +1,19 @@
 import { InputSize } from '../../shared/types';
 declare const LuksoInput_base: typeof import('lit').LitElement;
 export declare class LuksoInput extends LuksoInput_base {
-    value: string;
-    name: string;
+    value: string | undefined;
+    name: string | undefined;
     type: string;
-    placeholder: string;
-    label: string;
+    placeholder: string | undefined;
+    label: string | undefined;
     autocomplete: string;
-    id: string;
+    id: string | undefined;
     ref: string | undefined;
     accept: string | undefined;
-    description: string;
-    error: string;
-    unit: string;
-    customClass: string;
+    description: string | undefined;
+    error: string | undefined;
+    unit: string | undefined;
+    customClass: string | undefined;
     isFullWidth: boolean;
     isReadonly: boolean;
     isDisabled: boolean;
@@ -22,7 +22,7 @@ export declare class LuksoInput extends LuksoInput_base {
     min: number | undefined;
     borderless: boolean;
     size: InputSize;
-    rightIcon: string;
+    rightIcon: string | undefined;
     isRightIconClickable: boolean;
     keepFocusOnEscape: boolean;
     private hasFocus;
@@ -30,9 +30,6 @@ export declare class LuksoInput extends LuksoInput_base {
     private inputStyles;
     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>;
     unitTemplate(styles: string): import('lit-html').TemplateResult<1>;
     rightIconTemplate(styles: string): import('lit-html').TemplateResult<1>;
     private handleFocus;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAKA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;AAKpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAU;IAGzB,SAAS,SAAK;IAGd,oBAAoB,UAAQ;IAG5B,iBAAiB,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,WAAW,CAmHjB;IAEF,iBAAiB;IAYjB,aAAa,CAAC,MAAM,EAAE,MAAM;IAgC5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY,CAAC,MAAM,EAAE,MAAM;IAW3B,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAUhC,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAaT,gBAAgB;IAc9B,OAAO,CAAC,oBAAoB;IAY5B,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAKA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AACtC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAKtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAY;IAGpC,IAAI,SAAS;IAGb,WAAW,EAAE,MAAM,GAAG,SAAS,CAAY;IAG3C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,YAAY,SAAO;IAGnB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAY;IAGlC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAY;IAG3C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAY;IAGpC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAY;IAG3C,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAU;IAGzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAY;IAGzC,oBAAoB,UAAQ;IAG5B,iBAAiB,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,WAAW,CAkHjB;IAEF,iBAAiB;IAYjB,aAAa,CAAC,MAAM,EAAE,MAAM;IAgC5B,YAAY,CAAC,MAAM,EAAE,MAAM;IAW3B,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAUhC,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAaT,gBAAgB;IAc9B,OAAO,CAAC,oBAAoB;IAY5B,MAAM;CAkCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -1,9 +1,12 @@
-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 '../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';
 import '../../tailwind-config.js';
 import { c as cn } from '../../axe-BK9JSROP.js';
 
@@ -23,19 +26,19 @@ const FOCUS_DELAY_MS = 10;
 let LuksoInput = class extends TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.value = "";
-    this.name = "";
+    this.value = void 0;
+    this.name = void 0;
     this.type = "text";
-    this.placeholder = "";
-    this.label = "";
+    this.placeholder = void 0;
+    this.label = void 0;
     this.autocomplete = "on";
-    this.id = "";
+    this.id = void 0;
     this.ref = void 0;
     this.accept = void 0;
-    this.description = "";
-    this.error = "";
-    this.unit = "";
-    this.customClass = "";
+    this.description = void 0;
+    this.error = void 0;
+    this.unit = void 0;
+    this.customClass = void 0;
     this.isFullWidth = false;
     this.isReadonly = false;
     this.isDisabled = false;
@@ -44,7 +47,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
     this.min = void 0;
     this.borderless = false;
     this.size = "large";
-    this.rightIcon = "";
+    this.rightIcon = void 0;
     this.isRightIconClickable = false;
     this.keepFocusOnEscape = false;
     this.hasFocus = false;
@@ -54,7 +57,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
         wrapper: "group flex",
         input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
         outline-none transition transition-all duration-150 appearance-none`,
-        unit: `text-neutral-60 flex items-center relative border-solid transition
+        unit: `bg-neutral-100 text-neutral-60 flex items-center relative border-solid transition
         transition-all duration-150 before:bg-neutral-90 before:absolute
         before:left-0 before:w-[1px] whitespace-nowrap cursor-pointer`,
         rightIcon: "absolute top-1/2 transform -translate-y-1/2"
@@ -102,23 +105,23 @@ let LuksoInput = class extends TailwindStyledElement(style) {
         },
         size: {
           small: {
-            input: "h-[28px] px-3 py-1 paragraph-inter-12-regular rounded-8",
-            unit: "h-[28px] paragraph-inter-12-regular px-2 rounded-r-8 before:top-[calc(50%-6px)] before:h-[12px]",
+            input: "h-7 px-3 py-1 paragraph-inter-12-regular rounded-8",
+            unit: "h-7 paragraph-inter-12-regular px-2 rounded-r-8 before:top-[calc(50%-6px)] before:h-[12px]",
             rightIcon: "right-3"
           },
           medium: {
-            input: "h-[40px] px-3.5 py-2 paragraph-inter-14-regular rounded-[10px]",
-            unit: "h-[40px] paragraph-inter-12-regular px-3 rounded-r-[10px] before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-10 px-3.5 py-2 paragraph-inter-14-regular rounded-[10px]",
+            unit: "h-10 paragraph-inter-12-regular px-3 rounded-r-[10px] before:top-[calc(50%-12px)] before:h-6",
             rightIcon: "right-4"
           },
           large: {
-            input: "h-[48px] px-4 py-2 paragraph-inter-14-regular rounded-12",
-            unit: "h-[48px] paragraph-inter-12-regular pl-3 pr-4 rounded-r-12 before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-12 px-4 py-2 paragraph-inter-14-regular rounded-12",
+            unit: "h-12 paragraph-inter-12-regular pl-3 pr-4 rounded-r-12 before:top-[calc(50%-12px)] before:h-6",
             rightIcon: "right-4"
           },
           "x-large": {
-            input: "h-[68px] px-5 py-5 paragraph-inter-16-regular rounded-[14px]",
-            unit: "h-[68px] paragraph-inter-16-regular pl-3 pr-4 rounded-r-[14px] before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-17 px-5 py-5 paragraph-inter-16-regular rounded-[14px]",
+            unit: "h-17 paragraph-inter-16-regular pl-3 pr-4 rounded-r-[14px] before:top-[calc(50%-12px)] before:h-6",
             rightIcon: "right-4"
           }
         },
@@ -206,27 +209,6 @@ let LuksoInput = class extends TailwindStyledElement(style) {
       />
     `;
   }
-  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>`;
-  }
   unitTemplate(styles) {
     return x`<div
       class=${styles}
@@ -384,21 +366,26 @@ let LuksoInput = class extends TailwindStyledElement(style) {
   }
   render() {
     const { wrapper, input, unit, rightIcon } = this.inputStyles({
-      hasError: this.error !== "",
+      hasError: !!this.error,
       hasHighlight: this.hasHighlight,
       borderless: this.borderless,
       isReadonly: this.isReadonly,
       isDisabled: this.isDisabled,
       isFullWidth: this.isFullWidth,
-      hasUnit: this.unit !== "",
+      hasUnit: !!this.unit,
       size: this.size,
-      hasRightIcon: this.rightIcon !== "",
+      hasRightIcon: !!this.rightIcon,
       isRightIconClickable: this.isRightIconClickable
     });
     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]">
             ${this.inputTemplate(input())}
@@ -406,7 +393,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
           </div>
           ${this.unit ? this.unitTemplate(unit()) : E}
         </div>
-        ${this.error ? this.errorTemplate() : E}
+        <lukso-form-error error=${this.error}></lukso-form-error>
       </div>
     `;
   }

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

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

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":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IA0RX,CAAA;AAED,eAAe,IAAI,CAAA;AAiEnB,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,UAAU,KAAoB,CAAA;AAK3C,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;AAM3C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,SAAS,KAAoB,CAAA"}
+{"version":3,"file":"lukso-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/lukso-input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAiSX,CAAA;AAED,eAAe,IAAI,CAAA;AAiEnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wEAAwE;AACxE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,oCAAoC;AACpC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,oMAAoM;AACpM,eAAO,MAAM,WAAW,KAAoB,CAAA;AAO5C,sEAAsE;AACtE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,SAAS,KAAoB,CAAA"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BFqOU6o6.cjs');
-const safeCustomElement = require('../../safe-custom-element-DTADBI4I.cjs');
-const components_luksoSanitize_index = require('../../index-0s--O024.cjs');
+const shared_tailwindElement_index = require('../../index-vTOZ4l_5.cjs');
+const safeCustomElement = require('../../safe-custom-element-CtjlIm0J.cjs');
+const components_luksoSanitize_index = require('../../index-DMRL6USt.cjs');
 
 /**
  * marked v16.2.1 - a markdown parser

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-CQq_Eyeu.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-BODySN1j.js';
-import { p as purify, N as NO_HTML_TAGS_OPTIONS } from '../../index-DZXmXufN.js';
+import { T as TailwindStyledElement, x } from '../../index-BzYTn3KQ.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-Cz4DNr64.js';
+import { p as purify, N as NO_HTML_TAGS_OPTIONS } from '../../index-BOwyGlSA.js';
 
 /**
  * marked v16.2.1 - a markdown parser

package/dist/components/lukso-markdown-editor/index.cjs

@@ -2,9 +2,9 @@
 
 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 query = require('../../query-EFiHeHdi.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
@@ -14,10 +14,12 @@ require('../lukso-markdown/index.cjs');
 require('../lukso-switch/index.cjs');
 require('../lukso-button/index.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-0s--O024.cjs');
+require('../../index-DMRL6USt.cjs');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-tooltip/index.cjs');
+require('../lukso-form-label/index.cjs');
+require('../lukso-form-description/index.cjs');
 
 function mapAxeViolationToAccessibilityViolation(axeViolation) {
   return {
@@ -314,7 +316,7 @@ exports.LuksoMarkdownEditor = class LuksoMarkdownEditor extends shared_tailwindE
     };
     this.styles = index.ce({
       slots: {
-        wrapper: "w-[inherit] grid gap-3",
+        wrapper: "w-[inherit]",
         header: "flex items-center justify-between gap-2 border border-neutral-90 rounded-12 px-3 py-2 bg-neutral-100",
         toolbar: "flex flex-wrap items-center gap-1",
         area: "relative",
@@ -2132,16 +2134,6 @@ ${indent}${nextNumber}. `;
     this.removeKeyboardListeners();
     this.savedSelectionForPreview = null;
   }
-  labelTemplate() {
-    return this.label ? shared_tailwindElement_index.x`<label class="heading-inter-14-bold text-neutral-20 block"
-          >${this.label}</label
-        >` : shared_tailwindElement_index.E;
-  }
-  descriptionTemplate() {
-    return this.description ? shared_tailwindElement_index.x`<div class="paragraph-inter-12-regular text-neutral-20">
-          <lukso-sanitize html-content=${this.description}></lukso-sanitize>
-        </div>` : shared_tailwindElement_index.E;
-  }
   /**
    * Restore focus and selection to the textarea after toolbar interactions.
    */
@@ -2632,7 +2624,15 @@ ${indent}${nextNumber}. `;
     }
     return shared_tailwindElement_index.x`
       <div class=${wrapper()}>
-        ${this.labelTemplate()} ${this.descriptionTemplate()}
+        <div>
+          <lukso-form-label
+            for-name=${this.name}
+            label=${this.label}
+          ></lukso-form-label>
+          <lukso-form-description
+            description=${this.description}
+          ></lukso-form-description>
+        </div>
 
         <div class="flex flex-col gap-2">
           <div class=${header()}>

package/dist/components/lukso-markdown-editor/index.d.ts

@@ -305,8 +305,6 @@ export declare class LuksoMarkdownEditor extends LuksoMarkdownEditor_base {
     firstUpdated(changedProperties: PropertyValues): void;
     updated(changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
-    private labelTemplate;
-    private descriptionTemplate;
     /**
      * Restore focus and selection to the textarea after toolbar interactions.
      */

package/dist/components/lukso-markdown-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-markdown-editor/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-markdown-editor/index.ts"],"names":[],"mappings":"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"}