@lukso/web-components 1.186.0 → 1.188.0

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

@@ -28,6 +28,7 @@ exports.LuksoAlert = class LuksoAlert extends index.TailwindStyledElement(style)
     this.hasIcon = false;
     this.title = "";
     this.description = "";
+    this.isFullWidth = false;
     this.styles = tailwindVariants.tv({
       base: "rounded-8 p-4 flex gap-3 items-center",
       variants: {
@@ -36,6 +37,9 @@ exports.LuksoAlert = class LuksoAlert extends index.TailwindStyledElement(style)
           warning: "bg-honey-92 text-yellow-25",
           error: "bg-red-95 text-red-55",
           success: "bg-green-95 text-green-45"
+        },
+        isFullWidth: {
+          true: "w-full"
         }
       }
     });
@@ -54,7 +58,8 @@ exports.LuksoAlert = class LuksoAlert extends index.TailwindStyledElement(style)
   }
   render() {
     const styles = this.styles({
-      variant: this.variant
+      variant: this.variant,
+      isFullWidth: this.isFullWidth
     });
     return lit.html`
       <div class=${styles}>
@@ -86,6 +91,9 @@ __decorateClass([
 __decorateClass([
   decorators_js.property({ type: String })
 ], exports.LuksoAlert.prototype, "description", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "is-full-width", reflect: true })
+], exports.LuksoAlert.prototype, "isFullWidth", 2);
 exports.LuksoAlert = __decorateClass([
   safeCustomElement.safeCustomElement("lukso-alert")
 ], exports.LuksoAlert);

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

@@ -1,10 +1,14 @@
 export type AlertVariant = 'info' | 'warning' | 'error' | 'success';
 declare const LuksoAlert_base: typeof import('lit').LitElement;
+/**
+ * A non-interactive alert banner for displaying informational, warning, error, or success messages.
+ */
 export declare class LuksoAlert extends LuksoAlert_base {
     variant: AlertVariant | undefined;
     hasIcon: boolean;
     title: string | undefined;
     description: string | undefined;
+    isFullWidth: boolean;
     private styles;
     private get icon();
     render(): import('lit-html').TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-alert/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;AAGpC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;;AAEnE,qBACa,UAAW,SAAQ,eAA4B;IAE1D,OAAO,EAAE,YAAY,GAAG,SAAS,CAAS;IAG1C,OAAO,UAAQ;IAGf,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAEpC,OAAO,CAAC,MAAM,CAUZ;IAEF,OAAO,KAAK,IAAI,GAWf;IAED,MAAM;CA4BP;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-alert/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;AAGpC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;;AAEnE;;GAEG;AACH,qBACa,UAAW,SAAQ,eAA4B;IAE1D,OAAO,EAAE,YAAY,GAAG,SAAS,CAAS;IAG1C,OAAO,UAAQ;IAGf,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,WAAW,UAAQ;IAEnB,OAAO,CAAC,MAAM,CAaZ;IAEF,OAAO,KAAK,IAAI,GAWf;IAED,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -24,6 +24,7 @@ let LuksoAlert = class extends TailwindStyledElement(style) {
     this.hasIcon = false;
     this.title = "";
     this.description = "";
+    this.isFullWidth = false;
     this.styles = tv({
       base: "rounded-8 p-4 flex gap-3 items-center",
       variants: {
@@ -32,6 +33,9 @@ let LuksoAlert = class extends TailwindStyledElement(style) {
           warning: "bg-honey-92 text-yellow-25",
           error: "bg-red-95 text-red-55",
           success: "bg-green-95 text-green-45"
+        },
+        isFullWidth: {
+          true: "w-full"
         }
       }
     });
@@ -50,7 +54,8 @@ let LuksoAlert = class extends TailwindStyledElement(style) {
   }
   render() {
     const styles = this.styles({
-      variant: this.variant
+      variant: this.variant,
+      isFullWidth: this.isFullWidth
     });
     return html`
       <div class=${styles}>
@@ -82,6 +87,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], LuksoAlert.prototype, "description", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "is-full-width", reflect: true })
+], LuksoAlert.prototype, "isFullWidth", 2);
 LuksoAlert = __decorateClass([
   safeCustomElement("lukso-alert")
 ], LuksoAlert);

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

