@sbb-esta/lyne-elements 5.0.0-next.2 → 5.0.0-next.3

package/core/styles/lean-safety-theme.scss

@@ -0,0 +1,3 @@
+@use './theme' with (
+  $theme: 'lean-safety'
+);

package/core/styles/option-panel-common.global.scss

@@ -0,0 +1,11 @@
+$theme: 'standard' !default;
+
+@mixin base {
+  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
+  --sbb-options-panel-animation-timing-function: ease;
+  --sbb-options-panel-background-color: var(--sbb-background-color-2);
+  --sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);
+  --sbb-options-panel-box-shadow: var(--sbb-box-shadow-level-9-hard);
+  --sbb-options-panel-margin-block-start: var(--sbb-spacing-fixed-2x);
+  --sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x);
+}

package/core/styles/option-panel-common.scss

@@ -0,0 +1,157 @@
+@use './mixins/a11y';
+
+:host {
+  --sbb-options-panel-position-x: 0;
+  --sbb-options-panel-position-y: 0;
+  --sbb-options-pointer-events: all;
+
+  // In order to have a valid value, we need a big integer to not fall into the minimum
+  --_sbb-options-panel-max-height: min(
+    var(--sbb-options-panel-max-height-calculated),
+    var(--sbb-options-panel-max-height, 100000em)
+  );
+  --sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);
+  --sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius)
+    var(--sbb-options-panel-border-radius);
+  --sbb-options-panel-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+
+  // As the overlays have always a white background, we have to fix the focus outline color
+  // to default color for cases where the overlays are used in a negative context.
+  --sbb-focus-outline-color: light-dark(
+    var(--sbb-focus-outline-color-default),
+    var(--sbb-focus-outline-color-dark)
+  );
+  --sbb-options-panel-internal-z-index: var(
+    --sbb-select-z-index,
+    var(--sbb-overlay-default-z-index)
+  );
+
+  font-weight: normal;
+}
+
+:host([negative]) {
+  --sbb-options-panel-box-shadow: var(--sbb-box-shadow-level-9-hard-negative);
+  --sbb-options-panel-background-color: var(--sbb-background-color-2-negative);
+
+  // As the overlays have always a white background, we have to fix the focus outline color
+  // to default color for cases where the overlays are used in a negative context.
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+:host(:not(:state(state-opening), :state(state-opened), :state(state-closing))),
+:host(:state(state-closed)) {
+  --sbb-options-panel-visibility: hidden;
+  --sbb-options-pointer-events: none;
+}
+
+:host(:state(state-opening)) {
+  --sbb-options-panel-animation-name: open;
+}
+
+:host(:state(state-closing)) {
+  --sbb-options-panel-animation-name: close;
+}
+
+:host(:state(options-panel-position-below)) {
+  --sbb-options-panel-animation-translate: var(--sbb-spacing-fixed-2x);
+}
+
+:host(:state(options-panel-position-above)) {
+  --sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius)
+    var(--sbb-options-panel-border-radius) 0 0;
+  --sbb-options-panel-animation-translate: calc(-1 * var(--sbb-spacing-fixed-2x));
+  --sbb-options-panel-margin-block-start: calc(-1 * var(--sbb-spacing-fixed-2x));
+}
+
+:host([preserve-icon-space]) {
+  --sbb-option-icon-container-display: block;
+}
+
+::slotted(sbb-divider) {
+  margin-block: var(--sbb-options-panel-divider-margin-block);
+}
+
+.sbb-option-panel__overlay-container {
+  position: fixed;
+  pointer-events: none;
+  inset: 0;
+  z-index: var(--sbb-options-panel-internal-z-index);
+
+  // Needed to add the box-shadow on the origin element (only if borderless)
+  &::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: var(--sbb-options-panel-origin-position-y);
+    left: var(--sbb-options-panel-origin-position-x);
+    width: var(--sbb-options-panel-width);
+    height: var(--sbb-options-panel-origin-height);
+    background-color: transparent;
+    border-radius: var(--sbb-options-panel-border-radius);
+    transition: box-shadow var(--sbb-options-panel-animation-duration)
+      var(--sbb-options-panel-animation-timing-function);
+
+    :host(:is(:state(state-opened), :state(state-opening)):state(option-panel-origin-borderless))
+      & {
+      box-shadow: var(--sbb-options-panel-box-shadow);
+    }
+  }
+}
+
+.sbb-option-panel__overlay {
+  display: block;
+  position: absolute;
+  visibility: var(--sbb-options-panel-visibility, visible);
+  border: none;
+  border-radius: var(--sbb-options-panel-border-radius);
+  top: var(--sbb-options-panel-position-y);
+  left: var(--sbb-options-panel-position-x);
+  width: var(--sbb-options-panel-width, fit-content);
+  transition: box-shadow var(--sbb-options-panel-animation-duration)
+    var(--sbb-options-panel-animation-timing-function);
+  box-shadow: var(--sbb-options-panel-box-shadow);
+  background-color: var(--sbb-options-panel-background-color);
+  margin-block-start: var(--sbb-options-panel-margin-block-start);
+  padding-block: var(--sbb-options-panel-padding-block);
+  padding-inline: 0;
+  max-height: var(--_sbb-options-panel-max-height);
+  min-height: var(--sbb-options-panel-min-height);
+  pointer-events: var(--sbb-options-pointer-events);
+  overflow: hidden auto;
+  animation: {
+    name: var(--sbb-options-panel-animation-name);
+    duration: var(--sbb-options-panel-animation-duration);
+    timing-function: var(--sbb-options-panel-animation-timing-function);
+  }
+
+  @include a11y.if-forced-colors {
+    border: var(--sbb-border-width-1x) solid CanvasText;
+  }
+}
+
+@keyframes open {
+  from {
+    translate: 0 var(--sbb-options-panel-animation-translate);
+    opacity: 0;
+  }
+
+  to {
+    translate: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes close {
+  from {
+    translate: 0;
+    opacity: 1;
+  }
+
+  to {
+    translate: 0 var(--sbb-options-panel-animation-translate);
+    opacity: 0;
+  }
+}

package/core/styles/styles.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../styles-OHFAsnJq.js";
-export { n as hostScrollbarStyles, e as screenReaderOnlyStyles, t as scrollbarStyles };
+import { i as e, n as t, r as n, t as r } from "../../styles-DAMaYe4p.js";
+export { r as hostScrollbarStyles, t as optionPanelStyles, n as screenReaderOnlyStyles, e as scrollbarStyles };

package/core.css

@@ -1258,10 +1258,18 @@ slot[name=error]::slotted(*) {
   --sbb-mini-button-group-border-width: var(--sbb-border-width-2x);
   --sbb-mini-button-group-border-radius: var(--sbb-border-radius-infinity);
   --sbb-mini-button-group-gap: var(--sbb-spacing-fixed-2x);
-  --sbb-mini-button-group-min-height: var(--sbb-size-element-s);
-  --sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x);
   --sbb-mini-button-group-divider-height: var(--sbb-size-icon-ui-small);
   --sbb-mini-button-group-divider-padding: var(--sbb-spacing-fixed-1x);
+  --sbb-mini-button-group-min-height-s: var(--sbb-size-element-xs);
+  --sbb-mini-button-group-min-height-m: var(--sbb-size-element-s);
+  --sbb-mini-button-group-min-height-l: var(--sbb-size-element-m);
+  --sbb-mini-button-group-min-height-xl: var(--sbb-size-element-l);
+  --sbb-mini-button-group-min-height: var(--sbb-mini-button-group-min-height-m);
+  --sbb-mini-button-group-padding-inline-s: var(--sbb-spacing-fixed-2x);
+  --sbb-mini-button-group-padding-inline-m: var(--sbb-spacing-fixed-3x);
+  --sbb-mini-button-group-padding-inline-l: var(--sbb-spacing-fixed-3x);
+  --sbb-mini-button-group-padding-inline-xl: var(--sbb-spacing-fixed-4x);
+  --sbb-mini-button-group-padding-inline: var(--sbb-mini-button-group-padding-inline-m);
   --sbb-calendar-cell-background-color: transparent;
   --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
   --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
@@ -1310,13 +1318,6 @@ slot[name=error]::slotted(*) {
   --sbb-card-padding-inline-default: var(--sbb-spacing-responsive-s);
   --sbb-card-padding-block-default: var(--sbb-spacing-responsive-xxxs);
   --sbb-card-with-badge-padding-block-default: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);
-}
-:root.sbb-lean {
-  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-card-padding-block: var(--sbb-spacing-fixed-3x);
-  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);
-}
-:root {
   --sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
   --sbb-card-badge-color: var(--sbb-color-2-inverted);
   --sbb-card-badge-background-color: var(--sbb-background-color-3-inverted);
@@ -1346,13 +1347,24 @@ slot[name=error]::slotted(*) {
   --sbb-chip-font-size: var(--sbb-text-font-size-xxs);
   --sbb-chip-height: 1.5rem;
   --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
-  --_sbb-chip-group-margin-block-start-default: 0.125rem;
-  --_sbb-chip-group-margin-block-start-default-large: 0.21875rem;
   --sbb-chip-group-gap: var(--sbb-spacing-fixed-1x);
   --sbb-chip-group-input-min-width: 9.375rem;
-  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
-  --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.6875rem;
-  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large);
+  --_sbb-chip-group-margin-block-start-default: 0.125rem;
+  --_sbb-chip-group-margin-block-start-default-large: 0.21875rem;
+  --_sbb-chip-group-margin-block-base-lm: var(--_sbb-chip-group-margin-block-start-default) 0;
+  --_sbb-chip-group-margin-block-with-label-s: 0.375rem 0.3125rem;
+  --_sbb-chip-group-margin-block-without-label-s: 0 0.4375rem;
+  --_sbb-chip-group-margin-block-without-label-m: 0.1875rem
+    0.6875rem;
+  --_sbb-chip-group-margin-block-without-label-l: var(--_sbb-chip-group-margin-block-start-default)
+    1rem;
+  --_sbb-chip-group-margin-block-with-label-l: var(--_sbb-chip-group-margin-block-start-default)
+    0.46875rem;
+  --_sbb-chip-group-margin-block-with-label-m: var(--_sbb-chip-group-margin-block-start-default)
+    var(--_sbb-chip-group-margin-block-start-default-large);
+  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-base-lm);
+  --sbb-chip-group-margin-block-no-label-not-empty: var(--_sbb-chip-group-margin-block-without-label-m);
+  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-with-label-m);
   --sbb-selection-panel-background-default: var(--sbb-background-color-1);
   --sbb-selection-panel-background-milk: var(--sbb-background-color-3);
   --sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);
