@lukso/web-components 1.166.4 → 1.167.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-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const unsafeHtml = require('../../unsafe-html-CZrm1cKd.cjs');
-const styleMap = require('../../style-map-pb97xC-C.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const unsafeHtml = require('../../unsafe-html-A89dYppC.cjs');
+const styleMap = require('../../style-map-CU-gsYoG.cjs');
 
 const style = ":host {\n  position: relative;\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 
@@ -8335,6 +8335,8 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
     this.pack = void 0;
     this.variant = void 0;
     this.svgContent = "";
+    this.lastAttemptedKey = "";
+    this.failedLoadAttempt = false;
     this.sizes = {
       "x-small": {
         width: 12,
@@ -8447,6 +8449,12 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
     }
     return processedSvg;
   }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (this.pack === "vuesax" && !this.variant) {
+      this.variant = "linear";
+    }
+  }
   async updated(changedProperties) {
     super.updated(changedProperties);
     if (this.pack === void 0) {
@@ -8455,16 +8463,19 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
       }
     }
     if (this.pack === "vuesax") {
-      if (!this.variant) {
-        this.variant = "linear";
-      }
       if (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant")) {
+        const currentKey = `${this.pack}/${this.variant}/${this.name}`;
+        this.lastAttemptedKey = currentKey;
+        this.failedLoadAttempt = false;
         const svgContent = await this.loadSvg(
           this.pack,
           this.variant,
           this.name
         );
         this.svgContent = svgContent;
+        if (!svgContent) {
+          this.failedLoadAttempt = true;
+        }
         this.requestUpdate();
       }
       if (this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
@@ -8486,11 +8497,17 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
     }
     if (this.pack === "vuesax") {
       if (!this.svgContent) {
-        this.loadSvg(this.pack, this.variant, this.name).then((content) => {
-          this.svgContent = content;
-          this.requestUpdate();
-        });
-        return shared_tailwindElement_index.x`<!-- Loading SVG... -->`;
+        if (!this.failedLoadAttempt) {
+          this.loadSvg(this.pack, this.variant, this.name).then((content) => {
+            this.svgContent = content;
+            if (!content) {
+              this.failedLoadAttempt = true;
+            }
+            this.requestUpdate();
+          });
+          return shared_tailwindElement_index.x`<!-- Loading SVG... -->`;
+        }
+        return shared_tailwindElement_index.x`<!-- Failed to load SVG. -->`;
       }
       const processedSvg = this.processVuesaxSvg(this.svgContent);
       return processedSvg ? shared_tailwindElement_index.x`${unsafeHtml.o(processedSvg)}` : shared_tailwindElement_index.x`<!-- SVG not found -->`;

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

@@ -15,9 +15,11 @@ export declare class LuksoIcon extends LuksoIcon_base {
     size: IconSize;
     color: string;
     secondaryColor: any;
-    pack: any;
-    variant: any;
+    pack: IconPack | undefined;
+    variant: IconVariant | undefined;
     private svgContent;
+    private lastAttemptedKey;
+    private failedLoadAttempt;
     private sizes;
     private svgModules;
     /**
@@ -36,6 +38,7 @@ export declare class LuksoIcon extends LuksoIcon_base {
      * @param svgContent - raw SVG content as string
      */
     private processVuesaxSvg;
+    willUpdate(changedProperties: PropertyValueMap<this>): void;
     updated(changedProperties: PropertyValueMap<this>): Promise<void>;
     render(): import('lit-html').TemplateResult<1>;
 }

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;AA2NjD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,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;;AAkOb,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,MAAY;IAGhB,IAAI,WAAe;IAGnB,KAAK,SAAgB;IAGrB,cAAc,MAAY;IAG1B,IAAI,MAAY;IAGhB,OAAO,MAAY;IAGnB,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,KAAK,CA+BZ;IAID,OAAO,CAAC,UAAU,CAGhB;IAEF;;;;;;;;OAQG;YACW,OAAO;IAsCrB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAmElB,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IA6CvD,MAAM;CAuDP;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;AA2NjD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,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;;AAkOb,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,MAAM;CAkEP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,7 +1,7 @@
-import { x, T as TailwindStyledElement } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { o as o$1 } from '../../unsafe-html-qwnwkBUn.js';
-import { o } from '../../style-map-DibKdNmc.js';
+import { x, T as TailwindStyledElement } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { o as o$1 } from '../../unsafe-html-Cti13Mg_.js';
+import { o } from '../../style-map-B-pQB8Xa.js';
 
 const style = ":host {\n  position: relative;\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 
@@ -8331,6 +8331,8 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
     this.pack = void 0;
     this.variant = void 0;
     this.svgContent = "";
+    this.lastAttemptedKey = "";
+    this.failedLoadAttempt = false;
     this.sizes = {
       "x-small": {
         width: 12,
@@ -8443,6 +8445,12 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
     }
     return processedSvg;
   }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (this.pack === "vuesax" && !this.variant) {
+      this.variant = "linear";
+    }
+  }
   async updated(changedProperties) {
     super.updated(changedProperties);
     if (this.pack === void 0) {
@@ -8451,16 +8459,19 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
       }
     }
     if (this.pack === "vuesax") {
-      if (!this.variant) {
-        this.variant = "linear";
-      }
       if (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant")) {
+        const currentKey = `${this.pack}/${this.variant}/${this.name}`;
+        this.lastAttemptedKey = currentKey;
+        this.failedLoadAttempt = false;
         const svgContent = await this.loadSvg(
           this.pack,
           this.variant,
           this.name
         );
         this.svgContent = svgContent;
+        if (!svgContent) {
+          this.failedLoadAttempt = true;
+        }
         this.requestUpdate();
       }
       if (this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
@@ -8482,11 +8493,17 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
     }
     if (this.pack === "vuesax") {
       if (!this.svgContent) {
-        this.loadSvg(this.pack, this.variant, this.name).then((content) => {
-          this.svgContent = content;
-          this.requestUpdate();
-        });
-        return x`<!-- Loading SVG... -->`;
+        if (!this.failedLoadAttempt) {
+          this.loadSvg(this.pack, this.variant, this.name).then((content) => {
+            this.svgContent = content;
+            if (!content) {
+              this.failedLoadAttempt = true;
+            }
+            this.requestUpdate();
+          });
+          return x`<!-- Loading SVG... -->`;
+        }
+        return x`<!-- Failed to load SVG. -->`;
       }
       const processedSvg = this.processVuesaxSvg(this.svgContent);
       return processedSvg ? x`${o$1(processedSvg)}` : x`<!-- SVG not found -->`;

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/lukso-icon.stories.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,SAAS,CAAA;AAEhB;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IAkFX,CAAA;AAED,eAAe,IAAI,CAAA;AAqBnB,yFAAyF;AACzF,eAAO,MAAM,WAAW,KAAoB,CAAA;AAE5C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,0EAA0E;AAC1E,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,KAAoB,CAAA;AAOnD,qHAAqH;AACrH,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,uKAAuK;AACvK,eAAO,MAAM,YAAY,KAAoB,CAAA;AAO7C,6CAA6C;AAC7C,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,uDAAuD;AACvD,eAAO,MAAM,kBAAkB,4CAS9B,CAAA;AACD,yCAAyC;AACzC,eAAO,MAAM,QAAQ,EAAE,QAsBtB,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,QAuB7B,CAAA;AAED,0CAA0C;AAC1C,eAAO,MAAM,aAAa,EAAE,QAuB3B,CAAA;AAED,wCAAwC;AACxC,eAAO,MAAM,gBAAgB,EAAE,QAuB9B,CAAA;AAED,sCAAsC;AACtC,eAAO,MAAM,cAAc,EAAE,QAwB5B,CAAA;AAED,yCAAyC;AACzC,eAAO,MAAM,iBAAiB,EAAE,QAwB/B,CAAA;AAED,uCAAuC;AACvC,eAAO,MAAM,eAAe,EAAE,QAwB7B,CAAA"}
+{"version":3,"file":"lukso-icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/lukso-icon.stories.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,SAAS,CAAA;AAEhB;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IA8FX,CAAA;AAED,eAAe,IAAI,CAAA;AAqBnB,yFAAyF;AACzF,eAAO,MAAM,WAAW,KAAoB,CAAA;AAE5C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,0EAA0E;AAC1E,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,KAAoB,CAAA;AAOnD,qHAAqH;AACrH,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,uKAAuK;AACvK,eAAO,MAAM,YAAY,KAAoB,CAAA;AAO7C,6CAA6C;AAC7C,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,uDAAuD;AACvD,eAAO,MAAM,kBAAkB,4CAS9B,CAAA;AACD,yCAAyC;AACzC,eAAO,MAAM,QAAQ,EAAE,QAsBtB,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,QAuB7B,CAAA;AAED,0CAA0C;AAC1C,eAAO,MAAM,aAAa,EAAE,QAuB3B,CAAA;AAED,wCAAwC;AACxC,eAAO,MAAM,gBAAgB,EAAE,QAuB9B,CAAA;AAED,sCAAsC;AACtC,eAAO,MAAM,cAAc,EAAE,QAwB5B,CAAA;AAED,yCAAyC;AACzC,eAAO,MAAM,iBAAiB,EAAE,QAwB/B,CAAA;AAED,uCAAuC;AACvC,eAAO,MAAM,eAAe,EAAE,QAwB7B,CAAA"}

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const state = require('../../state-Bf-kHPXC.cjs');
-const styleMap = require('../../style-map-pb97xC-C.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const state = require('../../state-CBry2_eX.cjs');
+const styleMap = require('../../style-map-CU-gsYoG.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-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { r } from '../../state-SAajVG6g.js';
-import { o } from '../../style-map-DibKdNmc.js';
+import { a as TailwindElement, x } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { r } from '../../state-8JnyjPrl.js';
+import { o } from '../../style-map-B-pQB8Xa.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const state = require('../../state-Bf-kHPXC.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const state = require('../../state-CBry2_eX.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-BLP1Xf2o.cjs');
+require('../../index-tsMsA6B5.cjs');
 require('../lukso-form-label/index.cjs');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, E, x } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { r } from '../../state-SAajVG6g.js';
+import { T as TailwindStyledElement, E, x } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { r } from '../../state-8JnyjPrl.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
-import '../../index-DCjONEFE.js';
+import '../../index-CygDV0qS.js';
 import '../lukso-form-label/index.js';
 import '../lukso-form-description/index.js';
 import '../lukso-form-error/index.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const components_luksoSanitize_index = require('../../index-BLP1Xf2o.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const components_luksoSanitize_index = require('../../index-tsMsA6B5.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-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { p as purify, N as NO_HTML_TAGS_OPTIONS } from '../../index-DCjONEFE.js';
+import { T as TailwindStyledElement, x } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { p as purify, N as NO_HTML_TAGS_OPTIONS } from '../../index-CygDV0qS.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-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const state = require('../../state-Bf-kHPXC.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const state = require('../../state-CBry2_eX.cjs');
 const query = require('../../query-EFiHeHdi.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
@@ -14,7 +14,7 @@ require('../lukso-markdown/index.cjs');
 require('../lukso-switch/index.cjs');
 require('../lukso-button/index.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-BLP1Xf2o.cjs');
+require('../../index-tsMsA6B5.cjs');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-tooltip/index.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x, E } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { r } from '../../state-SAajVG6g.js';
+import { T as TailwindStyledElement, x, E } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { r } from '../../state-8JnyjPrl.js';
 import { e } from '../../query-CHb9Ft_d.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
@@ -10,7 +10,7 @@ import '../lukso-markdown/index.js';
 import '../lukso-switch/index.js';
 import '../lukso-button/index.js';
 import '../lukso-icon/index.js';
-import '../../index-DCjONEFE.js';
+import '../../index-CygDV0qS.js';
 import '../lukso-dropdown/index.js';
 import '../lukso-dropdown-option/index.js';
 import '../lukso-tooltip/index.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 var __defProp = Object.defineProperty;
@@ -22,9 +22,11 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
     this.isOpen = false;
     this.disableAnimations = false;
     this.size = "small";
+    this.hasBottomPadding = false;
     this.styles = index.ce({
       slots: {
         wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y",
+        inner: "min-h-screen flex items-center justify-center px-6 pt-6 w-full",
         overlay: "bg-[rgba(196,202,206,0.6)] backdrop-blur-sm fixed inset-0 w-[100vw] h-[100vh] z-[1010]",
         dialog: "bg-neutral-98 rounded-12 shadow-neutral-shadow-round-3xl z-[1012] mx-auto"
       },
@@ -54,6 +56,14 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
             wrapper: "animation-duration-300 delay-300",
             overlay: "animation-duration-300"
           }
+        },
+        hasBottomPadding: {
+          true: {
+            inner: "pb-[120px]"
+          },
+          false: {
+            inner: "pb-6"
+          }
         }
       },
       compoundVariants: [
@@ -80,14 +90,15 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
     this.dispatchEvent(clickEvent);
   }
   render() {
-    const { wrapper, overlay, dialog } = this.styles({
+    const { wrapper, overlay, dialog, inner } = this.styles({
       isOpen: this.isOpen,
       size: this.size,
-      disableAnimations: this.disableAnimations
+      disableAnimations: this.disableAnimations,
+      hasBottomPadding: this.hasBottomPadding
     });
     return shared_tailwindElement_index.x`
       <div data-testid="modal" class=${wrapper()}>
-        <div class="min-h-screen flex items-center justify-center p-6 w-full">
+        <div class=${inner()}>
           <div class=${overlay()} @click=${this.handleBackdropClick}></div>
           <div class=${dialog()}>
             <slot></slot>
@@ -106,6 +117,9 @@ __decorateClass([
 __decorateClass([
   safeCustomElement.n({ type: String })
 ], exports.LuksoModal.prototype, "size", 2);
+__decorateClass([
+  safeCustomElement.n({ type: Boolean, attribute: "has-bottom-padding" })
+], exports.LuksoModal.prototype, "hasBottomPadding", 2);
 exports.LuksoModal = __decorateClass([
   safeCustomElement.safeCustomElement("lukso-modal")
 ], exports.LuksoModal);

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

@@ -4,6 +4,7 @@ export declare class LuksoModal extends TailwindElement {
     isOpen: boolean;
     disableAnimations: boolean;
     size: ModalSizes;
+    hasBottomPadding: boolean;
     private styles;
     private close;
     private handleBackdropClick;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7D,qBACa,UAAW,SAAQ,eAAe;IAE7C,MAAM,UAAQ;IAGd,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,UAAU,CAAU;IAE1B,OAAO,CAAC,MAAM,CA+CZ;IAEF,OAAO,CAAC,KAAK;YAIC,mBAAmB;IASjC,MAAM;CAkBP;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-modal/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7D,qBACa,UAAW,SAAQ,eAAe;IAE7C,MAAM,UAAQ;IAGd,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,UAAU,CAAU;IAG1B,gBAAgB,UAAQ;IAExB,OAAO,CAAC,MAAM,CAwDZ;IAEF,OAAO,CAAC,KAAK;YAIC,mBAAmB;IASjC,MAAM;CAmBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
+import { a as TailwindElement, x } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 var __defProp = Object.defineProperty;
@@ -18,9 +18,11 @@ let LuksoModal = class extends TailwindElement {
     this.isOpen = false;
     this.disableAnimations = false;
     this.size = "small";
+    this.hasBottomPadding = false;
     this.styles = ce({
       slots: {
         wrapper: "opacity-0 fixed z-[1011] transition-opacity inset-0 w-screen h-screen overflow-y-auto overscroll-none scrolling-touch touch-pan-y",
+        inner: "min-h-screen flex items-center justify-center px-6 pt-6 w-full",
         overlay: "bg-[rgba(196,202,206,0.6)] backdrop-blur-sm fixed inset-0 w-[100vw] h-[100vh] z-[1010]",
         dialog: "bg-neutral-98 rounded-12 shadow-neutral-shadow-round-3xl z-[1012] mx-auto"
       },
@@ -50,6 +52,14 @@ let LuksoModal = class extends TailwindElement {
             wrapper: "animation-duration-300 delay-300",
             overlay: "animation-duration-300"
           }
+        },
+        hasBottomPadding: {
+          true: {
+            inner: "pb-[120px]"
+          },
+          false: {
+            inner: "pb-6"
+          }
         }
       },
       compoundVariants: [
@@ -76,14 +86,15 @@ let LuksoModal = class extends TailwindElement {
     this.dispatchEvent(clickEvent);
   }
   render() {
-    const { wrapper, overlay, dialog } = this.styles({
+    const { wrapper, overlay, dialog, inner } = this.styles({
       isOpen: this.isOpen,
       size: this.size,
-      disableAnimations: this.disableAnimations
+      disableAnimations: this.disableAnimations,
+      hasBottomPadding: this.hasBottomPadding
     });
     return x`
       <div data-testid="modal" class=${wrapper()}>
-        <div class="min-h-screen flex items-center justify-center p-6 w-full">
+        <div class=${inner()}>
           <div class=${overlay()} @click=${this.handleBackdropClick}></div>
           <div class=${dialog()}>
             <slot></slot>
@@ -102,6 +113,9 @@ __decorateClass([
 __decorateClass([
   n({ type: String })
 ], LuksoModal.prototype, "size", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "has-bottom-padding" })
+], LuksoModal.prototype, "hasBottomPadding", 2);
 LuksoModal = __decorateClass([
   safeCustomElement("lukso-modal")
 ], LuksoModal);

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/lukso-modal.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAwDX,CAAA;AAED,eAAe,IAAI,CAAA;AAqCnB,eAAO,MAAM,YAAY,KAAoB,CAAA"}
+{"version":3,"file":"lukso-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/lukso-modal.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAsEX,CAAA;AAED,eAAe,IAAI,CAAA;AAwCnB,eAAO,MAAM,YAAY,KAAoB,CAAA"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const state = require('../../state-Bf-kHPXC.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const state = require('../../state-CBry2_eX.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { r } from '../../state-SAajVG6g.js';
+import { a as TailwindElement, x, E } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { r } from '../../state-8JnyjPrl.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const state = require('../../state-Bf-kHPXC.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const state = require('../../state-CBry2_eX.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-button/index.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { r } from '../../state-SAajVG6g.js';
+import { T as TailwindStyledElement, x } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { r } from '../../state-8JnyjPrl.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
 import '../lukso-button/index.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-CZekuxsJ.cjs');
-require('../../safe-custom-element-vYYwKOji.cjs');
-const components_luksoProfile_index = require('../../index-Cze0cMFa.cjs');
+require('../../index-DMfQ82c1.cjs');
+require('../../safe-custom-element-TqvkzlxI.cjs');
+const components_luksoProfile_index = require('../../index-BkeXbk_3.cjs');
 require('../../index-CaJky2qL.cjs');
 require('../lukso-image/index.cjs');
 

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

@@ -1,5 +1,5 @@
-import '../../index-BN72FVVM.js';
-import '../../safe-custom-element-Dg-rEoWk.js';
-export { L as LuksoProfile } from '../../index-DEuCRyua.js';
+import '../../index-Bom0PbLf.js';
+import '../../safe-custom-element-BHKQLbaH.js';
+export { L as LuksoProfile } from '../../index-lO2k0I19.js';
 import '../../index-B9iart53.js';
 import '../lukso-image/index.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const styleMap = require('../../style-map-pb97xC-C.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const styleMap = require('../../style-map-CU-gsYoG.cjs');
 require('../../tailwind-config.cjs');
 const axe = require('../../axe-C-H1UVi1.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { o } from '../../style-map-DibKdNmc.js';
+import { a as TailwindElement, x } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { o } from '../../style-map-B-pQB8Xa.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../axe-BK9JSROP.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const state = require('../../state-Bf-kHPXC.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const state = require('../../state-CBry2_eX.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-form-label/index.cjs');
 require('../lukso-form-description/index.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-BN72FVVM.js';
-import { n, s as safeCustomElement } from '../../safe-custom-element-Dg-rEoWk.js';
-import { r } from '../../state-SAajVG6g.js';
+import { a as TailwindElement, x } from '../../index-Bom0PbLf.js';
+import { n, s as safeCustomElement } from '../../safe-custom-element-BHKQLbaH.js';
+import { r } from '../../state-8JnyjPrl.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-form-label/index.js';
 import '../lukso-form-description/index.js';

package/dist/components/lukso-radio-group/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-CZekuxsJ.cjs');
-const safeCustomElement = require('../../safe-custom-element-vYYwKOji.cjs');
-const state = require('../../state-Bf-kHPXC.cjs');
+const shared_tailwindElement_index = require('../../index-DMfQ82c1.cjs');
+const safeCustomElement = require('../../safe-custom-element-TqvkzlxI.cjs');
+const state = require('../../state-CBry2_eX.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;