@lukso/web-components 1.134.2 → 1.136.0

package/dist/components/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('../index-CUMvAhRx.cjs');
+const components_luksoProfile_index = require('../index-S_Dlt9s3.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');
@@ -29,9 +29,9 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/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-D19a1K8E.cjs');
+const components_luksoUsername_index = require('../index-RU2Ma8ic.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-BMFENeRI.cjs');
+const shared_tailwindElement_index = require('../index-BMxMUsIi.cjs');
 require('../cn-CNdKneQ1.cjs');
 
 

package/dist/components/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 { L as LuksoProfile } from '../index-Dsu77DGF.js';
+export { L as LuksoProfile } from '../index-mgbCsUYd.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoRadio } from './lukso-radio/index.js';
 export { LuksoRadioGroup } from './lukso-radio-group/index.js';
@@ -25,7 +25,7 @@ export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/index.js';
 export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
-export { L as LuksoUsername } from '../index--44JsQ_1.js';
+export { L as LuksoUsername } from '../index-DqBf0kRy.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-axQAcayx.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-DAgkWi0r.js';
 import '../cn-Cu9aP49j.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
-const state = require('../../state-CCMDzTj3.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.cjs');
+const state = require('../../state-4AI1NTU_.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-axQAcayx.js';
-import { n, t } from '../../property-CYbm8aZx.js';
-import { r } from '../../state-hoCBDnpA.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DAgkWi0r.js';
+import { n, t } from '../../property-pT168uml.js';
+import { r } from '../../state-B8LewVrr.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-CUMvAhRx.cjs');
-const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
-const state = require('../../state-CCMDzTj3.cjs');
-const styleMap = require('../../style-map-VlU1Vn2Q.cjs');
+const components_luksoProfile_index = require('../../index-S_Dlt9s3.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.cjs');
+const state = require('../../state-4AI1NTU_.cjs');
+const styleMap = require('../../style-map-CSf_9JOX.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
-const index$1 = require('../../index-D1v8ZgtZ.cjs');
+const index$1 = require('../../index-CLQY_oJv.cjs');
 require('../lukso-image/index.cjs');
 
 /**
@@ -288,6 +288,61 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       </div>
     `;
   }
+  profile3Template() {
+    const cardStyles = this.cardStyles({
+      borderRadius: this.borderRadius,
+      shadow: this.shadow,
+      isHoverable: this.isHoverable,
+      hasNoWidth: !this.width,
+      class: "grid grid-rows-[auto,1fr]"
+    });
+    return shared_tailwindElement_index.x`
+      <div
+        data-testid="card"
+        style=${index$1.customStyleMap({
+      [`min-height: ${this.height}px`]: !!this.height,
+      [`width: ${this.width}px`]: !!this.width
+    })}
+        class=${cn.cn(cardStyles, this.customClass)}
+      >
+        <div
+          style=${styleMap.o({
+      backgroundImage: this.backgroundGradient()
+    })}
+          class=${cn.cn(
+      "min-h-[40px] bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
+      this.headerClass
+    )}
+        >
+          ${this.backgroundUrl && shared_tailwindElement_index.x`<div
+              class="rounded-t-[inherit] overflow-hidden absolute inset-0"
+            >
+              <lukso-image src=${this.backgroundUrl}></lukso-image>
+            </div>
+            <div
+              class="min-h-full min-w-full rounded-t-[inherit] rounded-b-0 bg-neutral-10/10 absolute"
+            ></div>`}
+          <div>
+            <slot name="header"></slot>
+          </div>
+        </div>
+        <div class="grid grid-rows-[max-content] rounded-b-[inherit]">
+          <div class="bg-neutral-100 relative pt-5 rounded-b-[inherit]">
+            <lukso-profile
+              profile-url=${this.isEoa ? components_luksoProfile_index.makeBlockie(this.profileAddress) : this.profileUrl}
+              borderRadius="large"
+              profile-address=${this.profileAddress}
+              ?has-identicon=${!this.isEoa}
+              size="small"
+              class="absolute -top-6 left-3 z-10 border-[3px] border-neutral-100 rounded-full"
+            ></lukso-profile>
+
+            <slot name="content"></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
   heroTemplate() {
     const cardStyles = this.cardStyles({
       borderRadius: this.borderRadius,
@@ -371,6 +426,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         return this.profileTemplate();
       case "profile-2":
         return this.profile2Template();
+      case "profile-3":
+        return this.profile3Template();
       case "hero":
         return this.heroTemplate();
       case "dapp":

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

@@ -1,4 +1,4 @@
-export type CardVariants = 'basic' | 'with-header' | 'profile' | 'profile-2' | 'hero' | 'dapp';
+export type CardVariants = 'basic' | 'with-header' | 'profile' | 'profile-2' | 'hero' | 'dapp' | 'profile-3';
 export type CardBorderRadius = 'small' | 'medium' | 'none';
 export type CardShadows = 'small' | 'medium' | 'large';
 declare const LuksoCard_base: typeof import('lit').LitElement;
@@ -25,6 +25,7 @@ export declare class LuksoCard extends LuksoCard_base {
     withHeaderTemplate(): import('lit-html').TemplateResult<1>;
     profileTemplate(): import('lit-html').TemplateResult<1>;
     profile2Template(): import('lit-html').TemplateResult<1>;
+    profile3Template(): import('lit-html').TemplateResult<1>;
     heroTemplate(): import('lit-html').TemplateResult<1>;
     dappTemplate(): import('lit-html').TemplateResult<1>;
     render(): import('lit-html').TemplateResult<1>;

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":"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"}
+{"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,GACN,WAAW,CAAA;AAEf,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;;AAEtD,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,KAAK,EAAE,MAAM,GAAG,SAAS,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,gBAAgB;IA4DhB,YAAY;IAyCZ,YAAY;IAyCZ,MAAM;CAkBP;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 { m as makeBlockie } from '../../index-Dsu77DGF.js';
-import { T as TailwindStyledElement, x, E } from '../../index-axQAcayx.js';
-import { n, t } from '../../property-CYbm8aZx.js';
-import { r } from '../../state-hoCBDnpA.js';
-import { o as o$1 } from '../../style-map-Min8ajOg.js';
+import { m as makeBlockie } from '../../index-mgbCsUYd.js';
+import { T as TailwindStyledElement, x, E } from '../../index-DAgkWi0r.js';
+import { n, t } from '../../property-pT168uml.js';
+import { r } from '../../state-B8LewVrr.js';
+import { o as o$1 } from '../../style-map-tFqWcuNo.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
-import { c as customStyleMap } from '../../index-DHAAIAHr.js';
+import { c as customStyleMap } from '../../index-CngaNvkX.js';
 import '../lukso-image/index.js';
 
 /**
@@ -284,6 +284,61 @@ let LuksoCard = class extends TailwindStyledElement(style) {
       </div>
     `;
   }
+  profile3Template() {
+    const cardStyles = this.cardStyles({
+      borderRadius: this.borderRadius,
+      shadow: this.shadow,
+      isHoverable: this.isHoverable,
+      hasNoWidth: !this.width,
+      class: "grid grid-rows-[auto,1fr]"
+    });
+    return x`
+      <div
+        data-testid="card"
+        style=${customStyleMap({
+      [`min-height: ${this.height}px`]: !!this.height,
+      [`width: ${this.width}px`]: !!this.width
+    })}
+        class=${cn(cardStyles, this.customClass)}
+      >
+        <div
+          style=${o$1({
+      backgroundImage: this.backgroundGradient()
+    })}
+          class=${cn(
+      "min-h-[40px] bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
+      this.headerClass
+    )}
+        >
+          ${this.backgroundUrl && x`<div
+              class="rounded-t-[inherit] overflow-hidden absolute inset-0"
+            >
+              <lukso-image src=${this.backgroundUrl}></lukso-image>
+            </div>
+            <div
+              class="min-h-full min-w-full rounded-t-[inherit] rounded-b-0 bg-neutral-10/10 absolute"
+            ></div>`}
+          <div>
+            <slot name="header"></slot>
+          </div>
+        </div>
+        <div class="grid grid-rows-[max-content] rounded-b-[inherit]">
+          <div class="bg-neutral-100 relative pt-5 rounded-b-[inherit]">
+            <lukso-profile
+              profile-url=${this.isEoa ? makeBlockie(this.profileAddress) : this.profileUrl}
+              borderRadius="large"
+              profile-address=${this.profileAddress}
+              ?has-identicon=${!this.isEoa}
+              size="small"
+              class="absolute -top-6 left-3 z-10 border-[3px] border-neutral-100 rounded-full"
+            ></lukso-profile>
+
+            <slot name="content"></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
   heroTemplate() {
     const cardStyles = this.cardStyles({
       borderRadius: this.borderRadius,
@@ -367,6 +422,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         return this.profileTemplate();
       case "profile-2":
         return this.profile2Template();
+      case "profile-3":
+        return this.profile3Template();
       case "hero":
         return this.heroTemplate();
       case "dapp":

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

@@ -14,6 +14,8 @@ export declare const CardWithCustomHeader: any;
 export declare const ProfileCard: any;
 /** Example of `profile-2` variant.  */
 export declare const Profile2Card: any;
+/** Example of `profile-3` variant.  */
+export declare const Profile3Card: any;
 /** Example of `hero` variant.  */
 export declare const HeroCard: any;
 /** Example of `dapp` variant.  */

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,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;AAMhD,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":"AAGA,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,IAgLX,CAAA;AAED,eAAe,IAAI,CAAA;AA+JnB,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,uCAAuC;AACvC,eAAO,MAAM,YAAY,KAA2B,CAAA;AAUpD,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAAwB,CAAA;AAK7C,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAMhD,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,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
-const state = require('../../state-CCMDzTj3.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.cjs');
+const state = require('../../state-4AI1NTU_.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-axQAcayx.js';
-import { n, t } from '../../property-CYbm8aZx.js';
-import { r } from '../../state-hoCBDnpA.js';
+import { a as TailwindElement, x, E } from '../../index-DAgkWi0r.js';
+import { n, t } from '../../property-pT168uml.js';
+import { r } from '../../state-B8LewVrr.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 
 var __defProp = Object.defineProperty;

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-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
-const state = require('../../state-CCMDzTj3.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.cjs');
+const state = require('../../state-4AI1NTU_.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const styleMap = require('../../style-map-VlU1Vn2Q.cjs');
+const styleMap = require('../../style-map-CSf_9JOX.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
 require('../lukso-icon/index.cjs');

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, E, x } from '../../index-axQAcayx.js';
-import { n, t } from '../../property-CYbm8aZx.js';
-import { r } from '../../state-hoCBDnpA.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DAgkWi0r.js';
+import { n, t } from '../../property-pT168uml.js';
+import { r } from '../../state-B8LewVrr.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { o } from '../../style-map-Min8ajOg.js';
+import { o } from '../../style-map-tFqWcuNo.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
 import '../lukso-icon/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-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-CUMvAhRx.cjs');
-require('../../index-D19a1K8E.cjs');
+require('../../index-S_Dlt9s3.cjs');
+require('../../index-RU2Ma8ic.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-axQAcayx.js';
-import { n, t } from '../../property-CYbm8aZx.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DAgkWi0r.js';
+import { n, t } from '../../property-pT168uml.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
-import '../../index-Dsu77DGF.js';
-import '../../index--44JsQ_1.js';
+import '../../index-mgbCsUYd.js';
+import '../../index-DqBf0kRy.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-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.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-axQAcayx.js';
-import { n, t } from '../../property-CYbm8aZx.js';
+import { T as TailwindStyledElement, x } from '../../index-DAgkWi0r.js';
+import { n, t } from '../../property-pT168uml.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-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.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-axQAcayx.js';
-import { n, t } from '../../property-CYbm8aZx.js';
+import { a as TailwindElement, x } from '../../index-DAgkWi0r.js';
+import { n, t } from '../../property-pT168uml.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-icon/icons/edit-linear.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit-linear.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/edit-linear.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,UAAU,GAAI,SAAS,WAAW,yCAoC9C,CAAA"}

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

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

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

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

package/dist/components/lukso-icon/icons/image-linear.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-linear.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/image-linear.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,WAAW,GAAI,SAAS,WAAW,yCA4B/C,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-BMFENeRI.cjs');
-const property = require('../../property-DGVQMLCH.cjs');
-const styleMap = require('../../style-map-VlU1Vn2Q.cjs');
+const shared_tailwindElement_index = require('../../index-BMxMUsIi.cjs');
+const property = require('../../property-CoW1aNZS.cjs');
+const styleMap = require('../../style-map-CSf_9JOX.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -7766,6 +7766,96 @@ const medalStar = (options) => {
   </svg> `;
 };
 
+const editLinear = (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="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <path
+      d="M16.0399 3.02001L8.15988 10.9C7.85988 11.2 7.55988 11.79 7.49988 12.22L7.06988 15.23C6.90988 16.32 7.67988 17.08 8.76988 16.93L11.7799 16.5C12.1999 16.44 12.7899 16.14 13.0999 15.84L20.9799 7.96001C22.3399 6.60001 22.9799 5.02001 20.9799 3.02001C18.9799 1.02001 17.3999 1.66001 16.0399 3.02001Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <path
+      d="M14.9099 4.15002C15.5799 6.54002 17.4499 8.41002 19.8499 9.09002"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+const imageLinear = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="25"
+    height="24"
+    viewBox="0 0 25 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M21.7632 16.96L18.6332 9.65001C17.5732 7.17001 15.6232 7.07001 14.3132 9.43001L12.4232 12.84C11.4632 14.57 9.67318 14.72 8.43318 13.17L8.21318 12.89C6.92318 11.27 5.10318 11.47 4.17318 13.32L2.45318 16.77C1.24318 19.17 2.99318 22 5.67318 22H18.4332C21.0332 22 22.7832 19.35 21.7632 16.96Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <path
+      d="M7.05322 8C8.71008 8 10.0532 6.65685 10.0532 5C10.0532 3.34315 8.71008 2 7.05322 2C5.39637 2 4.05322 3.34315 4.05322 5C4.05322 6.65685 5.39637 8 7.05322 8Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+const hexagon = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="25"
+    height="24"
+    viewBox="0 0 25 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M20.25 7.44043V16.5586L12 21.1416L3.75 16.5586V7.44043L12 2.85742L20.25 7.44043Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7978,7 +8068,10 @@ const iconMap = {
   "profile-circle": profileCircle,
   "play-linear": playLinear,
   "stop-linear": stopLinear,
-  "medal-star": medalStar
+  "medal-star": medalStar,
+  "edit-linear": editLinear,
+  "image-linear": imageLinear,
+  hexagon
 };
 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":"AA+MA,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;;AAqN5E,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":"AAkNA,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;;AAwN5E,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"}