@lukso/web-components 1.156.0 → 1.157.1

package/dist/components/index.cjs

@@ -18,12 +18,12 @@ const components_luksoMarkdownEditor_index = require('./lukso-markdown-editor/in
 const components_luksoModal_index = require('./lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('../index-BR_I57SD.cjs');
+const components_luksoProfile_index = require('../index-CJ6SmSwD.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoRadio_index = require('./lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./lukso-radio-group/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('../index-DGEC4kLx.cjs');
+const components_luksoSearch_index = require('../index-CgUaX5S2.cjs');
 const components_luksoSelect_index = require('./lukso-select/index.cjs');
 const components_luksoShare_index = require('./lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./lukso-switch/index.cjs');
@@ -31,10 +31,10 @@ const components_luksoTag_index = require('./lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('../index-QfURPzjM.cjs');
+const components_luksoUsername_index = require('../index-1XmcSGot.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-Da-0kQ05.cjs');
-require('../cn-CNdKneQ1.cjs');
+const shared_tailwindElement_index = require('../index-DVrgVgp0.cjs');
+require('../axe-C-H1UVi1.cjs');
 
 
 

package/dist/components/index.js

@@ -14,12 +14,12 @@ export { LuksoMarkdownEditor } from './lukso-markdown-editor/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
 export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoPagination } from './lukso-pagination/index.js';
-export { L as LuksoProfile } from '../index-g9LnjUjQ.js';
+export { L as LuksoProfile } from '../index-CP2bxOlA.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoRadio } from './lukso-radio/index.js';
 export { LuksoRadioGroup } from './lukso-radio-group/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
-export { L as LuksoSearch } from '../index-bOsUG-kI.js';
+export { L as LuksoSearch } from '../index-ldATebdp.js';
 export { LuksoSelect } from './lukso-select/index.js';
 export { LuksoShare } from './lukso-share/index.js';
 export { LuksoSwitch } from './lukso-switch/index.js';
@@ -27,7 +27,7 @@ export { LuksoTag } from './lukso-tag/index.js';
 export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
-export { L as LuksoUsername } from '../index-CzJGpXul.js';
+export { L as LuksoUsername } from '../index-Vj-gQHwJ.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-wzuGnJOC.js';
-import '../cn-Cu9aP49j.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-YQoO_Soq.js';
+import '../axe-BK9JSROP.js';

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
-const state = require('../../state-De1ciDiG.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
+const state = require('../../state-B2ymS5qU.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-CNdKneQ1.cjs');
+const axe = require('../../axe-C-H1UVi1.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -243,7 +243,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
         data-testid="button"
         ?disabled=${this.disabled || this.isLoading}
         type=${this.type}
-        class=${cn.cn(buttonStyles, this.customClass)}
+        class=${axe.cn(buttonStyles, this.customClass)}
         aria-label=${this.label}
         @mousedown=${this.handleMouseDown}
         @touchstart=${this.handleMouseDown}
@@ -269,7 +269,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
     return shared_tailwindElement_index.x`
       <a
         data-testid="link"
-        class=${cn.cn(buttonStyles, this.customClass)}
+        class=${axe.cn(buttonStyles, this.customClass)}
         href=${this.href}
         target=${this.target}
         rel=${this.rel}

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, E, x } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
-import { r } from '../../state-DJBtqv5G.js';
+import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
+import { r } from '../../state-CcocMKSJ.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-Cu9aP49j.js';
+import { c as cn } from '../../axe-BK9JSROP.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-BR_I57SD.cjs');
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
-const state = require('../../state-De1ciDiG.cjs');
+const components_luksoProfile_index = require('../../index-CJ6SmSwD.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
+const state = require('../../state-B2ymS5qU.cjs');
 const base = require('../../base-NFGX42U4.cjs');
-const styleMap = require('../../style-map-BjMzqR4L.cjs');
+const styleMap = require('../../style-map-CZiyZP71.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-CNdKneQ1.cjs');
-const isAddress = require('../../isAddress-7c5mkwjj.cjs');
-const index$1 = require('../../index-BvQ5tHy1.cjs');
+const axe = require('../../axe-C-H1UVi1.cjs');
+const isAddress = require('../../isAddress-DYM3mZP7.cjs');
+const index$1 = require('../../index-BhmMhjR9.cjs');
 require('../lukso-image/index.cjs');
 
 /**
@@ -117,7 +117,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${cn.cn(cardStyles, this.customClass)}
+        class=${axe.cn(cardStyles, this.customClass)}
       >
         <slot name="content"></slot>
       </div>
@@ -138,7 +138,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       minHeight: `${this.height}px`,
       width: `${this.width}px`
     })}
-        class=${cn.cn(cardStyles, this.customClass)}
+        class=${axe.cn(cardStyles, this.customClass)}
       >
         <div class=${this.headerClass}>
           <slot name="header"></slot>
@@ -166,13 +166,13 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${cn.cn(cardStyles, this.customClass)}
+        class=${axe.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${cn.cn(
+          class=${axe.cn(
       "min-h-[92px] -mb-6 w-full rounded-t-[inherit] rounded-b-0 relative",
       this.headerClass
     )}
@@ -230,13 +230,13 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${cn.cn(cardStyles, this.customClass)}
+        class=${axe.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${cn.cn(
+          class=${axe.cn(
       "min-h-[129px] -mb-6 bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
       this.headerClass
     )}
@@ -255,7 +255,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         </div>
         <div class="grid grid-rows-[max-content,auto] rounded-b-[inherit]">
           <div
-            class=${cn.cn("bg-neutral-100 relative", {
+            class=${axe.cn("bg-neutral-100 relative", {
       "rounded-b-[inherit]": !this.hasBottom
     })}
           >
@@ -299,13 +299,13 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${cn.cn(cardStyles, this.customClass)}
+        class=${axe.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${cn.cn(
+          class=${axe.cn(
       "min-h-[40px] bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
       this.headerClass
     )}
@@ -355,7 +355,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       "min-height: 240px": !this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${cn.cn(cardStyles, this.customClass)}
+        class=${axe.cn(cardStyles, this.customClass)}
       >
         <div
           class="h-full w-full -mb-6 bg-center bg-cover rounded-[inherit] relative"
@@ -390,13 +390,13 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${cn.cn(cardStyles, this.customClass)}
+        class=${axe.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${cn.cn(
+          class=${axe.cn(
       "min-h-[inherit] bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative",
       this.headerClass
     )}

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

@@ -1,14 +1,14 @@
-import { m as makeBlockie } from '../../index-g9LnjUjQ.js';
-import { T as TailwindStyledElement, x, E } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
-import { r } from '../../state-DJBtqv5G.js';
+import { m as makeBlockie } from '../../index-CP2bxOlA.js';
+import { T as TailwindStyledElement, x, E } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
+import { r } from '../../state-CcocMKSJ.js';
 import { e } from '../../base-Cl6v8-BZ.js';
-import { o as o$1 } from '../../style-map-BXvyZNeB.js';
+import { o as o$1 } from '../../style-map-A9HLuIu5.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-Cu9aP49j.js';
-import { i as isAddress } from '../../isAddress-DyEmEF7O.js';
-import { c as customStyleMap } from '../../index-DI0bldib.js';
+import { c as cn } from '../../axe-BK9JSROP.js';
+import { i as isAddress } from '../../isAddress-ZNhN82OL.js';
+import { c as customStyleMap } from '../../index-Fy0gnibp.js';
 import '../lukso-image/index.js';
 
 /**

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
-const state = require('../../state-De1ciDiG.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
+const state = require('../../state-B2ymS5qU.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
-import { r } from '../../state-DJBtqv5G.js';
+import { a as TailwindElement, x, E } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
+import { r } from '../../state-CcocMKSJ.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
-const state = require('../../state-De1ciDiG.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
+const state = require('../../state-B2ymS5qU.cjs');
 const query = require('../../query-EFiHeHdi.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-CNdKneQ1.cjs');
+const axe = require('../../axe-C-H1UVi1.cjs');
 require('../lukso-icon/index.cjs');
 
 var __defProp = Object.defineProperty;
@@ -114,7 +114,7 @@ exports.LuksoCollapse = class LuksoCollapse extends shared_tailwindElement_index
       isDisabled: this.isDisabled
     });
     return shared_tailwindElement_index.x`
-      <div class=${cn.cn(base(), this.customClass)}>
+      <div class=${axe.cn(base(), this.customClass)}>
         <!-- Header -->
         <div
           class=${header()}

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

@@ -1,10 +1,10 @@
-import { a as TailwindElement, x } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
-import { r } from '../../state-DJBtqv5G.js';
+import { a as TailwindElement, x } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
+import { r } from '../../state-CcocMKSJ.js';
 import { e } from '../../query-CHb9Ft_d.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-Cu9aP49j.js';
+import { c as cn } from '../../axe-BK9JSROP.js';
 import '../lukso-icon/index.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-color-picker/index.cjs

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
-const state = require('../../state-De1ciDiG.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
+const state = require('../../state-B2ymS5qU.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const styleMap = require('../../style-map-BjMzqR4L.cjs');
+const styleMap = require('../../style-map-CZiyZP71.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-CNdKneQ1.cjs');
+const axe = require('../../axe-C-H1UVi1.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 
@@ -164,7 +164,7 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
         data-testid=${this.name ? `input-${this.name}` : "input"}
         ?readonly=${this.isReadonly ? true : void 0}
         ?disabled=${this.isDisabled ? true : void 0}
-        class=${cn.cn(styles, this.customClass)}
+        class=${axe.cn(styles, this.customClass)}
         @focus=${this.handleFocus}
         @input=${this.handleInput}
         @change=${this.handleChange}

package/dist/components/lukso-color-picker/index.js

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, E, x } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
-import { r } from '../../state-DJBtqv5G.js';
+import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
+import { r } from '../../state-CcocMKSJ.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { o } from '../../style-map-BXvyZNeB.js';
+import { o } from '../../style-map-A9HLuIu5.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-Cu9aP49j.js';
+import { c as cn } from '../../axe-BK9JSROP.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-BR_I57SD.cjs');
-require('../../index-QfURPzjM.cjs');
+require('../../index-CJ6SmSwD.cjs');
+require('../../index-1XmcSGot.cjs');
 const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 
 const debounceFunction = (func, timeout = 100) => {

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, E, x } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
+import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
-import '../../index-g9LnjUjQ.js';
-import '../../index-CzJGpXul.js';
+import '../../index-CP2bxOlA.js';
+import '../../index-Vj-gQHwJ.js';
 import { u as uniqId } from '../../uniq-id-CGUN-pJV.js';
 
 const debounceFunction = (func, timeout = 100) => {

package/dist/components/lukso-dropdown-option/index.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 const style = ":host {\n    display: block\n}";

package/dist/components/lukso-dropdown-option/index.js

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
+import { T as TailwindStyledElement, x } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 const style = ":host {\n    display: block\n}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-wzuGnJOC.js';
-import { n, t } from '../../property-BohUfInC.js';
+import { a as TailwindElement, x } from '../../index-YQoO_Soq.js';
+import { n, t } from '../../property-Dsz7qIbu.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
-const property = require('../../property-C7opy5D6.cjs');
-const unsafeHtml = require('../../unsafe-html-D9Z4CuNa.cjs');
-const styleMap = require('../../style-map-BjMzqR4L.cjs');
+const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
+const property = require('../../property-Df-2NJoK.cjs');
+const unsafeHtml = require('../../unsafe-html-CWvuBYgI.cjs');
+const styleMap = require('../../style-map-CZiyZP71.cjs');
 
-const style = ":host {\n  display: inline-block;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
+const style = ":host {\n  position: relative;\n  display: inline-block;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 
 const addPhoto = (options) => {
   return shared_tailwindElement_index.x`<svg
@@ -4105,7 +4105,7 @@ const progressIndicator = (options) => {
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
-      class="absolute animate-spin"
+      class="absolute animate-spin top-0 left-0"
     >
       <g clip-path="url(#${uniqueId}_clip0_1744_19359)">
         <g filter="url(#${uniqueId}_filter0_i_1744_19359)">
@@ -4648,7 +4648,7 @@ const progressIndicatorAlt = (options) => {
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
-      class="absolute animate-spin"
+      class="absolute animate-spin top-0 left-0"
     >
       <g clip-path="url(#${uniqueId}_clip0_2235_25110)">
         <g filter="url(#${uniqueId}_filter0_i_2235_25110)">
@@ -8320,15 +8320,17 @@ const iconMap = {
   "logo-hyperlane": logoHyperlane,
   "token-create": tokenCreate
 };
+const DEFAULT_COLOR = "neutral-20";
+const DEFAULT_SIZE = "medium";
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.name = "";
-    this.size = "medium";
-    this.color = "neutral-20";
-    this.secondaryColor = "";
+    this.name = void 0;
+    this.size = DEFAULT_SIZE;
+    this.color = DEFAULT_COLOR;
+    this.secondaryColor = void 0;
     this.pack = void 0;
-    this.variant = "linear";
+    this.variant = void 0;
     this.svgContent = "";
     this.sizes = {
       "x-small": {
@@ -8362,7 +8364,7 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
         strokeWidth: 1.5
       }
     };
-    this.svgModules = /* #__PURE__ */ Object.assign({"./vuesax/bold/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-DHjVapDw.cjs')).then(m => m["default"]),"./vuesax/bold/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-CZVpq_gN.cjs')).then(m => m["default"]),"./vuesax/bold/eye.svg": () => Promise.resolve().then(() => require('../../eye-DP4zhXsm.cjs')).then(m => m["default"]),"./vuesax/bold/link.svg": () => Promise.resolve().then(() => require('../../link-Ccxf5n-l.cjs')).then(m => m["default"]),"./vuesax/bold/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-C3aFFEMg.cjs')).then(m => m["default"]),"./vuesax/bold/task.svg": () => Promise.resolve().then(() => require('../../task-CZeuxLHS.cjs')).then(m => m["default"]),"./vuesax/bold/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-dNsqnxrJ.cjs')).then(m => m["default"]),"./vuesax/bold/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BbY_nLh3.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-CMfGM3nt.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-DTB7BpEM.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-HOX6BrC8.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-CQKHpAQn.cjs')).then(m => m["default"]),"./vuesax/broken/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-nLmVYCe2.cjs')).then(m => m["default"]),"./vuesax/broken/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-DaVNSGPe.cjs')).then(m => m["default"]),"./vuesax/broken/eye.svg": () => Promise.resolve().then(() => require('../../eye-BGOT4dkg.cjs')).then(m => m["default"]),"./vuesax/broken/link.svg": () => Promise.resolve().then(() => require('../../link-C248CAet.cjs')).then(m => m["default"]),"./vuesax/broken/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-DvQw3mgt.cjs')).then(m => m["default"]),"./vuesax/broken/task.svg": () => Promise.resolve().then(() => require('../../task-INl8gJof.cjs')).then(m => m["default"]),"./vuesax/broken/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-hD59fjBM.cjs')).then(m => m["default"]),"./vuesax/broken/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BLRmyoa_.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-DhIAARrX.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-1H0ry4i1.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-CVLtezzT.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-DxQZxeBV.cjs')).then(m => m["default"]),"./vuesax/bulk/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-D0YgLg2d.cjs')).then(m => m["default"]),"./vuesax/bulk/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-iagfBjcI.cjs')).then(m => m["default"]),"./vuesax/bulk/frame.svg": () => Promise.resolve().then(() => require('../../frame-CHLzNIw4.cjs')).then(m => m["default"]),"./vuesax/bulk/link.svg": () => Promise.resolve().then(() => require('../../link-ck4nib4k.cjs')).then(m => m["default"]),"./vuesax/bulk/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-tS0-FTm4.cjs')).then(m => m["default"]),"./vuesax/bulk/task.svg": () => Promise.resolve().then(() => require('../../task-BFFgtsR7.cjs')).then(m => m["default"]),"./vuesax/bulk/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-Bpds56iN.cjs')).then(m => m["default"]),"./vuesax/bulk/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-D5L8cO7S.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-CZUB_mi5.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-BrM7y8Q-.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-DwMDZkz6.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-Bh1GtPWc.cjs')).then(m => m["default"]),"./vuesax/linear/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-BF4bK2lN.cjs')).then(m => m["default"]),"./vuesax/linear/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-5K5tDUZr.cjs')).then(m => m["default"]),"./vuesax/linear/eye.svg": () => Promise.resolve().then(() => require('../../eye-CXBFLyYh.cjs')).then(m => m["default"]),"./vuesax/linear/link.svg": () => Promise.resolve().then(() => require('../../link-CtsNQupk.cjs')).then(m => m["default"]),"./vuesax/linear/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-DMxoMhLq.cjs')).then(m => m["default"]),"./vuesax/linear/task.svg": () => Promise.resolve().then(() => require('../../task-YBjBROjF.cjs')).then(m => m["default"]),"./vuesax/linear/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-D9y0G3W6.cjs')).then(m => m["default"]),"./vuesax/linear/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-Dqj-AGrY.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-BiW7-UK8.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-C7GGAIEd.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-DmbcMnUt.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-CaDWcT07.cjs')).then(m => m["default"]),"./vuesax/outline/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-CPsLNqIT.cjs')).then(m => m["default"]),"./vuesax/outline/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-BnjvF1ME.cjs')).then(m => m["default"]),"./vuesax/outline/eye.svg": () => Promise.resolve().then(() => require('../../eye-BJFvKUDu.cjs')).then(m => m["default"]),"./vuesax/outline/link.svg": () => Promise.resolve().then(() => require('../../link-DCLn1IDs.cjs')).then(m => m["default"]),"./vuesax/outline/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-CrTAH_fl.cjs')).then(m => m["default"]),"./vuesax/outline/task.svg": () => Promise.resolve().then(() => require('../../task-CpUWZ14w.cjs')).then(m => m["default"]),"./vuesax/outline/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-DA18Cobf.cjs')).then(m => m["default"]),"./vuesax/outline/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BRpMpFEP.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-DssUllZx.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-ByaUTZOq.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-CQFeWNky.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-AzUv7Wy_.cjs')).then(m => m["default"]),"./vuesax/twotone/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-CMjY_cQG.cjs')).then(m => m["default"]),"./vuesax/twotone/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-DD4uAbjM.cjs')).then(m => m["default"]),"./vuesax/twotone/eye.svg": () => Promise.resolve().then(() => require('../../eye-CK1M03ez.cjs')).then(m => m["default"]),"./vuesax/twotone/link.svg": () => Promise.resolve().then(() => require('../../link-CaiWNqlz.cjs')).then(m => m["default"]),"./vuesax/twotone/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-4db6OP5z.cjs')).then(m => m["default"]),"./vuesax/twotone/task.svg": () => Promise.resolve().then(() => require('../../task-5wAtmLia.cjs')).then(m => m["default"]),"./vuesax/twotone/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-q4PQl2lp.cjs')).then(m => m["default"]),"./vuesax/twotone/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BAQsDLCD.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-TtJrRcy1.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-BanoqoY2.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-Tim7PD2T.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-D-peBkxs.cjs')).then(m => m["default"])
+    this.svgModules = /* #__PURE__ */ Object.assign({"./vuesax/bold/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-DHjVapDw.cjs')).then(m => m["default"]),"./vuesax/bold/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-CZVpq_gN.cjs')).then(m => m["default"]),"./vuesax/bold/eye.svg": () => Promise.resolve().then(() => require('../../eye-DP4zhXsm.cjs')).then(m => m["default"]),"./vuesax/bold/link.svg": () => Promise.resolve().then(() => require('../../link-Ccxf5n-l.cjs')).then(m => m["default"]),"./vuesax/bold/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-C3aFFEMg.cjs')).then(m => m["default"]),"./vuesax/bold/task.svg": () => Promise.resolve().then(() => require('../../task-CZeuxLHS.cjs')).then(m => m["default"]),"./vuesax/bold/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-dNsqnxrJ.cjs')).then(m => m["default"]),"./vuesax/bold/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BbY_nLh3.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-CMfGM3nt.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-DTB7BpEM.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-HOX6BrC8.cjs')).then(m => m["default"]),"./vuesax/bold/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-CQKHpAQn.cjs')).then(m => m["default"]),"./vuesax/bold/warning-2.svg": () => Promise.resolve().then(() => require('../../warning-2-CZN1r-ol.cjs')).then(m => m["default"]),"./vuesax/broken/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-nLmVYCe2.cjs')).then(m => m["default"]),"./vuesax/broken/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-DaVNSGPe.cjs')).then(m => m["default"]),"./vuesax/broken/eye.svg": () => Promise.resolve().then(() => require('../../eye-BGOT4dkg.cjs')).then(m => m["default"]),"./vuesax/broken/link.svg": () => Promise.resolve().then(() => require('../../link-C248CAet.cjs')).then(m => m["default"]),"./vuesax/broken/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-DvQw3mgt.cjs')).then(m => m["default"]),"./vuesax/broken/task.svg": () => Promise.resolve().then(() => require('../../task-INl8gJof.cjs')).then(m => m["default"]),"./vuesax/broken/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-hD59fjBM.cjs')).then(m => m["default"]),"./vuesax/broken/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BLRmyoa_.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-DhIAARrX.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-1H0ry4i1.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-CVLtezzT.cjs')).then(m => m["default"]),"./vuesax/broken/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-DxQZxeBV.cjs')).then(m => m["default"]),"./vuesax/broken/warning-2.svg": () => Promise.resolve().then(() => require('../../warning-2-DdO_RDHZ.cjs')).then(m => m["default"]),"./vuesax/bulk/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-D0YgLg2d.cjs')).then(m => m["default"]),"./vuesax/bulk/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-iagfBjcI.cjs')).then(m => m["default"]),"./vuesax/bulk/frame.svg": () => Promise.resolve().then(() => require('../../frame-CHLzNIw4.cjs')).then(m => m["default"]),"./vuesax/bulk/link.svg": () => Promise.resolve().then(() => require('../../link-ck4nib4k.cjs')).then(m => m["default"]),"./vuesax/bulk/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-tS0-FTm4.cjs')).then(m => m["default"]),"./vuesax/bulk/task.svg": () => Promise.resolve().then(() => require('../../task-BFFgtsR7.cjs')).then(m => m["default"]),"./vuesax/bulk/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-Bpds56iN.cjs')).then(m => m["default"]),"./vuesax/bulk/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-D5L8cO7S.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-CZUB_mi5.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-BrM7y8Q-.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-DwMDZkz6.cjs')).then(m => m["default"]),"./vuesax/bulk/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-Bh1GtPWc.cjs')).then(m => m["default"]),"./vuesax/bulk/warning-2.svg": () => Promise.resolve().then(() => require('../../warning-2-97Si6IrM.cjs')).then(m => m["default"]),"./vuesax/linear/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-BF4bK2lN.cjs')).then(m => m["default"]),"./vuesax/linear/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-5K5tDUZr.cjs')).then(m => m["default"]),"./vuesax/linear/eye.svg": () => Promise.resolve().then(() => require('../../eye-CXBFLyYh.cjs')).then(m => m["default"]),"./vuesax/linear/link.svg": () => Promise.resolve().then(() => require('../../link-CtsNQupk.cjs')).then(m => m["default"]),"./vuesax/linear/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-DMxoMhLq.cjs')).then(m => m["default"]),"./vuesax/linear/task.svg": () => Promise.resolve().then(() => require('../../task-YBjBROjF.cjs')).then(m => m["default"]),"./vuesax/linear/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-D9y0G3W6.cjs')).then(m => m["default"]),"./vuesax/linear/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-Dqj-AGrY.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-BiW7-UK8.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-C7GGAIEd.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-DmbcMnUt.cjs')).then(m => m["default"]),"./vuesax/linear/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-CaDWcT07.cjs')).then(m => m["default"]),"./vuesax/linear/warning-2.svg": () => Promise.resolve().then(() => require('../../warning-2-Cv13JPGf.cjs')).then(m => m["default"]),"./vuesax/outline/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-CPsLNqIT.cjs')).then(m => m["default"]),"./vuesax/outline/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-BnjvF1ME.cjs')).then(m => m["default"]),"./vuesax/outline/eye.svg": () => Promise.resolve().then(() => require('../../eye-BJFvKUDu.cjs')).then(m => m["default"]),"./vuesax/outline/link.svg": () => Promise.resolve().then(() => require('../../link-DCLn1IDs.cjs')).then(m => m["default"]),"./vuesax/outline/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-CrTAH_fl.cjs')).then(m => m["default"]),"./vuesax/outline/task.svg": () => Promise.resolve().then(() => require('../../task-CpUWZ14w.cjs')).then(m => m["default"]),"./vuesax/outline/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-DA18Cobf.cjs')).then(m => m["default"]),"./vuesax/outline/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BRpMpFEP.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-DssUllZx.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-ByaUTZOq.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-CQFeWNky.cjs')).then(m => m["default"]),"./vuesax/outline/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-AzUv7Wy_.cjs')).then(m => m["default"]),"./vuesax/outline/warning-2.svg": () => Promise.resolve().then(() => require('../../warning-2-Dq9nReo1.cjs')).then(m => m["default"]),"./vuesax/twotone/attach-square.svg": () => Promise.resolve().then(() => require('../../attach-square-CMjY_cQG.cjs')).then(m => m["default"]),"./vuesax/twotone/eye-slash.svg": () => Promise.resolve().then(() => require('../../eye-slash-DD4uAbjM.cjs')).then(m => m["default"]),"./vuesax/twotone/eye.svg": () => Promise.resolve().then(() => require('../../eye-CK1M03ez.cjs')).then(m => m["default"]),"./vuesax/twotone/link.svg": () => Promise.resolve().then(() => require('../../link-CaiWNqlz.cjs')).then(m => m["default"]),"./vuesax/twotone/smallcaps.svg": () => Promise.resolve().then(() => require('../../smallcaps-4db6OP5z.cjs')).then(m => m["default"]),"./vuesax/twotone/task.svg": () => Promise.resolve().then(() => require('../../task-5wAtmLia.cjs')).then(m => m["default"]),"./vuesax/twotone/text-bold.svg": () => Promise.resolve().then(() => require('../../text-bold-q4PQl2lp.cjs')).then(m => m["default"]),"./vuesax/twotone/text-italic.svg": () => Promise.resolve().then(() => require('../../text-italic-BAQsDLCD.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-center.svg": () => Promise.resolve().then(() => require('../../textalign-center-TtJrRcy1.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-justifycenter.svg": () => Promise.resolve().then(() => require('../../textalign-justifycenter-BanoqoY2.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-left.svg": () => Promise.resolve().then(() => require('../../textalign-left-Tim7PD2T.cjs')).then(m => m["default"]),"./vuesax/twotone/textalign-right.svg": () => Promise.resolve().then(() => require('../../textalign-right-D-peBkxs.cjs')).then(m => m["default"]),"./vuesax/twotone/warning-2.svg": () => Promise.resolve().then(() => require('../../warning-2-DMkszxQr.cjs')).then(m => m["default"])
 
 
 });
@@ -8444,16 +8446,36 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
   }
   async updated(changedProperties) {
     super.updated(changedProperties);
-    if (this.pack === "vuesax" && (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant"))) {
-      const svgContent = await this.loadSvg(this.pack, this.variant, this.name);
-      this.svgContent = svgContent;
-      this.requestUpdate();
+    if (this.pack === void 0) {
+      if (this.variant) {
+        this.variant = void 0;
+      }
     }
-    if (this.pack === "vuesax" && this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
-      this.requestUpdate();
+    if (this.pack === "vuesax") {
+      if (!this.variant) {
+        this.variant = "linear";
+      }
+      if (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant")) {
+        const svgContent = await this.loadSvg(
+          this.pack,
+          this.variant,
+          this.name
+        );
+        this.svgContent = svgContent;
+        this.requestUpdate();
+      }
+      if (this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
+        this.requestUpdate();
+      }
     }
   }
   render() {
+    if (!this.color) {
+      this.color = DEFAULT_COLOR;
+    }
+    if (!this.size) {
+      this.size = DEFAULT_SIZE;
+    }
     const size = this.sizes[this.size];
     if (!size) {
       console.warn(`Size ${this.size} not found`);