@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779195190 → 5.0.0-next.3-dev.1779200097

package/stepper.pure.js

@@ -1,4 +1,4 @@
 import { t as e } from "./step-label.component-BGSaHafq.js";
-import { t } from "./step.component-BY6_2Wh2.js";
-import { n, t as r } from "./stepper.component-lh0YSbT1.js";
-export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };
+import { n as t, t as n } from "./step.component-tJh-Pb_E.js";
+import { n as r, t as i } from "./stepper.component-BCl77LVa.js";
+export { i as SbbStepChangeEvent, n as SbbStepElement, e as SbbStepLabelElement, t as SbbStepValidateEvent, r as SbbStepperElement };

package/{tab-group.component-t4eeCNf-.js → tab-group.component-CDhggNpe.js}

@@ -6,7 +6,32 @@ import { ResizeController as u } from "@lit-labs/observers/resize-controller.js"
 import { ref as d } from "lit/directives/ref.js";
 import { tabGroupCommonStyles as f } from "./tabs/common/styles.js";
 //#region src/elements/tabs/tab-group/tab-group.scss?inline
-var p = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-content-gap)}:host(:is(:state(initialized),[state--initialized])){--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) )}.sbb-tab-group-content{height:var(--sbb-tab-content-height);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}:host([fixed-height]) ::slotted(sbb-tab){height:100%;overflow:auto}", m = (() => {
+var p = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-content-gap)}:host(:is(:state(initialized),[state--initialized])){--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) )}.sbb-tab-group-content{height:var(--sbb-tab-content-height);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}:host([fixed-height]) ::slotted(sbb-tab){height:100%;overflow:auto}", m = class extends Event {
+	get activeIndex() {
+		return this._activeIndex;
+	}
+	get activeTabLabel() {
+		return this._activeTabLabel;
+	}
+	get activeTab() {
+		return this._activeTab;
+	}
+	get previousIndex() {
+		return this._previousIndex;
+	}
+	get previousTabLabel() {
+		return this._previousTabLabel;
+	}
+	get previousTab() {
+		return this._previousTab;
+	}
+	constructor({ activeIndex: e, activeTabLabel: t, activeTab: n, previousIndex: r, previousTabLabel: i, previousTab: a }) {
+		super("tabchange", {
+			bubbles: !0,
+			composed: !0
+		}), this._activeIndex = e, this._activeTabLabel = t, this._activeTab = n, this._previousIndex = r, this._previousTabLabel = i, this._previousTab = a;
+	}
+}, h = (() => {
 	let m = a, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
 	return class extends m {
 		static {
@@ -176,4 +201,4 @@ var p = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
 	};
 })();
 //#endregion
-export { m as t };
+export { h as n, m as t };

package/{tab-label.component-DvvSohaG.js → tab-label.component-BuF2qt1T.js}

@@ -5,19 +5,20 @@ import { SbbDisabledMixin as i, SbbElement as a, SbbPropertyWatcherController as
 import { html as l, unsafeStatic as u } from "lit/static-html.js";
 import { SbbIconNameMixin as d } from "./icon.pure.js";
 import { tabLabelCommonStyles as f } from "./tabs/common/styles.js";
+import { SbbTabChangeEvent as p } from "./tabs/tab-group/tab-group.component.js";
 //#region src/elements/tabs/tab-label/tab-label.scss?inline
-var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{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-tab-label-outline-border-radius-internal)}:host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}", m = (() => {
-	let m = i(d(a)), h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
-	return class extends m {
+var m = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{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-tab-label-outline-border-radius-internal)}:host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}", h = (() => {
+	let h = i(d(a)), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
+	return class extends h {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [r()], v = [s(), r({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+			g = [r()], y = [s(), r({
 				reflect: !0,
 				type: Boolean
-			})], x = [s(), r({
+			})], S = [s(), r({
 				reflect: !0,
 				converter: c
-			})], e(this, null, h, {
+			})], e(this, null, g, {
 				kind: "accessor",
 				name: "level",
 				static: !1,
@@ -30,7 +31,7 @@ var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-
 					}
 				},
 				metadata: t
-			}, g, _), e(this, null, v, {
+			}, _, v), e(this, null, y, {
 				kind: "accessor",
 				name: "active",
 				static: !1,
@@ -43,7 +44,7 @@ var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-
 					}
 				},
 				metadata: t
-			}, y, b), e(this, null, x, {
+			}, b, x), e(this, null, S, {
 				kind: "accessor",
 				name: "amount",
 				static: !1,
@@ -56,7 +57,7 @@ var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-
 					}
 				},
 				metadata: t
