@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777898715 → 5.0.0-next.1-dev.1777931407

package/{slider.component-DmPbclBS.js → slider.component-DX8K9GWl.js}

@@ -1,22 +1,22 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, nothing as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbReadonlyMixin as l, boxSizingStyles as u, forceType as d, hostAttributes as f } from "./core.js";
-import { SbbIconElement as p } from "./icon.pure.js";
-import { ref as m } from "lit/directives/ref.js";
+import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbReadonlyMixin as l, forceType as u, hostAttributes as d } from "./core.js";
+import { SbbIconElement as f } from "./icon.pure.js";
+import { ref as p } from "lit/directives/ref.js";
 //#region src/elements/slider/slider.scss?inline
-var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!important;display:inline-block;min-width:var(--sbb-slider-min-width);width:min(var(--sbb-slider-width),100%)}:host(:disabled){--sbb-slider-icon-color: var(--sbb-color-graphite);--sbb-slider-icon-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-slider-knob-border-color: var(--sbb-border-color-5);--sbb-slider-knob-border-size: var(--sbb-border-width-2x);--sbb-slider-knob-border-style: dashed}:host([readonly]){--sbb-slider-icon-color: var(--sbb-color-5);--sbb-slider-knob-border-color: var(--sbb-slider-selected-line-disabled-color)}:host(:disabled),:host([readonly]){--sbb-slider-line-color: var(--sbb-slider-line-disabled-color);--sbb-slider-selected-line-color: var(--sbb-slider-selected-line-disabled-color)}@media(forced-colors:active){:host(:disabled),:host([readonly]){--sbb-slider-icon-color: GrayText;--sbb-slider-selected-line-disabled-color: GrayText;--sbb-slider-line-disabled-color: GrayText}}.sbb-slider__height-container{display:flex;flex-direction:column}.sbb-slider__height-container:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-slider__wrapper{display:flex;gap:var(--sbb-slider-gap);padding-block:var(--sbb-slider-padding-block);color:var(--sbb-slider-icon-color)}.sbb-slider__container{position:relative;min-height:var(--sbb-size-icon-ui-small);flex-grow:1}.sbb-slider__range-input{position:absolute;width:100%;inset:0;opacity:0;margin:0}.sbb-slider__line{position:absolute;top:50%;translate:0 -50%;height:var(--sbb-slider-line-height);width:100%;background-color:var(--sbb-slider-line-color);border-radius:var(--sbb-slider-line-height);overflow:hidden;pointer-events:none}.sbb-slider__selected-line{position:relative;height:100%;background-color:var(--sbb-slider-selected-line-color);width:calc(var(--_sbb-slider-value-fraction) * 100%)}.sbb-slider__knob{position:absolute;top:50%;translate:0 -50%;box-shadow:var(--sbb-box-shadow-level-5-hard);width:var(--sbb-slider-knob-size);height:var(--sbb-slider-knob-size);inset-inline-start:calc(var(--_sbb-slider-value-fraction) * 100% - var(--sbb-slider-knob-size) * var(--_sbb-slider-value-fraction));transition-property:width,height;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-1x));transition-timing-function:ease-in;background-color:var(--sbb-slider-knob-color);border:var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style) var(--sbb-slider-knob-border-color);border-radius:50%;pointer-events:none}:host(:focus-visible) .sbb-slider__knob{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}:host(:not(:is(:disabled,[readonly]))) .sbb-slider__range-input:active~.sbb-slider__knob{--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}", g = (() => {
-	let g = [f({ tabindex: "0" })], _, v = [], y, b = o(l(c(s))), x = [], S, C, w, T, E, D = [], O = [], k, A = [], j = [];
-	var M = class extends b {
+var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!important;display:inline-block;min-width:var(--sbb-slider-min-width);width:min(var(--sbb-slider-width),100%)}:host(:disabled){--sbb-slider-icon-color: var(--sbb-color-graphite);--sbb-slider-icon-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-slider-knob-border-color: var(--sbb-border-color-5);--sbb-slider-knob-border-size: var(--sbb-border-width-2x);--sbb-slider-knob-border-style: dashed}:host([readonly]){--sbb-slider-icon-color: var(--sbb-color-5);--sbb-slider-knob-border-color: var(--sbb-slider-selected-line-disabled-color)}:host(:disabled),:host([readonly]){--sbb-slider-line-color: var(--sbb-slider-line-disabled-color);--sbb-slider-selected-line-color: var(--sbb-slider-selected-line-disabled-color)}@media(forced-colors:active){:host(:disabled),:host([readonly]){--sbb-slider-icon-color: GrayText;--sbb-slider-selected-line-disabled-color: GrayText;--sbb-slider-line-disabled-color: GrayText}}.sbb-slider__height-container{display:flex;flex-direction:column}.sbb-slider__height-container:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-slider__wrapper{display:flex;gap:var(--sbb-slider-gap);padding-block:var(--sbb-slider-padding-block);color:var(--sbb-slider-icon-color)}.sbb-slider__container{position:relative;min-height:var(--sbb-size-icon-ui-small);flex-grow:1}.sbb-slider__range-input{position:absolute;width:100%;inset:0;opacity:0;margin:0}.sbb-slider__line{position:absolute;top:50%;translate:0 -50%;height:var(--sbb-slider-line-height);width:100%;background-color:var(--sbb-slider-line-color);border-radius:var(--sbb-slider-line-height);overflow:hidden;pointer-events:none}.sbb-slider__selected-line{position:relative;height:100%;background-color:var(--sbb-slider-selected-line-color);width:calc(var(--_sbb-slider-value-fraction) * 100%)}.sbb-slider__knob{position:absolute;top:50%;translate:0 -50%;box-shadow:var(--sbb-box-shadow-level-5-hard);width:var(--sbb-slider-knob-size);height:var(--sbb-slider-knob-size);inset-inline-start:calc(var(--_sbb-slider-value-fraction) * 100% - var(--sbb-slider-knob-size) * var(--_sbb-slider-value-fraction));transition-property:width,height;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-1x));transition-timing-function:ease-in;background-color:var(--sbb-slider-knob-color);border:var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style) var(--sbb-slider-knob-border-color);border-radius:50%;pointer-events:none}:host(:focus-visible) .sbb-slider__knob{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}:host(:not(:is(:disabled,[readonly]))) .sbb-slider__range-input:active~.sbb-slider__knob{--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}", h = (() => {
+	let h = [d({ tabindex: "0" })], g, _ = [], v, y = o(l(c(s))), b = [], x, S, C, w, T, E = [], D = [], O, k = [], A = [];
+	var j = class extends y {
 		static {
-			y = this;
+			v = this;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-			S = [a()], C = [a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+			x = [a()], S = [a({
 				attribute: "value-as-number",
 				type: Number
-			})], w = [a()], T = [a()], E = [d(), a({ attribute: "start-icon" })], k = [d(), a({ attribute: "end-icon" })], e(this, null, S, {
+			})], C = [a()], w = [a()], T = [u(), a({ attribute: "start-icon" })], O = [u(), a({ attribute: "end-icon" })], e(this, null, x, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -28,7 +28,7 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, x), e(this, null, C, {
+			}, null, b), e(this, null, S, {
 				kind: "setter",
 				name: "valueAsNumber",
 				static: !1,
@@ -40,7 +40,7 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, x), e(this, null, w, {
+			}, null, b), e(this, null, C, {
 				kind: "setter",
 				name: "min",
 				static: !1,
@@ -52,7 +52,7 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, x), e(this, null, T, {
+			}, null, b), e(this, null, w, {
 				kind: "setter",
 				name: "max",
 				static: !1,
@@ -64,7 +64,7 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, x), e(this, null, E, {
+			}, null, b), e(this, null, T, {
 				kind: "accessor",
 				name: "startIcon",
 				static: !1,
@@ -77,7 +77,7 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, D, O), e(this, null, k, {
+			}, E, D), e(this, null, O, {
 				kind: "accessor",
 				name: "endIcon",
 				static: !1,
@@ -90,11 +90,11 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, A, j), e(null, _ = { value: y }, g, {
+			}, k, A), e(null, g = { value: v }, h, {
 				kind: "class",
-				name: y.name,
+				name: v.name,
 				metadata: t
-			}, null, v), M = y = _.value, t && Object.defineProperty(y, Symbol.metadata, {
+			}, null, _), j = v = g.value, t && Object.defineProperty(v, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -105,13 +105,13 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 			this.elementName = "sbb-slider";
 		}
 		static {
-			this.elementDependencies = [p];
+			this.elementDependencies = [f];
 		}
 		static {
 			this.role = "slider";
 		}
 		static {
-			this.styles = [u, i(h)];
+			this.styles = [i(m)];
 		}
 		static {
 			this.events = { didChange: "didChange" };
@@ -164,7 +164,7 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 			return "range";
 		}
 		constructor() {
-			super(), this._value = (t(this, x), null), this._min = "0", this._max = "100", this.#e = t(this, D, ""), this.#t = (t(this, O), t(this, A, "")), this._rangeInput = t(this, j), this.addEventListener?.("keydown", (e) => this._handleKeydown(e));
+			super(), this._value = (t(this, b), null), this._min = "0", this._max = "100", this.#e = t(this, E, ""), this.#t = (t(this, D), t(this, k, "")), this._rangeInput = t(this, A), this.addEventListener?.("keydown", (e) => this._handleKeydown(e));
 		}
 		willUpdate(e) {
 			super.willUpdate(e), e.has("readOnly") && (this.internals.ariaReadOnly = (!!this.readOnly).toString()), this.style?.setProperty("--_sbb-slider-value-fraction", this._valueFraction().toString());
@@ -225,7 +225,7 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
               type="range"
               @change=${() => this._dispatchChangeEvent()}
               @input=${() => this.value = this._rangeInput.value}
-              ${m((e) => this._rangeInput = e)}
+              ${p((e) => this._rangeInput = e)}
             />
             <div class="sbb-slider__line">
               <div class="sbb-slider__selected-line"></div>
@@ -240,10 +240,10 @@ var h = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
     `;
 		}
 		static {
-			t(y, v);
+			t(v, _);
 		}
 	};
-	return y;
+	return v;
 })();
 //#endregion
-export { g as t };
+export { h as t };

package/slider.js

@@ -1,4 +1,4 @@
-import { t as e } from "./slider.component-DmPbclBS.js";
+import { t as e } from "./slider.component-DX8K9GWl.js";
 import "./slider.pure.js";
 //#region src/elements/slider.ts
 e.define();

package/slider.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./slider.component-DmPbclBS.js";
+import { t as e } from "./slider.component-DX8K9GWl.js";
 export { e as SbbSliderElement };

package/status/status.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../status.component-Dsh4GYvR.js";
+import { t as e } from "../status.component-BkBUOZC5.js";
 export { e as SbbStatusElement };

package/{status.component-Dsh4GYvR.js → status.component-BkBUOZC5.js}

@@ -1,15 +1,15 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbElement as a, boxSizingStyles as o } from "./core.js";
-import { SbbIconNameMixin as s } from "./icon.pure.js";
+import { SbbElement as a } from "./core.js";
+import { SbbIconNameMixin as o } from "./icon.pure.js";
 //#region src/elements/status/status.scss?inline
-var c = ":host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap:var(--sbb-status-gap);color:var(--sbb-status-text-color);font-size:var(--sbb-status-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host([type=error]){--sbb-status-color: var(--sbb-color-error)}:host([type=success]){--sbb-status-color: var(--sbb-color-success)}:host([type=warning]){--sbb-status-color: var(--sbb-color-2)}:host([type=pending]){--sbb-status-color: var(--sbb-color-sky)}:host([type=incomplete]){--sbb-status-color: var(--sbb-color-error)}:host([type=not-started]){--sbb-status-color: var(--sbb-color-5);--sbb-status-text-color: var(--sbb-color-2)}:host([type=in-progress]){--sbb-status-color: var(--sbb-color-pink)}:host(:is(:state(slotted-title),[state--slotted-title])){--sbb-status-gap: var(--sbb-spacing-responsive-xxxs);--_sbb-status-title-font-size: var(--sbb-heading-font-size-5);--_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);color:var(--sbb-status-title-color)}.sbb-status__icon{display:flex;flex-shrink:0;color:var(--sbb-status-color);margin-block-start:calc((var(--_sbb-status-title-font-size, var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height, var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2)}.sbb-status__content-slot{display:inline;margin:0;padding:0}::slotted(sbb-title){margin-block:0}", l = (() => {
-	let l = s(a), u, d = [], f = [];
-	return class extends l {
+var s = ":host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap:var(--sbb-status-gap);color:var(--sbb-status-text-color);font-size:var(--sbb-status-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host([type=error]){--sbb-status-color: var(--sbb-color-error)}:host([type=success]){--sbb-status-color: var(--sbb-color-success)}:host([type=warning]){--sbb-status-color: var(--sbb-color-2)}:host([type=pending]){--sbb-status-color: var(--sbb-color-sky)}:host([type=incomplete]){--sbb-status-color: var(--sbb-color-error)}:host([type=not-started]){--sbb-status-color: var(--sbb-color-5);--sbb-status-text-color: var(--sbb-color-2)}:host([type=in-progress]){--sbb-status-color: var(--sbb-color-pink)}:host(:is(:state(slotted-title),[state--slotted-title])){--sbb-status-gap: var(--sbb-spacing-responsive-xxxs);--_sbb-status-title-font-size: var(--sbb-heading-font-size-5);--_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);color:var(--sbb-status-title-color)}.sbb-status__icon{display:flex;flex-shrink:0;color:var(--sbb-status-color);margin-block-start:calc((var(--_sbb-status-title-font-size, var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height, var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2)}.sbb-status__content-slot{display:inline;margin:0;padding:0}::slotted(sbb-title){margin-block:0}", c = (() => {
+	let c = o(a), l, u = [], d = [];
+	return class extends c {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [i({ reflect: !0 })], e(this, null, u, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [i({ reflect: !0 })], e(this, null, l, {
 				kind: "accessor",
 				name: "type",
 				static: !1,
@@ -22,7 +22,7 @@ var c = ":host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap
 					}
 				},
 				metadata: t
-			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
+			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -33,7 +33,7 @@ var c = ":host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap
 			this.elementName = "sbb-status";
 		}
 		static {
-			this.styles = [o, r(c)];
+			this.styles = [r(s)];
 		}
 		#e;
 		get type() {
@@ -74,9 +74,9 @@ var c = ":host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap
 				["incomplete", "circle-dotted-part-x-small"],
 				["not-started", "circle-dotted-small"],
 				["in-progress", "circle-dotted-part-small"]
-			]), this.#e = t(this, d, "info"), t(this, f);
+			]), this.#e = t(this, u, "info"), t(this, d);
 		}
 	};
 })();
 //#endregion
-export { l as t };
+export { c as t };

package/status.js

@@ -1,4 +1,4 @@
-import { t as e } from "./status.component-Dsh4GYvR.js";
+import { t as e } from "./status.component-BkBUOZC5.js";
 import "./status.pure.js";
 //#region src/elements/status.ts
 e.define();

package/status.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./status.component-Dsh4GYvR.js";
+import { t as e } from "./status.component-BkBUOZC5.js";
 export { e as SbbStatusElement };

package/{step-label.component-BmrquHP7.js → step-label.component-BkiOyF7s.js}

@@ -1,8 +1,8 @@
 import { html as e, unsafeCSS as t } from "lit";
-import { SbbButtonBaseElement as n, SbbDisabledMixin as r, SbbPropertyWatcherController as i, appendAriaElements as a, boxSizingStyles as o, removeAriaElements as s } from "./core.js";
-import { SbbIconNameMixin as c } from "./icon.pure.js";
+import { SbbButtonBaseElement as n, SbbDisabledMixin as r, SbbPropertyWatcherController as i, appendAriaElements as a, removeAriaElements as o } from "./core.js";
+import { SbbIconNameMixin as s } from "./icon.pure.js";
 //#region src/elements/stepper/step-label/step-label.scss?inline
-var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-translate-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host:before{position:absolute;top:50%;left:50%;translate:-50% -50%;font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;translate:-50% var(--_sbb-step-label-translate-y);transition:translate var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);translate:0 var(--sbb-step-label-translate-y-content-hover, 0rem);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,translate}", u = class extends c(r(n)) {
+var c = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-translate-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host:before{position:absolute;top:50%;left:50%;translate:-50% -50%;font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;translate:-50% var(--_sbb-step-label-translate-y);transition:translate var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);translate:0 var(--sbb-step-label-translate-y-content-hover, 0rem);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,translate}", l = class extends s(r(n)) {
 	static {
 		this.elementName = "sbb-step-label";
 	}
@@ -10,7 +10,7 @@ var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation
 		this.role = "tab";
 	}
 	static {
-		this.styles = [o, t(l)];
+		this.styles = [t(c)];
 	}
 	get step() {
 		return this._step;
@@ -61,7 +61,7 @@ var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation
 		let e = this.nextElementSibling;
 		for (; e && e.localName !== "sbb-step";) e = e.nextElementSibling;
 		let t = e;
-		this.internals.ariaControlsElements = s(this.internals.ariaControlsElements, this._step), this._step = t instanceof Element ? t : null, this.internals.ariaControlsElements = a(this.internals.ariaControlsElements, this._step);
+		this.internals.ariaControlsElements = o(this.internals.ariaControlsElements, this._step), this._step = t instanceof Element ? t : null, this.internals.ariaControlsElements = a(this.internals.ariaControlsElements, this._step);
 	}
 	disable(e) {
 		super.disabled = e;
@@ -74,4 +74,4 @@ var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation
 	}
 };
 //#endregion
-export { u as t };
+export { l as t };

package/{step.component-Nm2JoUGp.js → step.component-KiTfzfTj.js}

@@ -1,8 +1,8 @@
 import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n, SbbPropertyWatcherController as r, appendAriaElements as i, boxSizingStyles as a, removeAriaElements as o } from "./core.js";
-import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
+import { SbbElement as n, SbbPropertyWatcherController as r, appendAriaElements as i, removeAriaElements as a } from "./core.js";
+import { ResizeController as o } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/stepper/step/step.scss?inline
-var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = class extends n {
+var s = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", c = class extends n {
 	static {
 		this.elementName = "sbb-step";
 	}
@@ -10,7 +10,7 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 		this.role = "tabpanel";
 	}
 	static {
-		this.styles = [a, t(c)];
+		this.styles = [t(s)];
 	}
 	static {
 		this.events = {
@@ -25,7 +25,7 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 		return this.closest("sbb-stepper");
 	}
 	constructor() {
-		super(), this._stepResizeObserver = new s(this, {
+		super(), this._stepResizeObserver = new o(this, {
 			target: null,
 			skipInitial: !0,
 			callback: () => setTimeout(() => this._onStepElementResize())
@@ -75,7 +75,7 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 		let e = this.previousElementSibling;
 		for (; e && e.localName !== "sbb-step-label";) e = e.previousElementSibling;
 		let t = e;
-		this.internals.ariaLabelledByElements = o(this.internals.ariaLabelledByElements, this._label), this._label = t instanceof Element ? t : null, this.internals.ariaLabelledByElements = i(this.internals.ariaLabelledByElements, this._label);
+		this.internals.ariaLabelledByElements = a(this.internals.ariaLabelledByElements, this._label), this._label = t instanceof Element ? t : null, this.internals.ariaLabelledByElements = i(this.internals.ariaLabelledByElements, this._label);
 	}
 	render() {
 		return e`
@@ -86,4 +86,4 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 	}
 };
 //#endregion
-export { l as t };
+export { c as t };

package/stepper/step/step.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../step.component-Nm2JoUGp.js";
+import { t as e } from "../../step.component-KiTfzfTj.js";
 export { e as SbbStepElement };

package/stepper/step-label/step-label.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../step-label.component-BmrquHP7.js";
+import { t as e } from "../../step-label.component-BkiOyF7s.js";
 export { e as SbbStepLabelElement };

package/stepper/stepper/stepper.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../stepper.component-C3tYful_.js";
+import { n as e, t } from "../../stepper.component-BX3gSLpt.js";
 export { t as SbbStepChangeEvent, e as SbbStepperElement };

package/{stepper.component-C3tYful_.js → stepper.component-BX3gSLpt.js}

@@ -1,30 +1,30 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbElement as a, SbbMediaMatcherController as o, SbbMediaQueryBreakpointLargeAndAbove as s, SbbMediaQueryBreakpointSmallAndAbove as c, SbbMediaQueryBreakpointUltraAndAbove as l, SbbMediaQueryBreakpointZeroAndAbove as u, boxSizingStyles as d, forceType as f, getNextElementIndex as p, isArrowKeyPressed as m, isLean as h } from "./core.js";
-import { IntersectionController as g } from "@lit-labs/observers/intersection-controller.js";
+import { SbbElement as a, SbbMediaMatcherController as o, SbbMediaQueryBreakpointLargeAndAbove as s, SbbMediaQueryBreakpointSmallAndAbove as c, SbbMediaQueryBreakpointUltraAndAbove as l, SbbMediaQueryBreakpointZeroAndAbove as u, forceType as d, getNextElementIndex as f, isArrowKeyPressed as p, isLean as m } from "./core.js";
+import { IntersectionController as h } from "@lit-labs/observers/intersection-controller.js";
 //#region src/elements/stepper/stepper/stepper.scss?inline
-var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:block;position:relative;counter-reset:step-label}@media(forced-colors:active){:host{--sbb-stepper-marker-color: ButtonText}}:host(:is(:state(disable-animation),[state--disable-animation])){--sbb-disable-animation-duration: 0s}:host([orientation=vertical]){--sbb-stepper-orientation: column}.sbb-stepper__labels{display:flex;flex-direction:var(--sbb-stepper-orientation);position:relative;justify-content:start;margin-block-end:var(--sbb-spacing-responsive-m)}.sbb-stepper__labels:before{content:\"\";position:absolute;inset-inline-start:calc(var(--sbb-stepper-border-width) * -1);background-color:var(--sbb-stepper-marker-color)}:host([orientation=horizontal]) .sbb-stepper__labels{gap:var(--sbb-spacing-responsive-m);padding-block-end:var(--sbb-spacing-fixed-4x);border-block-end:var(--sbb-stepper-border-width) solid var(--sbb-border-color-4-inverted)}:host([orientation=horizontal]) .sbb-stepper__labels:before{inset-block-end:calc(var(--sbb-stepper-border-width) * -1);height:var(--sbb-stepper-marker-width);width:var(--sbb-stepper-marker-size, 0);transition:width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([orientation=vertical]) .sbb-stepper__labels{padding-inline-start:var(--sbb-spacing-fixed-4x);border-inline-start:var(--sbb-stepper-border-width) solid var(--sbb-border-color-4-inverted)}:host([orientation=vertical]) .sbb-stepper__labels:before{inset-block-start:0;width:var(--sbb-stepper-marker-width);height:var(--sbb-stepper-marker-size, 0);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}.sbb-stepper__steps{position:relative}:host([orientation=horizontal]) .sbb-stepper__steps{height:var(--sbb-stepper-content-height);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}::slotted(sbb-step-label):before{content:counter(step-label);counter-increment:step-label}", v = 150, y = {
+var g = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:block;position:relative;counter-reset:step-label}@media(forced-colors:active){:host{--sbb-stepper-marker-color: ButtonText}}:host(:is(:state(disable-animation),[state--disable-animation])){--sbb-disable-animation-duration: 0s}:host([orientation=vertical]){--sbb-stepper-orientation: column}.sbb-stepper__labels{display:flex;flex-direction:var(--sbb-stepper-orientation);position:relative;justify-content:start;margin-block-end:var(--sbb-spacing-responsive-m)}.sbb-stepper__labels:before{content:\"\";position:absolute;inset-inline-start:calc(var(--sbb-stepper-border-width) * -1);background-color:var(--sbb-stepper-marker-color)}:host([orientation=horizontal]) .sbb-stepper__labels{gap:var(--sbb-spacing-responsive-m);padding-block-end:var(--sbb-spacing-fixed-4x);border-block-end:var(--sbb-stepper-border-width) solid var(--sbb-border-color-4-inverted)}:host([orientation=horizontal]) .sbb-stepper__labels:before{inset-block-end:calc(var(--sbb-stepper-border-width) * -1);height:var(--sbb-stepper-marker-width);width:var(--sbb-stepper-marker-size, 0);transition:width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([orientation=vertical]) .sbb-stepper__labels{padding-inline-start:var(--sbb-spacing-fixed-4x);border-inline-start:var(--sbb-stepper-border-width) solid var(--sbb-border-color-4-inverted)}:host([orientation=vertical]) .sbb-stepper__labels:before{inset-block-start:0;width:var(--sbb-stepper-marker-width);height:var(--sbb-stepper-marker-size, 0);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}.sbb-stepper__steps{position:relative}:host([orientation=horizontal]) .sbb-stepper__steps{height:var(--sbb-stepper-content-height);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}::slotted(sbb-step-label):before{content:counter(step-label);counter-increment:step-label}", _ = 150, v = {
 	zero: u,
 	small: c,
 	large: s,
 	ultra: l
-}, b = class extends Event {
+}, y = class extends Event {
 	constructor(e, t, n, r) {
 		super("stepchange", {
 			bubbles: !0,
 			composed: !0
 		}), this.selectedIndex = e, this.previousIndex = t, this.selectedStep = n, this.previousStep = r;
 	}
-}, x = (() => {
-	let s = a, c = [], l, u = [], x = [], S, C, w = [], T = [], E, D = [], O = [], k, A;
+}, b = (() => {
+	let s = a, c = [], l, u = [], b = [], x, S, C = [], w = [], T, E = [], D = [], O, k;
 	return class extends s {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-			l = [f(), i({ type: Boolean })], S = [i({
+			l = [d(), i({ type: Boolean })], x = [i({
 				attribute: "horizontal-from",
 				reflect: !0
-			})], C = [i({ reflect: !0 })], E = [i({ reflect: !0 })], k = [i({ attribute: !1 })], A = [i({
+			})], S = [i({ reflect: !0 })], T = [i({ reflect: !0 })], O = [i({ attribute: !1 })], k = [i({
 				attribute: "selected-index",
 				type: Number
 			})], e(this, null, l, {
@@ -40,7 +40,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 					}
 				},
 				metadata: t
-			}, u, x), e(this, null, S, {
+			}, u, b), e(this, null, x, {
 				kind: "setter",
 				name: "horizontalFrom",
 				static: !1,
@@ -52,7 +52,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 					}
 				},
 				metadata: t
-			}, null, c), e(this, null, C, {
+			}, null, c), e(this, null, S, {
 				kind: "accessor",
 				name: "orientation",
 				static: !1,
@@ -65,7 +65,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 					}
 				},
 				metadata: t
-			}, w, T), e(this, null, E, {
+			}, C, w), e(this, null, T, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -78,7 +78,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 					}
 				},
 				metadata: t
-			}, D, O), e(this, null, k, {
+			}, E, D), e(this, null, O, {
 				kind: "setter",
 				name: "selected",
 				static: !1,
@@ -90,7 +90,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 					}
 				},
 				metadata: t
-			}, null, c), e(this, null, A, {
+			}, null, c), e(this, null, k, {
 				kind: "setter",
 				name: "selectedIndex",
 				static: !1,
@@ -113,7 +113,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 			this.elementName = "sbb-stepper";
 		}
 		static {
-			this.styles = [d, r(_)];
+			this.styles = [r(g)];
 		}
 		static {
 			this.events = { stepchange: "stepchange" };
@@ -126,7 +126,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 			this.#e = e;
 		}
 		set horizontalFrom(e) {
-			this._horizontalFrom = e && y[e] ? e : null, this._horizontalFrom && this._loaded && this._checkOrientation();
+			this._horizontalFrom = e && v[e] ? e : null, this._horizontalFrom && this._loaded && this._checkOrientation();
 		}
 		get horizontalFrom() {
 			return this._horizontalFrom;
@@ -167,15 +167,15 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 			return this.steps.filter((e) => e.label ? (customElements.upgrade(e.label), !e.label.disabled) : !1);
 		}
 		constructor() {
-			super(), this._observer = (t(this, c), new g(this, {
+			super(), this._observer = (t(this, c), new h(this, {
 				target: null,
 				callback: (e) => {
 					e.forEach((e) => {
 						e.intersectionRatio > 0 && (this._setStepperHeight(this.selected), this._setMarkerSize());
 					});
 				}
-			})), this.#e = t(this, u, !1), this._horizontalFrom = (t(this, x), null), this.#t = t(this, w, "horizontal"), this.#n = (t(this, T), t(this, D, h() ? "s" : "m")), this._requestedSelected = (t(this, O), null), this._requestedSelectedIndex = null, this._loaded = !1, this._resizeObserverTimeout = null, this._mediaMatcher = new o(this, {}), this._onStepperResize = () => {
-				this._checkOrientation(), this._setStepperHeight(this.selected), clearTimeout(this._resizeObserverTimeout), this.internals.states.add("disable-animation"), this._resizeObserverTimeout = setTimeout(() => this.internals.states.delete("disable-animation"), v);
+			})), this.#e = t(this, u, !1), this._horizontalFrom = (t(this, b), null), this.#t = t(this, C, "horizontal"), this.#n = (t(this, w), t(this, E, m() ? "s" : "m")), this._requestedSelected = (t(this, D), null), this._requestedSelectedIndex = null, this._loaded = !1, this._resizeObserverTimeout = null, this._mediaMatcher = new o(this, {}), this._onStepperResize = () => {
+				this._checkOrientation(), this._setStepperHeight(this.selected), clearTimeout(this._resizeObserverTimeout), this.internals.states.add("disable-animation"), this._resizeObserverTimeout = setTimeout(() => this.internals.states.delete("disable-animation"), _);
 			}, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e)), this.addEventListener?.("resizechange", (e) => this._onSelectedStepResize(e));
 		}
 		next() {
@@ -199,7 +199,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 				nextIndex: this.selectedIndex === null ? null : this.selectedIndex + 1,
 				nextStep: this.selectedIndex === null ? null : this.steps[this.selectedIndex + 1]
 			};
