@lukso/web-components 1.112.1 → 1.114.0

package/dist/components/index.cjs

@@ -6,7 +6,7 @@ const components_luksoButton_index = require('./lukso-button/index.cjs');
 const components_luksoCard_index = require('./lukso-card/index.cjs');
 const components_luksoCheckbox_index = require('./lukso-checkbox/index.cjs');
 const components_luksoColorPicker_index = require('./lukso-color-picker/index.cjs');
-const components_luksoDropdown_index = require('../index-71b9ef80.cjs');
+const components_luksoDropdown_index = require('../index-73fbf718.cjs');
 const components_luksoDropdownOption_index = require('./lukso-dropdown-option/index.cjs');
 const components_luksoFooter_index = require('./lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./lukso-icon/index.cjs');
@@ -15,7 +15,7 @@ const components_luksoInput_index = require('./lukso-input/index.cjs');
 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('./lukso-profile/index.cjs');
+const components_luksoProfile_index = require('../index-1b37efea.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
 const components_luksoSearch_index = require('./lukso-search/index.cjs');
@@ -29,16 +29,16 @@ const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../index-6457c2f8.cjs');
 require('../cn-fc6d6aa9.cjs');
 require('../query-assigned-elements-d5e45650.cjs');
 require('../state-d9fb972b.cjs');
 require('../index-1d3f4a5a.cjs');
 require('../bundle-mjs-d58a83c6.cjs');
 require('../tailwind-config.cjs');
-require('../style-map-2f57cddf.cjs');
+require('../style-map-54c139bb.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-09e32e34.cjs');
+require('../index-0917a814.cjs');
 require('../index-e9668573.cjs');
 
 

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { LuksoButton } from './lukso-button/index.js';
 export { LuksoCard } from './lukso-card/index.js';
 export { LuksoCheckbox } from './lukso-checkbox/index.js';
 export { LuksoColorPicker } from './lukso-color-picker/index.js';
-export { L as LuksoDropdown } from '../index-c026f363.js';
+export { L as LuksoDropdown } from '../index-0fbcd7f4.js';
 export { LuksoDropdownOption } from './lukso-dropdown-option/index.js';
 export { LuksoFooter } from './lukso-footer/index.js';
 export { LuksoIcon } from './lukso-icon/index.js';
@@ -11,7 +11,7 @@ export { LuksoInput } from './lukso-input/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
 export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoPagination } from './lukso-pagination/index.js';
-export { LuksoProfile } from './lukso-profile/index.js';
+export { L as LuksoProfile } from '../index-ffb387db.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
 export { LuksoSearch } from './lukso-search/index.js';
@@ -25,14 +25,14 @@ export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-a7ef4df5.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-0590cf31.js';
 import '../cn-01b2d42a.js';
 import '../query-assigned-elements-1c8c9e90.js';
 import '../state-b9ca4e74.js';
 import '../index-ca8e900d.js';
 import '../bundle-mjs-fbc6e2a8.js';
 import '../tailwind-config.js';
-import '../style-map-cca13c1d.js';
+import '../style-map-7a555e98.js';
 import '../directive-2bb7789e.js';
-import '../index-4f97c98a.js';
+import '../index-adf2fc92.js';
 import '../index-5e194caf.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-a7ef4df5.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const components_luksoProfile_index = require('../../index-1b37efea.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-2f57cddf.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-require('../lukso-profile/index.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-fc6d6aa9.cjs');
-const index$1 = require('../../index-09e32e34.cjs');
+const index$1 = require('../../index-0917a814.cjs');
 require('../lukso-image/index.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
@@ -43,6 +43,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     this.shadow = "large";
     this.isHoverable = false;
     this.hasOverlay = false;
+    this.isEoa = false;
     this.hasBottom = false;
     this.cardStyles = index.ce({
       base: "bg-neutral-100",
@@ -190,10 +191,10 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
           class="bg-neutral-100 rounded-[inherit] relative break-normal"
         >
           <lukso-profile
-            profile-url=${this.profileUrl}
+            profile-url=${this.isEoa ? components_luksoProfile_index.makeBlockie(this.profileAddress) : this.profileUrl}
             borderRadius="large"
             profile-address=${this.profileAddress}
-            has-identicon
+            ?has-identicon=${!this.isEoa}
             class="absolute -top-[40px] left-[calc(50%_-_40px)] z-10"
           ></lukso-profile>
           <div
@@ -253,10 +254,10 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     })}
           >
             <lukso-profile