-			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
+			}, C, w), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -70,7 +71,7 @@ var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-
 			this.role = "tab";
 		}
 		static {
-			this.styles = [f, n(p)];
+			this.styles = [f, n(m)];
 		}
 		#e;
 		get level() {
@@ -100,7 +101,7 @@ var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-
 			return this.closest("sbb-tab-group");
 		}
 		constructor() {
-			super(), this._selected = !1, this._previousSize = null, this.#e = t(this, g, "1"), this.#t = (t(this, _), t(this, y, !1)), this.#n = (t(this, b), t(this, S, "")), t(this, C), this.addEventListener("click", () => this.activate()), this.addController(new o(this, () => this.group, { size: (e) => {
+			super(), this._selected = !1, this._previousSize = null, this.#e = t(this, _, "1"), this.#t = (t(this, v), t(this, b, !1)), this.#n = (t(this, x), t(this, C, "")), t(this, w), this.addEventListener("click", () => this.activate()), this.addController(new o(this, () => this.group, { size: (e) => {
 				this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size ?? null, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
 			} }));
 		}
@@ -116,21 +117,21 @@ var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-
 		activate() {
 			if (this.disabled) return;
 			let e = this.group?.labels || [], t = e.find((e) => e._selected);
-			t !== this && (t?.deactivate(), this.active = !0, this.tab?.activate(), this._selected = !0, this.tabIndex = 0, this.tab?.dispatchEvent(new Event("active", {
-				bubbles: !0,
-				composed: !0
-			})), this.group?.dispatchEvent(new CustomEvent("tabchange", {
-				bubbles: !0,
-				composed: !0,
-				detail: {
+			if (t !== this) {
+				t?.deactivate(), this.active = !0, this.tab?.activate(), this._selected = !0, this.tabIndex = 0, this.tab?.dispatchEvent(new Event("active", {
+					bubbles: !0,
+					composed: !0
+				}));
+				let n = {
 					activeIndex: e.findIndex((e) => e === this),
 					activeTabLabel: this,
 					activeTab: this.tab,
 					previousIndex: e.findIndex((e) => e === t),
 					previousTabLabel: t,
 					previousTab: t?.tab
-				}
-			})));
+				};
+				this.group?.dispatchEvent(new p(n));
+			}
 		}
 		linkToTab() {
 			this.tab && (this.internals.ariaControlsElements = [this.tab]);
@@ -154,4 +155,4 @@ var p = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-
 	};
 })();
 //#endregion
-export { m as t };
+export { h as t };

package/tabs/tab-group/tab-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab-group.component-t4eeCNf-.js";
-export { e as SbbTabGroupElement };
+import { n as e, t } from "../../tab-group.component-CDhggNpe.js";
+export { t as SbbTabChangeEvent, e as SbbTabGroupElement };

package/tabs/tab-label/tab-label.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab-label.component-DvvSohaG.js";
+import { t as e } from "../../tab-label.component-BuF2qt1T.js";
 export { e as SbbTabLabelElement };

package/tabs.js

@@ -1,9 +1,9 @@
-import { t as e } from "./tab-group.component-t4eeCNf-.js";
-import { t } from "./tab-label.component-DvvSohaG.js";
-import { t as n } from "./tab-nav-bar.component-FT2W0urU.js";
-import { t as r } from "./tab.component-D6hfhlZw.js";
-import { n as i, t as a } from "./styles-DisU4TWi.js";
+import { n as e, t } from "./tab-group.component-CDhggNpe.js";
+import { t as n } from "./tab-label.component-BuF2qt1T.js";
+import { t as r } from "./tab-nav-bar.component-FT2W0urU.js";
+import { t as i } from "./tab.component-D6hfhlZw.js";
+import { n as a, t as o } from "./styles-DisU4TWi.js";
 import "./tabs.pure.js";
-r.define(), e.define(), t.define(), n.define();
+i.define(), e.define(), n.define(), r.define();
 //#endregion
-export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };
+export { t as SbbTabChangeEvent, i as SbbTabElement, e as SbbTabGroupElement, n as SbbTabLabelElement, r as SbbTabNavBarElement, o as tabGroupCommonStyles, a as tabLabelCommonStyles };

package/tabs.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./tab-group.component-t4eeCNf-.js";
-import { t } from "./tab-label.component-DvvSohaG.js";
-import { t as n } from "./tab-nav-bar.component-FT2W0urU.js";
-import { t as r } from "./tab.component-D6hfhlZw.js";
-import { n as i, t as a } from "./styles-DisU4TWi.js";
-export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };
+import { n as e, t } from "./tab-group.component-CDhggNpe.js";
+import { t as n } from "./tab-label.component-BuF2qt1T.js";
+import { t as r } from "./tab-nav-bar.component-FT2W0urU.js";
+import { t as i } from "./tab.component-D6hfhlZw.js";
+import { n as a, t as o } from "./styles-DisU4TWi.js";
+export { t as SbbTabChangeEvent, i as SbbTabElement, e as SbbTabGroupElement, n as SbbTabLabelElement, r as SbbTabNavBarElement, o as tabGroupCommonStyles, a as tabLabelCommonStyles };