@lukso/web-components 1.172.13 → 1.172.17

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

@@ -1,13 +1,15 @@
-import { T as TailwindElement, x } from '../../chunks/index-5X9ujrWL.js';
-import { n } from '../../chunks/property-DfumgIL6.js';
-import { r } from '../../chunks/state-CaelFSbE.js';
-import { c as ce } from '../../chunks/index-B9iart53.js';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
+import { html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { tv } from 'tailwind-variants';
+import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 import '../lukso-form-label/index.js';
 import '../lukso-form-description/index.js';
 import '../lukso-form-error/index.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../chunks/axe-DJKac19y.js';
+import '../../chunks/index-CSnDkMHN.js';
+import { c as cn } from '../../chunks/cn-Df_5FiGi.js';
+import 'viem';
+import 'axe-core';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -35,7 +37,7 @@ let LuksoRadio = class extends TailwindElement {
     this.isDisabled = false;
     this.hasFocus = false;
     this.hasHighlight = false;
-    this.radioStyles = ce({
+    this.radioStyles = tv({
       slots: {
         container: "flex items-center gap-2 select-none outline-none",
         radio: `
@@ -130,7 +132,7 @@ let LuksoRadio = class extends TailwindElement {
       isDisabled: this.isDisabled,
       isChecked: this.checked
     });
-    return x`
+    return html`
       <div class=${cn(indicator(), this.checked ? "" : "hidden")}></div>
     `;
   }
@@ -141,7 +143,7 @@ let LuksoRadio = class extends TailwindElement {
       hasHighlight: this.hasHighlight,
       isDisabled: this.isDisabled
     });
-    return x`
+    return html`
       <div class=${cn(radio(), this.customClass)}>
         ${this.checkedIndicatorTemplate()}
       </div>
@@ -153,7 +155,7 @@ let LuksoRadio = class extends TailwindElement {
       hasError: !!this.error,
       isDisabled: this.isDisabled
     });
-    return x`
+    return html`
       <div class=${content()}>
         <slot></slot>
       </div>
@@ -164,7 +166,7 @@ let LuksoRadio = class extends TailwindElement {
       isDisabled: this.isDisabled,
       isReadonly: this.isReadonly
     });
-    return x`
+    return html`
       <div>
         <lukso-form-label label=${this.label}></lukso-form-label>
         <lukso-form-description
@@ -249,43 +251,43 @@ let LuksoRadio = class extends TailwindElement {
   }
 };
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadio.prototype, "name", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadio.prototype, "id", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadio.prototype, "value", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadio.prototype, "size", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadio.prototype, "label", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadio.prototype, "description", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadio.prototype, "error", 2);
 __decorateClass([
-  n({ type: Boolean })
+  property({ type: Boolean })
 ], LuksoRadio.prototype, "checked", 2);
 __decorateClass([
-  n({ type: String, attribute: "custom-class" })
+  property({ type: String, attribute: "custom-class" })
 ], LuksoRadio.prototype, "customClass", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-readonly" })
+  property({ type: Boolean, attribute: "is-readonly" })
 ], LuksoRadio.prototype, "isReadonly", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-disabled" })
+  property({ type: Boolean, attribute: "is-disabled" })
 ], LuksoRadio.prototype, "isDisabled", 2);
 __decorateClass([
-  r()
+  state()
 ], LuksoRadio.prototype, "hasFocus", 2);
 __decorateClass([
-  r()
+  state()
 ], LuksoRadio.prototype, "hasHighlight", 2);
 LuksoRadio = __decorateClass([
   safeCustomElement("lukso-radio")

package/dist/components/lukso-radio-group/index.cjs

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../chunks/index-BxQ_0s_1.js');
-const property = require('../../chunks/property-D6IL6zax.js');
-const state = require('../../chunks/state-CFjY89m3.js');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
+const lit = require('lit');
+const decorators_js = require('lit/decorators.js');
+const index = require('../../chunks/index-BBPgtFEP.js');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -17,7 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoRadioGroup = class LuksoRadioGroup extends shared_tailwindElement_index.TailwindElement {
+exports.LuksoRadioGroup = class LuksoRadioGroup extends index.TailwindElement {
   constructor() {
     super(...arguments);
     this.name = "";
@@ -166,7 +165,7 @@ exports.LuksoRadioGroup = class LuksoRadioGroup extends shared_tailwindElement_i
     }
   }
   render() {
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         role="radiogroup"
         aria-label="${this.name}"
@@ -179,20 +178,20 @@ exports.LuksoRadioGroup = class LuksoRadioGroup extends shared_tailwindElement_i
   }
 };
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoRadioGroup.prototype, "name", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoRadioGroup.prototype, "value", 2);
 __decorateClass([
-  property.n({ type: Boolean })
+  decorators_js.property({ type: Boolean })
 ], exports.LuksoRadioGroup.prototype, "autofocus", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoRadioGroup.prototype, "focusedIndex", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoRadioGroup.prototype, "radios", 2);
 exports.LuksoRadioGroup = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-radio-group")
+  index.safeCustomElement("lukso-radio-group")
 ], exports.LuksoRadioGroup);

