@sbb-esta/lyne-elements-dev 4.9.0-dev.1775049532 → 4.9.0-dev.1775054429

package/{tab-nav-bar.component-DhmoZDun.js → tab-nav-bar.component-C9Ee7Qjm.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
+import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
 import { SbbElement as i } from "./core/base-elements.js";
 import { SbbNamedSlotListMixin as a } from "./core/mixins.js";
@@ -7,19 +7,19 @@ import { boxSizingStyles as o } from "./core/styles.js";
 import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
 import { isLean as c } from "./core/dom/lean-context.js";
 import { tabGroupCommonStyles as l, tabLabelCommonStyles as u } from "./tabs/common/styles.js";
-//#region src/elements/tabs/tab-nav-bar/tab-nav-bar.scss?lit&inline
-var d = n`:host{margin-block-end:var(--sbb-tab-group-content-gap)}.sbb-tab-nav-bar{list-style:none;margin:0;padding:0;font-size:inherit}`, f = (() => {
-	let n = a(i), f, p = [], m = [];
-	return class extends n {
+//#region src/elements/tabs/tab-nav-bar/tab-nav-bar.scss?inline
+var d = ":host{margin-block-end:var(--sbb-tab-group-content-gap)}.sbb-tab-nav-bar{list-style:none;margin:0;padding:0;font-size:inherit}", f = (() => {
+	let f = a(i), p, m = [], h = [];
+	return class extends f {
 		constructor() {
-			super(...arguments), this.listChildLocalNames = ["a"], this.#e = t(this, p, c() ? "s" : "l"), this._resizeController = (t(this, m), new s(this, {
+			super(...arguments), this.listChildLocalNames = ["a"], this.#e = t(this, m, c() ? "s" : "l"), this._resizeController = (t(this, h), new s(this, {
 				target: null,
 				callback: () => this._onTabGroupElementResize()
 			})), this._listElement = null;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [r({ reflect: !0 })], e(this, null, f, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [r({ reflect: !0 })], e(this, null, p, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -32,7 +32,7 @@ var d = n`:host{margin-block-end:var(--sbb-tab-group-content-gap)}.sbb-tab-nav-b
 					}
 				},
 				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -47,7 +47,7 @@ var d = n`:host{margin-block-end:var(--sbb-tab-group-content-gap)}.sbb-tab-nav-b
 				o,
 				u,
 				l,
-				d
+				n(d)
 			];
 		}
 		static {

package/{tab.component-DpO6OIa5.js → tab.component-D2QUMUCd.js}

@@ -1,8 +1,8 @@
-import { css as e, html as t } from "lit";
+import { html as e, unsafeCSS as t } from "lit";
 import { SbbElement as n } from "./core/base-elements.js";
 import { ResizeController as r } from "@lit-labs/observers/resize-controller.js";
-//#region src/elements/tabs/tab/tab.scss?lit&inline
-var i = e`@charset "UTF-8";:host:after,:host:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}: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)}:host(:not(:is(:state(active),[state--active]))){display:none!important}:host(:is(:state(active),[state--active])){display:block;opacity:1;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,height;transition-behavior:allow-discrete}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}`, a = 0, o = class extends n {
+//#region src/elements/tabs/tab/tab.scss?inline
+var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}: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)}:host(:not(:is(:state(active),[state--active]))){display:none!important}:host(:is(:state(active),[state--active])){display:block;opacity:1;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,height;transition-behavior:allow-discrete}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}", a = 0, o = class extends n {
 	constructor() {
 		super(...arguments), this._tabContentResizeObserver = new r(this, {
 			target: null,
@@ -17,7 +17,7 @@ var i = e`@charset "UTF-8";:host:after,:host:before{content:" ";display:block;v
 		this.role = "tabpanel";
 	}
 	static {
-		this.styles = i;
+		this.styles = t(i);
 	}
 	static {
 		this.events = { active: "active" };
@@ -41,7 +41,7 @@ var i = e`@charset "UTF-8";:host:after,:host:before{content:" ";display:block;v
 		this.group?.setTabContentHeight(Math.floor(this.getBoundingClientRect().height));
 	}
 	render() {
-		return t`<slot></slot>`;
+		return e`<slot></slot>`;
 	}
 };
 //#endregion

package/table/table-wrapper/table-wrapper.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../table-wrapper.component-BelpZRWV.js";
+import { t as e } from "../../table-wrapper.component-BHIm-2KW.js";
 export { e as SbbTableWrapperElement };

package/table/table-wrapper.js

@@ -1,4 +1,4 @@
-import { t as e } from "../table-wrapper.component-BelpZRWV.js";
+import { t as e } from "../table-wrapper.component-BHIm-2KW.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/table/table-wrapper.js' has been deprecated.\nUse either '@sbb-esta/elements/table.js' or '@sbb-esta/elements/table.pure.js' instead.");
 //#endregion
 export { e as SbbTableWrapperElement };

package/{table-wrapper.component-BelpZRWV.js → table-wrapper.component-BHIm-2KW.js}

@@ -1,20 +1,20 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
+import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 import { SbbElement as o } from "./core/base-elements.js";
 import { forceType as s } from "./core/decorators.js";
 import { SbbNegativeMixin as c } from "./core/mixins.js";
 import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
-//#region src/elements/table/table-wrapper/table-wrapper.scss?lit&inline
-var u = n`:host{display:block;overflow:auto}: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)}::slotted(.sbb-table){width:100%}`, d = (() => {
-	let n = c(o), d, f = [], p = [];
-	return class extends n {
+//#region src/elements/table/table-wrapper/table-wrapper.scss?inline
+var u = ":host{display:block;overflow:auto}: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)}::slotted(.sbb-table){width:100%}", d = (() => {
+	let d = c(o), f, p = [], m = [];
+	return class extends d {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			d = [s(), a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+			f = [s(), a({
 				reflect: !0,
 				type: Boolean
-			})], e(this, null, d, {
+			})], e(this, null, f, {
 				kind: "accessor",
 				name: "focusable",
 				static: !1,
@@ -27,7 +27,7 @@ var u = n`:host{display:block;overflow:auto}:host(:focus-visible){outline-offset
 					}
 				},
 				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
+			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -41,9 +41,9 @@ var u = n`:host{display:block;overflow:auto}:host(:focus-visible){outline-offset
 			this.role = "section";
 		}
 		static {
-			this.styles = u;
+			this.styles = i(u);
 		}
-		#e = t(this, f, !1);
+		#e = t(this, p, !1);
 		get focusable() {
 			return this.#e;
 		}
@@ -51,7 +51,7 @@ var u = n`:host{display:block;overflow:auto}:host(:focus-visible){outline-offset
 			this.#e = e;
 		}
 		constructor() {
-			super(), t(this, p), this.addController(new l(this, {
+			super(), t(this, m), this.addController(new l(this, {
 				skipInitial: !0,
 				callback: () => this._checkHorizontalScrollbarOffset()
 			})), this.addEventListener?.("scroll", () => this._checkHorizontalScrollbarOffset(), { passive: !0 });
@@ -63,7 +63,7 @@ var u = n`:host{display:block;overflow:auto}:host(:focus-visible){outline-offset
 			super.willUpdate(e), e.has("focusable") && (this.focusable ? this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0") : this.removeAttribute("tabindex")), e.has("negative") && this._updateScrollbarClass();
 		}
 		_updateScrollbarClass() {
-			i || (this.negative ? (this.classList.remove("sbb-scrollbar-thick-track-visible"), this.classList.add("sbb-scrollbar-thick-negative-track-visible")) : (this.classList.remove("sbb-scrollbar-thick-negative-track-visible"), this.classList.add("sbb-scrollbar-thick-track-visible")));
+			r || (this.negative ? (this.classList.remove("sbb-scrollbar-thick-track-visible"), this.classList.add("sbb-scrollbar-thick-negative-track-visible")) : (this.classList.remove("sbb-scrollbar-thick-negative-track-visible"), this.classList.add("sbb-scrollbar-thick-track-visible")));
 		}
 		_checkHorizontalScrollbarOffset() {
 			let e = this._calculateScrollOffset();
@@ -75,7 +75,7 @@ var u = n`:host{display:block;overflow:auto}:host(:focus-visible){outline-offset
 			return e ? t ? "none" : "right" : t ? "left" : "both";
 		}
 		render() {
-			return r`<slot></slot>`;
+			return n`<slot></slot>`;
 		}
 	};
 })();

package/table.js

@@ -1,4 +1,4 @@
-import { t as e } from "./table-wrapper.component-BelpZRWV.js";
+import { t as e } from "./table-wrapper.component-BHIm-2KW.js";
 import "./table.pure.js";
 //#region src/elements/table.ts
 e.define();

package/table.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./table-wrapper.component-BelpZRWV.js";
+import { t as e } from "./table-wrapper.component-BHIm-2KW.js";
 export { e as SbbTableWrapperElement };

package/tabs/common/styles.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../styles-sBIj3DD7.js";
-export { e as tabGroupCommonStyles, t as tabLabelCommonStyles };
+import { n as e, t } from "../../styles-DEPbQ2X3.js";
+export { t as tabGroupCommonStyles, e as tabLabelCommonStyles };

package/tabs/common.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "../styles-sBIj3DD7.js";
+import { n as e, t } from "../styles-DEPbQ2X3.js";
 //#region src/elements/tabs/common.ts
 console.warn("The entrypoint '@sbb-esta/elements/tabs/common.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
 //#endregion
-export { e as tabGroupCommonStyles, t as tabLabelCommonStyles };
+export { t as tabGroupCommonStyles, e as tabLabelCommonStyles };

package/tabs/tab/tab.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab.component-DpO6OIa5.js";
+import { t as e } from "../../tab.component-D2QUMUCd.js";
 export { e as SbbTabElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab-group.component-DzK-Yf2p.js";
+import { t as e } from "../../tab-group.component-CmoxDIUx.js";
 export { e as SbbTabGroupElement };

package/tabs/tab-group.js

@@ -1,4 +1,4 @@
-import { t as e } from "../tab-group.component-DzK-Yf2p.js";
+import { t as e } from "../tab-group.component-CmoxDIUx.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-group.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
 //#endregion
 export { e as SbbTabGroupElement };

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

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

package/tabs/tab-label.js

@@ -1,4 +1,4 @@
-import { t as e } from "../tab-label.component-BVjPwPdJ.js";
+import { t as e } from "../tab-label.component-XalFgxFV.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-label.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
 //#endregion
 export { e as SbbTabLabelElement };

package/tabs/tab-nav-bar/tab-nav-bar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab-nav-bar.component-DhmoZDun.js";
+import { t as e } from "../../tab-nav-bar.component-C9Ee7Qjm.js";
 export { e as SbbTabNavBarElement };

package/tabs/tab-nav-bar.js

@@ -1,4 +1,4 @@
-import { t as e } from "../tab-nav-bar.component-DhmoZDun.js";
+import { t as e } from "../tab-nav-bar.component-C9Ee7Qjm.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-nav-bar.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
 //#endregion
 export { e as SbbTabNavBarElement };

package/tabs/tab.js

@@ -1,4 +1,4 @@
-import { t as e } from "../tab.component-DpO6OIa5.js";
+import { t as e } from "../tab.component-D2QUMUCd.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
 //#endregion
 export { e as SbbTabElement };

package/tabs.js

@@ -1,9 +1,9 @@
-import { t as e } from "./tab-group.component-DzK-Yf2p.js";
-import { t } from "./tab-label.component-BVjPwPdJ.js";
-import { t as n } from "./tab-nav-bar.component-DhmoZDun.js";
-import { t as r } from "./tab.component-DpO6OIa5.js";
-import { n as i, t as a } from "./styles-sBIj3DD7.js";
+import { t as e } from "./tab-group.component-CmoxDIUx.js";
+import { t } from "./tab-label.component-XalFgxFV.js";
+import { t as n } from "./tab-nav-bar.component-C9Ee7Qjm.js";
+import { t as r } from "./tab.component-D2QUMUCd.js";
+import { n as i, t as a } from "./styles-DEPbQ2X3.js";
 import "./tabs.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion
-export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, i as tabGroupCommonStyles, a as tabLabelCommonStyles };
+export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };

package/tabs.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./tab-group.component-DzK-Yf2p.js";
-import { t } from "./tab-label.component-BVjPwPdJ.js";
-import { t as n } from "./tab-nav-bar.component-DhmoZDun.js";
-import { t as r } from "./tab.component-DpO6OIa5.js";
-import { n as i, t as a } from "./styles-sBIj3DD7.js";
-export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, i as tabGroupCommonStyles, a as tabLabelCommonStyles };
+import { t as e } from "./tab-group.component-CmoxDIUx.js";
+import { t } from "./tab-label.component-XalFgxFV.js";
+import { t as n } from "./tab-nav-bar.component-C9Ee7Qjm.js";
+import { t as r } from "./tab.component-D2QUMUCd.js";
+import { n as i, t as a } from "./styles-DEPbQ2X3.js";
+export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };

package/tag/tag/tag.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tag.component-C0kSc_R9.js";
+import { t as e } from "../../tag.component-DoSliZAp.js";
 export { e as SbbTagElement };

package/tag/tag-group/tag-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tag-group.component-B38DQFPA.js";
+import { t as e } from "../../tag-group.component-Cn0EqjGS.js";
 export { e as SbbTagGroupElement };

package/tag/tag-group.js

@@ -1,4 +1,4 @@
-import { t as e } from "../tag-group.component-B38DQFPA.js";
+import { t as e } from "../tag-group.component-Cn0EqjGS.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/tag/tag-group.js' has been deprecated.\nUse either '@sbb-esta/elements/tag.js' or '@sbb-esta/elements/tag.pure.js' instead.");
 //#endregion
 export { e as SbbTagGroupElement };

package/tag/tag.js

@@ -1,4 +1,4 @@
-import { t as e } from "../tag.component-C0kSc_R9.js";
+import { t as e } from "../tag.component-DoSliZAp.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/tag/tag.js' has been deprecated.\nUse either '@sbb-esta/elements/tag.js' or '@sbb-esta/elements/tag.pure.js' instead.");
 //#endregion
 export { e as SbbTagElement };

package/{tag-group.component-B38DQFPA.js → tag-group.component-Cn0EqjGS.js}

@@ -1,21 +1,21 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
+import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 import { SbbElement as o } from "./core/base-elements.js";
 import { forceType as s } from "./core/decorators.js";
 import { isLean as c, setOrRemoveAttribute as l } from "./core/dom.js";
 import { SbbDisabledMixin as u, SbbNamedSlotListMixin as d } from "./core/mixins.js";
 import { boxSizingStyles as f } from "./core/styles.js";
-//#region src/elements/tag/tag-group/tag-group.scss?lit&inline
-var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-3x)}.sbb-tag-group__list>:is(li,span){display:flex;max-width:100%}`, m = (() => {
-	let n = u(d(o)), m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w;
-	return class extends n {
+//#region src/elements/tag/tag-group/tag-group.scss?inline
+var p = ":host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-3x)}.sbb-tag-group__list>:is(li,span){display:flex;max-width:100%}", m = (() => {
+	let m = u(d(o)), h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T;
+	return class extends m {
 		constructor() {
-			super(...arguments), this.listChildLocalNames = (t(this, m), ["sbb-tag", "div"]), this.#e = t(this, g, ""), this.#t = (t(this, _), t(this, y, !1)), this.#n = (t(this, b), t(this, S, c() ? "s" : "m")), this._value = (t(this, C), null);
+			super(...arguments), this.listChildLocalNames = (t(this, h), ["sbb-tag", "div"]), this.#e = t(this, _, ""), this.#t = (t(this, v), t(this, b, !1)), this.#n = (t(this, x), t(this, C, c() ? "s" : "m")), this._value = (t(this, w), null);
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			h = [s(), a({ attribute: "list-accessibility-label" })], v = [s(), a({ type: Boolean })], x = [a({ reflect: !0 })], w = [a()], e(this, null, h, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			g = [s(), a({ attribute: "list-accessibility-label" })], y = [s(), a({ type: Boolean })], S = [a({ reflect: !0 })], T = [a()], e(this, null, g, {
 				kind: "accessor",
 				name: "listAccessibilityLabel",
 				static: !1,
@@ -28,7 +28,7 @@ var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padd
 					}
 				},
 				metadata: t
-			}, g, _), e(this, null, v, {
+			}, _, v), e(this, null, y, {
 				kind: "accessor",
 				name: "multiple",
 				static: !1,
@@ -41,7 +41,7 @@ var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padd
 					}
 				},
 				metadata: t
-			}, y, b), e(this, null, x, {
+			}, b, x), e(this, null, S, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -54,7 +54,7 @@ var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padd
 					}
 				},
 				metadata: t
-			}, S, C), e(this, null, w, {
+			}, C, w), e(this, null, T, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -66,7 +66,7 @@ var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padd
 					}
 				},
 				metadata: t
-			}, null, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, h), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -77,7 +77,7 @@ var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padd
 			this.elementName = "sbb-tag-group";
 		}
 		static {
-			this.styles = [f, p];
+			this.styles = [f, i(p)];
 		}
 		#e;
 		get listAccessibilityLabel() {
@@ -101,14 +101,14 @@ var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padd
 			this.#n = e;
 		}
 		set value(e) {
-			if (i || !this.hasUpdated) {
+			if (r || !this.hasUpdated) {
 				this._value = e;
 				return;
 			}
 			this._applyValueToTags(e);
 		}
 		get value() {
-			return i || !this.hasUpdated ? this._value : this.multiple ? this.tags.filter((e) => e.checked).map((e) => e.value) : this.tags.find((e) => e.checked)?.value ?? null;
+			return r || !this.hasUpdated ? this._value : this.multiple ? this.tags.filter((e) => e.checked).map((e) => e.value) : this.tags.find((e) => e.checked)?.value ?? null;
 		}
 		get tags() {
 			return Array.from(this.querySelectorAll?.("sbb-tag") ?? []);
@@ -128,7 +128,7 @@ var p = n`:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padd
 			} else Array.isArray(e) || t.forEach((t) => t.checked = t.value === e);
 		}
 		render() {
-			return r`
+			return n`
       <div class="sbb-tag-group">
         ${this.renderList({
 				class: "sbb-tag-group__list",

package/tag.component-DoSliZAp.js

@@ -0,0 +1,170 @@
+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 { SbbButtonLikeBaseElement as a } from "./core/base-elements.js";
+import { forceType as o, getOverride as s, omitEmptyConverter as c } from "./core/decorators.js";
+import { isLean as l } from "./core/dom.js";
+import { SbbDisabledTabIndexActionMixin as u } from "./core/mixins.js";
+import { boxSizingStyles as d } from "./core/styles.js";
+import { SbbIconNameMixin as f } from "./icon.js";
+//#region src/elements/tag/tag/tag.scss?inline
+var p = ":host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-background-color-1);--sbb-tag-border-color: var(--sbb-border-color-4-inverted);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-2);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: var(--sbb-cursor-pointer);--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host(:is(:state(checked),[state--checked]):is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-border-color: Highlight}}:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:\"\";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{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-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}", m = (() => {
+	let m = f(u(a)), h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
+	return class extends m {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [i()], v = [o(), i({
+				reflect: !0,
+				converter: c
+			})], x = [o(), i({
+				reflect: !1,
+				type: Boolean
+			})], w = [i({ reflect: !0 }), s((e, t) => e._group?.size ?? t)], e(this, null, h, {
+				kind: "accessor",
+				name: "value",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "value" in e,
+					get: (e) => e.value,
+					set: (e, t) => {
+						e.value = t;
+					}
+				},
+				metadata: t
+			}, g, _), e(this, null, v, {
+				kind: "accessor",
+				name: "amount",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "amount" in e,
+					get: (e) => e.amount,
+					set: (e, t) => {
+						e.amount = t;
+					}
+				},
+				metadata: t
+			}, y, b), e(this, null, x, {
+				kind: "accessor",
+				name: "checked",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "checked" in e,
+					get: (e) => e.checked,
+					set: (e, t) => {
+						e.checked = t;
+					}
+				},
+				metadata: t
+			}, S, C), e(this, null, w, {
+				kind: "accessor",
+				name: "size",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "size" in e,
+					get: (e) => e.size,
+					set: (e, t) => {
+						e.size = t;
+					}
+				},
+				metadata: t
+			}, T, E), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-tag";
+		}
+		static {
+			this.styles = [d, r(p)];
+		}
+		static {
+			this.events = {
+				input: "input",
+				didChange: "didChange",
+				change: "change"
+			};
+		}
+		#e;
+		get value() {
+			return this.#e;
+		}
+		set value(e) {
+			this.#e = e;
+		}
+		#t;
+		get amount() {
+			return this.#t;
+		}
+		set amount(e) {
+			this.#t = e;
+		}
+		#n;
+		get checked() {
+			return this.#n;
+		}
+		set checked(e) {
+			this.#n = e;
+		}
+		#r;
+		get size() {
+			return this.#r;
+		}
+		set size(e) {
+			this.#r = e;
+		}
+		constructor() {
+			super(), this.#e = t(this, g, null), this.#t = (t(this, _), t(this, y, "")), this.#n = (t(this, b), t(this, S, !1)), this.#r = (t(this, C), t(this, T, l() ? "s" : "m")), this._group = (t(this, E), null), this.addEventListener?.("click", () => this._handleClick());
+		}
+		connectedCallback() {
+			super.connectedCallback(), this._group = this.closest("sbb-tag-group");
+		}
+		isDisabledExternally() {
+			return this._group?.disabled ?? !1;
+		}
+		_handleClick() {
+			if (this.disabled) return;
+			let e = this.closest("sbb-tag-group");
+			e && !e.multiple && this.checked || (this.checked = !this.checked, this.dispatchEvent(new InputEvent("input", {
+				bubbles: !0,
+				composed: !0
+			})), this.dispatchEvent(new Event("change", { bubbles: !0 })), this.dispatchEvent(new Event("didChange", { bubbles: !0 })));
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("checked") && (this.internals.ariaPressed = `${this.checked}`, this.toggleState("checked", this.checked), this.updateFormValue());
+			let t = this.closest?.("sbb-tag-group");
+			t && !t.multiple && e.has("checked") && this.checked && t?.tags.filter((e) => e !== this).forEach((e) => e.checked = !1);
+		}
+		formResetCallback() {
+			this.checked = this.hasAttribute("checked");
+		}
+		formStateRestoreCallback(e, t) {
+			e && (this.checked = e === "true");
+		}
+		updateFormValue() {
+			this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
+		}
+		formState() {
+			return `${this.checked}`;
+		}
+		renderTemplate() {
+			return n`
+      <span class="sbb-tag__icon sbb-tag--shift"> ${this.renderIconSlot()} </span>
+      <span class="sbb-tag__text sbb-tag--shift">
+        <slot></slot>
+      </span>
+      <span class="sbb-tag__amount sbb-tag--shift">
+        <slot name="amount">${this.amount}</slot>
+      </span>
+    `;
+		}
+	};
+})();
+//#endregion
+export { m as t };

package/tag.js

@@ -1,5 +1,5 @@
-import { t as e } from "./tag-group.component-B38DQFPA.js";
-import { t } from "./tag.component-C0kSc_R9.js";
+import { t as e } from "./tag-group.component-Cn0EqjGS.js";
+import { t } from "./tag.component-DoSliZAp.js";
 import "./tag.pure.js";
 t.define(), e.define();
 //#endregion

package/tag.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./tag-group.component-B38DQFPA.js";
-import { t } from "./tag.component-C0kSc_R9.js";
+import { t as e } from "./tag-group.component-Cn0EqjGS.js";
+import { t } from "./tag.component-DoSliZAp.js";
 export { t as SbbTagElement, e as SbbTagGroupElement };

package/teaser/teaser.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../teaser.component-DFIiTP5C.js";
+import { t as e } from "../teaser.component-Drf3Eafw.js";
 export { e as SbbTeaserElement };

package/teaser-hero/teaser-hero.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../teaser-hero.component-Xv0y4x95.js";
+import { t as e } from "../teaser-hero.component-BL9zIJPw.js";
 export { e as SbbTeaserHeroElement };