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

package/{clock.component-DHb5YwM4.js → clock.component-Cqrl999I.js}

@@ -1,23 +1,23 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbElement as o, boxSizingStyles as s } from "./core.js";
-import { ref as c } from "lit/directives/ref.js";
+import { SbbElement as o } from "./core.js";
+import { ref as s } from "lit/directives/ref.js";
 //#region src/elements/clock/assets/sbb_clock_face.svg?raw
-var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><g class=\"face\"><circle fill=\"var(--sbb-clock-background-color)\" cx=\"52.5\" cy=\"52.5\" r=\"52.5\"/><path d=\"M50.75 4h3.5v12h-3.5zM50.75 89h3.5v12h-3.5zM75.233 9.623l3.03 1.75-6 10.392-3.03-1.75zM32.734 83.233l3.03 1.75-6 10.392-3.03-1.75zM93.628 26.732l1.75 3.031-10.392 6-1.75-3.03zM20.017 69.234l1.75 3.031-10.392 6-1.75-3.03zM101 50.75v3.5H89v-3.5zM16 50.75v3.5H4v-3.5zM95.379 75.232l-1.75 3.031-10.392-6 1.75-3.03zM21.766 32.734l-1.75 3.031-10.392-6 1.75-3.03zM78.267 93.63l-3.03 1.75-6-10.393 3.03-1.75zM35.766 20.015l-3.03 1.75-6-10.392 3.03-1.75z\"/><g><path d=\"M56.873 4.19l1.392.147-.366 3.48-1.392-.145zM47.101 97.177l1.393.146-.366 3.481-1.392-.146zM61.896 4.914l1.37.29-.728 3.424-1.37-.29zM42.458 96.366l1.37.29-.728 3.424-1.37-.291zM66.825 6.157l1.332.432-1.082 3.33-1.331-.434zM37.931 95.085l1.332.432-1.082 3.33-1.331-.433zM71.584 7.906l1.28.569-1.424 3.197-1.28-.57zM33.56 93.32l1.278.569-1.423 3.197-1.28-.57zM80.44 12.852l1.133.823-2.058 2.831-1.132-.823zM25.481 88.494l1.133.822-2.057 2.832-1.133-.823zM84.43 15.986l1.04.937-2.342 2.6-1.04-.936zM21.87 85.469l1.04.936-2.341 2.601-1.04-.937zM88.072 19.522l.937 1.04-2.6 2.343-.937-1.04zM18.593 82.088l.937 1.04-2.601 2.342-.937-1.04zM91.328 23.425l.823 1.133-2.832 2.057-.823-1.132zM15.684 78.385l.823 1.132-2.832 2.058-.822-1.133zM96.52 32.128l.57 1.279-3.198 1.423-.57-1.278zM11.109 70.161l.569 1.279-3.197 1.423-.57-1.279zM98.407 36.85l.433 1.332-3.33 1.081-.432-1.331zM9.483 65.74l.432 1.33-3.329 1.082-.432-1.331zM99.795 41.726l.291 1.37-3.423.727-.29-1.37zM8.34 61.17l.292 1.37-3.424.728-.29-1.37zM100.66 46.73l.146 1.393-3.48.366-.147-1.392zM7.674 56.506l.146 1.392-3.48.366-.147-1.392zM100.811 56.873l-.146 1.392-3.48-.365.145-1.393zM7.821 47.101l-.146 1.392-3.48-.365.145-1.393zM100.09 61.895l-.291 1.369-3.424-.728.291-1.369zM8.631 42.46l-.291 1.37-3.423-.728.29-1.37zM98.84 66.827l-.432 1.331-3.329-1.081.433-1.332zM9.918 37.93l-.433 1.331-3.329-1.082.433-1.331zM97.098 71.585l-.569 1.28-3.197-1.424.57-1.28zM11.677 33.558l-.57 1.28-3.197-1.424.57-1.279zM92.149 80.439l-.823 1.133-2.832-2.058.823-1.132zM16.506 25.482l-.823 1.133-2.831-2.057.823-1.133zM89.017 84.431l-.937 1.04-2.6-2.341.936-1.04zM19.528 21.869l-.936 1.04-2.601-2.342.936-1.04zM85.48 88.076l-1.041.936-2.342-2.6 1.04-.937zM22.91 18.59l-1.04.937-2.341-2.601 1.04-.937zM81.574 91.328l-1.133.823-2.057-2.831 1.132-.823zM26.617 15.684l-1.133.823-2.057-2.832 1.132-.823zM72.873 96.524l-1.279.57-1.423-3.198 1.278-.57zM34.838 11.105l-1.279.57-1.423-3.198 1.279-.57zM68.151 98.405l-1.331.432-1.082-3.329 1.332-.432zM39.259 9.485l-1.332.433-1.081-3.33 1.331-.432zM63.272 99.799l-1.369.29-.728-3.422 1.37-.291zM43.83 8.337l-1.369.291-.727-3.423 1.37-.291zM58.27 100.662l-1.393.146-.366-3.48 1.393-.147zM48.494 7.672l-1.392.147-.366-3.481 1.392-.147z\"/></g></g></svg>\n", u = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path id=\"mod_clock_svg_hours\" d=\"M55.7 64.5h-6.4l.6-44h5.2z\"/></svg>\n", d = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M55.1,64.5h-5.2l0.8-58h3.6L55.1,64.5z\"/></svg>\n", f = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M57.8,21.3c0-2.9-2.4-5.2-5.2-5.2s-5.3,2.3-5.3,5.2c0,2.7,2,4.8,4.5,5.2V69h1.5V26.5C55.8,26.2,57.8,24,57.8,21.3z\"/></svg>\n", p = ":host{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;contain:content}.sbb-clock__face,.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds{position:absolute;inset:0;transform-origin:center center;transform:rotate(0);transform-style:preserve-3d;backface-visibility:hidden}.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__face{fill:var(--sbb-clock-face-color)}.sbb-clock__hand-minutes{transition:transform var(--sbb-disable-animation-duration, .2s) cubic-bezier(.4,2.08,.55,.44)}@supports not (aspect-ratio: 1/1){.sbb-clock__hand-minutes{transform-origin:50% 49.625%}}.sbb-clock__hand-hours{animation-name:rotate;animation-duration:43200s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\")}.sbb-clock__hand-hours--initial-hour{animation-name:hand-hours-animation-initial-hour;animation-duration:var(--sbb-clock-hours-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}.sbb-clock__hand-minutes--no-transition{transition:none}.sbb-clock__hand-seconds{animation-name:hand-seconds-animation;animation-duration:60s;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:infinite;fill:var(--sbb-clock-seconds-hand-color)}.sbb-clock__hand-seconds--initial-minute{animation-name:hand-seconds-animation-initial-minute;animation-duration:var(--sbb-clock-seconds-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}:host(:not(:is(:state(initialized),[state--initialized]))) :is(.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds){display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes hand-hours-animation-initial-hour{0%{transform:rotate(var(--sbb-clock-hours-animation-start-angle, 0deg))}to{transform:rotate(360deg)}}@keyframes hand-seconds-animation{0%{transform:rotate(0)}97.5%,to{transform:rotate(360deg)}}@keyframes hand-seconds-animation-initial-minute{0%{transform:rotate(var(--sbb-clock-seconds-animation-start-angle, 0deg))}97.5%,to{transform:rotate(360deg)}}", m = 12, h = 60, g = 60, _ = 50, v = 360, y = 30, b = 6, x = 360 / 58.5, S = 60, C = 3600, w = C / 2, T = {
+var c = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><g class=\"face\"><circle fill=\"var(--sbb-clock-background-color)\" cx=\"52.5\" cy=\"52.5\" r=\"52.5\"/><path d=\"M50.75 4h3.5v12h-3.5zM50.75 89h3.5v12h-3.5zM75.233 9.623l3.03 1.75-6 10.392-3.03-1.75zM32.734 83.233l3.03 1.75-6 10.392-3.03-1.75zM93.628 26.732l1.75 3.031-10.392 6-1.75-3.03zM20.017 69.234l1.75 3.031-10.392 6-1.75-3.03zM101 50.75v3.5H89v-3.5zM16 50.75v3.5H4v-3.5zM95.379 75.232l-1.75 3.031-10.392-6 1.75-3.03zM21.766 32.734l-1.75 3.031-10.392-6 1.75-3.03zM78.267 93.63l-3.03 1.75-6-10.393 3.03-1.75zM35.766 20.015l-3.03 1.75-6-10.392 3.03-1.75z\"/><g><path d=\"M56.873 4.19l1.392.147-.366 3.48-1.392-.145zM47.101 97.177l1.393.146-.366 3.481-1.392-.146zM61.896 4.914l1.37.29-.728 3.424-1.37-.29zM42.458 96.366l1.37.29-.728 3.424-1.37-.291zM66.825 6.157l1.332.432-1.082 3.33-1.331-.434zM37.931 95.085l1.332.432-1.082 3.33-1.331-.433zM71.584 7.906l1.28.569-1.424 3.197-1.28-.57zM33.56 93.32l1.278.569-1.423 3.197-1.28-.57zM80.44 12.852l1.133.823-2.058 2.831-1.132-.823zM25.481 88.494l1.133.822-2.057 2.832-1.133-.823zM84.43 15.986l1.04.937-2.342 2.6-1.04-.936zM21.87 85.469l1.04.936-2.341 2.601-1.04-.937zM88.072 19.522l.937 1.04-2.6 2.343-.937-1.04zM18.593 82.088l.937 1.04-2.601 2.342-.937-1.04zM91.328 23.425l.823 1.133-2.832 2.057-.823-1.132zM15.684 78.385l.823 1.132-2.832 2.058-.822-1.133zM96.52 32.128l.57 1.279-3.198 1.423-.57-1.278zM11.109 70.161l.569 1.279-3.197 1.423-.57-1.279zM98.407 36.85l.433 1.332-3.33 1.081-.432-1.331zM9.483 65.74l.432 1.33-3.329 1.082-.432-1.331zM99.795 41.726l.291 1.37-3.423.727-.29-1.37zM8.34 61.17l.292 1.37-3.424.728-.29-1.37zM100.66 46.73l.146 1.393-3.48.366-.147-1.392zM7.674 56.506l.146 1.392-3.48.366-.147-1.392zM100.811 56.873l-.146 1.392-3.48-.365.145-1.393zM7.821 47.101l-.146 1.392-3.48-.365.145-1.393zM100.09 61.895l-.291 1.369-3.424-.728.291-1.369zM8.631 42.46l-.291 1.37-3.423-.728.29-1.37zM98.84 66.827l-.432 1.331-3.329-1.081.433-1.332zM9.918 37.93l-.433 1.331-3.329-1.082.433-1.331zM97.098 71.585l-.569 1.28-3.197-1.424.57-1.28zM11.677 33.558l-.57 1.28-3.197-1.424.57-1.279zM92.149 80.439l-.823 1.133-2.832-2.058.823-1.132zM16.506 25.482l-.823 1.133-2.831-2.057.823-1.133zM89.017 84.431l-.937 1.04-2.6-2.341.936-1.04zM19.528 21.869l-.936 1.04-2.601-2.342.936-1.04zM85.48 88.076l-1.041.936-2.342-2.6 1.04-.937zM22.91 18.59l-1.04.937-2.341-2.601 1.04-.937zM81.574 91.328l-1.133.823-2.057-2.831 1.132-.823zM26.617 15.684l-1.133.823-2.057-2.832 1.132-.823zM72.873 96.524l-1.279.57-1.423-3.198 1.278-.57zM34.838 11.105l-1.279.57-1.423-3.198 1.279-.57zM68.151 98.405l-1.331.432-1.082-3.329 1.332-.432zM39.259 9.485l-1.332.433-1.081-3.33 1.331-.432zM63.272 99.799l-1.369.29-.728-3.422 1.37-.291zM43.83 8.337l-1.369.291-.727-3.423 1.37-.291zM58.27 100.662l-1.393.146-.366-3.48 1.393-.147zM48.494 7.672l-1.392.147-.366-3.481 1.392-.147z\"/></g></g></svg>\n", l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path id=\"mod_clock_svg_hours\" d=\"M55.7 64.5h-6.4l.6-44h5.2z\"/></svg>\n", u = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M55.1,64.5h-5.2l0.8-58h3.6L55.1,64.5z\"/></svg>\n", d = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M57.8,21.3c0-2.9-2.4-5.2-5.2-5.2s-5.3,2.3-5.3,5.2c0,2.7,2,4.8,4.5,5.2V69h1.5V26.5C55.8,26.2,57.8,24,57.8,21.3z\"/></svg>\n", f = ":host{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;contain:content}.sbb-clock__face,.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds{position:absolute;inset:0;transform-origin:center center;transform:rotate(0);transform-style:preserve-3d;backface-visibility:hidden}.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__face{fill:var(--sbb-clock-face-color)}.sbb-clock__hand-minutes{transition:transform var(--sbb-disable-animation-duration, .2s) cubic-bezier(.4,2.08,.55,.44)}@supports not (aspect-ratio: 1/1){.sbb-clock__hand-minutes{transform-origin:50% 49.625%}}.sbb-clock__hand-hours{animation-name:rotate;animation-duration:43200s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\")}.sbb-clock__hand-hours--initial-hour{animation-name:hand-hours-animation-initial-hour;animation-duration:var(--sbb-clock-hours-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}.sbb-clock__hand-minutes--no-transition{transition:none}.sbb-clock__hand-seconds{animation-name:hand-seconds-animation;animation-duration:60s;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:infinite;fill:var(--sbb-clock-seconds-hand-color)}.sbb-clock__hand-seconds--initial-minute{animation-name:hand-seconds-animation-initial-minute;animation-duration:var(--sbb-clock-seconds-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}:host(:not(:is(:state(initialized),[state--initialized]))) :is(.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds){display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes hand-hours-animation-initial-hour{0%{transform:rotate(var(--sbb-clock-hours-animation-start-angle, 0deg))}to{transform:rotate(360deg)}}@keyframes hand-seconds-animation{0%{transform:rotate(0)}97.5%,to{transform:rotate(360deg)}}@keyframes hand-seconds-animation-initial-minute{0%{transform:rotate(var(--sbb-clock-seconds-animation-start-angle, 0deg))}97.5%,to{transform:rotate(360deg)}}", p = 12, m = 60, h = 60, g = 50, _ = 360, v = 30, y = 6, b = 360 / 58.5, x = 60, S = 3600, C = S / 2, w = {
 	once: !0,
 	passive: !0
-}, E = (() => {
-	let E = o, D, O = [], k = [];
-	return class extends E {
+}, T = (() => {
+	let T = o, E, D = [], O = [];
+	return class extends T {
 		constructor() {
-			super(...arguments), this.#e = t(this, O, null), this._state = (t(this, k), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
+			super(...arguments), this.#e = t(this, D, null), this._state = (t(this, O), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
 				this.now || (document.visibilityState === "hidden" ? await this._stopClock() : await this._startClock());
 			};
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
-			D = [a()], e(this, null, D, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
+			E = [a()], e(this, null, E, {
 				kind: "accessor",
 				name: "now",
 				static: !1,
@@ -30,7 +30,7 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 					}
 				},
 				metadata: t
-			}, O, k), t && Object.defineProperty(this, Symbol.metadata, {
+			}, D, O), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -41,7 +41,7 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this.elementName = "sbb-clock";
 		}
 		static {
-			this.styles = [s, i(p)];
+			this.styles = [i(f)];
 		}
 		#e;
 		get now() {
@@ -51,7 +51,7 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this.#e = e;
 		}
 		connectedCallback() {
-			super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), w * 1e3);
+			super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), C * 1e3);
 		}
 		willUpdate(e) {
 			super.willUpdate(e), !r && e.has("now") && this._startOrConfigureClock();
@@ -66,9 +66,9 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this.now ? (await this._stopClock(), this._resetSecondsHandAnimation(), this._setHandsStartingPosition()) : await this._startClock();
 		}
 		async _startClock() {
-			this._clockHandHours?.addEventListener("animationend", this._moveHoursHandFn, T), this._clockHandSeconds?.addEventListener("animationend", this._moveMinutesHandFn, T), await new Promise((e) => setTimeout(() => {
+			this._clockHandHours?.addEventListener("animationend", this._moveHoursHandFn, w), this._clockHandSeconds?.addEventListener("animationend", this._moveMinutesHandFn, w), await new Promise((e) => setTimeout(() => {
 				this._setHandsStartingPosition(), this.style?.setProperty("--sbb-clock-animation-play-state", "running"), this._state = "running", e();
-			}, _));
+			}, g));
 		}
 		async _stopClock() {
 			clearInterval(this._handMovement), this._removeSecondsAnimationStyles(), this._removeHoursAnimationStyles(), this._clockHandHours?.removeEventListener("animationend", this._moveHoursHandFn), this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._clockHandMinutes?.classList.add("sbb-clock__hand-minutes--no-transition"), this.style?.setProperty("--sbb-clock-animation-play-state", "paused"), this._state = "paused";
@@ -78,8 +78,8 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 		}
 		_setHandsStartingPosition() {
 			this._assignCurrentTime();
-			let e = g - this._seconds, t = h - this._minutes, n = m - this._hours, r = 0, i = 0;
-			e > 0 && (r += e, i = 1), t > 0 && (r += (t - i) * S, i = 1), n > 0 && (r += (n - i) * C), this.style?.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * y + this._minutes / 2)}deg`), this.style?.setProperty("--sbb-clock-hours-animation-duration", `${r}s`), this.style?.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * x)}deg`), this.style?.setProperty("--sbb-clock-seconds-animation-duration", `${e}s`), this._setMinutesHand(), this._clockHandSeconds?.classList.add("sbb-clock__hand-seconds--initial-minute"), this._clockHandHours?.classList.add("sbb-clock__hand-hours--initial-hour"), this.internals.states.add("initialized");
+			let e = h - this._seconds, t = m - this._minutes, n = p - this._hours, r = 0, i = 0;
+			e > 0 && (r += e, i = 1), t > 0 && (r += (t - i) * x, i = 1), n > 0 && (r += (n - i) * S), this.style?.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * v + this._minutes / 2)}deg`), this.style?.setProperty("--sbb-clock-hours-animation-duration", `${r}s`), this.style?.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * b)}deg`), this.style?.setProperty("--sbb-clock-seconds-animation-duration", `${e}s`), this._setMinutesHand(), this._clockHandSeconds?.classList.add("sbb-clock__hand-seconds--initial-minute"), this._clockHandHours?.classList.add("sbb-clock__hand-hours--initial-hour"), this.internals.states.add("initialized");
 		}
 		_assignCurrentTime() {
 			let e = this.now ? null : /* @__PURE__ */ new Date(), [t, n, r] = e ? [
@@ -90,15 +90,15 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this._hours = t % 12, this._minutes = n, this._seconds = r;
 		}
 		_setMinutesHand() {
-			this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * b)}deg)`);
+			this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * y)}deg)`);
 		}
 		_moveHoursHand() {
 			this._removeHoursAnimationStyles();
-			let e = Math.ceil(this._hours * y + this._minutes / 2);
-			e >= v && (e -= v), this._clockHandHours?.style.setProperty("transform", `rotateZ(${e}deg)`);
+			let e = Math.ceil(this._hours * v + this._minutes / 2);
+			e >= _ && (e -= _), this._clockHandHours?.style.setProperty("transform", `rotateZ(${e}deg)`);
 		}
 		_moveMinutesHand() {
-			this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), g * 1e3);
+			this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), h * 1e3);
 		}
 		_addMinutesAndSetHands() {
 			this._minutes++, this._setMinutesHand();
@@ -117,25 +117,25 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 		}
 		render() {
 			return n`
-      <span class="sbb-clock__face" .innerHTML=${l}></span>
+      <span class="sbb-clock__face" .innerHTML=${c}></span>
       <span
         class="sbb-clock__hand-hours"
-        .innerHTML=${u}
-        ${c((e) => {
+        .innerHTML=${l}
+        ${s((e) => {
 				this._clockHandHours = e;
 			})}
       ></span>
       <span
         class="sbb-clock__hand-minutes sbb-clock__hand-minutes--no-transition"
-        .innerHTML=${d}
-        ${c((e) => {
+        .innerHTML=${u}
+        ${s((e) => {
 				this._clockHandMinutes = e;
 			})}
       ></span>
       <span
         class="sbb-clock__hand-seconds"
-        .innerHTML=${f}
-        ${c((e) => {
+        .innerHTML=${d}
+        ${s((e) => {
 				this._clockHandSeconds = e;
 			})}
       ></span>
@@ -144,4 +144,4 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 	};
 })();
 //#endregion
-export { E as t };
+export { T as t };

package/clock.js

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

package/clock.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./clock.component-DHb5YwM4.js";
+import { t as e } from "./clock.component-Cqrl999I.js";
 export { e as SbbClockElement };

package/container/container/container.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../container.component-CJL8qqFp.js";
+import { t as e } from "../../container.component-sQtiqWxT.js";
 export { e as SbbContainerElement };

package/container/sticky-bar/sticky-bar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sticky-bar.component-C3ey8Qj8.js";
+import { t as e } from "../../sticky-bar.component-CmB6U3iY.js";
 export { e as SbbStickyBarElement };

package/{container.component-CJL8qqFp.js → container.component-sQtiqWxT.js}

@@ -1,21 +1,21 @@
 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, forceType as s, ɵstateController as c } from "./core.js";
+import { SbbElement as a, forceType as o, ɵstateController as s } from "./core.js";
 //#region src/elements/container/container/container.scss?inline
-var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=white])){--sbb-container-background-color: var(--sbb-background-color-1)}:host([color=milk]){--sbb-container-background-color: var(--sbb-background-color-3)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-1-negative)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-background-color-1-negative)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-background-color-2-negative)}:host(:is(:state(slotted-image),[state--slotted-image])){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host(:is(:state(slotted-image),[state--slotted-image])[background-expanded]){position:relative}@media(min-width:90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-container{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}:host(:is(:state(slotted-image),[state--slotted-image]):not([background-expanded])) .sbb-container{position:relative}:host(:is(:state(slotted-image),[state--slotted-image])) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;inset:0;height:100%;width:100%}", u = (() => {
-	let u = a, d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
-	return class extends u {
+var c = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=white])){--sbb-container-background-color: var(--sbb-background-color-1)}:host([color=milk]){--sbb-container-background-color: var(--sbb-background-color-3)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-1-negative)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-background-color-1-negative)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-background-color-2-negative)}:host(:is(:state(slotted-image),[state--slotted-image])){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host(:is(:state(slotted-image),[state--slotted-image])[background-expanded]){position:relative}@media(min-width:90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-container{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}:host(:is(:state(slotted-image),[state--slotted-image]):not([background-expanded])) .sbb-container{position:relative}:host(:is(:state(slotted-image),[state--slotted-image])) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;inset:0;height:100%;width:100%}", l = (() => {
+	let l = a, u, d = [], f = [], p, m = [], h = [], g, _ = [], v = [];
+	return class extends l {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [s(), i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [o(), i({
 				type: Boolean,
 				reflect: !0
-			})], m = [s(), i({
+			})], p = [o(), i({
 				type: Boolean,
 				reflect: !0,
 				attribute: "background-expanded"
-			})], _ = [i({ reflect: !0 })], e(this, null, d, {
+			})], g = [i({ reflect: !0 })], e(this, null, u, {
 				kind: "accessor",
 				name: "expanded",
 				static: !1,
@@ -28,7 +28,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 					}
 				},
 				metadata: t
-			}, f, p), e(this, null, m, {
+			}, d, f), e(this, null, p, {
 				kind: "accessor",
 				name: "backgroundExpanded",
 				static: !1,
@@ -41,7 +41,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 					}
 				},
 				metadata: t
-			}, h, g), e(this, null, _, {
+			}, m, h), e(this, null, g, {
 				kind: "accessor",
 				name: "color",
 				static: !1,
@@ -54,7 +54,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 					}
 				},
 				metadata: t
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -65,23 +65,23 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 			this.elementName = "sbb-container";
 		}
 		static {
-			this.styles = [o, r(l)];
+			this.styles = [r(c)];
 		}
-		#e = t(this, f, !1);
+		#e = t(this, d, !1);
 		get expanded() {
 			return this.#e;
 		}
 		set expanded(e) {
 			this.#e = e;
 		}
-		#t = (t(this, p), t(this, h, !1));
+		#t = (t(this, f), t(this, m, !1));
 		get backgroundExpanded() {
 			return this.#t;
 		}
 		set backgroundExpanded(e) {
 			this.#t = e;
 		}
-		#n = (t(this, g), t(this, v, "white"));
+		#n = (t(this, h), t(this, _, "white"));
 		get color() {
 			return this.#n;
 		}
@@ -91,7 +91,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 		willUpdate(e) {
 			if (super.willUpdate(e), e.has("expanded")) {
 				let e = this.querySelector?.("sbb-sticky-bar");
-				c(e)?.toggle("expanded", this.expanded);
+				s(e)?.toggle("expanded", this.expanded);
 			}
 		}
 		render() {
@@ -106,9 +106,9 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, y);
+			super(...arguments), t(this, v);
 		}
 	};
 })();
 //#endregion
-export { u as t };
+export { l as t };

package/container.js

@@ -1,5 +1,5 @@
-import { t as e } from "./container.component-CJL8qqFp.js";
-import { t } from "./sticky-bar.component-C3ey8Qj8.js";
+import { t as e } from "./container.component-sQtiqWxT.js";
+import { t } from "./sticky-bar.component-CmB6U3iY.js";
 import "./container.pure.js";
 e.define(), t.define();
 //#endregion

package/container.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./container.component-CJL8qqFp.js";
-import { t } from "./sticky-bar.component-C3ey8Qj8.js";
+import { t as e } from "./container.component-sQtiqWxT.js";
+import { t } from "./sticky-bar.component-CmB6U3iY.js";
 export { e as SbbContainerElement, t as SbbStickyBarElement };

package/core/base-elements/action-base-element.js

@@ -1,4 +1,4 @@
-import { SbbElement as e } from "./element.js";
+import { t as e } from "../../element-C7t5_1gu.js";
 import { html as t } from "lit";
 //#region src/elements/core/base-elements/action-base-element.ts
 var n = class extends e {

package/core/base-elements/element.js

@@ -1,226 +1,2 @@
-import { LitElement as e, isServer as t } from "lit";
-//#region src/elements/core/base-elements/element.ts
-var n = t || !CSS.supports("selector(:state(loading))") ? class extends Set {
-	constructor(e) {
-		super(), this._host = e, this._applied = t, this._host.addController(this), t || Promise.resolve().then(() => this._applyStates());
-	}
-	add(e) {
-		return this._applied && this._toggleState(e, !0), super.add(e);
-	}
-	delete(e) {
-		return this._toggleState(e, !1), super.delete(e);
-	}
-	clear() {
-		this.forEach((e) => this.delete(e));
-	}
-	hostConnected() {
-		this._applyStates();
-	}
-	_toggleState(e, t) {
-		this._host.toggleAttribute(`state--${e}`, t);
-	}
-	_applyStates() {
-		this._applied || (this._applied = !0, this.forEach((e) => this._toggleState(e, !0)));
-	}
-} : null;
-if (!t) {
-	let e = 0, t = (e) => e.shadowRoot?.host ?? (e instanceof Element ? e : (() => {
-		throw Error("Unable to resolve related element! This should never happen.");
-	})()), n = {
-		attributes: !0,
-		attributeFilter: ["id"]
-	}, r = (t, n, r) => {
-		let i = r[Element.name] ?? r[ElementInternals.name];
-		t.setAttribute(n, i.id ||= `aria-ref-${e++}`);
-	}, i = (t, n, r) => {
-		t.setAttribute(n, Object.values(r).reduce((e, t) => e.concat(t)).filter((e, t, n) => n.indexOf(e) === t).map((t) => t.id ||= `aria-ref-${e++}`).join(" "));
-	};
-	for (let e of [ElementInternals, Element]) {
-		let a = e.prototype;
-		if (!("ariaActiveDescendantElement" in a)) {
-			let i = "aria-activedescendant", o = /* @__PURE__ */ new WeakMap();
-			Object.defineProperty(a, "ariaActiveDescendantElement", {
-				enumerable: !0,
-				configurable: !0,
-				get() {
-					let e = t(this), n = e.getAttribute(i)?.split(/\s+/)[0] ?? null;
-					return n ? e.getRootNode().getElementById?.(n) ?? null : null;
-				},
-				set(a) {
-					if (a !== null && !(a instanceof Element)) throw TypeError(`Failed to set the 'ariaActiveDescendantElement' property on '${e.name}': Failed to convert value to 'Element'.`);
-					let s = t(this), c = o.get(s);
-					if (c?.observer?.disconnect(), a === null) c && (delete c.elements[e.name], Object.keys(c).length ? c.observer.observe(Object.values(c.elements)[0], n) : (o.delete(s), s.removeAttribute(i)));
-					else if (c) c.elements[e.name] = a, r(s, i, c.elements), Object.values(c.elements).forEach((e) => c.observer.observe(e, n));
-					else {
-						let t = { [e.name]: a };
-						r(s, i, t);
-						let c = new MutationObserver(() => r(s, i, t));
-						c.observe(a, n), o.set(s, {
-							elements: t,
-							observer: c
-						});
-					}
-				}
-			});
-		}
-		for (let r of [
-			"ariaControlsElements",
-			"ariaDescribedByElements",
-			"ariaDetailsElements",
-			"ariaErrorMessageElements",
-			"ariaLabelledByElements",
-			"ariaOwnsElements"
-		]) if (!(r in a)) {
-			let o = /* @__PURE__ */ new WeakMap(), s = `aria-${r.slice(4, -8).toLowerCase()}`;
-			Object.defineProperty(a, r, {
-				enumerable: !0,
-				configurable: !0,
-				get() {
-					let e = t(this), n = e.getAttribute(s)?.split(/\s+/).filter((e, t, n) => n.indexOf(e) === t).map((t) => e.getRootNode().getElementById?.(t)).filter((e) => e instanceof Element);
-					return n?.length ? Object.freeze(n) : null;
-				},
-				set(a) {
-					if (a !== null && (!Array.isArray(a) || a.some((e) => !(e instanceof Element)))) throw TypeError(`Failed to set the '${r}' property on '${e.name}': Failed to convert value to 'Element'.`);
-					let c = t(this);
-					a = a?.filter((e, t, n) => n.indexOf(e) === t) ?? null;
-					let l = o.get(c);
-					if (l?.observer?.disconnect(), a === null) l && (delete l.elements[e.name], Object.keys(l.elements).length ? Object.values(l.elements).reduce((e, t) => e.concat(t)).forEach((e) => l.observer.observe(e, n)) : o.delete(c));
-					else if (l) l.elements[e.name] = a, i(c, s, l.elements), Object.values(l.elements).reduce((e, t) => e.concat(t)).forEach((e) => l.observer.observe(e, n));
-					else {
-						let t = { [e.name]: a };
-						i(c, s, t);
-						let r = new MutationObserver(() => i(c, s, t));
-						a.forEach((e) => r.observe(e, n)), o.set(c, {
-							elements: t,
-							observer: r
-						});
-					}
-				}
-			});
-		}
-	}
-}
-var r = /* @__PURE__ */ new WeakMap();
-function i(e) {
-	if (!e) return null;
-	let t = r.get(e)?.states, n = function(e, t) {
-		t || t !== !1 && !this.has(e) ? this.add(e) : this.delete(e);
-	};
-	return t ? {
-		add(e) {
-			return t.add(e), this;
-		},
-		delete: (e) => t.delete(e),
-		has: (e) => t.has(e),
-		toggle: n
-	} : {
-		add(t) {
-			return e.toggleAttribute(`state--${t}`, !0), this;
-		},
-		delete: (t) => e.toggleAttribute(`state--${t}`, !1),
-		has: (t) => e.hasAttribute(`state--${t}`),
-		toggle: n
-	};
-}
-var a = class extends Event {
-	constructor(e) {
-		super("slottedchange", { composed: !0 }), this.slot = e;
-	}
-}, o = (e, ...t) => {
-	let n = t.filter((e) => !!e);
-	return e?.length ? e.concat(n) : t.length ? n : null;
-}, s = (e, ...t) => {
-	t = t.filter((e) => !!e);
-	let n = e?.filter((e) => !t.includes(e)) ?? null;
-	return n?.length ? n : null;
-}, c = class extends e {
-	static {
-		this._$sbbElement$ = !0;
-	}
-	get hydrationComplete() {
-		return this._hydrationComplete;
-	}
-	get hydrationRequired() {
-		return this._hydrationRequired;
-	}
-	constructor() {
-		if (super(), this.internals = this.attachInternals(), this._hydrationComplete = new Promise((e) => this._resolveHydration = e), r.set(this, this.internals), n) Object.defineProperty(this.internals, "states", {
-			value: new n(this),
-			writable: !1,
-			configurable: !1,
-			enumerable: !1
-		});
-		else for (let e of this.getAttributeNames().filter((e) => e.startsWith("state--"))) this.internals.states.add(e.slice(7)), this.removeAttribute(e);
-		let e = this.constructor.role;
-		if (e && (this.internals.role = e), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired) this._resolveHydration(!1);
-		else {
-			let e = (e) => {
-				this._hydrationRequired && e.stopImmediatePropagation();
-			}, t = { capture: !0 }, n = this.shadowRoot?.querySelectorAll("slot");
-			n?.length && (n.forEach((n) => n.addEventListener("slotchange", e, t)), this.hydrationComplete.then(() => n.forEach((n) => {
-				n.removeEventListener("slotchange", e, t), n.assignedNodes().length && n.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
-			})));
-		}
-	}
-	static define() {
-		if (!this.elementName) throw Error(`The static property "elementName" is not defined on ${this.name}. Please define it to register the custom element.`);
-		if (!customElements.get(this.elementName)) {
-			customElements.define(this.elementName, this);
-			let e = [], t = this;
-			for (; t._$sbbElement$;) Array.isArray(t.elementDependencies) && e.push(...t.elementDependencies), t = Object.getPrototypeOf(t);
-			new Set(e).forEach((e) => e.define());
-		}
-	}
-	static finalizeStyles(t) {
-		let n = [], r = this;
-		for (; r && r !== e;) Object.hasOwn(r, "styles") && r.styles && n.unshift(r.styles), r = Object.getPrototypeOf(r);
-		return super.finalizeStyles(n);
-	}
-	createRenderRoot() {
-		let e = super.createRenderRoot();
-		return this.shadowRoot?.addEventListener("slotchange", (e) => this._slotchangeHandler(e, e.target)), this.shadowRoot?.addEventListener("slottedchange", (e) => this._slotchangeHandler(e, e.slot), { capture: !0 }), this.shadowRoot?.querySelectorAll?.("slot").forEach((e) => this._handleSlotChangeForSlottedState(e)), e;
-	}
-	addController(e) {
-		super.addController(e), (this._controllers ??= /* @__PURE__ */ new Set()).add(e);
-	}
-	removeController(e) {
-		super.removeController(e), this._controllers?.delete(e);
-	}
-	requestUpdate(e, t, n, r, i) {
-		if (super.requestUpdate(e, t, n, r, i), e) {
-			let a = {
-				oldValue: t,
-				value: r ? i : this[e]
-			};
-			this._controllers?.forEach((t) => t.hostPropertyUpdate?.(e, a, n));
-		}
-	}
-	update(e) {
-		super.update(e), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
-	}
-	toggleState(e, t) {
-		t || t !== !1 && !this.internals.states.has(e) ? this.internals.states.add(e) : this.internals.states.delete(e);
-	}
-	_slotchangeHandler(e, t) {
-		let n = this.shadowRoot.contains(t) ? t : e.composedPath().find((e) => e instanceof HTMLSlotElement && this.shadowRoot.contains(e));
-		n && this._handleSlotChangeForSlottedState(n);
-	}
-	_handleSlotChangeForSlottedState(e) {
-		this._updateSlottedState(e), e.name || this._observeTextNodesInSlot(e);
-	}
-	_updateSlottedState(e) {
-		let t = e.name ? `slotted-${e.name}` : "slotted", n = this._hasSlottedContent(e);
-		n && !this.internals.states.has(t) ? (this.internals.states.add(t), this.dispatchEvent(new a(e))) : !n && this.internals.states.has(t) && (this.internals.states.delete(t), this.dispatchEvent(new a(e)));
-	}
-	_observeTextNodesInSlot(e) {
-		this._textObserver?.disconnect(), this._textObserver ??= new MutationObserver(() => {
-			let e = this.shadowRoot.querySelector("slot:not([name])");
-			e ? this._updateSlottedState(e) : this._textObserver.disconnect();
-		}), e.assignedNodes().filter((e) => e.nodeType === e.TEXT_NODE).forEach((e) => this._textObserver.observe(e, { characterData: !0 }));
-	}
-	_hasSlottedContent(e) {
-		return e.name ? e.assignedElements().some((e) => !(e instanceof HTMLSlotElement) || this._hasSlottedContent(e)) : e.assignedNodes().some((e) => e instanceof HTMLSlotElement ? this._hasSlottedContent(e) : e.nodeType !== e.TEXT_NODE || !!e.textContent?.trim());
-	}
-};
-//#endregion
-export { c as SbbElement, a as SbbSlottedChangeEvent, o as appendAriaElements, s as removeAriaElements, i as ɵstateController };
+import { a as e, i as t, n, r, t as i } from "../../element-C7t5_1gu.js";
+export { i as SbbElement, n as SbbSlottedChangeEvent, r as appendAriaElements, t as removeAriaElements, e as ɵstateController };

package/core/base-elements/open-close-base-element.js

@@ -1,4 +1,4 @@
-import { SbbElement as e } from "./element.js";
+import { t as e } from "../../element-C7t5_1gu.js";
 //#region src/elements/core/base-elements/open-close-base-element.ts
 var t = class extends e {
 	static {

package/core/base-elements/selection-group-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../selection-group-base-element-DwtaC7vx.js";
+import { t as e } from "../../selection-group-base-element-BCEzcnya.js";
 export { e as SbbSelectionGroupBaseElement };

package/core/controllers/media-matchers-controller.js

@@ -1,4 +1,4 @@
-import { c as e, i as t, n, o as r, r as i, t as a } from "../../sbb-tokens-vtQhz2S7.js";
+import { c as e, i as t, n, o as r, r as i, t as a } from "../../sbb-tokens-BBic3kP6.js";
 import { isServer as o } from "lit";
 //#region src/elements/core/controllers/media-matchers-controller.ts
 var s = "(forced-colors: active)", c = "(prefers-color-scheme: dark)", l = "(any-hover: hover)", u = "(pointer: coarse)", d = `(min-width: ${e})`, f = `(min-width: ${t})`, p = `(min-width: ${n})`, m = `(min-width: ${r})`, h = `(max-width: ${i})`, g = `(max-width: ${a})`, _ = /* @__PURE__ */ new Map(), v = class {

package/core/mixins/panel-mixin.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../panel-mixin-755CTCLW.js";
+import { t as e } from "../../panel-mixin-CcbyRemy.js";
 export { e as SbbPanelMixin };

package/core/styles/styles.js

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