package/dist/components/lukso-radio-group/index.js

@@ -1,7 +1,6 @@
-import { T as TailwindElement, x } from '../../chunks/index-5X9ujrWL.js';
-import { n } from '../../chunks/property-DfumgIL6.js';
-import { r } from '../../chunks/state-CaelFSbE.js';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
+import { html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { T as TailwindElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -162,7 +161,7 @@ let LuksoRadioGroup = class extends TailwindElement {
     }
   }
   render() {
-    return x`
+    return html`
       <div
         role="radiogroup"
         aria-label="${this.name}"
@@ -175,19 +174,19 @@ let LuksoRadioGroup = class extends TailwindElement {
   }
 };
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadioGroup.prototype, "name", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoRadioGroup.prototype, "value", 2);
 __decorateClass([
-  n({ type: Boolean })
+  property({ type: Boolean })
 ], LuksoRadioGroup.prototype, "autofocus", 2);
 __decorateClass([
-  r()
+  state()
 ], LuksoRadioGroup.prototype, "focusedIndex", 2);
 __decorateClass([
-  r()
+  state()
 ], LuksoRadioGroup.prototype, "radios", 2);
 LuksoRadioGroup = __decorateClass([
   safeCustomElement("lukso-radio-group")

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../chunks/index-BxQ_0s_1.js');
-require('../../chunks/property-D6IL6zax.js');
-require('../../chunks/unsafe-html-DiwkOQlV.js');
-const components_luksoSanitize_index = require('../../chunks/index-BHAtoIlu.js');
-require('../../chunks/safe-custom-element-tQ-epw6h.js');
+require('lit');
+require('lit/decorators.js');
+require('lit/directives/unsafe-html.js');
+const components_luksoSanitize_index = require('../../chunks/index-Dh7fuono.js');
+require('../../chunks/index-BBPgtFEP.js');
 
 
 

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

@@ -1,5 +1,5 @@
-import '../../chunks/index-5X9ujrWL.js';
-import '../../chunks/property-DfumgIL6.js';
-import '../../chunks/unsafe-html-BHBLEMoa.js';
-export { D as DEFAULT_OPTIONS, L as LuksoSanitize, N as NO_HTML_TAGS_OPTIONS } from '../../chunks/index-B_H2eYG_.js';
-import '../../chunks/safe-custom-element-qdGIR_v6.js';
+import 'lit';
+import 'lit/decorators.js';
+import 'lit/directives/unsafe-html.js';
+export { D as DEFAULT_OPTIONS, L as LuksoSanitize, N as NO_HTML_TAGS_OPTIONS } from '../../chunks/index-CA_aKopU.js';
+import '../../chunks/index-DluTRl1F.js';

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

@@ -2,22 +2,25 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../chunks/index-BAf8Hzhe.js');
-require('../../chunks/index-BxQ_0s_1.js');
-require('../../chunks/property-D6IL6zax.js');
-require('../../chunks/state-CFjY89m3.js');
-require('../../chunks/index-CaJky2qL.js');
-require('../../chunks/safe-custom-element-tQ-epw6h.js');
+require('ethereum-blockies-base64');
+require('lit');
+require('lit/decorators.js');
+require('tailwind-variants');
+require('../../chunks/index-BBPgtFEP.js');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-input/index.cjs');
+require('../lukso-profile/index.cjs');
 require('../lukso-tag/index.cjs');
-require('../../chunks/index-glHBylgQ.js');
+require('../../chunks/index-y7UFhQ9u.js');
 require('../lukso-tooltip/index.cjs');
 require('../../tailwind-config.cjs');
-require('../../chunks/axe-MHuN9KU0.js');
-const components_luksoSearch_index = require('../../chunks/index-D_5wz2k1.js');
+require('../../chunks/index-oDo-wiUs.js');
+require('../../chunks/cn-JMx_imgS.js');
+require('viem');
+require('axe-core');
+const components_luksoSearch_index = require('../../chunks/index-DIHXzSqi.js');
 require('../../chunks/uniq-id-Cszs24DQ.js');
 
 

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

@@ -1,17 +1,20 @@
-import '../../chunks/index-BDyLu6M0.js';
-import '../../chunks/index-5X9ujrWL.js';
-import '../../chunks/property-DfumgIL6.js';
-import '../../chunks/state-CaelFSbE.js';
-import '../../chunks/index-B9iart53.js';
-import '../../chunks/safe-custom-element-qdGIR_v6.js';
+import 'ethereum-blockies-base64';
+import 'lit';
+import 'lit/decorators.js';
+import 'tailwind-variants';
+import '../../chunks/index-DluTRl1F.js';
 import '../lukso-dropdown/index.js';
 import '../lukso-dropdown-option/index.js';
 import '../lukso-icon/index.js';
 import '../lukso-input/index.js';
+import '../lukso-profile/index.js';
 import '../lukso-tag/index.js';
-import '../../chunks/index-BBFSnMaE.js';
+import '../../chunks/index-Chs3AjPK.js';
 import '../lukso-tooltip/index.js';
 import '../../tailwind-config.js';
-import '../../chunks/axe-DJKac19y.js';
-export { L as LuksoSearch } from '../../chunks/index-Dn2DJhID.js';
+import '../../chunks/index-CSnDkMHN.js';
+import '../../chunks/cn-Df_5FiGi.js';
+import 'viem';
+import 'axe-core';
+export { L as LuksoSearch } from '../../chunks/index-DsmwLJjR.js';
 import '../../chunks/uniq-id-CGUN-pJV.js';

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../chunks/index-BxQ_0s_1.js');
-const property = require('../../chunks/property-D6IL6zax.js');
-const state = require('../../chunks/state-CFjY89m3.js');
-const index = require('../../chunks/index-CaJky2qL.js');
-const components_luksoProfile_index = require('../../chunks/index-BAf8Hzhe.js');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
+const lit = require('lit');
+const decorators_js = require('lit/decorators.js');
+const tailwindVariants = require('tailwind-variants');
+const makeBlockie = require('ethereum-blockies-base64');
+const index = require('../../chunks/index-BBPgtFEP.js');
 require('../lukso-icon/index.cjs');
-require('../../chunks/index-glHBylgQ.js');
+require('../lukso-profile/index.cjs');
+require('../../chunks/index-y7UFhQ9u.js');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
-require('../../chunks/index-BHAtoIlu.js');
+require('../../chunks/index-Dh7fuono.js');
 require('../lukso-form-label/index.cjs');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');
@@ -30,7 +30,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoSelect = class LuksoSelect extends index.TailwindStyledElement(style) {
   constructor() {
     super();
     this.value = "";
@@ -52,7 +52,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     this.showSelectionCounter = false;
     this.optionsParsed = [];
     this.valueParsed = void 0;
-    this.inputStyles = index.ce({
+    this.inputStyles = tailwindVariants.tv({
       base: `bg-neutral-100
       border border-solid placeholder:text-neutral-70 select-none whitespace-nowrap
       outline-none transition transition-all duration-150 appearance-none
@@ -76,7 +76,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         }
       }
     });
-    this.counterStyles = index.ce({
+    this.counterStyles = tailwindVariants.tv({
       base: "border border-neutral-20",
       variants: {
         isDisabled: {
@@ -90,7 +90,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         }
       }
     });
-    this.iconStyles = index.ce({
+    this.iconStyles = tailwindVariants.tv({
       base: "absolute right-0 transition cursor-pointer",
       variants: {
         isDisabled: {
@@ -161,7 +161,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
       borderless: this.borderless,
       size: this.size
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         id=${this.id}
         data-testid=${this.id ? `select-${this.id}` : "select"}
@@ -169,9 +169,9 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         @blur=${this.handleBlur}
         @click=${this.handleClick}
       >
-        ${this.placeholder ? this.placeholder : shared_tailwindElement_index.E}
-        ${!this.placeholder && this.valueParsed?.length ? this.selectedValueTemplate() : shared_tailwindElement_index.E}
-        ${this.showSelectionCounter && this.valueParsed?.length ? this.selectedOptionsCounterTemplate() : shared_tailwindElement_index.E}
+        ${this.placeholder ? this.placeholder : lit.nothing}
+        ${!this.placeholder && this.valueParsed?.length ? this.selectedValueTemplate() : lit.nothing}
+        ${this.showSelectionCounter && this.valueParsed?.length ? this.selectedOptionsCounterTemplate() : lit.nothing}
       </div>
     `;
   }
@@ -180,7 +180,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
       isDisabled: this.isDisabled,
       size: this.size
     });
-    return shared_tailwindElement_index.x`<div class=${counterStyles}>${this.valueParsed?.length}</div>`;
+    return lit.html`<div class=${counterStyles}>${this.valueParsed?.length}</div>`;
   }
   optionsTemplate() {
     const optionTemplates = [];
@@ -215,7 +215,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         console.error("Unknown option type", option);
       }
     }
-    return shared_tailwindElement_index.x`<lukso-dropdown
+    return lit.html`<lukso-dropdown
       size=${this.size}
       is-open
       is-open-on-outside-click
@@ -227,7 +227,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     >`;
   }
   optionGroupedStringTemplate(option, index) {
-    return shared_tailwindElement_index.x`<div
+    return lit.html`<div
         class="paragraph-inter-10-bold-uppercase text-neutral-20 p-1 text-left"
       >
         ${option.group}
@@ -240,7 +240,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     })}`;
   }
   optionStringTemplate(option, index) {
-    return shared_tailwindElement_index.x`<lukso-dropdown-option
+    return lit.html`<lukso-dropdown-option
       data-id="${option.id}"
       data-index="${index + 1}"
       ?is-selected=${!!this.valueParsed?.find((value) => value.id === option.id)}
@@ -255,7 +255,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     </lukso-dropdown-option>`;
   }
   optionProfileTemplate(option, index) {
-    return shared_tailwindElement_index.x`<lukso-dropdown-option
+    return lit.html`<lukso-dropdown-option
       data-id="${option.id}"
       data-index="${index + 1}"
       ?is-selected=${!!this.valueParsed?.find((value) => value.id === option.id)}
@@ -272,19 +272,19 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     return option.value;
   }
   optionProfileValue(option) {
-    const eoaProfilePicture = shared_tailwindElement_index.x`<lukso-profile
+    const eoaProfilePicture = lit.html`<lukso-profile
       profile-address="${option.address}"
-      profile-url="${option.address ? components_luksoProfile_index.makeBlockie(option.address) : ""}"
+      profile-url="${option.address ? makeBlockie(option.address) : ""}"
       size="x-small"
     ></lukso-profile>`;
-    const lsp3ProfilePicture = shared_tailwindElement_index.x`<lukso-profile
+    const lsp3ProfilePicture = lit.html`<lukso-profile
       profile-address="${option.address}"
       profile-url="${option.image}"
       size="x-small"
       has-identicon
     ></lukso-profile>`;
     const profilePicture = option.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
-    return shared_tailwindElement_index.x`${profilePicture}
+    return lit.html`${profilePicture}
       <lukso-username
         name="${option.name?.toLowerCase()}"
         address="${option.address}"
@@ -391,7 +391,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
       isOpen: this.isOpen,
       size: this.size
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div class="relative w-[inherit]">
         <lukso-form-label label=${this.label}></lukso-form-label>
         <lukso-form-description
@@ -406,7 +406,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
             ></lukso-icon>
           </div>
           <!-- options dropdown -->
-          ${this.isOpen && this.optionsParsed.length > 0 ? this.optionsTemplate() : shared_tailwindElement_index.E}
+          ${this.isOpen && this.optionsParsed.length > 0 ? this.optionsTemplate() : lit.nothing}
         </div>
         <lukso-form-error error=${this.error}></lukso-form-error>
       </div>
@@ -414,68 +414,68 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "value", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "placeholder", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "label", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "id", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "description", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "error", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-full-width" })
+  decorators_js.property({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoSelect.prototype, "isFullWidth", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-readonly" })
+  decorators_js.property({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoSelect.prototype, "isReadonly", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-disabled" })
+  decorators_js.property({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoSelect.prototype, "isDisabled", 2);
 __decorateClass([
-  property.n({ type: Boolean })
+  decorators_js.property({ type: Boolean })
 ], exports.LuksoSelect.prototype, "borderless", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "options", 2);
 __decorateClass([
-  property.n({ type: Number })
+  decorators_js.property({ type: Number })
 ], exports.LuksoSelect.prototype, "selected", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-open" })
+  decorators_js.property({ type: Boolean, attribute: "is-open" })
 ], exports.LuksoSelect.prototype, "isOpen", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "open-top" })
+  decorators_js.property({ type: Boolean, attribute: "open-top" })
 ], exports.LuksoSelect.prototype, "openTop", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-large-icon" })
+  decorators_js.property({ type: Boolean, attribute: "is-large-icon" })
 ], exports.LuksoSelect.prototype, "isLargeIcon", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-right" })
+  decorators_js.property({ type: Boolean, attribute: "is-right" })
 ], exports.LuksoSelect.prototype, "isRight", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoSelect.prototype, "size", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "show-selection-counter" })
+  decorators_js.property({ type: Boolean, attribute: "show-selection-counter" })
 ], exports.LuksoSelect.prototype, "showSelectionCounter", 2);
 __decorateClass([
-  property.n({ type: Number, attribute: "max-height", reflect: true })
+  decorators_js.property({ type: Number, attribute: "max-height", reflect: true })
 ], exports.LuksoSelect.prototype, "maxHeight", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoSelect.prototype, "optionsParsed", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoSelect.prototype, "valueParsed", 2);
 exports.LuksoSelect = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-select")
+  index.safeCustomElement("lukso-select")
 ], exports.LuksoSelect);