@lukso/web-components 1.115.2 → 1.115.3

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -145,8 +145,8 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
           @mouseleave=${this.handleMouseOut}
         >
           ${this.inputTemplate()} ${this.checkboxTemplate()}
-          ${this.type === "text" ? this.labelTemplate() : shared_tailwindElement_index.A}
-          ${this.type === "profile" ? this.profileUsernameTemplate() : shared_tailwindElement_index.A}
+          ${this.type === "text" ? this.labelTemplate() : shared_tailwindElement_index.E}
+          ${this.type === "profile" ? this.profileUsernameTemplate() : shared_tailwindElement_index.E}
         </label>
       </div>
     `;
@@ -179,41 +179,41 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoCheckbox.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoCheckbox.prototype, "id", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoCheckbox.prototype, "ref", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoCheckbox.prototype, "type", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoCheckbox.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoCheckbox.prototype, "error", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoCheckbox.prototype, "checked", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "custom-class" })
+  property.n({ type: String, attribute: "custom-class" })
 ], exports.LuksoCheckbox.prototype, "customClass", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+  property.n({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoCheckbox.prototype, "isReadonly", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+  property.n({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoCheckbox.prototype, "isDisabled", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoCheckbox.prototype, "hasFocus", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoCheckbox.prototype, "hasHighlight", 2);
 exports.LuksoCheckbox = __decorateClass([
-  queryAssignedElements.e("lukso-checkbox")
+  property.t("lukso-checkbox")
 ], exports.LuksoCheckbox);

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, A } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
+import { a as TailwindElement, x, E } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { r } from '../../state-876605e4.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 
@@ -141,8 +141,8 @@ let LuksoCheckbox = class extends TailwindElement {
           @mouseleave=${this.handleMouseOut}
         >
           ${this.inputTemplate()} ${this.checkboxTemplate()}
-          ${this.type === "text" ? this.labelTemplate() : A}
-          ${this.type === "profile" ? this.profileUsernameTemplate() : A}
+          ${this.type === "text" ? this.labelTemplate() : E}
+          ${this.type === "profile" ? this.profileUsernameTemplate() : E}
         </label>
       </div>
     `;
@@ -205,13 +205,13 @@ __decorateClass([
   n({ type: Boolean, attribute: "is-disabled" })
 ], LuksoCheckbox.prototype, "isDisabled", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoCheckbox.prototype, "hasFocus", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoCheckbox.prototype, "hasHighlight", 2);
 LuksoCheckbox = __decorateClass([
-  e("lukso-checkbox")
+  t("lukso-checkbox")
 ], LuksoCheckbox);
 
 export { LuksoCheckbox };

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

@@ -2,17 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
+const index = require('../../index-2b104ecb.cjs');
+const styleMap = require('../../style-map-552ab28f.cjs');
 require('../../tailwind-config.cjs');
-require('node:fs');
-require('node:path');
-const cn = require('../../cn-fc6d6aa9.cjs');
+const cn = require('../../cn-b6daa995.cjs');
 require('../lukso-icon/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
@@ -153,12 +150,12 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
     return shared_tailwindElement_index.x`
       <input
         .value=${this.value}
-        name=${this.name ? this.name : shared_tailwindElement_index.A}
+        name=${this.name ? this.name : shared_tailwindElement_index.E}
         type="text"
-        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.A}
+        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.E}
         ?autofocus=${this.autofocus}
         autocomplete="off"
-        id=${this.id ? this.id : shared_tailwindElement_index.A}
+        id=${this.id ? this.id : shared_tailwindElement_index.E}
         data-testid=${this.name ? `input-${this.name}` : "input"}
         ?readonly=${this.isReadonly ? true : void 0}
         ?disabled=${this.isDisabled ? true : void 0}
@@ -200,7 +197,7 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
   descriptionTemplate() {
     return shared_tailwindElement_index.x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? shared_tailwindElement_index.A}
+        ${this.description ?? shared_tailwindElement_index.E}
       </div>
     `;
   }
@@ -297,65 +294,65 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
     });
     return shared_tailwindElement_index.x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.A}
-        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.A}
+        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.E}
+        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.E}
         <div class=${wrapper()}>
           ${this.colorPickerTemplate(color(), colorInput())}
           <div class="relative w-full">${this.inputTemplate(input())}</div>
         </div>
