@lukso/web-components 1.176.0 → 1.177.1

package/dist/components/index.cjs

@@ -27,8 +27,8 @@ const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoQrCode_index = require('./lukso-qr-code/index.cjs');
 const components_luksoRadio_index = require('./lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./lukso-radio-group/index.cjs');
-const components_luksoSanitize_index = require('../chunks/index-Bg81uin-.js');
-const components_luksoSearch_index = require('../chunks/index-BvBAD4cf.js');
+const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
+const components_luksoSearch_index = require('./lukso-search/index.cjs');
 const components_luksoSelect_index = require('./lukso-select/index.cjs');
 const components_luksoShare_index = require('./lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./lukso-switch/index.cjs');
@@ -36,7 +36,7 @@ const components_luksoTag_index = require('./lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('../chunks/index-CFhB5vC2.js');
+const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
 
 

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-DILyJB9n.js';
-export { L as LuksoSearch } from '../chunks/index-3p2CoNHH.js';
+export { DEFAULT_OPTIONS, LuksoSanitize, NO_HTML_TAGS_OPTIONS } from './lukso-sanitize/index.js';
+export { LuksoSearch } from './lukso-search/index.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-Vp44c2x0.js';
+export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
-const index = require('../../chunks/index-7BmB6zet.js');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
 require('../lukso-icon/index.cjs');
-require('../../chunks/index-Bg81uin-.js');
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+require('../lukso-sanitize/index.cjs');
+const style = require('./style.css.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -87,5 +87,5 @@ __decorateClass([
   decorators_js.property({ type: String })
 ], exports.LuksoAlert.prototype, "description", 2);
 exports.LuksoAlert = __decorateClass([
-  index.safeCustomElement("lukso-alert")
+  safeCustomElement.safeCustomElement("lukso-alert")
 ], exports.LuksoAlert);

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

@@ -1,11 +1,11 @@
 import { nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
 import '../lukso-icon/index.js';
-import '../../chunks/index-DILyJB9n.js';
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+import '../lukso-sanitize/index.js';
+import style from './style.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-alert/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-alert/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: flex;\n}\n";
+
+export { style as default };

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

@@ -6,14 +6,14 @@ const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
 const core = require('@lukso/core');
-const index = require('../../chunks/index-7BmB6zet.js');
-require('../../tailwind-config.cjs');
-require('../../chunks/index-oDo-wiUs.js');
-const cn = require('../../chunks/cn-BkQsgCJ9.js');
+const index = require('../../shared/tailwind-element/index.cjs');
+require('tinycolor2');
+require('../../shared/assets/index.cjs');
+const cn = require('../../shared/tools/cn.cjs');
 require('viem');
-require('../../chunks/index-Bm2Lo_3c.js');
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+require('../../shared/index.cjs');
+const style = require('./style.css.cjs');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -351,5 +351,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.LuksoButton.prototype, "timer", 2);
 exports.LuksoButton = __decorateClass([
-  index.safeCustomElement("lukso-button")
+  safeCustomElement.safeCustomElement("lukso-button")
 ], exports.LuksoButton);

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