@@ -1491,15 +1503,22 @@ slot[name=error]::slotted(*) {
   --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
   --_sbb-form-field-floating-label-transform: 0.53125rem;
   --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
+  --_sbb-form-field-input-margin-block-end: 0;
   --sbb-header-background: var(--sbb-background-color-1);
   --sbb-header-box-shadow: var(--sbb-box-shadow-level-9-soft);
   --sbb-header-inset-inline-end: 0;
   --sbb-header-position: fixed;
-  --sbb-header-height: var(--sbb-spacing-fixed-14x);
+  --sbb-header-height-s: 3.25rem;
+  --sbb-header-height-m: var(--sbb-spacing-fixed-14x);
+  --sbb-header-height: var(--sbb-header-height-m);
   --sbb-header-action-color: var(--sbb-color-1);
   --sbb-header-action-background-color: transparent;
-  --sbb-header-action-min-height: var(--sbb-size-element-s);
-  --sbb-header-action-padding-inline: var(--sbb-spacing-fixed-5x);
+  --sbb-header-action-min-height-s: var(--sbb-size-element-xs);
+  --sbb-header-action-min-height-m: var(--sbb-size-element-s);
+  --sbb-header-action-min-height: var(--sbb-header-action-min-height-m);
+  --sbb-header-action-padding-inline-s: var(--sbb-spacing-fixed-4x);
+  --sbb-header-action-padding-inline-m: var(--sbb-spacing-fixed-5x);
+  --sbb-header-action-padding-inline: var(--sbb-header-action-padding-inline-m);
   --sbb-header-action-transition-easing: var(--sbb-animation-easing);
   --sbb-header-action-border-color: transparent;
   --sbb-header-action-gap: var(--sbb-spacing-fixed-2x);
@@ -1653,6 +1672,7 @@ slot[name=error]::slotted(*) {
   --sbb-option-border-radius: var(--sbb-border-radius-4x);
   --sbb-option-icon-color: var(--sbb-color-metal);
   --sbb-option-icon-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
+  --sbb-option-focus-outline-offset: inherit;
   --sbb-option-focus-outline-color: transparent;
   --sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);
   --sbb-option-font-size: var(--sbb-text-font-size-s);
@@ -1662,6 +1682,13 @@ slot[name=error]::slotted(*) {
   --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-2x);
   --sbb-option-hint-padding-inline: var(--sbb-spacing-responsive-xxxs);
   --sbb-option-hint-font-size: var(--sbb-text-font-size-xxs);
+  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
+  --sbb-options-panel-animation-timing-function: ease;
+  --sbb-options-panel-background-color: var(--sbb-background-color-2);
+  --sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);
+  --sbb-options-panel-box-shadow: var(--sbb-box-shadow-level-9-hard);
+  --sbb-options-panel-margin-block-start: var(--sbb-spacing-fixed-2x);
+  --sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x);
   --sbb-optgroup-label-color: var(--sbb-color-metal);
   --sbb-optgroup-label-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