-			this.selected && !this.selected.validate(r) || (this.selected?.deselect(), e.select(), this.dispatchEvent(new b(this.selectedIndex, t, this.selected, n)), this._setMarkerSize(), this._setStepperHeight(e), this._configureLinearMode(), document.activeElement?.closest("sbb-stepper") === this && this.selected?.label?.focus());
+			this.selected && !this.selected.validate(r) || (this.selected?.deselect(), e.select(), this.dispatchEvent(new y(this.selectedIndex, t, this.selected, n)), this._setMarkerSize(), this._setStepperHeight(e), this._configureLinearMode(), document.activeElement?.closest("sbb-stepper") === this && this.selected?.label?.focus());
 		}
 		_setMarkerSize() {
 			if (!this._loaded || !this.selected || this.selectedIndex === void 0 || !this.selected.label) return;
@@ -235,7 +235,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 			});
 		}
 		_checkOrientation() {
-			this.horizontalFrom && (this.orientation = this._mediaMatcher.matches(y[this.horizontalFrom]) ? "horizontal" : "vertical", this._updateLabels()), setTimeout(() => this._setMarkerSize(), 0);
+			this.horizontalFrom && (this.orientation = this._mediaMatcher.matches(v[this.horizontalFrom]) ? "horizontal" : "vertical", this._updateLabels()), setTimeout(() => this._setMarkerSize(), 0);
 		}
 		_configureLinearMode() {
 			this.steps.forEach((e, t) => {
@@ -250,7 +250,7 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 		}
 		firstUpdated(e) {
 			super.firstUpdated(e), this.updateComplete.then(() => {
-				this._loaded = !0, this._configure(), this._requestedSelected && this.steps.indexOf(this._requestedSelected) !== -1 ? this.selectedIndex = this.steps.indexOf(this._requestedSelected) : this._requestedSelectedIndex ? this.selectedIndex = this._requestedSelectedIndex : this.selectedIndex = 0, this._observer.observe(this), this._checkOrientation(), setTimeout(() => this.internals.states.delete("disable-animation"), v);
+				this._loaded = !0, this._configure(), this._requestedSelected && this.steps.indexOf(this._requestedSelected) !== -1 ? this.selectedIndex = this.steps.indexOf(this._requestedSelected) : this._requestedSelectedIndex ? this.selectedIndex = this._requestedSelectedIndex : this.selectedIndex = 0, this._observer.observe(this), this._checkOrientation(), setTimeout(() => this.internals.states.delete("disable-animation"), _);
 			});
 		}
 		willUpdate(e) {
@@ -258,8 +258,8 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 		}
 		_handleKeyDown(e) {
 			let t = this._enabledSteps;
-			if (!(!t || e.target !== this && e.target.parentElement !== this) && m(e)) {
-				let n = p(e, t.indexOf(this.selected), t.length);
+			if (!(!t || e.target !== this && e.target.parentElement !== this) && p(e)) {
+				let n = f(e, t.indexOf(this.selected), t.length);
 				this._select(t[n]), e.preventDefault();
 			}
 		}
@@ -276,4 +276,4 @@ var _ = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 	};
 })();
 //#endregion
-export { x as n, b as t };
+export { b as n, y as t };

package/stepper.js

@@ -1,6 +1,6 @@
-import { t as e } from "./step-label.component-BmrquHP7.js";
-import { t } from "./step.component-Nm2JoUGp.js";
-import { n, t as r } from "./stepper.component-C3tYful_.js";
+import { t as e } from "./step-label.component-BkiOyF7s.js";
+import { t } from "./step.component-KiTfzfTj.js";
+import { n, t as r } from "./stepper.component-BX3gSLpt.js";
 import "./stepper.pure.js";
 t.define(), e.define(), n.define();
 //#endregion

package/stepper.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./step-label.component-BmrquHP7.js";
-import { t } from "./step.component-Nm2JoUGp.js";
-import { n, t as r } from "./stepper.component-C3tYful_.js";
+import { t as e } from "./step-label.component-BkiOyF7s.js";
+import { t } from "./step.component-KiTfzfTj.js";
+import { n, t as r } from "./stepper.component-BX3gSLpt.js";
 export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };