@lukso/web-components 1.172.14 → 1.172.18

package/dist/components/index.js

@@ -23,8 +23,8 @@ export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoQrCode } from './lukso-qr-code/index.js';
 export { LuksoRadio } from './lukso-radio/index.js';
 export { LuksoRadioGroup } from './lukso-radio-group/index.js';
-export { D as DEFAULT_OPTIONS, L as LuksoSanitize, N as NO_HTML_TAGS_OPTIONS } from '../chunks/index-CA6SrfZ-.js';
-export { L as LuksoSearch } from '../chunks/index-Ds-r8fCt.js';
+export { D as DEFAULT_OPTIONS, L as LuksoSanitize, N as NO_HTML_TAGS_OPTIONS } from '../chunks/index-CA_aKopU.js';
+export { L as LuksoSearch } from '../chunks/index-DNzK6-9T.js';
 export { LuksoSelect } from './lukso-select/index.js';
 export { LuksoShare } from './lukso-share/index.js';
 export { LuksoSwitch } from './lukso-switch/index.js';
@@ -32,5 +32,5 @@ 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 '../chunks/index-BNt_JinF.js';
+export { L as LuksoUsername } from '../chunks/index-BptDRJ4b.js';
 export { LuksoWizard } from './lukso-wizard/index.js';

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
-const shared_tailwindElement_index = require('../../shared/tailwind-element/index.cjs');
+const index = require('../../chunks/index-BBPgtFEP.js');
 require('../lukso-icon/index.cjs');
-require('../../chunks/index-cakeic-M.js');
+require('../../chunks/index-Dh7fuono.js');
 
 const style = ":host {\n    display: flex\n}";
 
@@ -22,7 +21,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoAlert = class LuksoAlert extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoAlert = class LuksoAlert extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.variant = "info";
@@ -88,5 +87,5 @@ __decorateClass([
   decorators_js.property({ type: String })
 ], exports.LuksoAlert.prototype, "description", 2);
 exports.LuksoAlert = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-alert")
+  index.safeCustomElement("lukso-alert")
 ], exports.LuksoAlert);

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