@@ -2,9 +2,16 @@ import { Meta } from '@storybook/web-components-vite';
 /**  Documentation and examples of `lukso-alert` component. */
 declare const meta: Meta;
 export default meta;
+/** Example of `info` alert.  */
 export declare const InfoAlert: any;
+/** Example of `warning` alert.  */
 export declare const WarningAlert: any;
+/** Example of `error` alert.  */
 export declare const ErrorAlert: any;
+/** Example of `success` alert.  */
 export declare const SuccessAlert: any;
+/** Example of alert without icon.  */
 export declare const AlertWithoutIcon: any;
+/** Example of a full-width alert. */
+export declare const FullWidthAlert: any;
 //# sourceMappingURL=lukso-alert.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-alert.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-alert/lukso-alert.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,8DAA8D;AAC9D,QAAA,MAAM,IAAI,EAAE,IA4DX,CAAA;AAED,eAAe,IAAI,CAAA;AAUnB,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,eAAO,MAAM,gBAAgB,KAAoB,CAAA"}
+{"version":3,"file":"lukso-alert.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-alert/lukso-alert.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,8DAA8D;AAC9D,QAAA,MAAM,IAAI,EAAE,IA0EX,CAAA;AAED,eAAe,IAAI,CAAA;AAWnB,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,iCAAiC;AACjC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,sCAAsC;AACtC,eAAO,MAAM,gBAAgB,KAAoB,CAAA;AAKjD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAAoB,CAAA"}

package/dist/components/lukso-alert/style.css.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n}\n";
 
 module.exports = style;

package/dist/components/lukso-alert/style.css.js

@@ -1,3 +1,3 @@
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n}\n";
 
 export { style as default };

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

@@ -3,6 +3,12 @@ export type ButtonVariant = 'primary' | 'secondary' | 'landing' | 'text' | 'nav-
 export type ButtonType = 'submit' | 'reset' | 'button';
 export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
 declare const LuksoButton_base: import('@lukso/core').ThemeMixinConstructor<typeof import('lit').LitElement>;
