@sebgroup/green-core 3.24.1 → 3.24.2

package/primitives/field-base/field-base.component.js

@@ -3,8 +3,8 @@ import {
   __privateAdd,
   __privateGet,
   __privateMethod
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _handleSlotChange, _renderFieldContents, renderFieldContents_fn, _renderSlotLead, renderSlotLead_fn, _renderSlotMain, renderSlotMain_fn, _renderSlotAction, renderSlotAction_fn, _renderSlotTrail, renderSlotTrail_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _handleSlotChange, _GdsFieldBase_instances, renderFieldContents_fn, renderSlotLead_fn, renderSlotMain_fn, renderSlotAction_fn, renderSlotTrail_fn;
 import { localized } from "@lit/localize";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -16,11 +16,7 @@ import FieldBaseStyles from "./field-base.styles.js";
 let GdsFieldBase = class extends GdsElement {
   constructor() {
     super();
-    __privateAdd(this, _renderFieldContents);
-    __privateAdd(this, _renderSlotLead);
-    __privateAdd(this, _renderSlotMain);
-    __privateAdd(this, _renderSlotAction);
-    __privateAdd(this, _renderSlotTrail);
+    __privateAdd(this, _GdsFieldBase_instances);
     this.size = "large";
     this.multiline = false;
     this.disabled = false;
@@ -65,7 +61,7 @@ let GdsFieldBase = class extends GdsElement {
     };
     return html`
       <div class="field ${classMap(classes)}" part="_base">
-        ${__privateMethod(this, _renderFieldContents, renderFieldContents_fn).call(this)}
+        ${__privateMethod(this, _GdsFieldBase_instances, renderFieldContents_fn).call(this)}
       </div>
     `;
   }
@@ -78,27 +74,25 @@ let GdsFieldBase = class extends GdsElement {
   }
 };
 _handleSlotChange = new WeakMap();
-_renderFieldContents = new WeakSet();
+_GdsFieldBase_instances = new WeakSet();
 renderFieldContents_fn = function() {
   const rightSlotsWrapClasses = {
     right: true,
     "as-flex": this.multiline && (this._trailSlotOccupied || this._actionSlotOccupied)
   };
   return html`
-      ${__privateMethod(this, _renderSlotLead, renderSlotLead_fn).call(this)} ${__privateMethod(this, _renderSlotMain, renderSlotMain_fn).call(this)}
+      ${__privateMethod(this, _GdsFieldBase_instances, renderSlotLead_fn).call(this)} ${__privateMethod(this, _GdsFieldBase_instances, renderSlotMain_fn).call(this)}
       <div class="${classMap(rightSlotsWrapClasses)}">
-        ${__privateMethod(this, _renderSlotAction, renderSlotAction_fn).call(this)} ${__privateMethod(this, _renderSlotTrail, renderSlotTrail_fn).call(this)}
+        ${__privateMethod(this, _GdsFieldBase_instances, renderSlotAction_fn).call(this)} ${__privateMethod(this, _GdsFieldBase_instances, renderSlotTrail_fn).call(this)}
       </div>
     `;
 };
-_renderSlotLead = new WeakSet();
 renderSlotLead_fn = function() {
   return html` <slot
       name="lead"
       @slotchange=${(e) => __privateGet(this, _handleSlotChange).call(this, "lead", e)}
     ></slot>`;
 };
-_renderSlotMain = new WeakSet();
 renderSlotMain_fn = function() {
   return html`<div
       class="main-slot-wrap ${classMap({ multiline: this.multiline })}"
@@ -108,7 +102,6 @@ renderSlotMain_fn = function() {
       ></slot>
     </div>`;
 };
-_renderSlotAction = new WeakSet();
 renderSlotAction_fn = function() {
   return html`
       <slot
@@ -117,7 +110,6 @@ renderSlotAction_fn = function() {
       ></slot>
     `;
 };
-_renderSlotTrail = new WeakSet();
 renderSlotTrail_fn = function() {
   return html`
       <slot

package/primitives/field-base/field-base.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsFieldBase } from "./field-base.component.js";
 GdsFieldBase.define();
 export {

package/primitives/field-base/field-base.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, a11y;
@@ -39,12 +39,13 @@ const style = css`
       backface-visibility: hidden;
       transition-duration: var(--gds-sys-motion-duration-fastest);
       transition-timing-function: var(--gds-sys-motion-easing-linear);
+    }
 
-      .right {
+      .field .right {
         display: contents;
       }
 
-      .right.as-flex {
+      .field .right.as-flex {
         display: flex;
         position: absolute;
         gap: var(--gds-sys-space-xs);
@@ -52,7 +53,6 @@ const style = css`
         top: var(--gds-sys-space-xs);
         block-size: max-content;
       }
-    }
 
     .field:focus-within {
       outline-width: var(--gds-sys-space-4xs);

package/primitives/field-base/field-base.trans.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import styles from "./field-base.trans.styles.scss.js";
 function register() {

package/primitives/form-control-footer/form-control-footer.component.js

@@ -2,8 +2,8 @@ import {
   __decorateClass,
   __privateAdd,
   __privateMethod
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _renderRemainingCharsBadge, renderRemainingCharsBadge_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _GdsFormControlFooter_instances, renderRemainingCharsBadge_fn;
 import { nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
@@ -19,7 +19,7 @@ import FormControlFooterStyles from "./form-control-footer.styles.js";
 let GdsFormControlFooter = class extends GdsElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _renderRemainingCharsBadge);
+    __privateAdd(this, _GdsFormControlFooter_instances);
   }
   _handleVisibilityChange() {
     this.classList.toggle(
@@ -47,15 +47,14 @@ let GdsFormControlFooter = class extends GdsElement {
         >
       </div>
       <div class="char-counter" aria-hidden="true">
-        ${__privateMethod(this, _renderRemainingCharsBadge, renderRemainingCharsBadge_fn).call(this)}
+        ${__privateMethod(this, _GdsFormControlFooter_instances, renderRemainingCharsBadge_fn).call(this)}
       </div>
     </div>`;
   }
 };
-_renderRemainingCharsBadge = new WeakSet();
+_GdsFormControlFooter_instances = new WeakSet();
 renderRemainingCharsBadge_fn = function() {
-  if (!this.charCounter || this.charCounter[1] === false)
-    return nothing;
+  if (!this.charCounter || this.charCounter[1] === false) return nothing;
   const [remaining, variant] = this.charCounter;
   return html`<gds-badge variant="${variant}">${remaining}</gds-badge>`;
 };

package/primitives/form-control-footer/form-control-footer.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsFormControlFooter } from "./form-control-footer.component.js";
 GdsFormControlFooter.define();
 export {

package/primitives/form-control-footer/form-control-footer.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, reset, transitional-styles;
@@ -31,19 +31,16 @@ const style = css`
       width: 18px;
       height: 18px;
     }
-
-    :host(.size-small) {
-      & .error-message {
+      :host(.size-small) .error-message {
         font: var(--gds-sys-text-detail-xs-regular);
         gap: var(--gds-sys-space-3xs);
       }
-      & [gds-element^='gds-icon'] {
+      :host(.size-small) [gds-element^='gds-icon'] {
         width: 16px;
         height: 16px;
         line-height: 16px;
         margin-right: 2px;
       }
-    }
   }
 `;
 var form_control_footer_styles_default = style;

package/primitives/form-control-header/form-control-header.component.js

@@ -3,8 +3,8 @@ import {
   __privateAdd,
   __privateGet,
   __privateMethod
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _handleExtSupTxtSlotChange, handleExtSupTxtSlotChange_fn, _renderExtSupTxtButton, _handleExtSupTxtBtnClick, _handleResize, _renderExtSupTxt, renderExtSupTxt_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _GdsFormControlHeader_instances, handleExtSupTxtSlotChange_fn, _renderExtSupTxtButton, _handleExtSupTxtBtnClick, _handleResize, renderExtSupTxt_fn;
 import { localized, msg } from "@lit/localize";
 import { property, query, state } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
@@ -20,8 +20,7 @@ import FormControlHeaderStyles from "./form-control-header.styles.js";
 let GdsFormControlHeader = class extends GdsElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _handleExtSupTxtSlotChange);
-    __privateAdd(this, _renderExtSupTxt);
+    __privateAdd(this, _GdsFormControlHeader_instances);
     this.showExtendedSupportingText = false;
     this._hasExtendedSupportingText = false;
     __privateAdd(this, _renderExtSupTxtButton, () => {
@@ -45,8 +44,7 @@ let GdsFormControlHeader = class extends GdsElement {
         detail: this.showExtendedSupportingText,
         cancelable: true
       });
-      if (!shouldEventHappen)
-        return;
+      if (!shouldEventHappen) return;
       this.showExtendedSupportingText = !this.showExtendedSupportingText;
       this._extendedSupportingText?.style.setProperty(
         "--_max-height",
@@ -76,7 +74,7 @@ let GdsFormControlHeader = class extends GdsElement {
         ${when(this._hasExtendedSupportingText, __privateGet(this, _renderExtSupTxtButton))}
       </div>
 
-      ${__privateMethod(this, _renderExtSupTxt, renderExtSupTxt_fn).call(this)}
+      ${__privateMethod(this, _GdsFormControlHeader_instances, renderExtSupTxt_fn).call(this)}
     `;
   }
   connectedCallback() {
@@ -88,14 +86,13 @@ let GdsFormControlHeader = class extends GdsElement {
     window.removeEventListener("resize", __privateGet(this, _handleResize));
   }
 };
-_handleExtSupTxtSlotChange = new WeakSet();
+_GdsFormControlHeader_instances = new WeakSet();
 handleExtSupTxtSlotChange_fn = function(e) {
   this._hasExtendedSupportingText = e.target.assignedElements({ flatten: true }).length > 0;
 };
 _renderExtSupTxtButton = new WeakMap();
 _handleExtSupTxtBtnClick = new WeakMap();
 _handleResize = new WeakMap();
-_renderExtSupTxt = new WeakSet();
 renderExtSupTxt_fn = function() {
   return html`
       <div
@@ -105,7 +102,7 @@ renderExtSupTxt_fn = function() {
       >
         <slot
           name="extended-supporting-text"
-          @slotchange=${__privateMethod(this, _handleExtSupTxtSlotChange, handleExtSupTxtSlotChange_fn)}
+          @slotchange=${__privateMethod(this, _GdsFormControlHeader_instances, handleExtSupTxtSlotChange_fn)}
         ></slot>
       </div>
     `;

package/primitives/form-control-header/form-control-header.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsFormControlHeader } from "./form-control-header.component.js";
 GdsFormControlHeader.define();
 export {

package/primitives/form-control-header/form-control-header.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, reset, transitional-styles;

package/primitives/menu/menu-heading.component.js

@@ -1,6 +1,6 @@
 import {
   __decorateClass
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 import { html } from "lit";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement } from "../../scoping.js";

package/primitives/menu/menu-heading.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsMenuHeading } from "./menu-heading.component.js";
 GdsMenuHeading.define();
 export {

package/primitives/menu/menu-heading.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, reset, transitional-styles;

package/primitives/menu/menu-heading.trans.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles.js";
 import menuHeadingStyles from "./menu-heading.trans.styles.scss.js";
 function register() {

package/primitives/menu/menu-item.component.js

@@ -2,7 +2,7 @@ import {
   __decorateClass,
   __privateAdd,
   __privateGet
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 var _handleOnClick;
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
@@ -23,8 +23,7 @@ let GdsMenuItem = class extends Focusable(GdsElement) {
     super.connectedCallback();
     this.setAttribute("role", "menuitem");
     this.addEventListener("keydown", (e) => {
-      if (e.key !== "Enter" && e.key !== " ")
-        return;
+      if (e.key !== "Enter" && e.key !== " ") return;
       e.preventDefault();
       this.click();
     });

package/primitives/menu/menu-item.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsMenuItem } from "./menu-item.component.js";
 GdsMenuItem.define();
 export {

package/primitives/menu/menu.component.js

@@ -2,7 +2,7 @@ import {
   __decorateClass,
   __privateAdd,
   __privateGet
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 var _slotRef;
 import { createRef, ref } from "lit/directives/ref.js";
 import { GdsElement } from "../../gds-element.js";
@@ -26,8 +26,7 @@ let GdsMenu = class extends GdsElement {
     TransitionalStyles.instance.apply(this, MENU_LISTBOX_TRANSITIONAL_STYLE_KEY);
   }
   get navigableItems() {
-    if (!__privateGet(this, _slotRef).value)
-      return [];
+    if (!__privateGet(this, _slotRef).value) return [];
     return unwrap(__privateGet(this, _slotRef).value).assignedElements().filter(
       (o) => !o.hasAttribute("isplaceholder") && o.gdsElementName === "gds-menu-item"
     ) || [];

package/primitives/menu/menu.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsMenu } from "./menu.component.js";
 GdsMenu.define();
 export {

package/primitives/ripple/ripple.component.js

@@ -1,6 +1,6 @@
 import {
   __decorateClass
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 import { html } from "lit";
 import { query } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";

package/primitives/ripple/ripple.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsRipple } from "./ripple.component.js";
 GdsRipple.define();
 export {

package/primitives/ripple/ripple.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   :host {

package/primitives/toggle-controls-base/toggle-control-base.component.js

@@ -1,6 +1,6 @@
 import {
   __decorateClass
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 import { localized } from "@lit/localize";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";

package/primitives/toggle-controls-base/toggle-control-base.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsToggleControlBase } from "./toggle-control-base.component.js";
 GdsToggleControlBase.define();
 export {

package/primitives/toggle-controls-base/toggle-control-base.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, a11y;

package/shared-styles/form-control-host.style.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.CAV4X6PU.js";
+import "../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 var form_control_host_style_default = css`
   * {

package/shared-styles/menu-listbox-item.style.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.CAV4X6PU.js";
+import "../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, reset;
@@ -20,8 +20,9 @@ const style = css`
       max-width: 100%;
       box-sizing: border-box;
       position: relative;
+    }
 
-      &::before {
+      :is(:host .item)::before {
         content: ' ';
         display: flex;
         inset: var(--gds-sys-space-3xs);
@@ -32,7 +33,6 @@ const style = css`
         visitility: hidden;
         pointer-events: none;
       }
-    }
 
     :host([highlighted]) {
       background-color: color-mix(

package/shared-styles/menu-listbox-item.trans.style.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.CAV4X6PU.js";
+import "../chunks/chunk.QU3DSPNU.js";
 import { TransitionalStyles } from "../utils/transitional-styles/transitional-styles.js";
 import itemStyles from "./menu-listbox-item.trans.style.scss.js";
 import rbcbStyles from "./rbcb-toggle.style.js";

package/shared-styles/menu-listbox.style.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.CAV4X6PU.js";
+import "../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 var menu_listbox_style_default = css`
   @layer base, reset, transitional-styles;

package/shared-styles/menu-listbox.trans.style.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.CAV4X6PU.js";
+import "../chunks/chunk.QU3DSPNU.js";
 import { TransitionalStyles } from "../utils/transitional-styles/transitional-styles.js";
 import styles from "./menu-listbox.trans.style.scss.js";
 const MENU_LISTBOX_TRANSITIONAL_STYLE_KEY = "gds-menu-listbox";

package/shared-styles/rbcb-toggle.style.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.CAV4X6PU.js";
+import "../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 var rbcb_toggle_style_default = css`
   .rbcb {

package/shared-styles/rbcb-toggle.template.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.CAV4X6PU.js";
+import "../chunks/chunk.QU3DSPNU.js";
 import { classMap } from "lit/directives/class-map.js";
 import { when } from "lit/directives/when.js";
 import { html } from "../scoping.js";

package/tokens.style.js

@@ -1,4 +1,4 @@
-import "./chunks/chunk.CAV4X6PU.js";
+import "./chunks/chunk.QU3DSPNU.js";
 import { css, unsafeCSS } from "lit";
 import base from "./tokens/variables.base.css.js";
 import colorsDark from "./tokens/variables.dark.css.js";
@@ -27,14 +27,16 @@ GlobalStylesRegistry.instance.injectGlobalStyles(
     :root[gds-theme='dark'] {
       ${unsafeCSS(colorsDark)}
     }
+    @media (prefers-color-scheme: dark) {
     :root[gds-theme='auto'] {
-      @media (prefers-color-scheme: dark) {
         ${unsafeCSS(colorsDark)}
+    }
       }
-      @media (prefers-color-scheme: light) {
+    @media (prefers-color-scheme: light) {
+    :root[gds-theme='auto'] {
         ${unsafeCSS(colorsLight)}
-      }
     }
+      }
   `
 );
 export {

package/utils/controllers/dynamic-styles-controller.js

@@ -3,13 +3,11 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _useLegacyStylesheets, _initialized, _initialStyleSheets, _initialStyleSheetsCopy, _styleSheets, _legacyStyleSheets, _initialLegacyStyleSheets, _initialLegacyStyleSheetsCopy, _addStyles, addStyles_fn, _commit, commit_fn, _init, init_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _useLegacyStylesheets, _initialized, _initialStyleSheets, _initialStyleSheetsCopy, _styleSheets, _legacyStyleSheets, _initialLegacyStyleSheets, _initialLegacyStyleSheetsCopy, _DynamicStylesController_instances, addStyles_fn, commit_fn, init_fn;
 class DynamicStylesController {
   constructor(host) {
-    __privateAdd(this, _addStyles);
-    __privateAdd(this, _commit);
-    __privateAdd(this, _init);
+    __privateAdd(this, _DynamicStylesController_instances);
     __privateAdd(this, _useLegacyStylesheets, !supportsConstructedStylesheets());
     __privateAdd(this, _initialized, false);
     __privateAdd(this, _initialStyleSheets, []);
@@ -22,7 +20,7 @@ class DynamicStylesController {
     this.host.addController(this);
   }
   hostConnected() {
-    __privateMethod(this, _init, init_fn).call(this);
+    __privateMethod(this, _DynamicStylesController_instances, init_fn).call(this);
   }
   /**
    * Checks if the controller has a particular key.
@@ -42,8 +40,8 @@ class DynamicStylesController {
    * @param cssResult - The CSSResult to inject.
    */
   inject(key, cssResult) {
-    __privateMethod(this, _addStyles, addStyles_fn).call(this, key, cssResult);
-    __privateMethod(this, _commit, commit_fn).call(this);
+    __privateMethod(this, _DynamicStylesController_instances, addStyles_fn).call(this, key, cssResult);
+    __privateMethod(this, _DynamicStylesController_instances, commit_fn).call(this);
   }
   /**
    * Clears the styles for a particular key.
@@ -60,7 +58,7 @@ class DynamicStylesController {
     } else {
       __privateGet(this, _styleSheets).delete(key);
     }
-    __privateMethod(this, _commit, commit_fn).call(this);
+    __privateMethod(this, _DynamicStylesController_instances, commit_fn).call(this);
   }
   /**
    * Clears all styles of the component, including any initial styles.
@@ -93,7 +91,7 @@ class DynamicStylesController {
     } else {
       __privateSet(this, _initialStyleSheets, []);
     }
-    __privateMethod(this, _commit, commit_fn).call(this);
+    __privateMethod(this, _DynamicStylesController_instances, commit_fn).call(this);
   }
   /**
    * Restores the initial styles of the component, and keeps any injected styles.
@@ -108,7 +106,7 @@ class DynamicStylesController {
     } else {
       __privateSet(this, _initialStyleSheets, [...__privateGet(this, _initialStyleSheetsCopy)]);
     }
-    __privateMethod(this, _commit, commit_fn).call(this);
+    __privateMethod(this, _DynamicStylesController_instances, commit_fn).call(this);
   }
 }
 _useLegacyStylesheets = new WeakMap();
@@ -119,7 +117,7 @@ _styleSheets = new WeakMap();
 _legacyStyleSheets = new WeakMap();
 _initialLegacyStyleSheets = new WeakMap();
 _initialLegacyStyleSheetsCopy = new WeakMap();
-_addStyles = new WeakSet();
+_DynamicStylesController_instances = new WeakSet();
 addStyles_fn = function(key, cssResult) {
   if (__privateGet(this, _useLegacyStylesheets)) {
     let styleEl = __privateGet(this, _legacyStyleSheets).get(key);
@@ -129,17 +127,14 @@ addStyles_fn = function(key, cssResult) {
     }
     styleEl.textContent = cssResult.cssText;
   } else {
-    if (!this.host.shadowRoot || !cssResult.styleSheet)
-      return;
+    if (!this.host.shadowRoot || !cssResult.styleSheet) return;
     __privateGet(this, _styleSheets).set(key, cssResult.styleSheet);
   }
 };
-_commit = new WeakSet();
 commit_fn = function() {
   if (__privateGet(this, _useLegacyStylesheets)) {
     this.host.updateComplete.then(() => {
-      if (!this.host.shadowRoot)
-        return;
+      if (!this.host.shadowRoot) return;
       this.host.shadowRoot.querySelectorAll("style").forEach((style) => {
         style.remove();
       });
@@ -151,22 +146,18 @@ commit_fn = function() {
       });
     });
   } else {
-    if (!this.host.shadowRoot)
-      return;
+    if (!this.host.shadowRoot) return;
     this.host.shadowRoot.adoptedStyleSheets = [
       ...__privateGet(this, _initialStyleSheets),
       ...Array.from(__privateGet(this, _styleSheets).values())
     ];
   }
 };
-_init = new WeakSet();
 init_fn = function() {
-  if (__privateGet(this, _initialized))
-    return;
+  if (__privateGet(this, _initialized)) return;
   if (__privateGet(this, _useLegacyStylesheets)) {
     this.host.updateComplete.then(() => {
-      if (!this.host.shadowRoot)
-        return;
+      if (!this.host.shadowRoot) return;
       this.host.shadowRoot.querySelectorAll("style").forEach((style) => {
         __privateGet(this, _initialLegacyStyleSheets).push(style);
         __privateGet(this, _initialLegacyStyleSheetsCopy).push(

package/utils/controllers/listbox-kb-nav-controller.js

@@ -1,14 +1,13 @@
 import {
   __privateAdd,
   __privateGet
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 var _keyboardNavigationHandler;
 class ListboxKbNavController {
   constructor(host) {
     __privateAdd(this, _keyboardNavigationHandler, (e) => {
       const targetItem = e.target;
-      if (!this.host.navigableItems.includes(targetItem))
-        return;
+      if (!this.host.navigableItems.includes(targetItem)) return;
       let handled = false;
       if (e.key === "ArrowDown") {
         const nextItemIndex = this.host.navigableItems.indexOf(targetItem) + 1;