-        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.A}
+        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.E}
       </div>
     `;
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "value", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "placeholder", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "label", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "id", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "description", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "error", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "custom-class" })
+  property.n({ type: String, attribute: "custom-class" })
 ], exports.LuksoColorPicker.prototype, "customClass", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-full-width" })
+  property.n({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoColorPicker.prototype, "isFullWidth", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+  property.n({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoColorPicker.prototype, "isReadonly", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+  property.n({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoColorPicker.prototype, "isDisabled", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoColorPicker.prototype, "autofocus", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
+  property.n({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], exports.LuksoColorPicker.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "size", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoColorPicker.prototype, "hasFocus", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoColorPicker.prototype, "hasHighlight", 2);
 exports.LuksoColorPicker = __decorateClass([
-  queryAssignedElements.e("lukso-color-picker")
+  property.t("lukso-color-picker")
 ], exports.LuksoColorPicker);

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

@@ -1,14 +1,11 @@
-import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
-import { c as ce } from '../../index-ca8e900d.js';
-import { o } from '../../style-map-7a555e98.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 { c as ce } from '../../index-d14b6a34.js';
+import { o } from '../../style-map-15dde65e.js';
 import '../../tailwind-config.js';
-import 'node:fs';
-import 'node:path';
-import { c as cn } from '../../cn-01b2d42a.js';
+import { c as cn } from '../../cn-90c03edf.js';
 import '../lukso-icon/index.js';
-import '../../bundle-mjs-fbc6e2a8.js';
 import '../../directive-2bb7789e.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}";
@@ -149,12 +146,12 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
     return x`
       <input
         .value=${this.value}
-        name=${this.name ? this.name : A}
+        name=${this.name ? this.name : E}
         type="text"
-        placeholder=${this.placeholder ? this.placeholder : A}
+        placeholder=${this.placeholder ? this.placeholder : E}
         ?autofocus=${this.autofocus}
         autocomplete="off"
-        id=${this.id ? this.id : A}
+        id=${this.id ? this.id : E}
         data-testid=${this.name ? `input-${this.name}` : "input"}
         ?readonly=${this.isReadonly ? true : void 0}
         ?disabled=${this.isDisabled ? true : void 0}
@@ -196,7 +193,7 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
   descriptionTemplate() {
     return x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? A}
+        ${this.description ?? E}
       </div>
     `;
   }
@@ -293,13 +290,13 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
     });
     return x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : A}
-        ${this.description ? this.descriptionTemplate() : A}
+        ${this.label ? this.labelTemplate() : E}
+        ${this.description ? this.descriptionTemplate() : E}
         <div class=${wrapper()}>
           ${this.colorPickerTemplate(color(), colorInput())}
           <div class="relative w-full">${this.inputTemplate(input())}</div>
         </div>
-        ${this.error ? this.errorTemplate() : A}
+        ${this.error ? this.errorTemplate() : E}
       </div>
     `;
   }
@@ -347,13 +344,13 @@ __decorateClass([
   n({ type: String })
 ], LuksoColorPicker.prototype, "size", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoColorPicker.prototype, "hasFocus", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoColorPicker.prototype, "hasHighlight", 2);
 LuksoColorPicker = __decorateClass([
-  e("lukso-color-picker")
+  t("lukso-color-picker")
 ], LuksoColorPicker);
 
 export { LuksoColorPicker };

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