-              profile-url=${this.profileUrl}
+              profile-url=${this.isEoa ? components_luksoProfile_index.makeBlockie(this.profileAddress) : this.profileUrl}
               borderRadius="large"
               profile-address=${this.profileAddress}
-              has-identicon
+              ?has-identicon=${!this.isEoa}
               class="absolute -top-[40px] left-[calc(50%_-_40px)] z-10"
             ></lukso-profile>
             <div
@@ -405,6 +406,9 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: Boolean, attribute: "has-overlay" })
 ], exports.LuksoCard.prototype, "hasOverlay", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "is-eoa" })
+], exports.LuksoCard.prototype, "isEoa", 2);
 __decorateClass([
   queryAssignedElements.l({ slot: "bottom", flatten: true })
 ], exports.LuksoCard.prototype, "bottomNodes", 2);

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

@@ -15,6 +15,7 @@ export declare class LuksoCard extends LuksoCard_base {
     shadow: CardShadows;
     isHoverable: boolean;
     hasOverlay: boolean;
+    isEoa: boolean;
     private bottomNodes;
     private hasBottom;
     private onBottomSlotChange;

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":"AAYA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,0BAA0B,CAAA;AAEjC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,CAAA;AAEV,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,CAAY;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,YAAY,EAAE,gBAAgB,CAAW;IAGzC,MAAM,EAAE,WAAW,CAAU;IAG7B,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,OAAO,CAAC,WAAW,CAAyB;IAG5C,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,UAAU,CAqChB;IAEF,aAAa;IAsBb,kBAAkB;IA8BlB,eAAe;IAqEf,gBAAgB;IAwEhB,YAAY;IAyCZ,YAAY;IAyCZ,MAAM;CAgBP;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":"AAaA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,0BAA0B,CAAA;AAEjC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,CAAA;AAEV,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,CAAY;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,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,kBAAkB;IAa1B,OAAO,CAAC,UAAU,CAqChB;IAEF,aAAa;IAsBb,kBAAkB;IA8BlB,eAAe;IAuEf,gBAAgB;IA0EhB,YAAY;IAyCZ,YAAY;IAyCZ,MAAM;CAgBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,12 +1,12 @@
-import { T as TailwindStyledElement, x, A } from '../../index-a7ef4df5.js';
+import { m as makeBlockie } from '../../index-ffb387db.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, l, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-cca13c1d.js';
+import { o } from '../../style-map-7a555e98.js';
 import { c as ce } from '../../index-ca8e900d.js';
-import '../lukso-profile/index.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-01b2d42a.js';
-import { c as customStyleMap } from '../../index-4f97c98a.js';
+import { c as customStyleMap } from '../../index-adf2fc92.js';
 import '../lukso-image/index.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';
@@ -39,6 +39,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     this.shadow = "large";
     this.isHoverable = false;
     this.hasOverlay = false;
+    this.isEoa = false;
     this.hasBottom = false;
     this.cardStyles = ce({
       base: "bg-neutral-100",
@@ -186,10 +187,10 @@ let LuksoCard = class extends TailwindStyledElement(style) {
           class="bg-neutral-100 rounded-[inherit] relative break-normal"
         >
           <lukso-profile
-            profile-url=${this.profileUrl}
+            profile-url=${this.isEoa ? makeBlockie(this.profileAddress) : this.profileUrl}
             borderRadius="large"
             profile-address=${this.profileAddress}
-            has-identicon
+            ?has-identicon=${!this.isEoa}
             class="absolute -top-[40px] left-[calc(50%_-_40px)] z-10"
           ></lukso-profile>
           <div
@@ -249,10 +250,10 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     })}
           >
             <lukso-profile
-              profile-url=${this.profileUrl}
+              profile-url=${this.isEoa ? makeBlockie(this.profileAddress) : this.profileUrl}
               borderRadius="large"
               profile-address=${this.profileAddress}
-              has-identicon
+              ?has-identicon=${!this.isEoa}
               class="absolute -top-[40px] left-[calc(50%_-_40px)] z-10"
             ></lukso-profile>
             <div
@@ -401,6 +402,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, attribute: "has-overlay" })
 ], LuksoCard.prototype, "hasOverlay", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "is-eoa" })