@@ -1,10 +1,9 @@
 import { nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
-import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 import '../lukso-icon/index.js';
-import '../../chunks/index-CA6SrfZ-.js';
+import '../../chunks/index-CA_aKopU.js';
 
 const style = ":host {\n    display: flex\n}";
 

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

@@ -6,25 +6,28 @@ const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
 const core = require('@lukso/core');
-const shared_tailwindElement_index = require('../../shared/tailwind-element/index.cjs');
+const index = require('../../chunks/index-BBPgtFEP.js');
 require('../../tailwind-config.cjs');
-const cn = require('../../chunks/cn-zamUNFMe.js');
+require('../../chunks/index-oDo-wiUs.js');
+const cn = require('../../chunks/cn-JMx_imgS.js');
 require('viem');
 require('axe-core');
+require('../../chunks/index-Bm2Lo_3c.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}";
 
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const LONG_PRESS_ANIMATION_DURATION_IN_MS = 2e3;
-class LuksoButton extends core.withTheme(shared_tailwindElement_index.TailwindStyledElement(style)) {
+exports.LuksoButton = class LuksoButton extends core.withTheme(index.TailwindStyledElement(style)) {
   constructor() {
     super(...arguments);
     this.variant = "primary";
@@ -284,67 +287,67 @@ class LuksoButton extends core.withTheme(shared_tailwindElement_index.TailwindSt
   render() {
     return lit.html` ${this.isLink ? this.linkTemplate() : this.buttonTemplate()} `;
   }
-}
+};
 __decorateClass([
   decorators_js.property({ type: String })
-], LuksoButton.prototype, "variant");
+], exports.LuksoButton.prototype, "variant", 2);
 __decorateClass([
   decorators_js.property({ type: String })
-], LuksoButton.prototype, "size");
+], exports.LuksoButton.prototype, "size", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean })
-], LuksoButton.prototype, "disabled");
+], exports.LuksoButton.prototype, "disabled", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, attribute: "is-full-width" })
-], LuksoButton.prototype, "isFullWidth");
+], exports.LuksoButton.prototype, "isFullWidth", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, attribute: "is-long-press" })
-], LuksoButton.prototype, "isLongPress");
+], exports.LuksoButton.prototype, "isLongPress", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, attribute: "is-link" })
-], LuksoButton.prototype, "isLink");
+], exports.LuksoButton.prototype, "isLink", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, attribute: "is-loading" })
-], LuksoButton.prototype, "isLoading");
+], exports.LuksoButton.prototype, "isLoading", 2);
 __decorateClass([
   decorators_js.property({ type: String })
-], LuksoButton.prototype, "type");
+], exports.LuksoButton.prototype, "type", 2);
 __decorateClass([
   decorators_js.property({ type: String })
-], LuksoButton.prototype, "href");
+], exports.LuksoButton.prototype, "href", 2);
 __decorateClass([
   decorators_js.property({ type: String })
-], LuksoButton.prototype, "target");
+], exports.LuksoButton.prototype, "target", 2);
 __decorateClass([
   decorators_js.property({ type: String })
-], LuksoButton.prototype, "rel");
+], exports.LuksoButton.prototype, "rel", 2);
 __decorateClass([
   decorators_js.property({ type: String, attribute: "loading-text" })
-], LuksoButton.prototype, "loadingText");
+], exports.LuksoButton.prototype, "loadingText", 2);
 __decorateClass([
   decorators_js.property({ type: String, attribute: "custom-class" })
-], LuksoButton.prototype, "customClass");
+], exports.LuksoButton.prototype, "customClass", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, attribute: "is-active" })
-], LuksoButton.prototype, "isActive");
+], exports.LuksoButton.prototype, "isActive", 2);
 __decorateClass([
   decorators_js.property({ type: Number })
-], LuksoButton.prototype, "count");
+], exports.LuksoButton.prototype, "count", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, attribute: "is-icon" })
-], LuksoButton.prototype, "isIcon");
+], exports.LuksoButton.prototype, "isIcon", 2);
 __decorateClass([
   decorators_js.property({ type: String })
-], LuksoButton.prototype, "label");
+], exports.LuksoButton.prototype, "label", 2);
 __decorateClass([
   decorators_js.state()
-], LuksoButton.prototype, "isPressed");
+], exports.LuksoButton.prototype, "isPressed", 2);
 __decorateClass([
   decorators_js.state()
-], LuksoButton.prototype, "noTransition");
+], exports.LuksoButton.prototype, "noTransition", 2);
 __decorateClass([
   decorators_js.state()
-], LuksoButton.prototype, "timer");
-customElements.define("lukso-button", LuksoButton);
-
-exports.LuksoButton = LuksoButton;
+], exports.LuksoButton.prototype, "timer", 2);
+exports.LuksoButton = __decorateClass([
+  index.safeCustomElement("lukso-button")
+], exports.LuksoButton);

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

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

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

@@ -2,25 +2,28 @@ import { nothing, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
 import { withTheme } from '@lukso/core';
-import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../chunks/cn-LM_JlZIN.js';
+import '../../chunks/index-CSnDkMHN.js';
+import { c as cn } from '../../chunks/cn-Df_5FiGi.js';
 import 'viem';
 import 'axe-core';
+import '../../chunks/index-N2DggpF2.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}";
 
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const LONG_PRESS_ANIMATION_DURATION_IN_MS = 2e3;
-class LuksoButton extends withTheme(TailwindStyledElement(style)) {
+let LuksoButton = class extends withTheme(TailwindStyledElement(style)) {
   constructor() {
     super(...arguments);
     this.variant = "primary";
@@ -280,67 +283,69 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
   render() {
     return html` ${this.isLink ? this.linkTemplate() : this.buttonTemplate()} `;
   }
-}
+};
 __decorateClass([
   property({ type: String })
-], LuksoButton.prototype, "variant");
+], LuksoButton.prototype, "variant", 2);
 __decorateClass([
   property({ type: String })
-], LuksoButton.prototype, "size");
+], LuksoButton.prototype, "size", 2);
 __decorateClass([
   property({ type: Boolean })
-], LuksoButton.prototype, "disabled");
+], LuksoButton.prototype, "disabled", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "is-full-width" })
-], LuksoButton.prototype, "isFullWidth");
+], LuksoButton.prototype, "isFullWidth", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "is-long-press" })
-], LuksoButton.prototype, "isLongPress");
+], LuksoButton.prototype, "isLongPress", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "is-link" })
-], LuksoButton.prototype, "isLink");
+], LuksoButton.prototype, "isLink", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "is-loading" })
-], LuksoButton.prototype, "isLoading");
+], LuksoButton.prototype, "isLoading", 2);
 __decorateClass([
   property({ type: String })
-], LuksoButton.prototype, "type");
+], LuksoButton.prototype, "type", 2);
 __decorateClass([
   property({ type: String })
-], LuksoButton.prototype, "href");
+], LuksoButton.prototype, "href", 2);
 __decorateClass([
   property({ type: String })
-], LuksoButton.prototype, "target");
+], LuksoButton.prototype, "target", 2);
 __decorateClass([
   property({ type: String })
-], LuksoButton.prototype, "rel");
+], LuksoButton.prototype, "rel", 2);
 __decorateClass([
   property({ type: String, attribute: "loading-text" })
-], LuksoButton.prototype, "loadingText");
+], LuksoButton.prototype, "loadingText", 2);
 __decorateClass([
   property({ type: String, attribute: "custom-class" })
-], LuksoButton.prototype, "customClass");
+], LuksoButton.prototype, "customClass", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "is-active" })
-], LuksoButton.prototype, "isActive");
+], LuksoButton.prototype, "isActive", 2);
 __decorateClass([
   property({ type: Number })
-], LuksoButton.prototype, "count");
+], LuksoButton.prototype, "count", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "is-icon" })
-], LuksoButton.prototype, "isIcon");
+], LuksoButton.prototype, "isIcon", 2);
 __decorateClass([
   property({ type: String })
-], LuksoButton.prototype, "label");
+], LuksoButton.prototype, "label", 2);
 __decorateClass([
   state()
-], LuksoButton.prototype, "isPressed");
+], LuksoButton.prototype, "isPressed", 2);
 __decorateClass([
   state()
-], LuksoButton.prototype, "noTransition");
+], LuksoButton.prototype, "noTransition", 2);
 __decorateClass([
   state()
-], LuksoButton.prototype, "timer");
-customElements.define("lukso-button", LuksoButton);
+], LuksoButton.prototype, "timer", 2);
+LuksoButton = __decorateClass([
+  safeCustomElement("lukso-button")
+], LuksoButton);
 
 export { LuksoButton };

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

@@ -5,16 +5,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const makeBlockie = require('ethereum-blockies-base64');
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
-const styleMap = require('../../chunks/style-map-AEeBQfPb.js');
+const styleMap_js = require('lit/directives/style-map.js');
 const tailwindVariants = require('tailwind-variants');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
-const shared_tailwindElement_index = require('../../shared/tailwind-element/index.cjs');
+const index = require('../../chunks/index-BBPgtFEP.js');
 require('../lukso-profile/index.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../chunks/cn-zamUNFMe.js');
+require('../../chunks/index-oDo-wiUs.js');
+const cn = require('../../chunks/cn-JMx_imgS.js');
 const viem = require('viem');
 require('axe-core');
