@lukso/web-components 1.114.0 → 1.115.3

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

@@ -1,14 +1,13 @@
-import { T as TailwindStyledElement, x } 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 { T as TailwindStyledElement, x } 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 '../lukso-icon/index.js';
 import '../lukso-button/index.js';
-import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-7a555e98.js';
+import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
 import '../../tailwind-config.js';
-import '../../cn-01b2d42a.js';
+import '../../cn-90c03edf.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -203,10 +202,10 @@ __decorateClass([
   n({ type: Boolean, attribute: "is-mobile" })
 ], LuksoPagination.prototype, "isMobile", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoPagination.prototype, "pagination", 2);
 LuksoPagination = __decorateClass([
-  e("lukso-pagination")
+  t("lukso-pagination")
 ], LuksoPagination);
 
 export { LuksoPagination };

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

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-6457c2f8.cjs');
-require('../../query-assigned-elements-d5e45650.cjs');
-const components_luksoProfile_index = require('../../index-1b37efea.cjs');
-require('../../index-1d3f4a5a.cjs');
+require('../../index-dda1809d.cjs');
+require('../../property-46482bf7.cjs');
+const components_luksoProfile_index = require('../../index-9f282d35.cjs');
+require('../../index-2b104ecb.cjs');
 require('../lukso-image/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../state-d9fb972b.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../state-94c1d585.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 
 

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

@@ -1,9 +1,8 @@
-import '../../index-0590cf31.js';
-import '../../query-assigned-elements-1c8c9e90.js';
-export { L as LuksoProfile } from '../../index-ffb387db.js';
-import '../../index-ca8e900d.js';
+import '../../index-86a3fdc1.js';
+import '../../property-140ef335.js';
+export { L as LuksoProfile } from '../../index-30c74dfe.js';
+import '../../index-d14b6a34.js';
 import '../lukso-image/index.js';
-import '../../bundle-mjs-fbc6e2a8.js';
-import '../../state-b9ca4e74.js';
-import '../../style-map-7a555e98.js';
+import '../../state-876605e4.js';
+import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';

package/dist/components/lukso-progress/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 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('../../tailwind-config.cjs');
-const cn = require('../../cn-fc6d6aa9.cjs');
+const cn = require('../../cn-b6daa995.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -65,20 +64,20 @@ exports.LuksoProgress = class LuksoProgress extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoProgress.prototype, "min", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoProgress.prototype, "max", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoProgress.prototype, "current", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoProgress.prototype, "variant", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoProgress.prototype, "height", 2);
 exports.LuksoProgress = __decorateClass([
-  queryAssignedElements.e("lukso-progress")
+  property.t("lukso-progress")
 ], exports.LuksoProgress);

package/dist/components/lukso-progress/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 { o } from '../../style-map-7a555e98.js';
+import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { o } from '../../style-map-15dde65e.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-01b2d42a.js';
+import { c as cn } from '../../cn-90c03edf.js';
 import '../../directive-2bb7789e.js';
-import '../../bundle-mjs-fbc6e2a8.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -76,7 +75,7 @@ __decorateClass([
   n({ type: Number })
 ], LuksoProgress.prototype, "height", 2);
 LuksoProgress = __decorateClass([
-  e("lukso-progress")
+  t("lukso-progress")
 ], LuksoProgress);
 
 export { LuksoProgress };

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

