@lukso/web-components 1.172.14 → 1.172.17

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

@@ -7,14 +7,14 @@ const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const styleMap = require('../../chunks/style-map-AEeBQfPb.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-DvLZWpq9.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
     })}
@@ -156,7 +156,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
     })}
@@ -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,7 +220,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
     })}
@@ -289,7 +289,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
     })}
@@ -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,7 +380,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
     })}
@@ -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

@@ -3,11 +3,11 @@ import { html, nothing } from 'lit';
 import { property, queryAssignedElements, state } from 'lit/decorators.js';
 import { o } from '../../chunks/style-map-auscxO0L.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';

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

@@ -4,9 +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');
+const index = require('../../chunks/index-BBPgtFEP.js');
+const index$1 = require('../../chunks/index-BOEPqh0N.js');
 require('../../chunks/directive-CY66atYi.js');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');
@@ -21,7 +20,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 +60,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 +71,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 +93,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 +109,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 +137,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 +222,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,7 +1,6 @@
 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 { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 import { c as customClassMap } from '../../chunks/index-C5S-_QDF.js';
 import '../../chunks/directive-DUHAbymA.js';
 import '../lukso-form-description/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);

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

@@ -1,10 +1,10 @@
 import { nothing, html } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
-import { TailwindElement } from '../../shared/tailwind-element/index.js';
+import { T as TailwindElement, 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 '../lukso-icon/index.js';

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

@@ -6,14 +6,14 @@ const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
 const styleMap = require('../../chunks/style-map-AEeBQfPb.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-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');
-require('../../chunks/index-cakeic-M.js');
+require('../../chunks/index-Dh7fuono.js');
 require('../lukso-form-label/index.cjs');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');
@@ -31,7 +31,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 const FOCUS_DELAY_MS = 10;
-exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoColorPicker = class LuksoColorPicker extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.value = "";
@@ -349,5 +349,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.LuksoColorPicker.prototype, "hasHighlight", 2);
 exports.LuksoColorPicker = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-color-picker")
+  index.safeCustomElement("lukso-color-picker")
 ], exports.LuksoColorPicker);

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

@@ -2,14 +2,14 @@ import { nothing, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
 import { o } from '../../chunks/style-map-auscxO0L.js';
-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 '../../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 '../lukso-icon/index.js';
-import '../../chunks/index-CA6SrfZ-.js';
+import '../../chunks/index-CA_aKopU.js';
 import '../lukso-form-label/index.js';
 import '../lukso-form-description/index.js';
 import '../lukso-form-error/index.js';

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

@@ -5,11 +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 index = require('../../chunks/index-BBPgtFEP.js');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
-require('../../chunks/index-Cy2_2lFt.js');
-const shared_tailwindElement_index = require('../../shared/tailwind-element/index.cjs');
+require('../../chunks/index-y7UFhQ9u.js');
 const uniqId = require('../../chunks/uniq-id-Cszs24DQ.js');
 
 const debounceFunction = (func, timeout = 100) => {
@@ -34,7 +33,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoDropdown = class LuksoDropdown extends index.TailwindStyledElement(style) {
   constructor() {
     super();
     this.id = "";
@@ -248,5 +247,5 @@ __decorateClass([
   decorators_js.property({ type: Number, attribute: "max-height", reflect: true })
 ], exports.LuksoDropdown.prototype, "maxHeight", 2);
 exports.LuksoDropdown = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-dropdown")
+  index.safeCustomElement("lukso-dropdown")
 ], exports.LuksoDropdown);

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

@@ -1,11 +1,10 @@
 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 { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
-import '../../chunks/index-BNt_JinF.js';
-import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import '../../chunks/index-Chs3AjPK.js';
 import { u as uniqId } from '../../chunks/uniq-id-CGUN-pJV.js';
 
 const debounceFunction = (func, timeout = 100) => {

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

@@ -5,8 +5,7 @@ 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');
 
 const style = ":host {\n    display: block\n}";
 
@@ -20,7 +19,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoDropdownOption = class LuksoDropdownOption extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoDropdownOption = class LuksoDropdownOption extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.isReadonly = false;
@@ -113,5 +112,5 @@ __decorateClass([
   decorators_js.property({ type: String })
 ], exports.LuksoDropdownOption.prototype, "size", 2);
 exports.LuksoDropdownOption = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-dropdown-option")
+  index.safeCustomElement("lukso-dropdown-option")
 ], exports.LuksoDropdownOption);

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

@@ -1,8 +1,7 @@
 import { 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';
 
 const style = ":host {\n    display: block\n}";