@lukso/web-components 1.118.0 → 1.119.1

package/dist/components/index.cjs

@@ -6,7 +6,7 @@ const components_luksoButton_index = require('./lukso-button/index.cjs');
 const components_luksoCard_index = require('./lukso-card/index.cjs');
 const components_luksoCheckbox_index = require('./lukso-checkbox/index.cjs');
 const components_luksoColorPicker_index = require('./lukso-color-picker/index.cjs');
-const components_luksoDropdown_index = require('../index-dbfb7d50.cjs');
+const components_luksoDropdown_index = require('./lukso-dropdown/index.cjs');
 const components_luksoDropdownOption_index = require('./lukso-dropdown-option/index.cjs');
 const components_luksoFooter_index = require('./lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./lukso-icon/index.cjs');
@@ -15,7 +15,7 @@ const components_luksoInput_index = require('./lukso-input/index.cjs');
 const components_luksoModal_index = require('./lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('../index-9f282d35.cjs');
+const components_luksoProfile_index = require('../index-d95aa803.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
 const components_luksoSearch_index = require('./lukso-search/index.cjs');
@@ -29,16 +29,17 @@ const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-dda1809d.cjs');
+const shared_tailwindElement_index = require('../index-11ee2a36.cjs');
 require('../cn-b6daa995.cjs');
-require('../property-46482bf7.cjs');
-require('../state-94c1d585.cjs');
+require('../property-c2b27afb.cjs');
+require('../state-88ac4aa9.cjs');
 require('../index-2b104ecb.cjs');
 require('../tailwind-config.cjs');
-require('../style-map-552ab28f.cjs');
+require('../style-map-6e0d4ef7.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-f564f46f.cjs');
+require('../index-28b795be.cjs');
 require('../index-e9668573.cjs');
+require('../uniq-id-f0b18085.cjs');
 
 
 

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { LuksoButton } from './lukso-button/index.js';
 export { LuksoCard } from './lukso-card/index.js';
 export { LuksoCheckbox } from './lukso-checkbox/index.js';
 export { LuksoColorPicker } from './lukso-color-picker/index.js';
-export { L as LuksoDropdown } from '../index-40811e43.js';
+export { LuksoDropdown } from './lukso-dropdown/index.js';
 export { LuksoDropdownOption } from './lukso-dropdown-option/index.js';
 export { LuksoFooter } from './lukso-footer/index.js';
 export { LuksoIcon } from './lukso-icon/index.js';
@@ -11,7 +11,7 @@ export { LuksoInput } from './lukso-input/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
 export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoPagination } from './lukso-pagination/index.js';
-export { L as LuksoProfile } from '../index-30c74dfe.js';
+export { L as LuksoProfile } from '../index-6e86d3a6.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
 export { LuksoSearch } from './lukso-search/index.js';
@@ -25,13 +25,14 @@ export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-86a3fdc1.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-be30d9db.js';
 import '../cn-90c03edf.js';
-import '../property-140ef335.js';
-import '../state-876605e4.js';
+import '../property-23ddd718.js';
+import '../state-f46a7e17.js';
 import '../index-d14b6a34.js';
 import '../tailwind-config.js';
-import '../style-map-15dde65e.js';
+import '../style-map-129fa2d5.js';
 import '../directive-2bb7789e.js';
-import '../index-eb08047e.js';
+import '../index-5e0baae9.js';
 import '../index-5e194caf.js';
+import '../uniq-id-ce2d165c.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-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x, E } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.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-9f282d35.cjs');
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
+const components_luksoProfile_index = require('../../index-d95aa803.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
+const styleMap = require('../../style-map-6e0d4ef7.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
-const index$1 = require('../../index-f564f46f.cjs');
+const index$1 = require('../../index-28b795be.cjs');
 require('../lukso-image/index.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,12 +1,12 @@
-import { m as makeBlockie } from '../../index-30c74dfe.js';
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
-import { o as o$1 } from '../../style-map-15dde65e.js';
+import { m as makeBlockie } from '../../index-6e86d3a6.js';
+import { T as TailwindStyledElement, x, E } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
+import { o as o$1 } from '../../style-map-129fa2d5.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
-import { c as customStyleMap } from '../../index-eb08047e.js';
+import { c as customStyleMap } from '../../index-5e0baae9.js';
 import '../lukso-image/index.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { a as TailwindElement, x, E } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
+const styleMap = require('../../style-map-6e0d4ef7.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../lukso-icon/index.cjs');

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x, E } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { o } from '../../style-map-15dde65e.js';
+import { o } from '../../style-map-129fa2d5.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../lukso-icon/index.js';

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

@@ -2,24 +2,163 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-dda1809d.cjs');
-require('../../property-46482bf7.cjs');
-require('../../index-2b104ecb.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const index = require('../../index-2b104ecb.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-9f282d35.cjs');
+require('../../index-d95aa803.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-dbfb7d50.cjs');
-require('../../style-map-552ab28f.cjs');
+const uniqId = require('../../uniq-id-f0b18085.cjs');
+require('../../style-map-6e0d4ef7.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../state-94c1d585.cjs');
-require('../../index-f564f46f.cjs');
+require('../../state-88ac4aa9.cjs');
+require('../../index-28b795be.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-b6daa995.cjs');
 
+const style = ":host {\n    display: flex;\n    width: 100%\n}";
 
+const debounceFunction = (func, timeout = 100) => {
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      typeof func === "function" && func.apply(void 0, args);
+    }, timeout);
+  };
+};
 