@@ -1674,21 +1701,13 @@ slot[name=error]::slotted(*) {
   --sbb-overlay-animation-easing: ease;
   --sbb-overlay-pointer-events: none;
   --sbb-overlay-container-display: none;
-  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
-  --sbb-options-panel-animation-timing-function: ease;
-  --sbb-options-panel-background-color: var(--sbb-background-color-2);
-  --sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);
-  --sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x);
+  --sbb-paginator-color: var(--sbb-color-metal);
+  --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
   --sbb-paginator-height: var(--sbb-size-element-m);
-  --sbb-paginator-page-color: var(--sbb-color-metal);
-  --sbb-paginator-page-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);
   --sbb-paginator-font-size: var(--sbb-text-font-size-s);
-  --sbb-compact-paginator-height: var(--sbb-size-element-m);
-  --sbb-compact-paginator-color: var(--sbb-color-metal);
-  --sbb-compact-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
   --sbb-compact-paginator-font-size: var(--sbb-text-font-size-m);
   --sbb-compact-paginator-gap: var(--sbb-spacing-fixed-5x);
   --sbb-compact-paginator-pages-gap: var(--sbb-spacing-fixed-2x);
@@ -1774,21 +1793,19 @@ slot[name=error]::slotted(*) {
   --sbb-status-title-color: var(--sbb-color-granite);
   --sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
   --sbb-step-label-color: var(--sbb-color-4);
-  --sbb-step-label-font-size: var(--sbb-text-font-size-l);
-  --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
   --sbb-step-label-prefix-border-style: solid;
   --sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);
   --sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
-  --sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
-  --sbb-step-label-inset-block-start-size-m: calc(
-    var(--sbb-text-font-size-l) * (var(--sbb-typo-line-height-text) / 2) +
-      (var(--sbb-border-width-1x) / 2)
-  );
-  --sbb-step-label-inset-block-start-size-s: calc(
-    var(--sbb-text-font-size-m) * (var(--sbb-typo-line-height-text) / 2) +
-      (var(--sbb-border-width-1x) / 2)
-  );
-  --sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);
+  --sbb-step-label-number-font-size: var(--sbb-text-font-size-xxs);
+  --sbb-step-label-font-size-s: var(--sbb-text-font-size-m);
+  --sbb-step-label-font-size-m: var(--sbb-text-font-size-l);
+  --sbb-step-label-font-size: var(--sbb-step-label-font-size-m);
+  --sbb-step-label-gap-s: var(--sbb-spacing-fixed-3x);
+  --sbb-step-label-gap-m: var(--sbb-spacing-fixed-4x);
+  --sbb-step-label-gap: var(--sbb-step-label-gap-m);
+  --sbb-step-label-prefix-size-s: var(--sbb-size-element-xxxs);
+  --sbb-step-label-prefix-size-m: var(--sbb-size-element-xxs);
+  --sbb-step-label-prefix-size: var(--sbb-step-label-prefix-size-m);
   --sbb-stepper-orientation: row;
   --sbb-stepper-border-width: var(--sbb-border-width-1x);
   --sbb-stepper-marker-width: var(--sbb-border-width-3x);
@@ -1875,7 +1892,12 @@ slot[name=error]::slotted(*) {
   --sbb-tag-text-color: var(--sbb-color-2);
   --sbb-tag-amount-color: var(--sbb-color-metal);
   --sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-tag-height: var(--sbb-size-element-xs);
+  --sbb-tag-height-s: var(--sbb-size-element-xxxs);
+  --sbb-tag-height-m: var(--sbb-size-element-xs);
+  --sbb-tag-height: var(--sbb-tag-height-m);
+  --sbb-tag-padding-inline-s: var(--sbb-spacing-fixed-3x);
+  --sbb-tag-padding-inline-m: var(--sbb-spacing-fixed-5x);
+  --sbb-tag-padding-inline: var(--sbb-tag-padding-inline-m);
   --sbb-teaser-scale-hover: 1.02;
   --sbb-teaser-description-color: var(--sbb-color-granite);
   --sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));
@@ -1955,8 +1977,12 @@ slot[name=error]::slotted(*) {
   --sbb-toggle-check-border-width: var(--sbb-border-width-1x);
   --sbb-toggle-check-border-radius: var(--sbb-border-radius-4x);
   --sbb-toggle-check-shadow: var(--sbb-box-shadow-level-5-hard);
-  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);
-  --sbb-toggle-height: var(--sbb-size-element-m);
+  --sbb-toggle-height-s: var(--sbb-size-element-xxs);
+  --sbb-toggle-height-m: var(--sbb-size-element-m);
+  --sbb-toggle-height: var(--sbb-toggle-height-m);
+  --sbb-toggle-padding-inline-s: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toggle-padding-inline-m: var(--sbb-spacing-responsive-xs);
+  --sbb-toggle-padding-inline: var(--sbb-toggle-padding-inline-m);
   --sbb-toggle-background-color: var(--sbb-background-color-4);
   --sbb-toggle-background-inset: 0.125rem;
   --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