-const index = require('../../chunks/index-DvLZWpq9.js');
+const index$1 = require('../../chunks/index-DvBRl_q4.js');
 require('../lukso-image/index.cjs');
 
 const backgroundGradient = (address) => {
@@ -40,7 +40,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoCard = class LuksoCard extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.variant = "basic";
@@ -107,7 +107,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return lit.html`
       <div
         data-testid="card"
-        style=${index.customStyleMap({
+        style=${index$1.customStyleMap({
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
@@ -128,7 +128,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return lit.html`
       <div
         data-testid="card"
-        style=${styleMap.o({
+        style=${styleMap_js.styleMap({
       minHeight: `${this.height}px`,
       width: `${this.width}px`
     })}
@@ -156,14 +156,14 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return lit.html`
       <div
         data-testid="card"
-        style=${index.customStyleMap({
+        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({
+          style=${styleMap_js.styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
@@ -185,7 +185,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         </div>
 
         <div
-          style=${index.customStyleMap({
+          style=${index$1.customStyleMap({
       [`width: ${this.width}px`]: !!this.width
     })}
           class="bg-neutral-100 rounded-[inherit] relative break-normal"
@@ -220,14 +220,14 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return lit.html`
       <div
         data-testid="card"
-        style=${index.customStyleMap({
+        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({
+          style=${styleMap_js.styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
@@ -289,14 +289,14 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return lit.html`
       <div
         data-testid="card"
-        style=${index.customStyleMap({
+        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({
+          style=${styleMap_js.styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
@@ -344,7 +344,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return lit.html`
       <div
         data-testid="card"
-        style=${index.customStyleMap({
+        style=${index$1.customStyleMap({
       [`min-height: ${this.height}px`]: !!this.height,
       "min-height: 240px": !this.height,
       [`width: ${this.width}px`]: !!this.width
@@ -380,14 +380,14 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return lit.html`
       <div
         data-testid="card"
-        style=${index.customStyleMap({
+        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({
+          style=${styleMap_js.styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
@@ -475,5 +475,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.LuksoCard.prototype, "hasBottom", 2);
 exports.LuksoCard = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-card")
+  index.safeCustomElement("lukso-card")
 ], exports.LuksoCard);

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

@@ -1,16 +1,16 @@
 import makeBlockie from 'ethereum-blockies-base64';
 import { html, nothing } from 'lit';
 import { property, queryAssignedElements, state } from 'lit/decorators.js';
-import { o } from '../../chunks/style-map-auscxO0L.js';
+import { styleMap } from 'lit/directives/style-map.js';
 import { tv } from 'tailwind-variants';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
-import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 import '../lukso-profile/index.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../chunks/cn-LM_JlZIN.js';
+import '../../chunks/index-CSnDkMHN.js';
+import { c as cn } from '../../chunks/cn-Df_5FiGi.js';
 import { isAddress } from 'viem';
 import 'axe-core';
-import { c as customStyleMap } from '../../chunks/index-CqZm8OfY.js';
+import { a as customStyleMap } from '../../chunks/index-BSaCYACP.js';
 import '../lukso-image/index.js';
 
 const backgroundGradient = (address) => {
@@ -124,7 +124,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     return html`
       <div
         data-testid="card"
-        style=${o({
+        style=${styleMap({
       minHeight: `${this.height}px`,
       width: `${this.width}px`
     })}
@@ -159,7 +159,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         class=${cn(cardStyles, this.customClass)}
       >
         <div
-          style=${o({
+          style=${styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn(
@@ -223,7 +223,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         class=${cn(cardStyles, this.customClass)}
       >
         <div
-          style=${o({
+          style=${styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn(
@@ -292,7 +292,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         class=${cn(cardStyles, this.customClass)}
       >
         <div
-          style=${o({
+          style=${styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn(
@@ -383,7 +383,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         class=${cn(cardStyles, this.customClass)}
       >
         <div
-          style=${o({
+          style=${styleMap({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
           class=${cn(

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
-const shared_tailwindElement_index = require('../../shared/tailwind-element/index.cjs');
-const index = require('../../chunks/index-BOEPqh0N.js');
-require('../../chunks/directive-CY66atYi.js');
+const index = require('../../chunks/index-BBPgtFEP.js');
+const index$1 = require('../../chunks/index-DvBRl_q4.js');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');
 
@@ -21,7 +19,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index.TailwindElement {
+exports.LuksoCheckbox = class LuksoCheckbox extends index.TailwindElement {
   constructor() {
     super(...arguments);
     this.name = "";
@@ -61,7 +59,7 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
   checkedIconTemplate() {
     return lit.html`
       <lukso-icon
-        class=${index.customClassMap({
+        class=${index$1.customClassMap({
       hidden: !this.checked
     })}
         name="tick"
@@ -72,7 +70,7 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
   checkboxTemplate() {
     return lit.html`
       <div
-        class=${index.customClassMap({
+        class=${index$1.customClassMap({
       [this.defaultCheckboxStyles]: true,
       [!this.error ? "border-neutral-90" : "border-red-85"]: !this.hasHighlight,
       [!this.error ? "border-neutral-35" : "border-red-65"]: this.hasHighlight,
@@ -94,7 +92,7 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
         name=${this.name}
         ?checked=${this.checked ? "checked" : void 0}
         type="checkbox"
-        class=${index.customClassMap({
+        class=${index$1.customClassMap({
       [this.defaultInputStyles]: true,
       ["text-neutral-60"]: this.isDisabled
     })}
@@ -110,7 +108,7 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
   labelTemplate() {
     return lit.html`
       <span
-        class=${index.customClassMap({
+        class=${index$1.customClassMap({
       [this.defaultLabelStyles]: true,
       "paragraph-inter-16-regular": this.size === "medium" || this.size === "small",
       "paragraph-inter-12-semi-bold": this.size === "x-small",
@@ -138,7 +136,7 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
         ></lukso-form-description>
         <label
           for=${this.name}
-          class=${index.customClassMap({
+          class=${index$1.customClassMap({
       [this.defaultContainerStyles]: true,
       ["cursor-not-allowed"]: this.isDisabled || this.isReadonly
     })}
@@ -223,5 +221,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.LuksoCheckbox.prototype, "hasHighlight", 2);
 exports.LuksoCheckbox = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-checkbox")
+  index.safeCustomElement("lukso-checkbox")
 ], exports.LuksoCheckbox);

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

@@ -1,9 +1,7 @@
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
-import { TailwindElement } from '../../shared/tailwind-element/index.js';
-import { c as customClassMap } from '../../chunks/index-C5S-_QDF.js';
-import '../../chunks/directive-DUHAbymA.js';
+import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
+import { c as customClassMap } from '../../chunks/index-BSaCYACP.js';
 import '../lukso-form-description/index.js';
 import '../lukso-form-error/index.js';
 

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
-const shared_tailwindElement_index = require('../../shared/tailwind-element/index.cjs');
+const index = require('../../chunks/index-BBPgtFEP.js');
 require('../../tailwind-config.cjs');
-const cn = require('../../chunks/cn-zamUNFMe.js');
+require('../../chunks/index-oDo-wiUs.js');
+const cn = require('../../chunks/cn-JMx_imgS.js');
 require('viem');
 require('axe-core');
 require('../lukso-icon/index.cjs');
@@ -26,7 +26,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoCollapse = class LuksoCollapse extends shared_tailwindElement_index.TailwindElement {
+exports.LuksoCollapse = class LuksoCollapse extends index.TailwindElement {
   constructor() {
     super(...arguments);
     this.label = "";
@@ -257,5 +257,5 @@ __decorateClass([
   decorators_js.query(".collapse-content")
 ], exports.LuksoCollapse.prototype, "contentElement", 2);
 exports.LuksoCollapse = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-collapse")
+  index.safeCustomElement("lukso-collapse")
 ], exports.LuksoCollapse);