@cumulus-ui/components 0.5.4 → 0.5.5

package/dist/autosuggest/internal.d.ts

@@ -16,7 +16,7 @@ export declare class CsAutosuggestInternal extends Base {
     filteringType: string;
     private _open;
     private _highlightedIndex;
-    private _inputEl;
+    private _inputRef;
     private _dropdownEl;
     private readonly _listboxId;
     private _flatOptions;

package/dist/autosuggest/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/autosuggest/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAElF,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAsChD,qBAAa,qBAAsB,SAAQ,IAAI;IAC7C,OAAgB,MAAM,4BAAqF;IAGlG,KAAK,SAAM;IAGpB,OAAO,EAAE,aAAa,CAAC,gBAAgB,GAAG,CAAC,gBAAgB,GAAG;QAAE,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;KAAE,CAAC,CAAC,CAAM;IAGlH,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGP,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAG7C,aAAa,EAAE,MAAM,CAAU;IAG/B,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,QAAQ,CAAoB;IAGpC,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA2C;IACtE,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,KAAK,gBAAgB,GAQ3B;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlD,OAAO,CAAC,eAAe;IAevB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM,IAAI,IAAI;IAId,OAAO,CAAC,QAAQ,CAMd;IAEF,OAAO,CAAC,QAAQ,CAGd;IAEF,OAAO,CAAC,OAAO,CAIb;IAEF,OAAO,CAAC,UAAU,CA2ChB;IAEF,OAAO,CAAC,0BAA0B;IAOlC,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,cAAc;IAKP,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;YAOhD,eAAe;IAwBpB,MAAM,IAAI,cAAc;IAqDjC,OAAO,CAAC,aAAa;CAuBtB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/autosuggest/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKnF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAElF,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAsChD,qBAAa,qBAAsB,SAAQ,IAAI;IAC7C,OAAgB,MAAM,4BAAqF;IAGlG,KAAK,SAAM;IAGpB,OAAO,EAAE,aAAa,CAAC,gBAAgB,GAAG,CAAC,gBAAgB,GAAG;QAAE,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;KAAE,CAAC,CAAC,CAAM;IAGlH,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGP,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAG7C,aAAa,EAAE,MAAM,CAAU;IAG/B,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,iBAAiB,CAAM;IAE/B,OAAO,CAAC,SAAS,CAAsC;IAGvD,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA2C;IACtE,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,KAAK,gBAAgB,GAQ3B;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlD,OAAO,CAAC,eAAe;IAevB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM,IAAI,IAAI;IAId,OAAO,CAAC,QAAQ,CAMd;IAEF,OAAO,CAAC,QAAQ,CAGd;IAEF,OAAO,CAAC,OAAO,CAIb;IAEF,OAAO,CAAC,UAAU,CA2ChB;IAEF,OAAO,CAAC,0BAA0B;IAOlC,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,cAAc;IAKP,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;YAOhD,eAAe;IAwBpB,MAAM,IAAI,cAAc;IAqDjC,OAAO,CAAC,aAAa;CAuBtB"}

package/dist/button-dropdown/internal.d.ts

@@ -11,7 +11,7 @@ export declare class CsButtonDropdownInternal extends CsBaseElement {
     ariaLabel: string | null;
     private _open;
     private _highlightedIndex;
-    private _triggerEl;
+    private _triggerRef;
     private _dropdownEl;
     private _cleanupOutsideClick;
     connectedCallback(): void;

package/dist/button-dropdown/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/button-dropdown/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,kBAAkB,CAAC;AAuB1B,qBAAa,wBAAyB,SAAQ,aAAa;IACzD,OAAgB,MAAM,4BAQpB;IAGF,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAM;IAG3D,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAY;IAGnD,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGP,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,oBAAoB,CAA6B;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAa/C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,YAAY;IAoBpB,OAAO,CAAC,UAAU,CAuChB;YAEY,eAAe;IAwB7B,OAAO,CAAC,wBAAwB;IAkBhC,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,cAAc;IA4DtB,OAAO,CAAC,YAAY;IA4DX,MAAM,IAAI,cAAc;CAUlC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/button-dropdown/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKnF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,kBAAkB,CAAC;AAuB1B,qBAAa,wBAAyB,SAAQ,aAAa;IACzD,OAAgB,MAAM,4BAQpB;IAGF,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAM;IAG3D,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAY;IAGnD,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGP,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,iBAAiB,CAAM;IAE/B,OAAO,CAAC,WAAW,CAAiC;IAGpD,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,oBAAoB,CAA6B;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAa/C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,YAAY;IAoBpB,OAAO,CAAC,UAAU,CAuChB;YAEY,eAAe;IAwB7B,OAAO,CAAC,wBAAwB;IAkBhC,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,cAAc;IA6DtB,OAAO,CAAC,YAAY;IA4DX,MAAM,IAAI,cAAc;CAUlC"}

package/dist/index.js

@@ -5934,7 +5934,8 @@ customElements.define("cs-alert", CsAlert);
 
 // src/tooltip/internal.ts
 import { css as css45, html as html19, nothing as nothing6 } from "lit";
-import { property as property18, query, state as state4 } from "lit/decorators.js";
+import { property as property18, state as state4 } from "lit/decorators.js";
+import { createRef, ref } from "lit/directives/ref.js";
 
 // node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var min = Math.min;
@@ -7155,6 +7156,8 @@ var CsTooltipInternal = class extends CsBaseElement {
     this.position = "top";
     this.content = "";
     this._visible = false;
+    this._triggerRef = createRef();
+    this._bodyRef = createRef();
     this._tooltipId = generateUniqueId("tooltip");
     this._showTimeout = null;
     this._show = () => {
@@ -7183,22 +7186,20 @@ var CsTooltipInternal = class extends CsBaseElement {
     }
   }
   async updated() {
-    if (this._visible && this._triggerEl && this._bodyEl) {
+    if (this._visible && this._triggerRef.value && this._bodyRef.value) {
       await this._updatePosition();
     }
   }
   async _updatePosition() {
-    if (!this._triggerEl || !this._bodyEl) return;
+    const trigger = this._triggerRef.value;
+    const body = this._bodyRef.value;
+    if (!trigger || !body) return;
     const placement = this.position;
-    const { x, y } = await computePosition2(
-      this._triggerEl,
-      this._bodyEl,
-      {
-        placement,
-        middleware: [offset2(8), flip2(), shift2({ padding: 8 })]
-      }
-    );
-    Object.assign(this._bodyEl.style, {
+    const { x, y } = await computePosition2(trigger, body, {
+      placement,
+      middleware: [offset2(8), flip2(), shift2({ padding: 8 })]
+    });
+    Object.assign(body.style, {
       position: "absolute",
       left: `${x}px`,
       top: `${y}px`
@@ -7208,7 +7209,7 @@ var CsTooltipInternal = class extends CsBaseElement {
     return html19`
       <div class="tooltip--root">
         <div
-          class="tooltip-trigger"
+          ${ref(this._triggerRef)}
           aria-describedby=${this._visible ? this._tooltipId : nothing6}
           @mouseenter=${this._show}
           @mouseleave=${this._hide}
@@ -7219,9 +7220,10 @@ var CsTooltipInternal = class extends CsBaseElement {
         </div>
         ${this._visible && this.content ? html19`
             <div
-              class="tooltip-body"
+              ${ref(this._bodyRef)}
               role="tooltip"
               id=${this._tooltipId}
+              style="position: absolute"
             >
               ${this.content}
             </div>
@@ -7239,12 +7241,6 @@ __decorateClass([
 __decorateClass([
   state4()
 ], CsTooltipInternal.prototype, "_visible", 2);
-__decorateClass([
-  query(".tooltip-trigger")
-], CsTooltipInternal.prototype, "_triggerEl", 2);
-__decorateClass([
-  query(".tooltip-body")
-], CsTooltipInternal.prototype, "_bodyEl", 2);
 
 // src/tooltip/index.ts
 var CsTooltip = class extends CsTooltipInternal {
@@ -7253,7 +7249,7 @@ customElements.define("cs-tooltip", CsTooltip);
 
 // src/popover/internal.ts
 import { css as css47, html as html20, nothing as nothing7 } from "lit";
-import { property as property19, state as state5, query as query2 } from "lit/decorators.js";
+import { property as property19, state as state5, query } from "lit/decorators.js";
 import { classMap as classMap17 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined10 } from "lit/directives/if-defined.js";
 
@@ -7927,10 +7923,10 @@ __decorateClass([
   state5()
 ], CsPopoverInternal.prototype, "_open", 2);
 __decorateClass([
-  query2(".trigger")
+  query(".trigger")
 ], CsPopoverInternal.prototype, "_triggerEl", 2);
 __decorateClass([
-  query2(".container")
+  query(".container")
 ], CsPopoverInternal.prototype, "_containerEl", 2);
 
 // src/popover/index.ts
@@ -14368,9 +14364,10 @@ customElements.define("cs-expandable-section", CsExpandableSection);
 
 // src/button-dropdown/internal.ts
 import { css as css89, html as html41, nothing as nothing18 } from "lit";
-import { property as property40, state as state11, query as query3 } from "lit/decorators.js";
+import { property as property40, state as state11, query as query2 } from "lit/decorators.js";
 import { classMap as classMap36 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined21 } from "lit/directives/if-defined.js";
+import { createRef as createRef2, ref as ref2 } from "lit/directives/ref.js";
 
 // src/button-dropdown/styles.ts
 import { css as css87 } from "lit";
@@ -14700,6 +14697,7 @@ var CsButtonDropdownInternal = class extends CsBaseElement {
     this.ariaLabel = null;
     this._open = false;
     this._highlightedIndex = -1;
+    this._triggerRef = createRef2();
     this._cleanupOutsideClick = null;
     this._onTriggerClick = () => {
       if (!this._isInteractive()) return;
@@ -14721,7 +14719,7 @@ var CsButtonDropdownInternal = class extends CsBaseElement {
         case "Escape":
           e.stopPropagation();
           this._open = false;
-          this._triggerEl?.focus();
+          this._triggerRef.value?.focus();
           break;
         case "ArrowDown":
           e.preventDefault();
@@ -14777,7 +14775,7 @@ var CsButtonDropdownInternal = class extends CsBaseElement {
     }
   }
   focus(options) {
-    this._triggerEl?.focus(options);
+    this._triggerRef.value?.focus(options);
   }
   _flatItems() {
     return this.items.filter(isActionItem);
@@ -14803,13 +14801,13 @@ var CsButtonDropdownInternal = class extends CsBaseElement {
       });
     }
     this._open = false;
-    this._triggerEl?.focus();
+    this._triggerRef.value?.focus();
   }
   async _updatePosition() {
     await this.updateComplete;
-    if (!this._triggerEl || !this._dropdownEl) return;
+    if (!this._triggerRef.value || !this._dropdownEl) return;
     const { x, y } = await computePosition2(
-      this._triggerEl,
+      this._triggerRef.value,
       this._dropdownEl,
       {
         placement: "bottom-start",
@@ -14850,7 +14848,6 @@ var CsButtonDropdownInternal = class extends CsBaseElement {
     const isDisabled = this.disabled || this.loading;
     const buttonClasses = {
       "button": true,
-      "trigger-btn": true,
       [`variant-${this.variant}`]: true,
       "disabled": isDisabled,
       "button-no-text": isIcon
@@ -14860,6 +14857,7 @@ var CsButtonDropdownInternal = class extends CsBaseElement {
     if (isIcon) {
       return html41`
         <button
+          ${ref2(this._triggerRef)}
           class=${classMap36(buttonClasses)}
           type="button"
           aria-haspopup="true"
@@ -14879,6 +14877,7 @@ var CsButtonDropdownInternal = class extends CsBaseElement {
     };
     return html41`
       <button
+        ${ref2(this._triggerRef)}
         class=${classMap36(buttonClasses)}
         type="button"
         aria-haspopup="true"
@@ -14980,10 +14979,7 @@ __decorateClass([
   state11()
 ], CsButtonDropdownInternal.prototype, "_highlightedIndex", 2);
 __decorateClass([
-  query3(".trigger-btn")
-], CsButtonDropdownInternal.prototype, "_triggerEl", 2);
-__decorateClass([
-  query3(".dropdown")
+  query2(".dropdown")
 ], CsButtonDropdownInternal.prototype, "_dropdownEl", 2);
 
 // src/button-dropdown/index.ts
@@ -15483,9 +15479,10 @@ customElements.define("cs-breadcrumb-group", CsBreadcrumbGroup);
 
 // src/select/internal.ts
 import { css as css97, html as html44, nothing as nothing19 } from "lit";
-import { property as property43, state as state12, query as query4 } from "lit/decorators.js";
+import { property as property43, state as state12, query as query3 } from "lit/decorators.js";
 import { classMap as classMap38 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined24 } from "lit/directives/if-defined.js";
+import { createRef as createRef3, ref as ref3 } from "lit/directives/ref.js";
 
 // src/select/styles.ts
 import { css as css95 } from "lit";
@@ -15807,6 +15804,7 @@ var CsSelectInternal = class extends Base6 {
     this._open = false;
     this._filterText = "";
     this._highlightedIndex = -1;
+    this._filterInputRef = createRef3();
     this._cleanupOutsideClick = null;
     this._onTriggerClick = () => {
       if (this.disabled) return;
@@ -15893,7 +15891,7 @@ var CsSelectInternal = class extends Base6 {
         this._addOutsideClickListener();
         if (this._hasFiltering()) {
           this.updateComplete.then(() => {
-            this._filterInputEl?.focus();
+            this._filterInputRef.value?.focus();
           });
         }
       } else {
@@ -16054,6 +16052,7 @@ var CsSelectInternal = class extends Base6 {
       ${this._hasFiltering() ? html44`
         <div class="filter-container select-parts--filter">
           <input
+            ${ref3(this._filterInputRef)}
             class="filter-input"
             type="text"
             placeholder=${this.filteringPlaceholder || "Filter"}
@@ -16148,14 +16147,11 @@ __decorateClass([
   state12()
 ], CsSelectInternal.prototype, "_highlightedIndex", 2);
 __decorateClass([
-  query4(".trigger")
+  query3(".trigger")
 ], CsSelectInternal.prototype, "_triggerEl", 2);
 __decorateClass([
-  query4(".dropdown")
+  query3(".dropdown")
 ], CsSelectInternal.prototype, "_dropdownEl", 2);
-__decorateClass([
-  query4(".filter-input")
-], CsSelectInternal.prototype, "_filterInputEl", 2);
 
 // src/select/index.ts
 var CsSelect = class extends CsSelectInternal {
@@ -16164,9 +16160,10 @@ customElements.define("cs-select", CsSelect);
 
 // src/multiselect/internal.ts
 import { css as css99, html as html45, nothing as nothing20 } from "lit";
-import { property as property44, state as state13, query as query5 } from "lit/decorators.js";
+import { property as property44, state as state13, query as query4 } from "lit/decorators.js";
 import { classMap as classMap39 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined25 } from "lit/directives/if-defined.js";
+import { createRef as createRef4, ref as ref4 } from "lit/directives/ref.js";
 
 // src/multiselect/styles.ts
 import { css as css98 } from "lit";
@@ -16396,6 +16393,7 @@ var CsMultiselectInternal = class extends Base7 {
     this._open = false;
     this._filterText = "";
     this._highlightedIndex = -1;
+    this._filterInputRef = createRef4();
     this._cleanupOutsideClick = null;
     this._onTriggerClick = () => {
       if (this.disabled) return;
@@ -16498,7 +16496,7 @@ var CsMultiselectInternal = class extends Base7 {
         this._addOutsideClickListener();
         if (this._hasFiltering()) {
           this.updateComplete.then(() => {
-            this._filterInputEl?.focus();
+            this._filterInputRef.value?.focus();
           });
         }
       } else {
@@ -16676,6 +16674,7 @@ var CsMultiselectInternal = class extends Base7 {
       ${this._hasFiltering() ? html45`
         <div class="filter-container select-parts--filter">
           <input
+            ${ref4(this._filterInputRef)}
             class="filter-input"
             type="text"
             placeholder=${this.filteringPlaceholder || "Filter"}
@@ -16791,14 +16790,11 @@ __decorateClass([
   state13()
 ], CsMultiselectInternal.prototype, "_highlightedIndex", 2);
 __decorateClass([
-  query5(".trigger")
+  query4(".trigger")
 ], CsMultiselectInternal.prototype, "_triggerEl", 2);
 __decorateClass([
-  query5(".dropdown")
+  query4(".dropdown")
 ], CsMultiselectInternal.prototype, "_dropdownEl", 2);
-__decorateClass([
-  query5(".filter-input")
-], CsMultiselectInternal.prototype, "_filterInputEl", 2);
 
 // src/multiselect/index.ts
 var CsMultiselect = class extends CsMultiselectInternal {
@@ -16807,9 +16803,10 @@ customElements.define("cs-multiselect", CsMultiselect);
 
 // src/autosuggest/internal.ts
 import { css as css102, html as html46, nothing as nothing21 } from "lit";
-import { property as property45, state as state14, query as query6 } from "lit/decorators.js";
+import { property as property45, state as state14, query as query5 } from "lit/decorators.js";
 import { classMap as classMap40 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined26 } from "lit/directives/if-defined.js";
+import { createRef as createRef5, ref as ref5 } from "lit/directives/ref.js";
 
 // src/autosuggest/styles.ts
 import { css as css100 } from "lit";
@@ -17047,6 +17044,7 @@ var CsAutosuggestInternal = class extends Base8 {
     this.filteringType = "auto";
     this._open = false;
     this._highlightedIndex = -1;
+    this._inputRef = createRef5();
     this._listboxId = generateUniqueId("autosuggest-listbox");
     this._flatOptions = [];
     this._onInput = (e) => {
@@ -17138,10 +17136,10 @@ var CsAutosuggestInternal = class extends Base8 {
     this._flatOptions = result;
   }
   focus(options) {
-    this._inputEl?.focus(options);
+    this._inputRef.value?.focus(options);
   }
   select() {
-    this._inputEl?.select();
+    this._inputRef.value?.select();
   }
   _scrollHighlightedIntoView() {
     this.updateComplete.then(() => {
@@ -17167,14 +17165,14 @@ var CsAutosuggestInternal = class extends Base8 {
   }
   async updated(changed) {
     super.updated(changed);
-    if (this._open && this._inputEl && this._dropdownEl) {
+    if (this._open && this._inputRef.value && this._dropdownEl) {
       await this._updatePosition();
     }
   }
   async _updatePosition() {
-    if (!this._inputEl || !this._dropdownEl) return;
+    if (!this._inputRef.value || !this._dropdownEl) return;
     const { x, y } = await computePosition2(
-      this._inputEl,
+      this._inputRef.value,
       this._dropdownEl,
       {
         placement: "bottom-start",
@@ -17189,7 +17187,7 @@ var CsAutosuggestInternal = class extends Base8 {
     Object.assign(this._dropdownEl.style, {
       left: `${x}px`,
       top: `${y}px`,
-      inlineSize: `${this._inputEl.offsetWidth}px`
+      inlineSize: `${this._inputRef.value.offsetWidth}px`
     });
   }
   render() {
@@ -17197,7 +17195,6 @@ var CsAutosuggestInternal = class extends Base8 {
     const showDropdown = this._open && filtered.length > 0 && !this.readOnly && !this.disabled;
     const inputClasses = {
       "input": true,
-      "input-element": true,
       "input-readonly": this.readOnly,
       "input-invalid": this.invalid,
       "input-disabled": this.disabled
@@ -17206,6 +17203,7 @@ var CsAutosuggestInternal = class extends Base8 {
       <div class="root">
         <div class="layout-strut">
           <input
+            ${ref5(this._inputRef)}
             class=${classMap40(inputClasses)}
             type="text"
             .value=${this.value}
@@ -17293,10 +17291,7 @@ __decorateClass([
   state14()
 ], CsAutosuggestInternal.prototype, "_highlightedIndex", 2);
 __decorateClass([
-  query6(".input-element")
-], CsAutosuggestInternal.prototype, "_inputEl", 2);
-__decorateClass([
-  query6(".dropdown")
+  query5(".dropdown")
 ], CsAutosuggestInternal.prototype, "_dropdownEl", 2);
 
 // src/autosuggest/index.ts
@@ -19123,7 +19118,8 @@ customElements.define("cs-key-value-pairs", CsKeyValuePairs);
 
 // src/property-filter/internal.ts
 import { css as css116, html as html53, nothing as nothing27 } from "lit";
-import { property as property52, state as state17, query as queryDecorator } from "lit/decorators.js";
+import { property as property52, state as state17 } from "lit/decorators.js";
+import { createRef as createRef6, ref as ref6 } from "lit/directives/ref.js";
 
 // src/property-filter/styles.ts
 import { css as css115 } from "lit";
@@ -19391,12 +19387,13 @@ var CsPropertyFilterInternal = class extends CsBaseElement {
     this.disabled = false;
     this.filteringPlaceholder = "Filter by text";
     this._inputValue = "";
+    this._inputRef = createRef6();
   }
   static {
     this.styles = [sharedStyles, componentStyles51, componentStyles26, filterInputStyles, hostStyles52];
   }
   focus(options) {
-    this._inputEl?.focus(options);
+    this._inputRef.value?.focus(options);
   }
   _onInput(e) {
     this._inputValue = e.target.value;
@@ -19449,6 +19446,7 @@ var CsPropertyFilterInternal = class extends CsBaseElement {
         <div class="search-field">
           <div class="input-wrapper">
             <input
+              ${ref6(this._inputRef)}
               class="filter-input"
               type="text"
               .value=${this._inputValue}
@@ -19500,9 +19498,6 @@ __decorateClass([
 __decorateClass([
   state17()
 ], CsPropertyFilterInternal.prototype, "_inputValue", 2);
-__decorateClass([
-  queryDecorator(".filter-input")
-], CsPropertyFilterInternal.prototype, "_inputEl", 2);
 
 // src/property-filter/index.ts
 var CsPropertyFilter = class extends CsPropertyFilterInternal {
@@ -21714,7 +21709,7 @@ customElements.define("cs-date-input", CsDateInput);
 
 // src/date-picker/internal.ts
 import { css as css130, html as html60, nothing as nothing32 } from "lit";
-import { property as property59, state as state19, query as query7 } from "lit/decorators.js";
+import { property as property59, state as state19, query as query6 } from "lit/decorators.js";
 import { ifDefined as ifDefined32 } from "lit/directives/if-defined.js";
 import { consume as consume3 } from "@lit/context";
 
@@ -22007,10 +22002,10 @@ __decorateClass([
   state19()
 ], CsDatePickerInternal.prototype, "_open", 2);
 __decorateClass([
-  query7(".date-picker-trigger")
+  query6(".date-picker-trigger")
 ], CsDatePickerInternal.prototype, "_triggerEl", 2);
 __decorateClass([
-  query7(".dropdown")
+  query6(".dropdown")
 ], CsDatePickerInternal.prototype, "_dropdownEl", 2);
 
 // src/date-picker/index.ts
@@ -22020,7 +22015,7 @@ customElements.define("cs-date-picker", CsDatePicker);
 
 // src/date-range-picker/internal.ts
 import { css as css133, html as html61, nothing as nothing33 } from "lit";
-import { property as property60, state as state20, query as query8 } from "lit/decorators.js";
+import { property as property60, state as state20, query as query7 } from "lit/decorators.js";
 import { classMap as classMap50 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined33 } from "lit/directives/if-defined.js";
 
@@ -22849,10 +22844,10 @@ __decorateClass([
   state20()
 ], CsDateRangePickerInternal.prototype, "_selectedRelativeKey", 2);
 __decorateClass([
-  query8(".trigger-button")
+  query7(".trigger-button")
 ], CsDateRangePickerInternal.prototype, "_triggerEl", 2);
 __decorateClass([
-  query8(".dropdown")
+  query7(".dropdown")
 ], CsDateRangePickerInternal.prototype, "_dropdownEl", 2);
 
 // src/date-range-picker/index.ts

package/dist/multiselect/internal.d.ts

@@ -22,7 +22,7 @@ export declare class CsMultiselectInternal extends Base {
     private _highlightedIndex;
     private _triggerEl;
     private _dropdownEl;
-    private _filterInputEl;
+    private _filterInputRef;
     private _cleanupOutsideClick;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/multiselect/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/multiselect/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAiMhD,qBAAa,qBAAsB,SAAQ,IAAI;IAC7C,OAAgB,MAAM,4BAAkF;IAGxG,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAM;IAG7D,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAM;IAGvC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAU;IAGnD,WAAW,SAAM;IAGR,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,UAAS;IAGhB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAGjB,oBAAoB,SAAM;IAG1B,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAG/D,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,WAAW,CAAe;IAGlC,OAAO,CAAC,cAAc,CAAoB;IAE1C,OAAO,CAAC,oBAAoB,CAA6B;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAmB/C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,eAAe,CAiBrB;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,UAAU,CA4DhB;IAEF,OAAO,CAAC,0BAA0B;YASpB,eAAe;IAyB7B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAsCrB,OAAO,CAAC,sBAAsB;IAqC9B,OAAO,CAAC,aAAa;IAoBZ,MAAM,IAAI,cAAc;CAyClC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/multiselect/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKnF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAiMhD,qBAAa,qBAAsB,SAAQ,IAAI;IAC7C,OAAgB,MAAM,4BAAkF;IAGxG,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAM;IAG7D,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAM;IAGvC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAU;IAGnD,WAAW,SAAM;IAGR,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,UAAS;IAGhB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAGjB,oBAAoB,SAAM;IAG1B,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAG/D,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,eAAe,CAAsC;IAE7D,OAAO,CAAC,oBAAoB,CAA6B;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAmB/C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,eAAe,CAiBrB;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,UAAU,CA4DhB;IAEF,OAAO,CAAC,0BAA0B;YASpB,eAAe;IAyB7B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAsCrB,OAAO,CAAC,sBAAsB;IAsC9B,OAAO,CAAC,aAAa;IAoBZ,MAAM,IAAI,cAAc;CAyClC"}

package/dist/property-filter/internal.d.ts

@@ -30,7 +30,7 @@ export declare class CsPropertyFilterInternal extends CsBaseElement {
     filteringPlaceholder: string;
     countText?: string;
     private _inputValue;
-    private _inputEl;
+    private _inputRef;
     focus(options?: FocusOptions): void;
     private _onInput;
     private _onKeyDown;

package/dist/property-filter/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/property-filter/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,kBAAkB,CAAC;AAsD1B,8CAA8C;AAC9C,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,8CAA8C;AAC9C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;CACzB;AAED,qBAAa,wBAAyB,SAAQ,aAAa;IACzD,OAAgB,MAAM,4BAA+E;IAGrG,KAAK,EAAE,WAAW,CAAoC;IAGtD,mBAAmB,EAAE,aAAa,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAGjI,gBAAgB,EAAE,aAAa,CAAC;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAG7F,QAAQ,UAAS;IAGjB,oBAAoB,SAAoB;IAGxC,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,QAAQ,CAAoB;IAEpC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAwBX,MAAM,IAAI,cAAc;CAsClC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/property-filter/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,kBAAkB,CAAC;AAsD1B,8CAA8C;AAC9C,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,8CAA8C;AAC9C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;CACzB;AAED,qBAAa,wBAAyB,SAAQ,aAAa;IACzD,OAAgB,MAAM,4BAA+E;IAGrG,KAAK,EAAE,WAAW,CAAoC;IAGtD,mBAAmB,EAAE,aAAa,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAGjI,gBAAgB,EAAE,aAAa,CAAC;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAG7F,QAAQ,UAAS;IAGjB,oBAAoB,SAAoB;IAGxC,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,OAAO,CAAC,WAAW,CAAM;IAEzB,OAAO,CAAC,SAAS,CAAsC;IAEvD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAwBX,MAAM,IAAI,cAAc;CAuClC"}

package/dist/select/internal.d.ts

@@ -20,7 +20,7 @@ export declare class CsSelectInternal extends Base {
     private _highlightedIndex;
     private _triggerEl;
     private _dropdownEl;
-    private _filterInputEl;
+    private _filterInputRef;
     private _cleanupOutsideClick;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/select/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/select/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,IAAI,qHAAqC,CAAC;AA0KhD,qBAAa,gBAAiB,SAAQ,IAAI;IACxC,OAAgB,MAAM,4BAAkF;IAGxG,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAQ;IAGjD,OAAO,EAAE,WAAW,CAAC,OAAO,CAAM;IAGlC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAU;IAGlD,WAAW,SAAM;IAGR,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGhC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGrC,OAAO,UAAS;IAGhB,oBAAoB,SAAM;IAG1B,iBAAiB,SAAM;IAGvB,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,WAAW,CAAe;IAGlC,OAAO,CAAC,cAAc,CAAoB;IAE1C,OAAO,CAAC,oBAAoB,CAA6B;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAmB/C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,UAAU,CA4DhB;IAEF,OAAO,CAAC,0BAA0B;YASpB,eAAe;IAyB7B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,aAAa;IAkCrB,OAAO,CAAC,sBAAsB;IAqCrB,MAAM,IAAI,cAAc;CAwClC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/select/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKnF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,IAAI,qHAAqC,CAAC;AA0KhD,qBAAa,gBAAiB,SAAQ,IAAI;IACxC,OAAgB,MAAM,4BAAkF;IAGxG,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAQ;IAGjD,OAAO,EAAE,WAAW,CAAC,OAAO,CAAM;IAGlC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAU;IAGlD,WAAW,SAAM;IAGR,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGhC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGrC,OAAO,UAAS;IAGhB,oBAAoB,SAAM;IAG1B,iBAAiB,SAAM;IAGvB,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,eAAe,CAAsC;IAE7D,OAAO,CAAC,oBAAoB,CAA6B;IAEhD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAmB/C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,UAAU,CA4DhB;IAEF,OAAO,CAAC,0BAA0B;YASpB,eAAe;IAyB7B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,aAAa;IAkCrB,OAAO,CAAC,sBAAsB;IAsCrB,MAAM,IAAI,cAAc;CAwClC"}

package/dist/tooltip/internal.d.ts

@@ -6,8 +6,8 @@ export declare class CsTooltipInternal extends CsBaseElement {
     position: TooltipProps.Position;
     content: string;
     private _visible;
-    private _triggerEl;
-    private _bodyEl;
+    private _triggerRef;
+    private _bodyRef;
     private _tooltipId;
     private _showTimeout;
     disconnectedCallback(): void;

package/dist/tooltip/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/tooltip/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AASpD,qBAAa,iBAAkB,SAAQ,aAAa;IAClD,OAAgB,MAAM,4BAA6C;IAGnE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAS;IAGxC,OAAO,SAAM;IAGb,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,OAAO,CAAsB;IAErC,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,YAAY,CAA8C;IAEzD,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,KAAK,CAMX;IAEF,OAAO,CAAC,KAAK,CAGX;IAEa,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;YAMzB,eAAe;IAqBpB,MAAM,IAAI,cAAc;CA2BlC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/tooltip/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AASpD,qBAAa,iBAAkB,SAAQ,aAAa;IAClD,OAAgB,MAAM,4BAA6C;IAGnE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAS;IAGxC,OAAO,SAAM;IAGb,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,QAAQ,CAAiC;IAEjD,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,YAAY,CAA8C;IAEzD,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,KAAK,CAMX;IAEF,OAAO,CAAC,KAAK,CAGX;IAEa,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;YAMzB,eAAe;IAmBpB,MAAM,IAAI,cAAc;CA4BlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cumulus-ui/components",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "Web components inspired by Cloudscape Design System",
   "type": "module",
   "main": "./dist/index.js",