-Object.defineProperty(exports, 'LuksoDropdown', {
-	enumerable: true,
-	get: () => components_luksoDropdown_index.LuksoDropdown
-});
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  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 = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index.TailwindStyledElement(style) {
+  constructor() {
+    super();
+    this.id = "";
+    this.triggerId = "";
+    this.isOpen = false;
+    this.isOpenOnOutsideClick = false;
+    this.openTop = false;
+    this.isRight = false;
+    this.isFullWidth = false;
+    this.size = "medium";
+    this.styles = index.ce({
+      base: `bg-neutral-100 border w-full border-neutral-90 shadow-1xl z-50
+      flex absolute flex-col gap-1 overflow-y-auto max-h-64 w-[max-content]`,
+      variants: {
+        openTop: {
+          true: "bottom-[48px] mb-2 mt-0"
+        },
+        size: {
+          small: "rounded-8 p-2 mt-1 min-w-[120px] paragraph-inter-12-regular",
+          medium: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular"
+        },
+        isRight: {
+          true: "right-0"
+        },
+        isFullWidth: {
+          true: "w-full"
+        }
+      },
+      compoundVariants: [
+        {
+          isFullWidth: false,
+          size: "small",
+          class: "max-w-[200px]"
+        },
+        {
+          isFullWidth: false,
+          size: "medium",
+          class: "max-w-[300px]"
+        }
+      ]
+    });
+    this.handleClick = debounceFunction((event) => {
+      const element = event.target;
+      if (element.id === this.triggerId || this.id === element.id) {
+        this.isOpen = !this.isOpen;
+        return;
+      }
+      if (!this.isOpenOnOutsideClick) {
+        this.isOpen = false;
+      }
+    });
+    if (!this.id) {
+      this.id = uniqId.uniqId();
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("click", this.handleClick.bind(this));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("click", this.handleClick);
+  }
+  async willUpdate(changedProperties) {
+    if (changedProperties.has("isOpen")) {
+      await this.updateComplete;
+      const changeEvent = new CustomEvent(
+        "on-change",
+        {
+          detail: {
+            isOpen: this.isOpen
+          },
+          bubbles: false,
+          composed: true
+        }
+      );
+      this.dispatchEvent(changeEvent);
+    }
+  }
+  render() {
+    const styles = this.styles({
+      openTop: this.openTop,
+      size: this.size,
+      isRight: this.isRight,
+      isFullWidth: this.isFullWidth
+    });
+    if (!this.isOpen) {
+      return shared_tailwindElement_index.E;
+    }
+    return shared_tailwindElement_index.x`<div class="${styles} animate-fade-in animation-duration-200">
+      <slot></slot>
+    </div>`;
+  }
+};
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoDropdown.prototype, "id", 2);
+__decorateClass([
+  property.n({ type: String, attribute: "trigger-id" })
+], exports.LuksoDropdown.prototype, "triggerId", 2);
+__decorateClass([
+  property.n({ type: Boolean, attribute: "is-open", reflect: true })
+], exports.LuksoDropdown.prototype, "isOpen", 2);
+__decorateClass([
+  property.n({ type: Boolean, attribute: "is-open-on-outside-click" })
+], exports.LuksoDropdown.prototype, "isOpenOnOutsideClick", 2);
+__decorateClass([
+  property.n({ type: Boolean, attribute: "open-top" })
+], exports.LuksoDropdown.prototype, "openTop", 2);
+__decorateClass([
+  property.n({ type: Boolean, attribute: "is-right" })
+], exports.LuksoDropdown.prototype, "isRight", 2);
+__decorateClass([
+  property.n({ type: Boolean, attribute: "is-full-width" })
+], exports.LuksoDropdown.prototype, "isFullWidth", 2);
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoDropdown.prototype, "size", 2);
+exports.LuksoDropdown = __decorateClass([
+  property.t("lukso-dropdown")
+], exports.LuksoDropdown);

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

@@ -1,14 +1,162 @@
-import '../../index-86a3fdc1.js';
-import '../../property-140ef335.js';
-import '../../index-d14b6a34.js';
+import { T as TailwindStyledElement, E, x } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { c as ce } from '../../index-d14b6a34.js';
 import '../lukso-icon/index.js';
-import '../../index-30c74dfe.js';
+import '../../index-6e86d3a6.js';
 import '../lukso-username/index.js';