+], LuksoCard.prototype, "isEoa", 2);
 __decorateClass([
   l({ slot: "bottom", flatten: true })
 ], LuksoCard.prototype, "bottomNodes", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/lukso-card.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,kBAAkB,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAE1B,qJAAqJ;AACrJ,QAAA,MAAM,IAAI,EAAE,IA4JX,CAAA;AAED,eAAe,IAAI,CAAA;AAoJnB,iDAAiD;AACjD,eAAO,MAAM,WAAW,KAA2B,CAAA;AAQnD,iHAAiH;AACjH,eAAO,MAAM,SAAS,KAA2B,CAAA;AAYjD,wCAAwC;AACxC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAatD,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,KAAgC,CAAA;AAajE,sIAAsI;AACtI,eAAO,MAAM,WAAW,KAA2B,CAAA;AAmBnD,uCAAuC;AACvC,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAAwB,CAAA;AAK7C,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAKhD,uGAAuG;AACvG,eAAO,MAAM,UAAU,KAA2B,CAAA;AAalD,uEAAuE;AACvE,eAAO,MAAM,SAAS,KAA2B,CAAA;AAKjD,sEAAsE;AACtE,eAAO,MAAM,aAAa,KAA2B,CAAA;AAOrD,0DAA0D;AAC1D,eAAO,MAAM,MAAM,KAA2B,CAAA"}
+{"version":3,"file":"lukso-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/lukso-card.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,kBAAkB,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAE1B,qJAAqJ;AACrJ,QAAA,MAAM,IAAI,EAAE,IAwKX,CAAA;AAED,eAAe,IAAI,CAAA;AA4JnB,iDAAiD;AACjD,eAAO,MAAM,WAAW,KAA2B,CAAA;AAQnD,iHAAiH;AACjH,eAAO,MAAM,SAAS,KAA2B,CAAA;AAYjD,wCAAwC;AACxC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAatD,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,KAAgC,CAAA;AAajE,sIAAsI;AACtI,eAAO,MAAM,WAAW,KAA2B,CAAA;AAmBnD,uCAAuC;AACvC,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAAwB,CAAA;AAK7C,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAKhD,uGAAuG;AACvG,eAAO,MAAM,UAAU,KAA2B,CAAA;AAalD,uEAAuE;AACvE,eAAO,MAAM,SAAS,KAA2B,CAAA;AAKjD,sEAAsE;AACtE,eAAO,MAAM,aAAa,KAA2B,CAAA;AAOrD,0DAA0D;AAC1D,eAAO,MAAM,MAAM,KAA2B,CAAA"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-a7ef4df5.js';
+import { a as TailwindElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const styleMap = require('../../style-map-2f57cddf.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-fc6d6aa9.cjs');
 require('../lukso-icon/index.cjs');

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x, A } from '../../index-a7ef4df5.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
-import { o } from '../../style-map-cca13c1d.js';
+import { o } from '../../style-map-7a555e98.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-01b2d42a.js';
 import '../lukso-icon/index.js';

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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-4c212653.cjs');
+require('../../index-6457c2f8.cjs');
 require('../../query-assigned-elements-d5e45650.cjs');
 require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
-require('../lukso-profile/index.cjs');
+require('../../index-1b37efea.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-71b9ef80.cjs');
+const components_luksoDropdown_index = require('../../index-73fbf718.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-2f57cddf.cjs');
+require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
 require('../../state-d9fb972b.cjs');
-require('../../index-09e32e34.cjs');
+require('../../index-0917a814.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-fc6d6aa9.cjs');
 

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

@@ -1,15 +1,15 @@
-import '../../index-a7ef4df5.js';
+import '../../index-0590cf31.js';
 import '../../query-assigned-elements-1c8c9e90.js';
 import '../../index-ca8e900d.js';
 import '../lukso-icon/index.js';
-import '../lukso-profile/index.js';
+import '../../index-ffb387db.js';
 import '../lukso-username/index.js';
-export { L as LuksoDropdown } from '../../index-c026f363.js';
+export { L as LuksoDropdown } from '../../index-0fbcd7f4.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cca13c1d.js';
+import '../../style-map-7a555e98.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
 import '../../state-b9ca4e74.js';
-import '../../index-4f97c98a.js';
+import '../../index-adf2fc92.js';
 import '../../tailwind-config.js';
 import '../../cn-01b2d42a.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-a7ef4df5.js';
+import { T as TailwindStyledElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-a7ef4df5.js';
+import { a as TailwindElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/icons/gas.d.ts

@@ -0,0 +1,3 @@
+import type { IconOptions } from '../../../components/lukso-icon/index.js';
+export declare const gas: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=gas.d.ts.map

package/dist/components/lukso-icon/icons/gas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gas.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/gas.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,GAAG,YAAa,WAAW,yCA6CvC,CAAA"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-2f57cddf.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -7417,6 +7417,53 @@ const arrowLongDown = (options) => {
   </svg> `;
 };
 
+const gas = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M2.6167 5C2.6167 4.30964 3.17634 3.75 3.8667 3.75H12.5334C13.2237 3.75 13.7834 4.30964 13.7834 5V21.25H2.6167V5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 18.2H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 15.6667H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 13.1333H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M14.5334 14.9507V14.9507C15.9763 14.9507 17.1459 16.1204 17.1459 17.5632V18.2396C17.1459 19.6168 18.2624 20.7333 19.6397 20.7333V20.7333C21.017 20.7333 22.1334 19.6168 22.1334 18.2396V9.72406C22.1334 8.51878 21.59 7.37776 20.6541 6.61823L16.1959 3"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <circle
+      cx="19.6"
+      cy="9.33332"
+      r="1.78333"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7619,7 +7666,8 @@ const iconMap = {
   "logo-facebook-round": logoFacebookRound,
   "logo-farcaster-round": logoFarcasterRound,
   "logo-linkedin-round": logoLinkedinRound,
-  "arrow-long-down": arrowLongDown
+  "arrow-long-down": arrowLongDown,
+  gas
 };
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {

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":"AAoMA,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,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA0M5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;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":"AAqMA,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,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA2M5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-a7ef4df5.js';
+import { x, T as TailwindStyledElement } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-cca13c1d.js';
+import { o } from '../../style-map-7a555e98.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -7413,6 +7413,53 @@ const arrowLongDown = (options) => {
   </svg> `;
 };
 
+const gas = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M2.6167 5C2.6167 4.30964 3.17634 3.75 3.8667 3.75H12.5334C13.2237 3.75 13.7834 4.30964 13.7834 5V21.25H2.6167V5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 18.2H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 15.6667H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 13.1333H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M14.5334 14.9507V14.9507C15.9763 14.9507 17.1459 16.1204 17.1459 17.5632V18.2396C17.1459 19.6168 18.2624 20.7333 19.6397 20.7333V20.7333C21.017 20.7333 22.1334 19.6168 22.1334 18.2396V9.72406C22.1334 8.51878 21.59 7.37776 20.6541 6.61823L16.1959 3"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <circle
+      cx="19.6"
+      cy="9.33332"
+      r="1.78333"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7615,7 +7662,8 @@ const iconMap = {
   "logo-facebook-round": logoFacebookRound,
   "logo-farcaster-round": logoFarcasterRound,
   "logo-linkedin-round": logoLinkedinRound,
-  "arrow-long-down": arrowLongDown
+  "arrow-long-down": arrowLongDown,
+  gas
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-2f57cddf.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-a7ef4df5.js';
+import { a as TailwindElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-cca13c1d.js';
+import { o } from '../../style-map-7a555e98.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
@@ -10,7 +10,7 @@ require('../../tailwind-config.cjs');
 const cn = require('../../cn-fc6d6aa9.cjs');
 require('../lukso-icon/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-2f57cddf.cjs');
+require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.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}";

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-a7ef4df5.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
 import { c as cn } from '../../cn-01b2d42a.js';
 import '../lukso-icon/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cca13c1d.js';
+import '../../style-map-7a555e98.js';
 import '../../directive-2bb7789e.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-modal/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-a7ef4df5.js';
+import { a as TailwindElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4c212653.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-2f57cddf.cjs');
+require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../index-09e32e34.cjs');
+require('../../index-0917a814.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;