@@ -2,15 +2,15 @@
 
 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');
 const directive = require('../../directive-8278ab14.cjs');
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class e extends directive.i{constructor(i){if(super(i),this.et=shared_tailwindElement_index.A,i.type!==directive.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===shared_tailwindElement_index.A||null==r)return this.ft=void 0,this.et=r;if(r===shared_tailwindElement_index.T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.et)return this.ft;this.et=r;const s=[r];return s.raw=s,this.ft={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=directive.e(e);
+ */class e extends directive.i{constructor(i){if(super(i),this.it=shared_tailwindElement_index.E,i.type!==directive.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===shared_tailwindElement_index.E||null==r)return this._t=void 0,this.it=r;if(r===shared_tailwindElement_index.T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=directive.e(e);
 
 /*! @license DOMPurify 3.0.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.6/LICENSE */
 
@@ -1712,11 +1712,11 @@ exports.LuksoSanitize = class LuksoSanitize extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "html-content" })
+  property.n({ type: String, attribute: "html-content" })
 ], exports.LuksoSanitize.prototype, "htmlContent", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-pre" })
+  property.n({ type: Boolean, attribute: "is-pre" })
 ], exports.LuksoSanitize.prototype, "isPre", 2);
 exports.LuksoSanitize = __decorateClass([
-  queryAssignedElements.e("lukso-sanitize")
+  property.t("lukso-sanitize")
 ], exports.LuksoSanitize);

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

@@ -1,12 +1,12 @@
-import { A, b as T, a as TailwindElement, x } from '../../index-0590cf31.js';
-import { n, e as e$2 } from '../../query-assigned-elements-1c8c9e90.js';
+import { E, b as T, a as TailwindElement, x } from '../../index-86a3fdc1.js';
+import { n, t as t$1 } from '../../property-140ef335.js';
 import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class e extends i{constructor(i){if(super(i),this.et=A,i.type!==t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===A||null==r)return this.ft=void 0,this.et=r;if(r===T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.et)return this.ft;this.et=r;const s=[r];return s.raw=s,this.ft={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=e$1(e);
+ */class e extends i{constructor(i){if(super(i),this.it=E,i.type!==t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===E||null==r)return this._t=void 0,this.it=r;if(r===T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=e$1(e);
 
 /*! @license DOMPurify 3.0.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.6/LICENSE */
 
@@ -1714,7 +1714,7 @@ __decorateClass([
   n({ type: Boolean, attribute: "is-pre" })
 ], LuksoSanitize.prototype, "isPre", 2);
 LuksoSanitize = __decorateClass([
-  e$2("lukso-sanitize")
+  t$1("lukso-sanitize")
 ], LuksoSanitize);
 
 export { LuksoSanitize };

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

@@ -2,23 +2,22 @@
 
 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 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');
 require('../lukso-icon/index.cjs');
-require('../../index-1b37efea.cjs');
+require('../../index-9f282d35.cjs');
 require('../lukso-username/index.cjs');
 require('../lukso-input/index.cjs');
-require('../../index-73fbf718.cjs');
+require('../../index-dbfb7d50.cjs');
 require('../lukso-dropdown-option/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../index-0917a814.cjs');
+require('../../index-f564f46f.cjs');
 require('../../tailwind-config.cjs');
-require('../../cn-fc6d6aa9.cjs');
+require('../../cn-b6daa995.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}";
 
@@ -372,99 +371,99 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
           @on-key-up=${this.handleKeyUp}
         ></lukso-input>
         <!-- results dropdown -->
-        ${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : shared_tailwindElement_index.A}
+        ${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : shared_tailwindElement_index.E}
         <!-- no results dropdown -->
-        ${this.showNoResults && !(this.isSearching || this.isDebouncing) ? this.noResultsTemplate() : shared_tailwindElement_index.A}
+        ${this.showNoResults && !(this.isSearching || this.isDebouncing) ? this.noResultsTemplate() : shared_tailwindElement_index.E}
         <!-- loading dropdown -->
-        ${!this.hideLoading && this.value && (this.isSearching || this.isDebouncing) ? this.loadingTemplate() : shared_tailwindElement_index.A}
+        ${!this.hideLoading && this.value && (this.isSearching || this.isDebouncing) ? this.loadingTemplate() : shared_tailwindElement_index.E}
       </div>
     `;
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "value", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "placeholder", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "label", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "autocomplete", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "id", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "description", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "error", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "custom-class" })
+  property.n({ type: String, attribute: "custom-class" })
 ], exports.LuksoSearch.prototype, "customClass", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-full-width" })
+  property.n({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoSearch.prototype, "isFullWidth", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+  property.n({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoSearch.prototype, "isReadonly", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+  property.n({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoSearch.prototype, "isDisabled", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoSearch.prototype, "autofocus", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoSearch.prototype, "borderless", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "results", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoSearch.prototype, "debounce", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-searching" })
+  property.n({ type: Boolean, attribute: "is-searching" })
 ], exports.LuksoSearch.prototype, "isSearching", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "no-results-text" })
+  property.n({ type: String, attribute: "no-results-text" })
 ], exports.LuksoSearch.prototype, "noResultsText", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "show-no-results" })
+  property.n({ type: Boolean, attribute: "show-no-results" })
 ], exports.LuksoSearch.prototype, "showNoResults", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "hide-loading" })
+  property.n({ type: Boolean, attribute: "hide-loading" })
 ], exports.LuksoSearch.prototype, "hideLoading", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "has-reset" })
+  property.n({ type: Boolean, attribute: "has-reset" })
 ], exports.LuksoSearch.prototype, "hasReset", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "keep-value-on-escape-hit" })
+  property.n({ type: Boolean, attribute: "keep-value-on-escape-hit" })
 ], exports.LuksoSearch.prototype, "keepValueOnEscapeHit", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoSearch.prototype, "selected", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSearch.prototype, "size", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoSearch.prototype, "isDebouncing", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoSearch.prototype, "debounceTimer", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoSearch.prototype, "resultsParsed", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoSearch.prototype, "searchTerm", 2);
 exports.LuksoSearch = __decorateClass([
-  queryAssignedElements.e("lukso-search")
+  property.t("lukso-search")
 ], exports.LuksoSearch);

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

@@ -1,20 +1,19 @@
-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 { 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 '../lukso-icon/index.js';
-import '../../index-ffb387db.js';
+import '../../index-30c74dfe.js';
 import '../lukso-username/index.js';
 import '../lukso-input/index.js';
-import '../../index-0fbcd7f4.js';
+import '../../index-40811e43.js';
 import '../lukso-dropdown-option/index.js';
-import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-7a555e98.js';
+import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../index-adf2fc92.js';
+import '../../index-eb08047e.js';
 import '../../tailwind-config.js';
-import '../../cn-01b2d42a.js';
+import '../../cn-90c03edf.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}";
 
@@ -368,11 +367,11 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
           @on-key-up=${this.handleKeyUp}
         ></lukso-input>
         <!-- results dropdown -->
-        ${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : A}
+        ${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : E}
         <!-- no results dropdown -->
-        ${this.showNoResults && !(this.isSearching || this.isDebouncing) ? this.noResultsTemplate() : A}
+        ${this.showNoResults && !(this.isSearching || this.isDebouncing) ? this.noResultsTemplate() : E}
         <!-- loading dropdown -->
-        ${!this.hideLoading && this.value && (this.isSearching || this.isDebouncing) ? this.loadingTemplate() : A}
+        ${!this.hideLoading && this.value && (this.isSearching || this.isDebouncing) ? this.loadingTemplate() : E}
       </div>
     `;
   }
@@ -450,19 +449,19 @@ __decorateClass([
   n({ type: String })
 ], LuksoSearch.prototype, "size", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoSearch.prototype, "isDebouncing", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoSearch.prototype, "debounceTimer", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoSearch.prototype, "resultsParsed", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoSearch.prototype, "searchTerm", 2);
 LuksoSearch = __decorateClass([
-  e("lukso-search")
+  t("lukso-search")
 ], LuksoSearch);
 
 export { LuksoSearch };

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

@@ -2,22 +2,21 @@
 
 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 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');
 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');
+const components_luksoDropdown_index = require('../../index-dbfb7d50.cjs');
 require('../lukso-dropdown-option/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../index-0917a814.cjs');
+require('../../index-f564f46f.cjs');
 require('../../tailwind-config.cjs');
-require('../../cn-fc6d6aa9.cjs');
+require('../../cn-b6daa995.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}";
 
@@ -170,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.A}
-        ${!this.placeholder && this.valueParsed?.length ? this.selectedValueTemplate() : shared_tailwindElement_index.A}
-        ${this.showSelectionCounter && this.valueParsed?.length ? this.selectedOptionsCounterTemplate() : shared_tailwindElement_index.A}
+        ${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}
       </div>
     `;
   }
@@ -193,7 +192,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
   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>
     `;
   }
@@ -401,8 +400,8 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     });
     return shared_tailwindElement_index.x`
       <div class="relative 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="group">
           <div class="flex relative items-center">
             ${this.inputTemplate()}<lukso-icon
@@ -412,74 +411,74 @@ 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.A}
+          ${this.isOpen && this.optionsParsed.length > 0 ? this.optionsTemplate() : shared_tailwindElement_index.E}
         </div>
         <!-- error -->
-        ${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.LuksoSelect.prototype, "value", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSelect.prototype, "placeholder", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSelect.prototype, "label", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSelect.prototype, "id", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSelect.prototype, "description", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSelect.prototype, "error", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-full-width" })
+  property.n({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoSelect.prototype, "isFullWidth", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+  property.n({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoSelect.prototype, "isReadonly", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+  property.n({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoSelect.prototype, "isDisabled", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoSelect.prototype, "borderless", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSelect.prototype, "options", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoSelect.prototype, "selected", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-open" })
+  property.n({ type: Boolean, attribute: "is-open" })
 ], exports.LuksoSelect.prototype, "isOpen", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "open-top" })
+  property.n({ type: Boolean, attribute: "open-top" })
 ], exports.LuksoSelect.prototype, "openTop", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-large-icon" })
+  property.n({ type: Boolean, attribute: "is-large-icon" })
 ], exports.LuksoSelect.prototype, "isLargeIcon", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-right" })
+  property.n({ type: Boolean, attribute: "is-right" })
 ], exports.LuksoSelect.prototype, "isRight", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoSelect.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "show-selection-counter" })
+  property.n({ type: Boolean, attribute: "show-selection-counter" })
 ], exports.LuksoSelect.prototype, "showSelectionCounter", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoSelect.prototype, "optionsParsed", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoSelect.prototype, "valueParsed", 2);
 exports.LuksoSelect = __decorateClass([
-  queryAssignedElements.e("lukso-select")
+  property.t("lukso-select")
 ], exports.LuksoSelect);