@@ -2,14 +2,14 @@ import { nothing, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
 import { withTheme } from '@lukso/core';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-import '../../tailwind-config.js';
-import '../../chunks/index-CSnDkMHN.js';
-import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import 'tinycolor2';
+import '../../shared/assets/index.js';
+import { cn } from '../../shared/tools/cn.js';
 import 'viem';
-import '../../chunks/index-N2DggpF2.js';
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+import '../../shared/index.js';
+import style from './style.css.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-button/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-button/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+
+export { style as default };

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

@@ -7,28 +7,18 @@ const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const styleMap_js = require('lit/directives/style-map.js');
 const tailwindVariants = require('tailwind-variants');
-const index = require('../../chunks/index-7BmB6zet.js');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+const style = require('./style.css.cjs');
 require('../lukso-profile/index.cjs');
-require('../../tailwind-config.cjs');
-require('../../chunks/index-oDo-wiUs.js');
-const cn = require('../../chunks/cn-BkQsgCJ9.js');
-const viem = require('viem');
-const index$1 = require('../../chunks/index-DvBRl_q4.js');
+require('tinycolor2');
+require('../../shared/assets/index.cjs');
+const cn = require('../../shared/tools/cn.cjs');
+const backgroundGradient = require('../../shared/tools/background-gradient.cjs');
+require('../../shared/directives/custom-class-map/index.cjs');
+const index$1 = require('../../shared/directives/custom-style-map/index.cjs');
 require('../lukso-image/index.cjs');
 
-const backgroundGradient = (address) => {
-  let gradientStart = "#24354210";
-  let gradientEnd = "#24354220";
-  const opacity = "80";
-  if (address && viem.isAddress(address)) {
-    gradientStart = `#${address.slice(2, 8)}${opacity}`;
-    gradientEnd = `#${address.slice(36, 42)}${opacity}`;
-  }
-  return `linear-gradient(90deg, ${gradientStart}, ${gradientEnd})`;
-};
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: inline-flex;\n}\n\n:host([width]) {\n  width: inherit;\n}\n";
-
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -163,7 +153,7 @@ exports.LuksoCard = class LuksoCard extends index.TailwindStyledElement(style) {
       >
         <div
           style=${styleMap_js.styleMap({
-      backgroundImage: backgroundGradient(this.profileAddress)
+      backgroundImage: backgroundGradient.backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
       "min-h-[92px] -mb-6 w-full rounded-t-[inherit] rounded-b-0 relative",
@@ -227,7 +217,7 @@ exports.LuksoCard = class LuksoCard extends index.TailwindStyledElement(style) {
       >
         <div
           style=${styleMap_js.styleMap({
-      backgroundImage: backgroundGradient(this.profileAddress)
+      backgroundImage: backgroundGradient.backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
       "min-h-[129px] -mb-6 bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
@@ -296,7 +286,7 @@ exports.LuksoCard = class LuksoCard extends index.TailwindStyledElement(style) {
       >
         <div
           style=${styleMap_js.styleMap({
-      backgroundImage: backgroundGradient(this.profileAddress)
+      backgroundImage: backgroundGradient.backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
       "min-h-10 bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
@@ -387,7 +377,7 @@ exports.LuksoCard = class LuksoCard extends index.TailwindStyledElement(style) {
       >
         <div
           style=${styleMap_js.styleMap({
-      backgroundImage: backgroundGradient(this.profileAddress)
+      backgroundImage: backgroundGradient.backgroundGradient(this.profileAddress)
     })}
           class=${cn.cn(
       "min-h-[inherit] bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative",
@@ -474,5 +464,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.LuksoCard.prototype, "hasBottom", 2);
 exports.LuksoCard = __decorateClass([
-  index.safeCustomElement("lukso-card")
+  safeCustomElement.safeCustomElement("lukso-card")
 ], exports.LuksoCard);

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

@@ -3,28 +3,18 @@ import { html, nothing } from 'lit';
 import { property, queryAssignedElements, state } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { tv } from 'tailwind-variants';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import style from './style.css.js';
 import '../lukso-profile/index.js';
-import '../../tailwind-config.js';
-import '../../chunks/index-CSnDkMHN.js';
-import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
-import { isAddress } from 'viem';
-import { a as customStyleMap } from '../../chunks/index-BSaCYACP.js';
+import 'tinycolor2';
+import '../../shared/assets/index.js';
+import { cn } from '../../shared/tools/cn.js';
+import { backgroundGradient } from '../../shared/tools/background-gradient.js';
+import '../../shared/directives/custom-class-map/index.js';
+import { customStyleMap } from '../../shared/directives/custom-style-map/index.js';
 import '../lukso-image/index.js';
 
-const backgroundGradient = (address) => {
-  let gradientStart = "#24354210";
-  let gradientEnd = "#24354220";
-  const opacity = "80";
-  if (address && isAddress(address)) {
-    gradientStart = `#${address.slice(2, 8)}${opacity}`;
-    gradientEnd = `#${address.slice(36, 42)}${opacity}`;
-  }
-  return `linear-gradient(90deg, ${gradientStart}, ${gradientEnd})`;
-};
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: inline-flex;\n}\n\n:host([width]) {\n  width: inherit;\n}\n";
-
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {

package/dist/components/lukso-card/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: inline-flex;\n}\n\n:host([width]) {\n  width: inherit;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-card/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: inline-flex;\n}\n\n:host([width]) {\n  width: inherit;\n}\n";
+
+export { style as default };

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
-const index = require('../../chunks/index-7BmB6zet.js');
-const index$1 = require('../../chunks/index-DvBRl_q4.js');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+const index$1 = require('../../shared/directives/custom-class-map/index.cjs');
+require('../../shared/directives/custom-style-map/index.cjs');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');
 
@@ -221,5 +223,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.LuksoCheckbox.prototype, "hasHighlight", 2);
 exports.LuksoCheckbox = __decorateClass([
-  index.safeCustomElement("lukso-checkbox")
+  safeCustomElement.safeCustomElement("lukso-checkbox")
 ], exports.LuksoCheckbox);

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

@@ -1,7 +1,9 @@
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-import { c as customClassMap } from '../../chunks/index-BSaCYACP.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindElement } from '../../shared/tailwind-element/index.js';
+import { customClassMap } from '../../shared/directives/custom-class-map/index.js';
+import '../../shared/directives/custom-style-map/index.js';
 import '../lukso-form-description/index.js';
 import '../lukso-form-error/index.js';
 

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
-const index = require('../../chunks/index-7BmB6zet.js');
-require('../../tailwind-config.cjs');
-require('../../chunks/index-oDo-wiUs.js');
-const cn = require('../../chunks/cn-BkQsgCJ9.js');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+require('tinycolor2');
+require('../../shared/assets/index.cjs');
+const cn = require('../../shared/tools/cn.cjs');
 require('viem');
 require('../lukso-icon/index.cjs');
 require('../lukso-form-label/index.cjs');
@@ -256,5 +257,5 @@ __decorateClass([
   decorators_js.query(".collapse-content")
 ], exports.LuksoCollapse.prototype, "contentElement", 2);
 exports.LuksoCollapse = __decorateClass([
-  index.safeCustomElement("lukso-collapse")
+  safeCustomElement.safeCustomElement("lukso-collapse")
 ], exports.LuksoCollapse);

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

@@ -1,10 +1,11 @@
 import { nothing, html } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
-import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-import '../../tailwind-config.js';
-import '../../chunks/index-CSnDkMHN.js';
-import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindElement } from '../../shared/tailwind-element/index.js';
+import 'tinycolor2';
+import '../../shared/assets/index.js';
+import { cn } from '../../shared/tools/cn.js';
 import 'viem';
 import '../lukso-icon/index.js';
 import '../lukso-form-label/index.js';

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

@@ -6,18 +6,18 @@ const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
 const styleMap_js = require('lit/directives/style-map.js');
-const index = require('../../chunks/index-7BmB6zet.js');
-require('../../tailwind-config.cjs');
-require('../../chunks/index-oDo-wiUs.js');
-const cn = require('../../chunks/cn-BkQsgCJ9.js');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+require('tinycolor2');
+require('../../shared/assets/index.cjs');
+const cn = require('../../shared/tools/cn.cjs');
 require('viem');
 require('../lukso-icon/index.cjs');
-require('../../chunks/index-Bg81uin-.js');
+require('../lukso-sanitize/index.cjs');
 require('../lukso-form-label/index.cjs');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+const style = require('./style.css.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -348,5 +348,5 @@ __decorateClass([
   decorators_js.state()
 ], exports.LuksoColorPicker.prototype, "hasHighlight", 2);
 exports.LuksoColorPicker = __decorateClass([
-  index.safeCustomElement("lukso-color-picker")
+  safeCustomElement.safeCustomElement("lukso-color-picker")
 ], exports.LuksoColorPicker);

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

@@ -2,18 +2,18 @@ import { nothing, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
 import { styleMap } from 'lit/directives/style-map.js';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-import '../../tailwind-config.js';
-import '../../chunks/index-CSnDkMHN.js';
-import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import 'tinycolor2';
+import '../../shared/assets/index.js';
+import { cn } from '../../shared/tools/cn.js';
 import 'viem';
 import '../lukso-icon/index.js';
-import '../../chunks/index-DILyJB9n.js';
+import '../lukso-sanitize/index.js';
 import '../lukso-form-label/index.js';
 import '../lukso-form-description/index.js';
 import '../lukso-form-error/index.js';
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+import style from './style.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-color-picker/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-color-picker/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: inline-flex;\n}\n\n:host([is-full-width]) {\n  width: 100%;\n  display: flex;\n}\n";
+
+export { style as default };

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

@@ -5,29 +5,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const tailwindVariants = require('tailwind-variants');
-const index = require('../../chunks/index-7BmB6zet.js');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
-require('../../chunks/index-CFhB5vC2.js');
-require('../../tailwind-config.cjs');
-require('../../chunks/index-oDo-wiUs.js');
-const cn = require('../../chunks/cn-BkQsgCJ9.js');
+require('../lukso-username/index.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+require('tinycolor2');
+require('../../shared/assets/index.cjs');
+const cn = require('../../shared/tools/cn.cjs');
 require('viem');
-const uniqId = require('../../chunks/uniq-id-Cszs24DQ.js');
-
-const debounceFunction = (func, timeout = 100) => {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => {
-      if (typeof func === "function") {
-        func.apply(void 0, args);
-      }
-    }, timeout);
-  };
-};
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: flex;\n}\n";
+const debounceFunction = require('../../shared/tools/debounceFunction.cjs');
+const uniqId = require('../../shared/tools/uniq-id.cjs');
+const style = require('./style.css.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -133,7 +122,7 @@ exports.LuksoDropdown = class LuksoDropdown extends index.TailwindStyledElement(
       }
       this.isOpen = false;
     };
-    this.handleClick = debounceFunction((event) => {
+    this.handleClick = debounceFunction.debounceFunction((event) => {
       const element = event.target;
       const hasValidTriggerId = this.triggerId && this.triggerId.trim() !== "";
       if (hasValidTriggerId && element.id === this.triggerId || this.id === element.id) {
@@ -257,5 +246,5 @@ __decorateClass([
   decorators_js.property({ type: String, attribute: "custom-class" })
 ], exports.LuksoDropdown.prototype, "customClass", 2);
 exports.LuksoDropdown = __decorateClass([
-  index.safeCustomElement("lukso-dropdown")
+  safeCustomElement.safeCustomElement("lukso-dropdown")
 ], exports.LuksoDropdown);

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

@@ -1,29 +1,18 @@
 import { nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
-import '../../chunks/index-Vp44c2x0.js';
-import '../../tailwind-config.js';
-import '../../chunks/index-CSnDkMHN.js';
-import { c as cn } from '../../chunks/cn-CzHJAbOe.js';
+import '../lukso-username/index.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import 'tinycolor2';
+import '../../shared/assets/index.js';
+import { cn } from '../../shared/tools/cn.js';
 import 'viem';
-import { u as uniqId } from '../../chunks/uniq-id-CGUN-pJV.js';
-
-const debounceFunction = (func, timeout = 100) => {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => {
-      if (typeof func === "function") {
-        func.apply(void 0, args);
-      }
-    }, timeout);
-  };
-};
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: flex;\n}\n";
+import { debounceFunction } from '../../shared/tools/debounceFunction.js';
+import { uniqId } from '../../shared/tools/uniq-id.js';
+import style from './style.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-dropdown/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: flex;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-dropdown/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  width: 100%;\n  display: flex;\n}\n";
+
+export { style as default };

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

@@ -5,9 +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 index = require('../../chunks/index-7BmB6zet.js');
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: block;\n}\n";
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
+const style = require('./style.css.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -112,5 +112,5 @@ __decorateClass([
   decorators_js.property({ type: String })
 ], exports.LuksoDropdownOption.prototype, "size", 2);
 exports.LuksoDropdownOption = __decorateClass([
-  index.safeCustomElement("lukso-dropdown-option")
+  safeCustomElement.safeCustomElement("lukso-dropdown-option")
 ], exports.LuksoDropdownOption);

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

@@ -1,9 +1,9 @@
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { tv } from 'tailwind-variants';
-import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-WbyPQW8n.js';
-
-const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: block;\n}\n";
+import { safeCustomElement } from '../../shared/safe-custom-element.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.js';
+import style from './style.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-dropdown-option/style.css.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: block;\n}\n";
+
+module.exports = style;

package/dist/components/lukso-dropdown-option/style.css.js

@@ -0,0 +1,3 @@
+const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n  display: block;\n}\n";
+
+export { style as default };

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
-const index = require('../../chunks/index-7BmB6zet.js');
+const safeCustomElement = require('../../shared/safe-custom-element.cjs');
+const index = require('../../shared/tailwind-element/index.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -73,5 +74,5 @@ __decorateClass([
   decorators_js.property({ type: String })
 ], exports.LuksoFooter.prototype, "providers", 2);
 exports.LuksoFooter = __decorateClass([
-  index.safeCustomElement("lukso-footer")
+  safeCustomElement.safeCustomElement("lukso-footer")
 ], exports.LuksoFooter);