@sebgroup/green-core 3.24.1 → 3.24.2

package/components/details/details.js

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

package/components/details/details.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;
@@ -47,11 +47,11 @@ const style = css`
 
     .summary:focus {
       outline-color: var(--gds-sys-color-content-neutral-01);
+    }
 
-      &:not(:focus-visible) {
+      .summary:focus:not(:focus-visible) {
         outline-color: transparent;
       }
-    }
 
     @media (pointer: fine) {
       .summary:hover .summary-icon::after,

package/components/dialog/dialog.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _returnValue, _clickStartedInside, _skipEvents, _requestClose, _requestShow, _handleCancel, _handleKeydown, _handleNativeClose, _dispatchCloseEvent, _dispatchShowEvent, _dispatchUiStateEvent, _handleTriggerSlotChange, handleTriggerSlotChange_fn, _handleTriggerClick, _handleClickOutside;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _returnValue, _clickStartedInside, _skipEvents, _requestClose, _requestShow, _handleCancel, _handleKeydown, _handleNativeClose, _dispatchCloseEvent, _dispatchShowEvent, _dispatchUiStateEvent, _GdsDialog_instances, handleTriggerSlotChange_fn, _handleTriggerClick, _handleClickOutside;
 import { localized, msg } from "@lit/localize";
 import { nothing } from "lit";
 import { property, query } from "lit/decorators.js";
@@ -42,13 +42,13 @@ let GdsDialog = class extends withSizeXProps(
 ) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _handleTriggerSlotChange);
+    __privateAdd(this, _GdsDialog_instances);
     this.open = false;
     this.variant = "default";
     this.placement = "initial";
     this.scrollable = false;
     this.closedby = "closerequest";
-    __privateAdd(this, _returnValue, void 0);
+    __privateAdd(this, _returnValue);
     __privateAdd(this, _clickStartedInside, false);
     /**
      * Whether event dispatch should be skipped in _handleOpenChange.
@@ -190,7 +190,7 @@ let GdsDialog = class extends withSizeXProps(
   render() {
     return html`<slot
         name="trigger"