-export { L as LuksoDropdown } from '../../index-40811e43.js';
-import '../../style-map-15dde65e.js';
+import { u as uniqId } from '../../uniq-id-ce2d165c.js';
+import '../../style-map-129fa2d5.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../state-876605e4.js';
-import '../../index-eb08047e.js';
+import '../../state-f46a7e17.js';
+import '../../index-5e0baae9.js';
 import '../../tailwind-config.js';
 import '../../cn-90c03edf.js';
+
+const style = ":host {\n    display: flex;\n    width: 100%\n}";
+
+const debounceFunction = (func, timeout = 100) => {
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      typeof func === "function" && func.apply(void 0, args);
+    }, timeout);
+  };
+};
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  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 = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let LuksoDropdown = class extends TailwindStyledElement(style) {
+  constructor() {
+    super();
+    this.id = "";
+    this.triggerId = "";
+    this.isOpen = false;
+    this.isOpenOnOutsideClick = false;
+    this.openTop = false;
+    this.isRight = false;
+    this.isFullWidth = false;
+    this.size = "medium";
+    this.styles = ce({
+      base: `bg-neutral-100 border w-full border-neutral-90 shadow-1xl z-50
+      flex absolute flex-col gap-1 overflow-y-auto max-h-64 w-[max-content]`,
+      variants: {
+        openTop: {
+          true: "bottom-[48px] mb-2 mt-0"
+        },
+        size: {
+          small: "rounded-8 p-2 mt-1 min-w-[120px] paragraph-inter-12-regular",
+          medium: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular"
+        },
+        isRight: {
+          true: "right-0"
+        },
+        isFullWidth: {
+          true: "w-full"
+        }
+      },
+      compoundVariants: [
+        {
+          isFullWidth: false,
+          size: "small",
+          class: "max-w-[200px]"
+        },
+        {
+          isFullWidth: false,
+          size: "medium",
+          class: "max-w-[300px]"
+        }
+      ]
+    });
+    this.handleClick = debounceFunction((event) => {
+      const element = event.target;
+      if (element.id === this.triggerId || this.id === element.id) {
+        this.isOpen = !this.isOpen;
+        return;
+      }
+      if (!this.isOpenOnOutsideClick) {
+        this.isOpen = false;
+      }
+    });
+    if (!this.id) {
+      this.id = uniqId();
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("click", this.handleClick.bind(this));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("click", this.handleClick);
+  }
+  async willUpdate(changedProperties) {
+    if (changedProperties.has("isOpen")) {
+      await this.updateComplete;
+      const changeEvent = new CustomEvent(
+        "on-change",
+        {
+          detail: {
+            isOpen: this.isOpen
+          },
+          bubbles: false,
+          composed: true
+        }
+      );
+      this.dispatchEvent(changeEvent);
+    }
+  }
+  render() {
+    const styles = this.styles({
+      openTop: this.openTop,
+      size: this.size,
+      isRight: this.isRight,
+      isFullWidth: this.isFullWidth
+    });
+    if (!this.isOpen) {
+      return E;
+    }
+    return x`<div class="${styles} animate-fade-in animation-duration-200">
+      <slot></slot>
+    </div>`;
+  }
+};
+__decorateClass([
+  n({ type: String })
+], LuksoDropdown.prototype, "id", 2);
+__decorateClass([
+  n({ type: String, attribute: "trigger-id" })
+], LuksoDropdown.prototype, "triggerId", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "is-open", reflect: true })
+], LuksoDropdown.prototype, "isOpen", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "is-open-on-outside-click" })
+], LuksoDropdown.prototype, "isOpenOnOutsideClick", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "open-top" })
+], LuksoDropdown.prototype, "openTop", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "is-right" })
+], LuksoDropdown.prototype, "isRight", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "is-full-width" })
+], LuksoDropdown.prototype, "isFullWidth", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoDropdown.prototype, "size", 2);
+LuksoDropdown = __decorateClass([
+  t("lukso-dropdown")
+], LuksoDropdown);
+
+export { LuksoDropdown };

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-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
 const index = require('../../index-2b104ecb.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-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
+import { T as TailwindStyledElement, x } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
 import { c as ce } from '../../index-d14b6a34.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-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.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-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
+import { a as TailwindElement, x } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const styleMap = require('../../style-map-6e0d4ef7.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { o } from '../../style-map-15dde65e.js';
+import { x, T as TailwindStyledElement } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { o } from '../../style-map-129fa2d5.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
+const shared_tailwindElement_index = require('../../index-11ee2a36.cjs');
+const property = require('../../property-c2b27afb.cjs');
+const state = require('../../state-88ac4aa9.cjs');
+const styleMap = require('../../style-map-6e0d4ef7.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
-import { o } from '../../style-map-15dde65e.js';
+import { a as TailwindElement, x } from '../../index-be30d9db.js';
+import { n, t } from '../../property-23ddd718.js';
+import { r } from '../../state-f46a7e17.js';
+import { o } from '../../style-map-129fa2d5.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../directive-2bb7789e.js';