@@ -2,23 +2,20 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-6457c2f8.cjs');
-require('../../query-assigned-elements-d5e45650.cjs');
-require('../../index-1d3f4a5a.cjs');
+require('../../index-dda1809d.cjs');
+require('../../property-46482bf7.cjs');
+require('../../index-2b104ecb.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-1b37efea.cjs');
+require('../../index-9f282d35.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-73fbf718.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+const components_luksoDropdown_index = require('../../index-dbfb7d50.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../state-d9fb972b.cjs');
-require('../../index-0917a814.cjs');
+require('../../state-94c1d585.cjs');
+require('../../index-f564f46f.cjs');
 require('../../tailwind-config.cjs');
-require('node:fs');
-require('node:path');
-require('../../cn-fc6d6aa9.cjs');
+require('../../cn-b6daa995.cjs');
 
 
 

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

@@ -1,17 +1,14 @@
-import '../../index-0590cf31.js';
-import '../../query-assigned-elements-1c8c9e90.js';
-import '../../index-ca8e900d.js';
+import '../../index-86a3fdc1.js';
+import '../../property-140ef335.js';
+import '../../index-d14b6a34.js';
 import '../lukso-icon/index.js';
-import '../../index-ffb387db.js';
+import '../../index-30c74dfe.js';
 import '../lukso-username/index.js';
-export { L as LuksoDropdown } from '../../index-0fbcd7f4.js';
-import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-7a555e98.js';
+export { L as LuksoDropdown } from '../../index-40811e43.js';
+import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../state-b9ca4e74.js';
-import '../../index-adf2fc92.js';
+import '../../state-876605e4.js';
+import '../../index-eb08047e.js';
 import '../../tailwind-config.js';
-import 'node:fs';
-import 'node:path';
-import '../../cn-01b2d42a.js';
+import '../../cn-90c03edf.js';

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

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const index = require('../../index-2b104ecb.cjs');
 
 const style = ":host {\n    display: block\n}";
 
@@ -88,23 +87,23 @@ exports.LuksoDropdownOption = class LuksoDropdownOption extends shared_tailwindE
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+  property.n({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoDropdownOption.prototype, "isReadonly", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+  property.n({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoDropdownOption.prototype, "isDisabled", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-selected" })
+  property.n({ type: Boolean, attribute: "is-selected" })
 ], exports.LuksoDropdownOption.prototype, "isSelected", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-active" })
+  property.n({ type: Boolean, attribute: "is-active" })
 ], exports.LuksoDropdownOption.prototype, "isActive", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-group" })
+  property.n({ type: Boolean, attribute: "is-group" })
 ], exports.LuksoDropdownOption.prototype, "isGroup", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoDropdownOption.prototype, "size", 2);
 exports.LuksoDropdownOption = __decorateClass([
-  queryAssignedElements.e("lukso-dropdown-option")
+  property.t("lukso-dropdown-option")
 ], exports.LuksoDropdownOption);

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

@@ -1,7 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { c as ce } from '../../index-ca8e900d.js';
-import '../../bundle-mjs-fbc6e2a8.js';
+import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { c as ce } from '../../index-d14b6a34.js';
 
 const style = ":host {\n    display: block\n}";
 
@@ -102,7 +101,7 @@ __decorateClass([
   n({ type: String })
 ], LuksoDropdownOption.prototype, "size", 2);
 LuksoDropdownOption = __decorateClass([
-  e("lukso-dropdown-option")
+  t("lukso-dropdown-option")
 ], LuksoDropdownOption);
 
 export { LuksoDropdownOption };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -69,8 +69,8 @@ exports.LuksoFooter = class LuksoFooter extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoFooter.prototype, "providers", 2);
 exports.LuksoFooter = __decorateClass([
-  queryAssignedElements.e("lukso-footer")
+  property.t("lukso-footer")
 ], exports.LuksoFooter);

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
+import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -68,7 +68,7 @@ __decorateClass([
   n({ type: String })
 ], LuksoFooter.prototype, "providers", 2);
 LuksoFooter = __decorateClass([
-  e("lukso-footer")
+  t("lukso-footer")
 ], LuksoFooter);
 
 export { LuksoFooter };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const styleMap = require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -7750,17 +7750,17 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoIcon.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoIcon.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoIcon.prototype, "color", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "secondary-color" })
+  property.n({ type: String, attribute: "secondary-color" })
 ], exports.LuksoIcon.prototype, "secondaryColor", 2);
 exports.LuksoIcon = __decorateClass([
-  queryAssignedElements.e("lukso-icon")
+  property.t("lukso-icon")
 ], exports.LuksoIcon);

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-7a555e98.js';
+import { x, T as TailwindStyledElement } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { o } from '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -7758,7 +7758,7 @@ __decorateClass([
   n({ type: String, attribute: "secondary-color" })
 ], LuksoIcon.prototype, "secondaryColor", 2);
 LuksoIcon = __decorateClass([
-  e("lukso-icon")
+  t("lukso-icon")
 ], LuksoIcon);
 
 export { LuksoIcon };

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

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
-const index = require('../../index-1d3f4a5a.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 index = require('../../index-2b104ecb.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -113,20 +112,20 @@ exports.LuksoImage = class LuksoImage extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoImage.prototype, "src", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoImage.prototype, "placeholder", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoImage.prototype, "isLoading", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoImage.prototype, "resolvedPlaceholder", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoImage.prototype, "hasError", 2);
 exports.LuksoImage = __decorateClass([
-  queryAssignedElements.e("lukso-image")
+  property.t("lukso-image")
 ], exports.LuksoImage);

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

@@ -1,10 +1,9 @@
-import { a as TailwindElement, x } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-7a555e98.js';
-import { c as ce } from '../../index-ca8e900d.js';
+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 { c as ce } from '../../index-d14b6a34.js';
 import '../../directive-2bb7789e.js';
-import '../../bundle-mjs-fbc6e2a8.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -115,16 +114,16 @@ __decorateClass([
   n({ type: String })
 ], LuksoImage.prototype, "placeholder", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoImage.prototype, "isLoading", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoImage.prototype, "resolvedPlaceholder", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoImage.prototype, "hasError", 2);
 LuksoImage = __decorateClass([
-  e("lukso-image")
+  t("lukso-image")
 ], LuksoImage);
 
 export { LuksoImage };