-        @slotchange=${__privateMethod(this, _handleTriggerSlotChange, handleTriggerSlotChange_fn)}
+        @slotchange=${__privateMethod(this, _GdsDialog_instances, handleTriggerSlotChange_fn)}
       ></slot>
       ${when(
       this.open,
@@ -304,7 +304,7 @@ _handleNativeClose = new WeakMap();
 _dispatchCloseEvent = new WeakMap();
 _dispatchShowEvent = new WeakMap();
 _dispatchUiStateEvent = new WeakMap();
-_handleTriggerSlotChange = new WeakSet();
+_GdsDialog_instances = new WeakSet();
 handleTriggerSlotChange_fn = function() {
   if (this._elTriggerSlot && this._elTriggerSlot.assignedElements()[0]) {
     const trigger = this._elTriggerSlot.assignedElements()[0];

package/components/dialog/dialog.js

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

package/components/dialog/dialog.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;
@@ -20,21 +20,24 @@ const style = css`
       max-height: calc(100dvh - 2 * var(--_margin));
       display: flex;
       width: 400px;
+    }
 
       @starting-style {
+
+    dialog {
         opacity: 0;
         transform: translateY(-16px);
-        &::backdrop {
+    }
+        dialog::backdrop {
           opacity: 0;
         }
       }
 
-      &::backdrop {
+      dialog::backdrop {
         transition: all var(--gds-sys-motion-duration-fast)
           cubic-bezier(var(--gds-sys-motion-easing-ease-out));
         background: rgba(100, 100, 100, 0.4);
       }
-    }
 
     dialog > * {
       flex-grow: 1;
@@ -67,47 +70,64 @@ const style = css`
       --_margin: var(--_in);
 
       height: auto;
+    }
 
-      &.placement-initial,
-      &.placement-right {
+      dialog.slide-out.placement-initial,dialog.slide-out.placement-right {
         inset: var(--_in);
+      }
 
         @media (min-width: 648px) {
+
+      dialog.slide-out.placement-initial,dialog.slide-out.placement-right {
           --_in: var(--gds-sys-space-l);
           inset: var(--_in) var(--_in) var(--_in) auto;
+      }
         }
 
         @starting-style {
+
+      dialog.slide-out.placement-initial,dialog.slide-out.placement-right {
           transform: translateX(var(--gds-sys-space-6xl));
-        }
       }
-
-      &.placement-left {
+        }
         @starting-style {
+
+      dialog.slide-out.placement-left {
           transform: translateX(calc(-1 * var(--gds-sys-space-6xl)));
+      }
         }
+
+      dialog.slide-out.placement-left {
         inset: var(--_in);
+      }
 
         @media (min-width: 648px) {
+
+      dialog.slide-out.placement-left {
           --_in: var(--gds-sys-space-l);
           inset: var(--_in) auto var(--_in) var(--_in);
-        }
       }
-
-      &.placement-top {
+        }
         @starting-style {
+
+      dialog.slide-out.placement-top {
           transform: translateY(calc(-1 * var(--gds-sys-space-6xl)));
+      }
         }
+
+      dialog.slide-out.placement-top {
         inset: var(--_in) var(--_in) auto var(--_in);
       }
-
-      &.placement-bottom {
         @starting-style {
+
+      dialog.slide-out.placement-bottom {
           transform: translateY(calc(var(--gds-sys-space-6xl)));
+      }
         }
+
+      dialog.slide-out.placement-bottom {
         inset: auto var(--_in) var(--_in) var(--_in);
       }
-    }
 
     dialog:focus {
       outline: none;

package/components/dialog/scroll-lock.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import {
   lockBodyScrolling,
   registerGlobalScrollLockStyles,

package/components/div/div.component.js

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

package/components/div/div.js

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

package/components/div/div.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/components/divider/divider.component.js

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

package/components/divider/divider.js

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

package/components/divider/divider.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/components/dropdown/dropdown.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _optionElements, _shouldShowFooter, shouldShowFooter_fn, _renderCombobox, _renderTriggerButton, _handleBlur, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleClearButton, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, _handleOptionSelect, _toggleOptionValue, toggleOptionValue_fn, _syncOptionSelection, syncOptionSelection_fn, _focusListbox, _isPointerPressedInListbox, _handleListboxPointerDown, _handleListboxFocus, _isCommitting, _commitSelection, commitSelection_fn, _registerAutoCloseListener, registerAutoCloseListener_fn, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _optionElements, _Dropdown_instances, shouldShowFooter_fn, _renderCombobox, _renderTriggerButton, _handleBlur, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleClearButton, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, _handleOptionSelect, toggleOptionValue_fn, syncOptionSelection_fn, _focusListbox, _isPointerPressedInListbox, _handleListboxPointerDown, _handleListboxFocus, _isCommitting, commitSelection_fn, registerAutoCloseListener_fn, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
 import { localized, msg, str } from "@lit/localize";
 import { nothing } from "lit";
 import { property, query } from "lit/decorators.js";
@@ -42,24 +42,7 @@ export * from "./option.component.js";
 let Dropdown = class extends GdsFormControlElement {
   constructor() {
     super();
-    __privateAdd(this, _shouldShowFooter);
-    /**
-     * Derives the next multi-select value from the current value rather than from the DOM, so that
-     * `value` stays the only source of truth. Options are listed in DOM order.
-     */
-    __privateAdd(this, _toggleOptionValue);
-    /**
-     * Pushes `value` onto the options. This is one-way on purpose: the selected state of an option is
-     * a projection of `value`, never a source it is read back from.
-     */
-    __privateAdd(this, _syncOptionSelection);
-    /**
-     * Commits a user initiated value change as one synchronous step, so that no re-render or foreign
-     * listener can land between the new value and the events that report it.
-     */
-    __privateAdd(this, _commitSelection);
-    __privateAdd(this, _registerAutoCloseListener);
-    __privateAdd(this, _unregisterAutoCloseListener);
+    __privateAdd(this, _Dropdown_instances);
     this.supportingText = "";
     this.open = false;
     this.searchable = false;
@@ -75,7 +58,7 @@ let Dropdown = class extends GdsFormControlElement {
     this.plain = false;
     this.disableMobileStyles = false;
     this.showExtendedSupportingText = false;
-    __privateAdd(this, _optionElements, void 0);
+    __privateAdd(this, _optionElements);
     __privateAdd(this, _renderCombobox, () => {
       return html`
       <input
@@ -98,7 +81,7 @@ let Dropdown = class extends GdsFormControlElement {
         e.stopImmediatePropagation();
       }}
         @input=${(e) => {
-        __privateMethod(this, _commitSelection, commitSelection_fn).call(this, e.target.value, {
+        __privateMethod(this, _Dropdown_instances, commitSelection_fn).call(this, e.target.value, {
           emitChange: false
         });
         __privateGet(this, _handleSearchFieldInput).call(this, e);
@@ -111,7 +94,7 @@ let Dropdown = class extends GdsFormControlElement {
           this.updateComplete.then(() => __privateGet(this, _focusListbox).call(this));
         }
         if (e.key === "Enter") {
-          __privateMethod(this, _commitSelection, commitSelection_fn).call(this, this.value, { emitInput: false });
+          __privateMethod(this, _Dropdown_instances, commitSelection_fn).call(this, this.value, { emitInput: false });
         }
       }}
       />
@@ -156,8 +139,7 @@ let Dropdown = class extends GdsFormControlElement {
         const bottomSpace = windowHeight - triggerRect.bottom;
         const topSpace = triggerRect.top;
         let height2 = Math.min(topSpace, this.maxHeight);
-        if (bottomSpace > topSpace)
-          height2 = Math.min(bottomSpace, this.maxHeight);
+        if (bottomSpace > topSpace) height2 = Math.min(bottomSpace, this.maxHeight);
         return `${height2 - 16}px`;
       }
       const height = Math.min(window.innerHeight, this.maxHeight);
@@ -176,7 +158,7 @@ let Dropdown = class extends GdsFormControlElement {
     __privateAdd(this, _handleClearButton, (e) => {
       e.preventDefault();
       e.stopPropagation();
-      __privateMethod(this, _commitSelection, commitSelection_fn).call(this, void 0, {
+      __privateMethod(this, _Dropdown_instances, commitSelection_fn).call(this, void 0, {
         beforeDispatch: () => this.dispatchCustomEvent("gds-input-cleared", {
           bubbles: true,
           composed: true
@@ -187,18 +169,15 @@ let Dropdown = class extends GdsFormControlElement {
      * Event handler for filtering the options in the dropdown.
      */
     __privateAdd(this, _handleSearchFieldInput, (e) => {
-      if (!e.currentTarget)
-        return;
+      if (!e.currentTarget) return;
       e.stopPropagation();
       const wasCancelled = !this.dispatchCustomEvent("gds-filter-input", {
         detail: { value: e.currentTarget.value }
       });
-      if (wasCancelled)
-        return;
+      if (wasCancelled) return;
       const input = e.currentTarget;
       this.options.forEach((o) => o.hidden = false);
-      if (!input.value)
-        return;
+      if (!input.value) return;
       const filteredOptions = this.options.filter(
         (o) => !this.searchFilter(input.value, o)
       );
@@ -232,12 +211,11 @@ let Dropdown = class extends GdsFormControlElement {
     });
     __privateAdd(this, _handleOptionSelect, (e) => {
       const option = e.target;
-      if (!this.options.includes(option))
-        return;
+      if (!this.options.includes(option)) return;
       if (this.multiple) {
-        __privateMethod(this, _commitSelection, commitSelection_fn).call(this, __privateMethod(this, _toggleOptionValue, toggleOptionValue_fn).call(this, option));
+        __privateMethod(this, _Dropdown_instances, commitSelection_fn).call(this, __privateMethod(this, _Dropdown_instances, toggleOptionValue_fn).call(this, option));
       } else {
-        __privateMethod(this, _commitSelection, commitSelection_fn).call(this, option.value, {
+        __privateMethod(this, _Dropdown_instances, commitSelection_fn).call(this, option.value, {
           beforeDispatch: () => {
             if (__privateGet(this, _dispatchUISateEvent).call(this, false, "close")) {
               this.open = false;
@@ -273,8 +251,7 @@ let Dropdown = class extends GdsFormControlElement {
      * pointer, so the redirect is limited to programmatic focus.
      */
     __privateAdd(this, _handleListboxFocus, () => {
-      if (__privateGet(this, _isPointerPressedInListbox))
-        return;
+      if (__privateGet(this, _isPointerPressedInListbox)) return;
       __privateGet(this, _focusListbox).call(this);
     });
     __privateAdd(this, _isCommitting, false);
@@ -302,8 +279,7 @@ let Dropdown = class extends GdsFormControlElement {
    * Get the options of the dropdown.
    */
   get options() {
-    if (!__privateGet(this, _optionElements))
-      return [];
+    if (!__privateGet(this, _optionElements)) return [];
     return Array.from(__privateGet(this, _optionElements)).filter(
       (o) => !o.hasAttribute("isplaceholder")
     );
@@ -313,8 +289,7 @@ let Dropdown = class extends GdsFormControlElement {
    * If no placeholder is found, this will be undefined.
    */
   get placeholder() {
-    if (!__privateGet(this, _optionElements))
-      return;
+    if (!__privateGet(this, _optionElements)) return;
     return Array.from(__privateGet(this, _optionElements)).find(
       (o) => o.hasAttribute("isplaceholder")
     );
@@ -484,7 +459,7 @@ let Dropdown = class extends GdsFormControlElement {
       </gds-popover>
 
       ${when(
-      __privateMethod(this, _shouldShowFooter, shouldShowFooter_fn).call(this),
+      __privateMethod(this, _Dropdown_instances, shouldShowFooter_fn).call(this),
       () => html`
           <gds-form-control-footer
             class="size-${this.size}"
@@ -515,16 +490,14 @@ let Dropdown = class extends GdsFormControlElement {
       return;
     }
     if (this.value === void 0) {
-      if (this.placeholder)
-        this.value = this.placeholder.value;
-      else
-        this.value = this.options[0]?.value;
+      if (this.placeholder) this.value = this.placeholder.value;
+      else this.value = this.options[0]?.value;
     } else if (!this.combobox && !this.placeholder && this.options.find((o) => this.compareWith(o.value, this.value)) === void 0) {
       this.value = this.options[0]?.value;
     }
   }
   updated() {
-    __privateMethod(this, _syncOptionSelection, syncOptionSelection_fn).call(this);
+    __privateMethod(this, _Dropdown_instances, syncOptionSelection_fn).call(this);
   }
   _handleMultipleChange() {
     this.options.forEach((o) => o.requestUpdate());
@@ -538,17 +511,15 @@ let Dropdown = class extends GdsFormControlElement {
    * ancestor chain replace the selection before the consumer's own handler reads it.
    */
   set value(value) {
-    if (__privateGet(this, _isCommitting))
-      return;
+    if (__privateGet(this, _isCommitting)) return;
     super.value = value;
   }
   _handleOpenChange() {
     const open = this.open;
     this.options.forEach((o) => o.hidden = !open);
-    if (open)
-      __privateMethod(this, _registerAutoCloseListener, registerAutoCloseListener_fn).call(this);
+    if (open) __privateMethod(this, _Dropdown_instances, registerAutoCloseListener_fn).call(this);
     else {
-      __privateMethod(this, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn).call(this);
+      __privateMethod(this, _Dropdown_instances, unregisterAutoCloseListener_fn).call(this);
       this._elSearchInput && (this._elSearchInput.value = "");
     }
     const selectedOption = this.options.find((option) => option.selected);
@@ -561,7 +532,7 @@ let Dropdown = class extends GdsFormControlElement {
   }
 };
 _optionElements = new WeakMap();
-_shouldShowFooter = new WeakSet();
+_Dropdown_instances = new WeakSet();
 shouldShowFooter_fn = function() {
   return !this.plain;
 };
@@ -577,14 +548,20 @@ _handleSearchFieldKeyDown = new WeakMap();
 _handleListboxKeyDown = new WeakMap();
 _handleOptionFocusChange = new WeakMap();
 _handleOptionSelect = new WeakMap();
-_toggleOptionValue = new WeakSet();
+/**
+ * Derives the next multi-select value from the current value rather than from the DOM, so that
+ * `value` stays the only source of truth. Options are listed in DOM order.
+ */
 toggleOptionValue_fn = function(option) {
   const current = Array.isArray(this.value) ? this.value : [];
   const isSelected = (v) => current.some((c) => this.compareWith(c, v));
   const select = !isSelected(option.value);
   return this.options.filter((o) => o === option ? select : isSelected(o.value)).map((o) => o.value);
 };
-_syncOptionSelection = new WeakSet();
+/**
+ * Pushes `value` onto the options. This is one-way on purpose: the selected state of an option is
+ * a projection of `value`, never a source it is read back from.
+ */
 syncOptionSelection_fn = function() {
   const values = this.multiple ? Array.isArray(this.value) ? this.value : [] : [this.value];
   this.options.forEach((o) => {
@@ -596,7 +573,10 @@ _isPointerPressedInListbox = new WeakMap();
 _handleListboxPointerDown = new WeakMap();
 _handleListboxFocus = new WeakMap();
 _isCommitting = new WeakMap();
-_commitSelection = new WeakSet();
+/**
+ * Commits a user initiated value change as one synchronous step, so that no re-render or foreign
+ * listener can land between the new value and the events that report it.
+ */
 commitSelection_fn = function(value, options = {}) {
   const { emitInput = true, emitChange = true, beforeDispatch } = options;
   this.value = value;
@@ -615,13 +595,11 @@ commitSelection_fn = function(value, options = {}) {
     __privateSet(this, _isCommitting, false);
   }
 };
-_registerAutoCloseListener = new WeakSet();
 registerAutoCloseListener_fn = function() {
   this.addEventListener("blur", __privateGet(this, _blurCloseListener));
   this.addEventListener("gds-blur", __privateGet(this, _blurCloseListener));
   this.addEventListener("keydown", __privateGet(this, _tabCloseListener));
 };
-_unregisterAutoCloseListener = new WeakSet();
 unregisterAutoCloseListener_fn = function() {
   this.removeEventListener("blur", __privateGet(this, _blurCloseListener));
   this.removeEventListener("gds-blur", __privateGet(this, _blurCloseListener));

package/components/dropdown/dropdown.js

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

package/components/dropdown/dropdown.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;
@@ -56,18 +56,18 @@ const style = css`
       flex: 1;
       box-sizing: border-box;
       font-family: inherit;
+    }
 
-      &:focus {
+      input[type='text']:focus {
         border-color: var(--gds-sys-color-border-neutral-01);
         color: var(--gds-sys-color-content-neutral-01);
       }
 
-      &::placeholder {
+      input[type='text']::placeholder {
         font-family: inherit;
         font-weight: var(--gds-sys-text-weight-book);
         color: var(--gds-sys-color-content-disabled-01);
       }
-    }
 
     [aria-expanded='true'] [slot='trail'] {
       transform: scaleY(-1);

package/components/dropdown/dropdown.trans.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import * as FieldBase from "../../primitives/field-base/field-base.trans.styles.js";
 import * as MenuHeading from "../../primitives/menu/menu-heading.trans.styles.js";
 import * as MenuListboxItem from "../../shared-styles/menu-listbox-item.trans.style.js";

package/components/dropdown/option.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _hidden, _emitSelect, emitSelect_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _hidden, _GdsOption_instances, emitSelect_fn;
 import { property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { GdsElement } from "../../gds-element.js";
@@ -21,16 +21,15 @@ import { IconCheckmark } from "../icon/icons/checkmark.component.js";
 let GdsOption = class extends Focusable(GdsElement) {
   constructor() {
     super();
-    __privateAdd(this, _emitSelect);
+    __privateAdd(this, _GdsOption_instances);
     __privateAdd(this, _hidden, false);
     this.selected = false;
     this.isPlaceholder = false;
-    this.addEventListener("click", __privateMethod(this, _emitSelect, emitSelect_fn));
+    this.addEventListener("click", __privateMethod(this, _GdsOption_instances, emitSelect_fn));
     this.addEventListener("keydown", (e) => {
-      if (e.key !== "Enter" && e.key !== " ")
-        return;
+      if (e.key !== "Enter" && e.key !== " ") return;
       e.preventDefault();
-      __privateMethod(this, _emitSelect, emitSelect_fn).call(this, e);
+      __privateMethod(this, _GdsOption_instances, emitSelect_fn).call(this, e);
     });
   }
   get hidden() {
@@ -65,10 +64,8 @@ let GdsOption = class extends Focusable(GdsElement) {
   render() {
     const isMultiple = this.parentElement?.multiple;
     if (!isMultiple) {
-      if (this.selected)
-        this.setAttribute("highlighted", "");
-      else
-        this.removeAttribute("highlighted");
+      if (this.selected) this.setAttribute("highlighted", "");
+      else this.removeAttribute("highlighted");
     }
     return html`<div class="item">
       ${when(
@@ -84,7 +81,7 @@ let GdsOption = class extends Focusable(GdsElement) {
   }
 };
 _hidden = new WeakMap();
-_emitSelect = new WeakSet();
+_GdsOption_instances = new WeakSet();
 emitSelect_fn = function(e) {
   e.stopPropagation();
   this.dispatchCustomEvent("gds-select", {

package/components/dropdown/option.js

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

package/components/fab/fab.component.js

@@ -1,6 +1,6 @@
 import {
   __decorateClass
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 import { gdsCustomElement } from "../../scoping.js";
 import { withPositioningProps } from "../../utils/mixins/declarative-layout-mixins.js";
 import { GdsButton } from "../button/button.component.js";

package/components/fab/fab.js

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

package/components/fab/fab.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/components/filter-chips/filter-chip/filter-chip.component.js

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

package/components/filter-chips/filter-chip/filter-chip.js

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

package/components/filter-chips/filter-chip/filter-chip.styles.js

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

package/components/filter-chips/filter-chip/filter-chip.trans.styles.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.CAV4X6PU.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { TransitionalStyles } from "../../../transitional-styles.js";
 import * as Button from "../../button/button.trans.styles.js";
 import styles from "./filter-chip.trans.styles.scss.js";