+/**
+ * A versatile button component supporting multiple visual variants, sizes, loading state, long-press, and link mode.
+ *
+ * Long press is only supported for `primary` and `landing` variants.
+ * When `is-link` is set, renders as an `<a>` tag.
+ */
 export declare class LuksoButton extends LuksoButton_base {
     variant: ButtonVariant;
     size: InputSize;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/index.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AACb,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAAuC;IAEtE,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,SAAS,CAAU;IAGzB,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,MAAM,UAAQ;IAGd,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CAqHlB;IAEF,OAAO,CAAC,aAAa,CAqBnB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAiBrB,eAAe;IAmBf,eAAe;IAQf,cAAc;IA+Bd,YAAY;IAwBZ,MAAM;CAGP;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-button/index.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AACb,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,gBAAuC;IAEtE,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,SAAS,CAAU;IAGzB,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,MAAM,UAAQ;IAGd,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CAqHlB;IAEF,OAAO,CAAC,aAAa,CAqBnB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAiBrB,eAAe;IAmBf,eAAe;IAQf,cAAc;IA+Bd,YAAY;IAwBZ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -2,6 +2,13 @@ export type CardVariants = 'basic' | 'with-header' | 'profile' | 'profile-2' | '
 export type CardBorderRadius = 'small' | 'medium' | 'none';
 export type CardShadows = 'small' | 'medium' | 'large';
 declare const LuksoCard_base: typeof import('lit').LitElement;
+/**
+ * A card container with multiple layout variants for different content types including basic, header, profile, hero, and dapp layouts.
+ *
+ * @slot content - Main card body content.
+ * @slot header - Header area (not available on `basic` variant).
+ * @slot bottom - Bottom section (only `profile-2` variant).
+ */
 export declare class LuksoCard extends LuksoCard_base {
     variant: CardVariants;
     backgroundUrl: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/index.ts"],"names":[],"mappings":"AASA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,0BAA0B,CAAA;AAGjC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,GACN,WAAW,CAAA;AAEf,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;;AAEtD,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAG1B,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,YAAY,EAAE,gBAAgB,CAAW;IAGzC,MAAM,EAAE,WAAW,CAAU;IAG7B,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,KAAK,UAAQ;IAGb,OAAO,CAAC,WAAW,CAAyB;IAG5C,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,UAAU,CAqChB;IAEF,aAAa;IAsBb,kBAAkB;IA8BlB,eAAe;IAuEf,gBAAgB;IA0EhB,gBAAgB;IA4DhB,YAAY;IAyCZ,YAAY;IA4CZ,MAAM;CAkBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/index.ts"],"names":[],"mappings":"AASA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,0BAA0B,CAAA;AAGjC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,GACN,WAAW,CAAA;AAEf,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;;AAEtD;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAG1B,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,YAAY,EAAE,gBAAgB,CAAW;IAGzC,MAAM,EAAE,WAAW,CAAU;IAG7B,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,KAAK,UAAQ;IAGb,OAAO,CAAC,WAAW,CAAyB;IAG5C,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,UAAU,CAqChB;IAEF,aAAa;IAsBb,kBAAkB;IA8BlB,eAAe;IAuEf,gBAAgB;IA0EhB,gBAAgB;IA4DhB,YAAY;IAyCZ,YAAY;IA4CZ,MAAM;CAkBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,6 +1,11 @@
 import { TailwindElement } from '../../shared/tailwind-element';
 export type CheckboxSize = 'x-small' | 'small' | 'medium';
 export type CheckboxType = 'text' | 'profile';
+/**
+ * A styled checkbox with optional label, description, and error state.
+ *
+ * @slot - Label text (type=text) or profile content (type=profile).
+ */
 export declare class LuksoCheckbox extends TailwindElement {
     name: string | undefined;
     id: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-checkbox/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAEtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAK;IAG7B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAK;IAG3B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAK;IAG5B,IAAI,EAAE,YAAY,CAAS;IAG3B,IAAI,EAAE,YAAY,CAAW;IAG7B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,OAAO,EAAE,OAAO,CAAQ;IAGxB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,sBAAsB,CAG3B;IAEH,OAAO,CAAC,kBAAkB,CAKvB;IAEH,OAAO,CAAC,kBAAkB,CAEvB;IAEH,OAAO,CAAC,qBAAqB,CAKkD;IAE/E,mBAAmB,IAAI,OAAO;IAY9B,gBAAgB,IAAI,OAAO;IAqB3B,aAAa;IAqBb,aAAa;IAiBb,uBAAuB;IAQvB,MAAM;YAyBQ,YAAY;IAkB1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;CAKvB;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-checkbox/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAEtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C;;;;GAIG;AACH,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAK;IAG7B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAK;IAG3B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAK;IAG5B,IAAI,EAAE,YAAY,CAAS;IAG3B,IAAI,EAAE,YAAY,CAAW;IAG7B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,OAAO,EAAE,OAAO,CAAQ;IAGxB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,sBAAsB,CAG3B;IAEH,OAAO,CAAC,kBAAkB,CAKvB;IAEH,OAAO,CAAC,kBAAkB,CAEvB;IAEH,OAAO,CAAC,qBAAqB,CAKkD;IAE/E,mBAAmB,IAAI,OAAO;IAY9B,gBAAgB,IAAI,OAAO;IAqB3B,aAAa;IAqBb,aAAa;IAiBb,uBAAuB;IAQvB,MAAM;YAyBQ,YAAY;IAkB1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;CAKvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,5 +1,10 @@
 import { TailwindElement } from '../../shared/tailwind-element';
 import { InputSize } from '../../shared/types';
+/**
+ * An animated accordion/collapsible panel with a clickable header trigger and smooth height transition.
+ *
+ * @slot - Collapsible body content.
+ */
 export declare class LuksoCollapse extends TailwindElement {
     label: string | undefined;
     description: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-collapse/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,yBAAyB,CAAA;AAChC,OAAO,+BAA+B,CAAA;AACtC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,qBACa,aAAc,SAAQ,eAAe;IAEhD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAK;IAGrC,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAG3C;IAGD,MAAM,UAAQ;IAGd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,UAAU,UAAQ;IAGlB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAK;IAG7B,IAAI,EAAE,SAAS,CAAU;IAEhB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,cAAc,CAAI;IAEP,OAAO,CAAC,cAAc,CAAc;IAChE,OAAO,CAAC,cAAc,CAAC,CAAgB;IAEvC,YAAY;IAQZ,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,cAAc,CA+EpB;IAEF,MAAM;CAsDP;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-collapse/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,yBAAyB,CAAA;AAChC,OAAO,+BAA+B,CAAA;AACtC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C;;;;GAIG;AACH,qBACa,aAAc,SAAQ,eAAe;IAEhD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAK;IAGrC,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAG3C;IAGD,MAAM,UAAQ;IAGd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,UAAU,UAAQ;IAGlB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAK;IAG7B,IAAI,EAAE,SAAS,CAAU;IAEhB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,cAAc,CAAI;IAEP,OAAO,CAAC,cAAc,CAAc;IAChE,OAAO,CAAC,cAAc,CAAC,CAAgB;IAEvC,YAAY;IAQZ,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,cAAc,CA+EpB;IAEF,MAAM;CAsDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

package/dist/components/lukso-color-picker/index.d.ts

@@ -1,5 +1,8 @@
 import { InputSize } from '../../shared/types';
 declare const LuksoColorPicker_base: typeof import('lit').LitElement;
+/**
+ * A color picker input combining a native color swatch with a hex text field, kept in sync.
+ */
 export declare class LuksoColorPicker extends LuksoColorPicker_base {
     value: string | undefined;
     name: string | undefined;

package/dist/components/lukso-color-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAQA,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,gBAAiB,SAAQ,qBAA4B;IAEhE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAK;IAG7B,WAAW,SAAY;IAGvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAK;IAG3B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CA8FZ;IAEF,iBAAiB;IAajB,aAAa,CAAC,MAAM,EAAE,MAAM;IAwB5B,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM;IAiB5D,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;IAe3B,MAAM;CA2BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAA;KACvC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAQA,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;;GAEG;AACH,qBACa,gBAAiB,SAAQ,qBAA4B;IAEhE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAK;IAG7B,WAAW,SAAY;IAGvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAK;IAG3B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CA8FZ;IAEF,iBAAiB;IAajB,aAAa,CAAC,MAAM,EAAE,MAAM;IAwB5B,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM;IAiB5D,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;IAe3B,MAAM;CA2BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAA;KACvC;CACF"}

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

@@ -5,6 +5,11 @@ export type LuksoDropdownOnChangeEventDetail = {
 };
 export type LuksoDropdownTrigger = 'click' | 'hover';
 declare const LuksoDropdown_base: typeof import('lit').LitElement;
+/**
+ * A floating dropdown panel that positions absolutely relative to its trigger element.
+ *
+ * @slot - Dropdown content, typically `lukso-dropdown-option` elements.
+ */
 export declare class LuksoDropdown extends LuksoDropdown_base {
     id: string;
     triggerId: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAKxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAOpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAA;;AAEpD,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAU;IAGzB,OAAO,EAAE,oBAAoB,CAAU;IAGvC,SAAS,MAAY;IAGrB,WAAW,SAAK;IAEhB,OAAO,CAAC,gBAAgB,CAAC,CAAwB;;IAUjD,OAAO,CAAC,MAAM,CAwEZ;IAEF,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,gBAAgB,CASvB;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiB/C,iBAAiB;IAgBjB,oBAAoB;IAgBd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,OAAO,CAAC,WAAW,CAmBjB;IAEF,MAAM;CAsBP;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-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAKxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAOpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAA;;AAEpD;;;;GAIG;AACH,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAU;IAGzB,OAAO,EAAE,oBAAoB,CAAU;IAGvC,SAAS,MAAY;IAGrB,WAAW,SAAK;IAEhB,OAAO,CAAC,gBAAgB,CAAC,CAAwB;;IAUjD,OAAO,CAAC,MAAM,CAwEZ;IAEF,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,gBAAgB,CASvB;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiB/C,iBAAiB;IAgBjB,oBAAoB;IAgBd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,OAAO,CAAC,WAAW,CAmBjB;IAEF,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

package/dist/components/lukso-dropdown-option/index.d.ts

@@ -1,5 +1,10 @@
 import { InputSize } from '../../shared/types';
 declare const LuksoDropdownOption_base: typeof import('lit').LitElement;
+/**
+ * A single option row inside a `lukso-dropdown`. Does not emit its own events — parent handles clicks.
+ *
+ * @slot - Option label content (text, icons, profile elements, etc.).
+ */
 export declare class LuksoDropdownOption extends LuksoDropdownOption_base {
     isReadonly: boolean;
     isDisabled: boolean;

package/dist/components/lukso-dropdown-option/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown-option/index.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,mBAAoB,SAAQ,wBAA4B;IAEnE,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;IAGhB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAU;IAEzB,OAAO,CAAC,MAAM,CAiDZ;IAEF,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAA;KAC7C;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown-option/index.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C;;;;GAIG;AACH,qBACa,mBAAoB,SAAQ,wBAA4B;IAEnE,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;IAGhB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAU;IAEzB,OAAO,CAAC,MAAM,CAiDZ;IAEF,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAA;KAC7C;CACF"}

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

@@ -1,4 +1,9 @@
 import { TailwindElement } from '../../shared/tailwind-element';
+/**
+ * A page footer with social share links and a "Powered by LUKSO" logo.
+ *
+ * @slot links - Navigation links area (left side of the footer).
+ */
 export declare class LuksoFooter extends TailwindElement {
     providers: string;
     private defaultProviders;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,qBACa,WAAY,SAAQ,eAAe;IAE9C,SAAS,SAAK;IAEd,OAAO,CAAC,gBAAgB,CASvB;IAED,MAAM;CAwCP;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-footer/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D;;;;GAIG;AACH,qBACa,WAAY,SAAQ,eAAe;IAE9C,SAAS,SAAK;IAEd,OAAO,CAAC,gBAAgB,CASvB;IAED,MAAM;CAwCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/lukso-form-description/index.d.ts

@@ -1,5 +1,8 @@
 import { nothing } from 'lit';
 declare const LuksoFormDescription_base: typeof import('lit').LitElement;
+/**
+ * A small description text block rendered below a form label. Used internally by form components.
+ */
 export declare class LuksoFormDescription extends LuksoFormDescription_base {
     description: string;
     render(): import('lit-html').TemplateResult<1> | typeof nothing;

package/dist/components/lukso-form-description/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-form-description/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;;AAOnC,qBACa,oBAAqB,SAAQ,yBAA4B;IAEpE,WAAW,EAAE,MAAM,CAAA;IAEnB,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAA;KAC/C;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-form-description/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;;AAOnC;;GAEG;AACH,qBACa,oBAAqB,SAAQ,yBAA4B;IAEpE,WAAW,EAAE,MAAM,CAAA;IAEnB,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAA;KAC/C;CACF"}

package/dist/components/lukso-form-error/index.d.ts

@@ -1,5 +1,8 @@
 import { nothing } from 'lit';
 declare const LuksoFormError_base: typeof import('lit').LitElement;
+/**
+ * A small error text block rendered below a form field in red. Used internally by form components.
+ */
 export declare class LuksoFormError extends LuksoFormError_base {
     error: string;
     render(): import('lit-html').TemplateResult<1> | typeof nothing;

package/dist/components/lukso-form-error/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-form-error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;;AAOnC,qBACa,cAAe,SAAQ,mBAA4B;IAE9D,KAAK,EAAE,MAAM,CAAA;IAEb,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAA;KACnC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-form-error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;;AAOnC;;GAEG;AACH,qBACa,cAAe,SAAQ,mBAA4B;IAE9D,KAAK,EAAE,MAAM,CAAA;IAEb,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAA;KACnC;CACF"}

package/dist/components/lukso-form-label/index.d.ts

@@ -1,5 +1,8 @@
 import { nothing } from 'lit';
 declare const LuksoFormLabel_base: typeof import('lit').LitElement;
+/**
+ * A styled `<label>` element used internally by form components. Renders nothing if `label` is empty.
+ */
 export declare class LuksoFormLabel extends LuksoFormLabel_base {
     label: string;
     forName: string;

package/dist/components/lukso-form-label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-form-label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;;AAOnC,qBACa,cAAe,SAAQ,mBAA4B;IAE9D,KAAK,EAAE,MAAM,CAAA;IAGb,OAAO,EAAE,MAAM,CAAA;IAEf,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAA;KACnC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-form-label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;;AAOnC;;GAEG;AACH,qBACa,cAAe,SAAQ,mBAA4B;IAE9D,KAAK,EAAE,MAAM,CAAA;IAGb,OAAO,EAAE,MAAM,CAAA;IAEf,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAA;KACnC;CACF"}

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

@@ -3,6 +3,9 @@ export type IconSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2
 export type IconPack = undefined | 'vuesax';
 export type IconVariant = 'linear' | 'bold' | 'outline' | 'broken' | 'bulk' | 'twotone';
 declare const LuksoIcon_base: typeof import('lit').LitElement;
+/**
+ * Renders a named SVG icon from the built-in LUKSO icon registry or from the Vuesax icon pack.
+ */
 export declare class LuksoIcon extends LuksoIcon_base {
     name: any;
     size: IconSize;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAiQjD,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAA;;AA2Qb,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,MAAY;IAGhB,IAAI,EAAE,QAAQ,CAAe;IAG7B,KAAK,SAAgB;IAGrB,cAAc,MAAY;IAG1B,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAY;IAGtC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAY;IAG5C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,iBAAiB,CAAQ;IAEjC,OAAO,CAAC,KAAK,CA+BZ;IAID,OAAO,CAAC,UAAU,CAGhB;IAEF;;;;;;;;OAQG;YACW,OAAO;IAsCrB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAmExB,UAAU,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAS9C,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IA8CvD;;;;;OAKG;IACH,OAAO,CAAC,SAAS;IAMjB,MAAM;CAyEP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAiQjD,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAA;;AA2Qb;;GAEG;AACH,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,MAAY;IAGhB,IAAI,EAAE,QAAQ,CAAe;IAG7B,KAAK,SAAgB;IAGrB,cAAc,MAAY;IAG1B,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAY;IAGtC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAY;IAG5C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,iBAAiB,CAAQ;IAEjC,OAAO,CAAC,KAAK,CA+BZ;IAID,OAAO,CAAC,UAAU,CAGhB;IAEF;;;;;;;;OAQG;YACW,OAAO;IAsCrB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAmExB,UAAU,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAS9C,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IA8CvD;;;;;OAKG;IACH,OAAO,CAAC,SAAS;IAMjB,MAAM;CAyEP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,5 +1,8 @@
 import { PropertyValues } from 'lit';
 import { TailwindElement } from '../../shared/tailwind-element';
+/**
+ * A lazy-loading image with a pulse skeleton placeholder during load and a fallback on error.
+ */
 export declare class LuksoImage extends TailwindElement {
     src: string;
     placeholder: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAM/C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,SAAS,UAAO;IAGhB,mBAAmB,SAAK;IAGxB,QAAQ,UAAQ;IAEhB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,WAAW;IAKb,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAYxD,OAAO,CAAC,WAAW,CAsCjB;IAEF,MAAM;CA0BP;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-image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAM/C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D;;GAEG;AACH,qBACa,UAAW,SAAQ,eAAe;IAE7C,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,SAAS,UAAO;IAGhB,mBAAmB,SAAK;IAGxB,QAAQ,UAAQ;IAEhB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,WAAW;IAKb,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAYxD,OAAO,CAAC,WAAW,CAsCjB;IAEF,MAAM;CA0BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -17,6 +17,7 @@ require('../../shared/assets/index.cjs');
 const cn = require('../../shared/tools/cn.cjs');
 require('viem');
 const style = require('./style.css.cjs');
+const rules = require('./rules.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -44,6 +45,11 @@ exports.LuksoInput = class LuksoInput extends index.TailwindStyledElement(style)
     this.rightIcon = "";
     this.isRightIconClickable = false;
     this.keepFocusOnEscape = false;
+    this.noComma = false;
+    this.noLeadingDot = false;
+    this.onlyOneDot = false;
+    this.onlyNumbersAndDot = false;
+    this.noDecimal = false;
     this.hasFocus = false;
     this.hasHighlight = false;
     this.inputStyles = tailwindVariants.tv({
@@ -258,6 +264,17 @@ exports.LuksoInput = class LuksoInput extends index.TailwindStyledElement(style)
   }
   async handleInput(event) {
     const target = event.target;
+    if (this.activeRules.length > 0) {
+      const sanitized = this.activeRules.reduce(
+        (val, rule) => rule.sanitize(val),
+        target.value
+      );
+      if (sanitized !== target.value) {
+        const cursor = target.selectionStart ?? sanitized.length;
+        target.value = sanitized;
+        target.setSelectionRange(cursor, cursor);
+      }
+    }
     this.value = target?.value;
     await this.updateComplete;
     const changeEvent = new CustomEvent("on-input", {
@@ -286,7 +303,26 @@ exports.LuksoInput = class LuksoInput extends index.TailwindStyledElement(style)
       this.blur();
     }
   }
+  get activeRules() {
+    const rules$1 = [];
+    if (this.noComma) rules$1.push(rules.noComma);
+    if (this.noLeadingDot) rules$1.push(rules.noLeadingDot);
+    if (this.onlyOneDot) rules$1.push(rules.onlyOneDot);
+    if (this.onlyNumbersAndDot) rules$1.push(rules.onlyNumbersAndDot);
+    if (this.noDecimal) rules$1.push(rules.noDecimal);
+    return rules$1;
+  }
   async handleKeyDown(event) {
+    if (event.key.length === 1 && this.activeRules.length > 0) {
+      const input = event.target;
+      const isValid = this.activeRules.every(
+        (rule) => rule.validate(input, event.key)
+      );
+      if (!isValid) {
+        event.preventDefault();
+        return;
+      }
+    }
     await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-down", {
@@ -464,6 +500,21 @@ __decorateClass([
 __decorateClass([
   decorators_js.property({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], exports.LuksoInput.prototype, "keepFocusOnEscape", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "no-comma" })
+], exports.LuksoInput.prototype, "noComma", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "no-leading-dot" })
+], exports.LuksoInput.prototype, "noLeadingDot", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "only-one-dot" })
+], exports.LuksoInput.prototype, "onlyOneDot", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "only-numbers-and-dot" })
+], exports.LuksoInput.prototype, "onlyNumbersAndDot", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "no-decimal" })
+], exports.LuksoInput.prototype, "noDecimal", 2);
 __decorateClass([
   decorators_js.state()
 ], exports.LuksoInput.prototype, "hasFocus", 2);

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

@@ -1,5 +1,9 @@
 import { InputSize } from '../../shared/types';
 declare const LuksoInput_base: typeof import('lit').LitElement;
+/**
+ * A styled text input with optional label, description, error, unit suffix, and right icon.
+ * All events pass `{ value, event }` in their detail object.
+ */
 export declare class LuksoInput extends LuksoInput_base {
     value: string | undefined;
     name: string | undefined;
@@ -25,6 +29,11 @@ export declare class LuksoInput extends LuksoInput_base {
     rightIcon: string | undefined;
     isRightIconClickable: boolean;
     keepFocusOnEscape: boolean;
+    noComma: boolean;
+    noLeadingDot: boolean;
+    onlyOneDot: boolean;
+    onlyNumbersAndDot: boolean;
+    noDecimal: boolean;
     private hasFocus;
     private hasHighlight;
     private inputStyles;
@@ -37,6 +46,7 @@ export declare class LuksoInput extends LuksoInput_base {
     private handleChange;
     private handleInput;
     private handleKeyUp;
+    private get activeRules();
     private handleKeyDown;
     private handleKeyPress;
     private handleMouseOver;

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;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,CAAK;IAG9B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGxB,IAAI,SAAS;IAGb,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAG/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,YAAY,SAAO;IAGnB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;IAGtB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAG1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAG/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGxB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAG/B,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvB,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAU;IAGzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAK;IAGlC,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"}
+{"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;AAMtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C;;;GAGG;AACH,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGxB,IAAI,SAAS;IAGb,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAG/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,YAAY,SAAO;IAGnB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;IAGtB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAG1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAG/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGxB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAG/B,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvB,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAU;IAGzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAK;IAGlC,oBAAoB,UAAQ;IAG5B,iBAAiB,UAAQ;IAGzB,OAAO,UAAQ;IAGf,YAAY,UAAQ;IAGpB,UAAU,UAAQ;IAGlB,iBAAiB,UAAQ;IAGzB,SAAS,UAAQ;IAGjB,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;YA0BX,WAAW;IAmBzB,OAAO,KAAK,WAAW,GAQtB;YAEa,aAAa;YAyBb,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

@@ -13,6 +13,7 @@ import '../../shared/assets/index.js';
 import { cn } from '../../shared/tools/cn.js';
 import 'viem';
 import style from './style.css.js';
+import { noComma, noLeadingDot, onlyOneDot, onlyNumbersAndDot, noDecimal } from './rules.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -40,6 +41,11 @@ let LuksoInput = class extends TailwindStyledElement(style) {
     this.rightIcon = "";
     this.isRightIconClickable = false;
     this.keepFocusOnEscape = false;
+    this.noComma = false;
+    this.noLeadingDot = false;
+    this.onlyOneDot = false;
+    this.onlyNumbersAndDot = false;
+    this.noDecimal = false;
     this.hasFocus = false;
     this.hasHighlight = false;
     this.inputStyles = tv({
@@ -254,6 +260,17 @@ let LuksoInput = class extends TailwindStyledElement(style) {
   }
   async handleInput(event) {
     const target = event.target;
+    if (this.activeRules.length > 0) {
+      const sanitized = this.activeRules.reduce(
+        (val, rule) => rule.sanitize(val),
+        target.value
+      );
+      if (sanitized !== target.value) {
+        const cursor = target.selectionStart ?? sanitized.length;
+        target.value = sanitized;
+        target.setSelectionRange(cursor, cursor);
+      }
+    }
     this.value = target?.value;
     await this.updateComplete;
     const changeEvent = new CustomEvent("on-input", {
@@ -282,7 +299,26 @@ let LuksoInput = class extends TailwindStyledElement(style) {
       this.blur();
     }
   }
+  get activeRules() {
+    const rules = [];
+    if (this.noComma) rules.push(noComma);
+    if (this.noLeadingDot) rules.push(noLeadingDot);
+    if (this.onlyOneDot) rules.push(onlyOneDot);
+    if (this.onlyNumbersAndDot) rules.push(onlyNumbersAndDot);
+    if (this.noDecimal) rules.push(noDecimal);
+    return rules;
+  }
   async handleKeyDown(event) {
+    if (event.key.length === 1 && this.activeRules.length > 0) {
+      const input = event.target;
+      const isValid = this.activeRules.every(
+        (rule) => rule.validate(input, event.key)
+      );
+      if (!isValid) {
+        event.preventDefault();
+        return;
+      }
+    }
     await this.updateComplete;
     const target = event.target;
     const keyEvent = new CustomEvent("on-key-down", {
@@ -460,6 +496,21 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], LuksoInput.prototype, "keepFocusOnEscape", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "no-comma" })
+], LuksoInput.prototype, "noComma", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "no-leading-dot" })
+], LuksoInput.prototype, "noLeadingDot", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "only-one-dot" })
+], LuksoInput.prototype, "onlyOneDot", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "only-numbers-and-dot" })
+], LuksoInput.prototype, "onlyNumbersAndDot", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "no-decimal" })
+], LuksoInput.prototype, "noDecimal", 2);
 __decorateClass([
   state()
 ], LuksoInput.prototype, "hasFocus", 2);

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

@@ -20,4 +20,6 @@ export declare const Borderless: any;
 export declare const Small: any;
 /** Example of input with icon on right side. */
 export declare const RightIcon: any;
+/** Example of input with number rules enabled. Combines `only-numbers-and-dot`, `no-comma`, `no-leading-dot` and `only-one-dot` to enforce a valid decimal number format. */
+export declare const NumberRules: 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":"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"}
+{"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,IAsWX,CAAA;AAED,eAAe,IAAI,CAAA;AA2EnB,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;AAO1C,6KAA6K;AAC7K,eAAO,MAAM,WAAW,KAAoB,CAAA"}