@@ -2142,14 +2168,29 @@ slot[name=error]::slotted(*) {
     --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-10x);
     --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-8x);
     --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-5x);
-    --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
-    --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.875rem;
-    --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large);
+    --_sbb-chip-group-margin-block-base-lm: var(--_sbb-chip-group-margin-block-start-default-large) 0;
+    --_sbb-chip-group-margin-block-with-label-s: 0.3125rem 0.1875rem;
+    --_sbb-chip-group-margin-block-without-label-s: 0 0.3125rem;
+    --_sbb-chip-group-margin-block-without-label-m: 0.1875rem
+      0.875rem;
+    --_sbb-chip-group-margin-block-without-label-l: var(
+        --_sbb-chip-group-margin-block-start-default-large
+      )
+      1.25rem;
+    --_sbb-chip-group-margin-block-with-label-l: var(
+        --_sbb-chip-group-margin-block-start-default-large
+      )
+      0.46875rem;
+    --_sbb-chip-group-margin-block-with-label-m: var(
+        --_sbb-chip-group-margin-block-start-default-large
+      )
+      var(--_sbb-chip-group-margin-block-start-default-large);
     --sbb-flip-card-min-height: 20rem;
     --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
     --_sbb-form-field-floating-label-transform: 0.65625rem;
     --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
-    --sbb-header-height: var(--sbb-spacing-fixed-24x);
+    --sbb-header-height-s: var(--sbb-spacing-fixed-14x);
+    --sbb-header-height-m: var(--sbb-spacing-fixed-24x);
     --sbb-navigation-grid-column: 1 / 5;
     --sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-xl);
     --sbb-navigation-padding-inline: var(--sbb-layout-base-offset-responsive) 0;
@@ -2434,22 +2475,10 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   }
 }
 
-:root:has(sbb-header[size=m]) {
-  --sbb-header-height: var(--sbb-spacing-fixed-14x);
-}
-
 :root:has(sbb-header[size=s]) {
-  --sbb-header-height: 3.25rem;
+  --sbb-header-height: var(--sbb-header-height-s);
 }
 
-@media (min-width: calc(64rem)) {
-  :root:has(sbb-header[size=m]) {
-    --sbb-header-height: var(--sbb-spacing-fixed-24x);
-  }
-  :root:has(sbb-header[size=s]) {
-    --sbb-header-height: var(--sbb-spacing-fixed-14x);
-  }
-}
 sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
   margin-block-start: var(--sbb-header-height);
 }
@@ -2491,18 +2520,6 @@ sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   border-radius: var(--sbb-message-image-border-radius);
 }
 
-:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] :where(sbb-option, sbb-autocomplete-grid-option) {
-  --sbb-option-min-height: var(--sbb-size-element-xxs);
-  --sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));
-  --sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x);
-}
-:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-optgroup {
-  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
-}
-:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-option-hint {
-  --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
-}
-
 .sbb-options-nowrap {
   --sbb-option-text-overflow: ellipsis;
   --sbb-option-overflow: hidden;

package/core.js

@@ -11,7 +11,7 @@ import { SbbActionBaseElement as x } from "./core/base-elements/action-base-elem
 import { SbbButtonBaseElement as S, SbbButtonLikeBaseElement as C } from "./core/base-elements/button-base-element.js";
 import { SbbLinkBaseElement as w } from "./core/base-elements/link-base-element.js";
 import { SbbOpenCloseBaseElement as T } from "./core/base-elements/open-close-base-element.js";
-import { t as E } from "./selection-group-base-element-BCEzcnya.js";
+import { t as E } from "./selection-group-base-element-COFsU6Ur.js";
 import { mergeConfig as D, readConfig as O } from "./core/config/config.js";
 import { SbbPropertyWatcherController as k } from "./core/controllers/property-watcher-controller.js";
 import { SbbEscapableOverlayController as A } from "./core/controllers/escapable-overlay-controller.js";
@@ -32,36 +32,34 @@ import { omitEmptyConverter as ge } from "./core/decorators/omit-empty-converter
 import { plainDate as _e, plainDateConverter as ve } from "./core/decorators/plain-date.js";
 import { isZeroAnimationDuration as ye } from "./core/dom/animation.js";
 import { containsPierceShadowDom as be } from "./core/dom/contains-pierce-shadow-dom.js";
-import { isLean as xe } from "./core/dom/lean-context.js";
-import { setOrRemoveAttribute as Se } from "./core/dom/set-or-remove-attribute.js";
-import { isAndroid as Ce, isBlink as we, isChromium as Te, isEdge as Ee, isFirefox as De, isIOS as Oe, isMacOS as ke, isNextjs as Ae, isSafari as je, isTrident as Me, isWebkit as Ne } from "./core/dom/platform.js";
-import { queueDomContentLoaded as Pe } from "./core/dom/queue-dom-content-loaded.js";
-import { SbbScrollHandler as Fe, pageScrollDisabled as Ie } from "./core/dom/scroll.js";
-import { composedPathHasAttribute as Le } from "./core/eventing/composed-path-has-attribute.js";
-import { getEventTarget as Re } from "./core/eventing/event-target.js";
-import { preventScrollOnSpacebarPress as ze } from "./core/eventing/form-element-handlers.js";
-import { forwardEvent as Be } from "./core/eventing/forward-event.js";
-import { isEventPrevented as Ve } from "./core/eventing/is-event-prevented.js";
-import { throttle as He } from "./core/eventing/throttle.js";
-import { i18nAdditionalWagonInformationHeading as Ue, i18nAnd as We, i18nArrival as Ge, i18nBlockedPassage as Ke, i18nBreadcrumbEllipsisButtonLabel as qe, i18nCalendarDateSelection as Je, i18nCalendarWeekNumber as Ye, i18nCarouselArrowsNavigationHint as Xe, i18nCarouselItemAriaLabel as Ze, i18nCheckboxRequired as Qe, i18nChipDelete as $e, i18nChipGroupInputDescription as et, i18nClass as tt, i18nClearInput as nt, i18nCloseAlert as rt, i18nCloseDialog as it, i18nCloseNavigation as at, i18nCloseNotification as ot, i18nClosePopover as st, i18nCloseSidebar as ct, i18nClosedCompartmentLabel as lt, i18nCollapsed as ut, i18nConnectionFrom as dt, i18nConnectionRoundtrip as ft, i18nConnectionTo as pt, i18nCouchetteWagonLabel as mt, i18nDateChangedTo as ht, i18nDateInvalid as gt, i18nDateMax as _t, i18nDateMin as vt, i18nDatePickerPlaceholder as yt, i18nDeparture as bt, i18nDialog as xt, i18nDirection as St, i18nDurationDay as Ct, i18nDurationHour as wt, i18nDurationMinute as Tt, i18nExpanded as Et, i18nFileSelectorButtonLabel as Dt, i18nFileSelectorButtonLabelMultiple as Ot, i18nFileSelectorCurrentlySelected as kt, i18nFileSelectorDeleteFile as At, i18nFileSelectorSubtitleLabel as jt, i18nFileSelectorSubtitleLabelMultiple as Mt, i18nFlipCard as Nt, i18nFromPlatform as Pt, i18nGoBack as Ft, i18nInputRequired as It, i18nItemsPerPage as Lt, i18nLocomotiveLabel as Rt, i18nMapContainerButtonLabel as zt, i18nMeansOfTransport as Bt, i18nNew as Vt, i18nNextDay as Ht, i18nNextMonth as Ut, i18nNextPage as Wt, i18nNextSlide as Gt, i18nNextYear as Kt, i18nNextYearRange as qt, i18nOccupancy as Jt, i18nOptional as Yt, i18nPage as Xt, i18nPaginatorOf as Zt, i18nPaginatorSelected as Qt, i18nPreviousDay as $t, i18nPreviousMonth as en, i18nPreviousPage as tn, i18nPreviousSlide as nn, i18nPreviousYear as rn, i18nPreviousYearRange as an, i18nRealTimeInfo as on, i18nRemainingCharacters as sn, i18nRestaurantWagonLabel as cn, i18nReverseCard as ln, i18nSector as un, i18nSectorShort as dn, i18nSelectNextDay as fn, i18nSelectPreviousDay as pn, i18nSelectionRequired as mn, i18nShowCalendar as hn, i18nSleepingWagonLabel as gn, i18nSlide as _n, i18nSupersaver as vn, i18nTargetOpensInNewWindow as yn, i18nTimeInputChange as bn, i18nTimeInvalid as xn, i18nTimeMax as Sn, i18nTimeMaxLength as Cn, i18nTimetableFormSwapButtonLabel as wn, i18nToday as Tn, i18nTrain as En, i18nTrains as Dn, i18nTransferProcedure as On, i18nTransferProcedures as kn, i18nTravelhints as An, i18nTripDuration as jn, i18nTripQuayChange as Mn, i18nWagonLabel as Nn, i18nWagonLabelNumber as Pn, i18nWagonsLabel as Fn, i18nWalkingDistanceArrival as In, i18nWalkingDistanceDeparture as Ln, i18nYearMonthSelection as Rn } from "./core/i18n/i18n.js";
-import { SbbAnimationCompleteMixin as zn } from "./core/mixins/animation-complete-mixin.js";
+import { setOrRemoveAttribute as xe } from "./core/dom/set-or-remove-attribute.js";
+import { isAndroid as Se, isBlink as Ce, isChromium as we, isEdge as Te, isFirefox as Ee, isIOS as De, isMacOS as Oe, isNextjs as ke, isSafari as Ae, isTrident as je, isWebkit as Me } from "./core/dom/platform.js";
+import { queueDomContentLoaded as Ne } from "./core/dom/queue-dom-content-loaded.js";
+import { SbbScrollHandler as Pe, pageScrollDisabled as Fe } from "./core/dom/scroll.js";
+import { composedPathHasAttribute as Ie } from "./core/eventing/composed-path-has-attribute.js";
+import { getEventTarget as Le } from "./core/eventing/event-target.js";
+import { preventScrollOnSpacebarPress as Re } from "./core/eventing/form-element-handlers.js";
+import { forwardEvent as ze } from "./core/eventing/forward-event.js";
+import { isEventPrevented as Be } from "./core/eventing/is-event-prevented.js";
+import { throttle as Ve } from "./core/eventing/throttle.js";
+import { i18nAdditionalWagonInformationHeading as He, i18nAnd as Ue, i18nArrival as We, i18nBlockedPassage as Ge, i18nBreadcrumbEllipsisButtonLabel as Ke, i18nCalendarDateSelection as qe, i18nCalendarWeekNumber as Je, i18nCarouselArrowsNavigationHint as Ye, i18nCarouselItemAriaLabel as Xe, i18nCheckboxRequired as Ze, i18nChipDelete as Qe, i18nChipGroupInputDescription as $e, i18nClass as et, i18nClearInput as tt, i18nCloseAlert as nt, i18nCloseDialog as rt, i18nCloseNavigation as it, i18nCloseNotification as at, i18nClosePopover as ot, i18nCloseSidebar as st, i18nClosedCompartmentLabel as ct, i18nCollapsed as lt, i18nConnectionFrom as ut, i18nConnectionRoundtrip as dt, i18nConnectionTo as ft, i18nCouchetteWagonLabel as pt, i18nDateChangedTo as mt, i18nDateInvalid as ht, i18nDateMax as gt, i18nDateMin as _t, i18nDatePickerPlaceholder as vt, i18nDeparture as yt, i18nDialog as bt, i18nDirection as xt, i18nDurationDay as St, i18nDurationHour as Ct, i18nDurationMinute as wt, i18nExpanded as Tt, i18nFileSelectorButtonLabel as Et, i18nFileSelectorButtonLabelMultiple as Dt, i18nFileSelectorCurrentlySelected as Ot, i18nFileSelectorDeleteFile as kt, i18nFileSelectorSubtitleLabel as At, i18nFileSelectorSubtitleLabelMultiple as jt, i18nFlipCard as Mt, i18nFromPlatform as Nt, i18nGoBack as Pt, i18nInputRequired as Ft, i18nItemsPerPage as It, i18nLocomotiveLabel as Lt, i18nMapContainerButtonLabel as Rt, i18nMeansOfTransport as zt, i18nNew as Bt, i18nNextDay as Vt, i18nNextMonth as Ht, i18nNextPage as Ut, i18nNextSlide as Wt, i18nNextYear as Gt, i18nNextYearRange as Kt, i18nOccupancy as qt, i18nOptional as Jt, i18nPage as Yt, i18nPaginatorOf as Xt, i18nPaginatorSelected as Zt, i18nPreviousDay as Qt, i18nPreviousMonth as $t, i18nPreviousPage as en, i18nPreviousSlide as tn, i18nPreviousYear as nn, i18nPreviousYearRange as rn, i18nRealTimeInfo as an, i18nRemainingCharacters as on, i18nRestaurantWagonLabel as sn, i18nReverseCard as cn, i18nSector as ln, i18nSectorShort as un, i18nSelectNextDay as dn, i18nSelectPreviousDay as fn, i18nSelectionRequired as pn, i18nShowCalendar as mn, i18nSleepingWagonLabel as hn, i18nSlide as gn, i18nSupersaver as _n, i18nTargetOpensInNewWindow as vn, i18nTimeInputChange as yn, i18nTimeInvalid as bn, i18nTimeMax as xn, i18nTimeMaxLength as Sn, i18nTimetableFormSwapButtonLabel as Cn, i18nToday as wn, i18nTrain as Tn, i18nTrains as En, i18nTransferProcedure as Dn, i18nTransferProcedures as On, i18nTravelhints as kn, i18nTripDuration as An, i18nTripQuayChange as jn, i18nWagonLabel as Mn, i18nWagonLabelNumber as Nn, i18nWagonsLabel as Pn, i18nWalkingDistanceArrival as Fn, i18nWalkingDistanceDeparture as In, i18nYearMonthSelection as Ln } from "./core/i18n/i18n.js";
+import { SbbAnimationCompleteMixin as Rn } from "./core/mixins/animation-complete-mixin.js";
 import "./core/mixins/constructor.js";
-import { SbbDisabledInteractiveMixin as Bn, SbbDisabledMixin as Vn, SbbDisabledTabIndexActionMixin as Hn } from "./core/mixins/disabled-mixin.js";
-import { SbbFormAssociatedMixin as Un } from "./core/mixins/form-associated-mixin.js";
-import { SbbRequiredMixin as Wn } from "./core/mixins/required-mixin.js";
-import { SbbFormAssociatedCheckboxMixin as Gn } from "./core/mixins/form-associated-checkbox-mixin.js";
-import { SbbReadonlyMixin as Kn } from "./core/mixins/readonly-mixin.js";
-import { SbbFormAssociatedInputMixin as qn } from "./core/mixins/form-associated-input-mixin.js";
-import { SbbFormAssociatedRadioButtonMixin as Jn, radioButtonRegistry as Yn } from "./core/mixins/form-associated-radio-button-mixin.js";
-import { SbbNamedSlotListMixin as Xn } from "./core/mixins/named-slot-list-mixin.js";
-import { SbbNegativeMixin as Zn } from "./core/mixins/negative-mixin.js";
-import { t as Qn } from "./panel-mixin-CcbyRemy.js";
-import { SbbSelectionPanelMixin as $n } from "./core/mixins/selection-panel-mixin.js";
-import { SbbUpdateSchedulerMixin as er } from "./core/mixins/update-scheduler-mixin.js";
-import { overlayGapFixCorners as tr } from "./core/overlay/overlay.js";
-import { getElementPosition as nr, getElementPositionHorizontal as rr, getElementRectangle as ir, isEventOnElement as ar } from "./core/overlay/position.js";
-import { setOverlayPosition as or } from "./core/overlay/overlay-option-panel.js";
-import { SbbOverlayOutsidePointerEventListener as sr, sbbOverlayOutsidePointerEventListener as cr } from "./core/overlay/overlay-outside-pointer-event-listener.js";
-import { removeAriaComboBoxAttributes as lr, removeAriaOverlayTriggerProperties as ur, setAriaComboBoxAttributes as dr, setAriaOverlayTriggerProperties as fr } from "./core/overlay/overlay-trigger-attributes.js";
-import { n as pr, r as mr, t as hr } from "./styles-OHFAsnJq.js";
-export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, zn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, Bn as SbbDisabledInteractiveMixin, Vn as SbbDisabledMixin, Hn as SbbDisabledTabIndexActionMixin, b as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Gn as SbbFormAssociatedCheckboxMixin, qn as SbbFormAssociatedInputMixin, Un as SbbFormAssociatedMixin, Jn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Xn as SbbNamedSlotListMixin, Zn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, sr as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Qn as SbbPanelMixin, k as SbbPropertyWatcherController, Kn as SbbReadonlyMixin, Wn as SbbRequiredMixin, Fe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, $n as SbbSelectionPanelMixin, v as SbbSlottedChangeEvent, er as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, y as appendAriaElements, Le as composedPathHasAttribute, be as containsPierceShadowDom, le as defaultDateAdapter, de as forceType, Be as forwardEvent, nr as getElementPosition, rr as getElementPositionHorizontal, ir as getElementRectangle, Re as getEventTarget, e as getNextElementIndex, fe as getOverride, pe as handleDistinctChange, me as hostAttributes, hr as hostScrollbarStyles, Ue as i18nAdditionalWagonInformationHeading, We as i18nAnd, Ge as i18nArrival, Ke as i18nBlockedPassage, qe as i18nBreadcrumbEllipsisButtonLabel, Je as i18nCalendarDateSelection, Ye as i18nCalendarWeekNumber, Xe as i18nCarouselArrowsNavigationHint, Ze as i18nCarouselItemAriaLabel, Qe as i18nCheckboxRequired, $e as i18nChipDelete, et as i18nChipGroupInputDescription, tt as i18nClass, nt as i18nClearInput, rt as i18nCloseAlert, it as i18nCloseDialog, at as i18nCloseNavigation, ot as i18nCloseNotification, st as i18nClosePopover, ct as i18nCloseSidebar, lt as i18nClosedCompartmentLabel, ut as i18nCollapsed, dt as i18nConnectionFrom, ft as i18nConnectionRoundtrip, pt as i18nConnectionTo, mt as i18nCouchetteWagonLabel, ht as i18nDateChangedTo, gt as i18nDateInvalid, _t as i18nDateMax, vt as i18nDateMin, yt as i18nDatePickerPlaceholder, bt as i18nDeparture, xt as i18nDialog, St as i18nDirection, Ct as i18nDurationDay, wt as i18nDurationHour, Tt as i18nDurationMinute, Et as i18nExpanded, Dt as i18nFileSelectorButtonLabel, Ot as i18nFileSelectorButtonLabelMultiple, kt as i18nFileSelectorCurrentlySelected, At as i18nFileSelectorDeleteFile, jt as i18nFileSelectorSubtitleLabel, Mt as i18nFileSelectorSubtitleLabelMultiple, Nt as i18nFlipCard, Pt as i18nFromPlatform, Ft as i18nGoBack, It as i18nInputRequired, Lt as i18nItemsPerPage, Rt as i18nLocomotiveLabel, zt as i18nMapContainerButtonLabel, Bt as i18nMeansOfTransport, Vt as i18nNew, Ht as i18nNextDay, Ut as i18nNextMonth, Wt as i18nNextPage, Gt as i18nNextSlide, Kt as i18nNextYear, qt as i18nNextYearRange, Jt as i18nOccupancy, Yt as i18nOptional, Xt as i18nPage, Zt as i18nPaginatorOf, Qt as i18nPaginatorSelected, $t as i18nPreviousDay, en as i18nPreviousMonth, tn as i18nPreviousPage, nn as i18nPreviousSlide, rn as i18nPreviousYear, an as i18nPreviousYearRange, on as i18nRealTimeInfo, sn as i18nRemainingCharacters, cn as i18nRestaurantWagonLabel, ln as i18nReverseCard, un as i18nSector, dn as i18nSectorShort, fn as i18nSelectNextDay, pn as i18nSelectPreviousDay, mn as i18nSelectionRequired, hn as i18nShowCalendar, gn as i18nSleepingWagonLabel, _n as i18nSlide, vn as i18nSupersaver, yn as i18nTargetOpensInNewWindow, bn as i18nTimeInputChange, xn as i18nTimeInvalid, Sn as i18nTimeMax, Cn as i18nTimeMaxLength, wn as i18nTimetableFormSwapButtonLabel, Tn as i18nToday, En as i18nTrain, Dn as i18nTrains, On as i18nTransferProcedure, kn as i18nTransferProcedures, An as i18nTravelhints, jn as i18nTripDuration, Mn as i18nTripQuayChange, Nn as i18nWagonLabel, Pn as i18nWagonLabelNumber, Fn as i18nWagonsLabel, In as i18nWalkingDistanceArrival, Ln as i18nWalkingDistanceDeparture, Rn as i18nYearMonthSelection, he as idReference, f as interactivityChecker, Ce as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, we as isBlink, Te as isChromium, Ee as isEdge, ar as isEventOnElement, Ve as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, De as isFirefox, Oe as isIOS, xe as isLean, ke as isMacOS, r as isNextArrowKeyPressed, Ae as isNextjs, i as isPreviousArrowKeyPressed, je as isSafari, Me as isTrident, Ne as isWebkit, ye as isZeroAnimationDuration, D as mergeConfig, ge as omitEmptyConverter, tr as overlayGapFixCorners, Ie as pageScrollDisabled, _e as plainDate, ve as plainDateConverter, ze as preventScrollOnSpacebarPress, Pe as queueDomContentLoaded, Yn as radioButtonRegistry, O as readConfig, lr as removeAriaComboBoxAttributes, _ as removeAriaElements, ur as removeAriaOverlayTriggerProperties, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, cr as sbbOverlayOutsidePointerEventListener, pr as screenReaderOnlyStyles, mr as scrollbarStyles, dr as setAriaComboBoxAttributes, fr as setAriaOverlayTriggerProperties, Se as setOrRemoveAttribute, or as setOverlayPosition, He as throttle, g as ɵstateController };
+import { SbbDisabledInteractiveMixin as zn, SbbDisabledMixin as Bn, SbbDisabledTabIndexActionMixin as Vn } from "./core/mixins/disabled-mixin.js";
+import { SbbFormAssociatedMixin as Hn } from "./core/mixins/form-associated-mixin.js";
+import { SbbRequiredMixin as Un } from "./core/mixins/required-mixin.js";
+import { SbbFormAssociatedCheckboxMixin as Wn } from "./core/mixins/form-associated-checkbox-mixin.js";
+import { SbbReadonlyMixin as Gn } from "./core/mixins/readonly-mixin.js";
+import { SbbFormAssociatedInputMixin as Kn } from "./core/mixins/form-associated-input-mixin.js";
+import { SbbFormAssociatedRadioButtonMixin as qn, radioButtonRegistry as Jn } from "./core/mixins/form-associated-radio-button-mixin.js";
+import { SbbNamedSlotListMixin as Yn } from "./core/mixins/named-slot-list-mixin.js";
+import { SbbNegativeMixin as Xn } from "./core/mixins/negative-mixin.js";
+import { t as Zn } from "./panel-mixin-XQXElTGt.js";
+import { SbbSelectionPanelMixin as Qn } from "./core/mixins/selection-panel-mixin.js";
+import { SbbUpdateSchedulerMixin as $n } from "./core/mixins/update-scheduler-mixin.js";
+import { getElementPosition as er, getElementPositionHorizontal as tr, getElementRectangle as nr, isEventOnElement as rr } from "./core/overlay/position.js";
+import { setOverlayPosition as ir } from "./core/overlay/overlay-option-panel.js";
+import { SbbOverlayOutsidePointerEventListener as ar, sbbOverlayOutsidePointerEventListener as or } from "./core/overlay/overlay-outside-pointer-event-listener.js";
+import { removeAriaComboBoxAttributes as sr, removeAriaOverlayTriggerProperties as cr, setAriaComboBoxAttributes as lr, setAriaOverlayTriggerProperties as ur } from "./core/overlay/overlay-trigger-attributes.js";
+import { i as dr, n as fr, r as pr, t as mr } from "./styles-DAMaYe4p.js";
+export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, Rn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, zn as SbbDisabledInteractiveMixin, Bn as SbbDisabledMixin, Vn as SbbDisabledTabIndexActionMixin, b as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Wn as SbbFormAssociatedCheckboxMixin, Kn as SbbFormAssociatedInputMixin, Hn as SbbFormAssociatedMixin, qn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Yn as SbbNamedSlotListMixin, Xn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, ar as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Zn as SbbPanelMixin, k as SbbPropertyWatcherController, Gn as SbbReadonlyMixin, Un as SbbRequiredMixin, Pe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, Qn as SbbSelectionPanelMixin, v as SbbSlottedChangeEvent, $n as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, y as appendAriaElements, Ie as composedPathHasAttribute, be as containsPierceShadowDom, le as defaultDateAdapter, de as forceType, ze as forwardEvent, er as getElementPosition, tr as getElementPositionHorizontal, nr as getElementRectangle, Le as getEventTarget, e as getNextElementIndex, fe as getOverride, pe as handleDistinctChange, me as hostAttributes, mr as hostScrollbarStyles, He as i18nAdditionalWagonInformationHeading, Ue as i18nAnd, We as i18nArrival, Ge as i18nBlockedPassage, Ke as i18nBreadcrumbEllipsisButtonLabel, qe as i18nCalendarDateSelection, Je as i18nCalendarWeekNumber, Ye as i18nCarouselArrowsNavigationHint, Xe as i18nCarouselItemAriaLabel, Ze as i18nCheckboxRequired, Qe as i18nChipDelete, $e as i18nChipGroupInputDescription, et as i18nClass, tt as i18nClearInput, nt as i18nCloseAlert, rt as i18nCloseDialog, it as i18nCloseNavigation, at as i18nCloseNotification, ot as i18nClosePopover, st as i18nCloseSidebar, ct as i18nClosedCompartmentLabel, lt as i18nCollapsed, ut as i18nConnectionFrom, dt as i18nConnectionRoundtrip, ft as i18nConnectionTo, pt as i18nCouchetteWagonLabel, mt as i18nDateChangedTo, ht as i18nDateInvalid, gt as i18nDateMax, _t as i18nDateMin, vt as i18nDatePickerPlaceholder, yt as i18nDeparture, bt as i18nDialog, xt as i18nDirection, St as i18nDurationDay, Ct as i18nDurationHour, wt as i18nDurationMinute, Tt as i18nExpanded, Et as i18nFileSelectorButtonLabel, Dt as i18nFileSelectorButtonLabelMultiple, Ot as i18nFileSelectorCurrentlySelected, kt as i18nFileSelectorDeleteFile, At as i18nFileSelectorSubtitleLabel, jt as i18nFileSelectorSubtitleLabelMultiple, Mt as i18nFlipCard, Nt as i18nFromPlatform, Pt as i18nGoBack, Ft as i18nInputRequired, It as i18nItemsPerPage, Lt as i18nLocomotiveLabel, Rt as i18nMapContainerButtonLabel, zt as i18nMeansOfTransport, Bt as i18nNew, Vt as i18nNextDay, Ht as i18nNextMonth, Ut as i18nNextPage, Wt as i18nNextSlide, Gt as i18nNextYear, Kt as i18nNextYearRange, qt as i18nOccupancy, Jt as i18nOptional, Yt as i18nPage, Xt as i18nPaginatorOf, Zt as i18nPaginatorSelected, Qt as i18nPreviousDay, $t as i18nPreviousMonth, en as i18nPreviousPage, tn as i18nPreviousSlide, nn as i18nPreviousYear, rn as i18nPreviousYearRange, an as i18nRealTimeInfo, on as i18nRemainingCharacters, sn as i18nRestaurantWagonLabel, cn as i18nReverseCard, ln as i18nSector, un as i18nSectorShort, dn as i18nSelectNextDay, fn as i18nSelectPreviousDay, pn as i18nSelectionRequired, mn as i18nShowCalendar, hn as i18nSleepingWagonLabel, gn as i18nSlide, _n as i18nSupersaver, vn as i18nTargetOpensInNewWindow, yn as i18nTimeInputChange, bn as i18nTimeInvalid, xn as i18nTimeMax, Sn as i18nTimeMaxLength, Cn as i18nTimetableFormSwapButtonLabel, wn as i18nToday, Tn as i18nTrain, En as i18nTrains, Dn as i18nTransferProcedure, On as i18nTransferProcedures, kn as i18nTravelhints, An as i18nTripDuration, jn as i18nTripQuayChange, Mn as i18nWagonLabel, Nn as i18nWagonLabelNumber, Pn as i18nWagonsLabel, Fn as i18nWalkingDistanceArrival, In as i18nWalkingDistanceDeparture, Ln as i18nYearMonthSelection, he as idReference, f as interactivityChecker, Se as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, Ce as isBlink, we as isChromium, Te as isEdge, rr as isEventOnElement, Be as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, Ee as isFirefox, De as isIOS, Oe as isMacOS, r as isNextArrowKeyPressed, ke as isNextjs, i as isPreviousArrowKeyPressed, Ae as isSafari, je as isTrident, Me as isWebkit, ye as isZeroAnimationDuration, D as mergeConfig, ge as omitEmptyConverter, fr as optionPanelStyles, Fe as pageScrollDisabled, _e as plainDate, ve as plainDateConverter, Re as preventScrollOnSpacebarPress, Ne as queueDomContentLoaded, Jn as radioButtonRegistry, O as readConfig, sr as removeAriaComboBoxAttributes, _ as removeAriaElements, cr as removeAriaOverlayTriggerProperties, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, or as sbbOverlayOutsidePointerEventListener, pr as screenReaderOnlyStyles, dr as scrollbarStyles, lr as setAriaComboBoxAttributes, ur as setAriaOverlayTriggerProperties, xe as setOrRemoveAttribute, ir as setOverlayPosition, Ve as throttle, g as ɵstateController };