@sbb-esta/lyne-elements 4.8.1 → 4.9.0

package/teaser.pure.js

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

package/time-input/time-input.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../time-input.component-DT1BOC8m.js";
+import { t as e } from "../time-input.component-BDkxBiPM.js";
 export { e as SbbTimeInputElement };

package/{time-input.component-DT1BOC8m.js → time-input.component-BDkxBiPM.js}

@@ -7,7 +7,7 @@ import { SbbLanguageController as s } from "./core/controllers.js";
 import { i18nTimeInputChange as c, i18nTimeInvalid as l, i18nTimeMax as u, i18nTimeMaxLength as d } from "./core/i18n.js";
 import { sbbLiveAnnouncer as f } from "./core/a11y.js";
 //#region src/elements/time-input/time-input.scss?lit&inline
-var p = n`:host{min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center;display:inline-flex}@media (forced-colors:active){:host{color:fieldtext}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media (forced-colors:active){:host(:empty):after{color:graytext}}`, m = /[0-9.:,\-;_hH]/, h = /[^0-9.:,\-;_hH]/g, g = /^([0-9]{1,2})([0-9]{2})$/, _ = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/, v = (() => {
+var p = n`:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`, m = /[0-9.:,\-;_hH]/, h = /[^0-9.:,\-;_hH]/g, g = /^([0-9]{1,2})([0-9]{2})$/, _ = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/, v = (() => {
 	let n = o(a), v = [], y;
 	return class extends n {
 		static {

package/time-input.js

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

package/time-input.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./time-input.component-DT1BOC8m.js";
+import { t as e } from "./time-input.component-BDkxBiPM.js";
 export { e as SbbTimeInputElement };

package/timetable-form/timetable-form/timetable-form.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form.component-BqdKekNM.js";
+import { t as e } from "../../timetable-form.component-BeopwQmE.js";
 export { e as SbbTimetableFormElement };

package/timetable-form/timetable-form-details/timetable-form-details.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-details.component-DI5Mr8-O.js";
+import { t as e } from "../../timetable-form-details.component-CfpM_Kse.js";
 export { e as SbbTimetableFormDetailsElement };

package/timetable-form/timetable-form-details.js

@@ -1,4 +1,4 @@
-import { t as e } from "../timetable-form-details.component-DI5Mr8-O.js";
+import { t as e } from "../timetable-form-details.component-CfpM_Kse.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-details.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
 //#endregion
 export { e as SbbTimetableFormDetailsElement };

package/timetable-form/timetable-form-field/timetable-form-field.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-field.component-2kEWygEC.js";
+import { t as e } from "../../timetable-form-field.component-DJ9FZ9vI.js";
 export { e as SbbTimetableFormFieldElement };

package/timetable-form/timetable-form-field.js

@@ -1,4 +1,4 @@
-import { t as e } from "../timetable-form-field.component-2kEWygEC.js";
+import { t as e } from "../timetable-form-field.component-DJ9FZ9vI.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-field.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
 //#endregion
 export { e as SbbTimetableFormFieldElement };

package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-swap-button.component-BGP-OsHD.js";
+import { t as e } from "../../timetable-form-swap-button.component-BXQ-ukkk.js";
 export { e as SbbTimetableFormSwapButtonElement };

package/timetable-form/timetable-form-swap-button.js

@@ -1,4 +1,4 @@
-import { t as e } from "../timetable-form-swap-button.component-BGP-OsHD.js";
+import { t as e } from "../timetable-form-swap-button.component-BXQ-ukkk.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-swap-button.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
 //#endregion
 export { e as SbbTimetableFormSwapButtonElement };

package/timetable-form/timetable-form.js

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

package/timetable-form-details.component-CfpM_Kse.js

@@ -0,0 +1,16 @@
+import { css as e, html as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+//#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?lit&inline
+var r = e`:host{--sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);--sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-timetable-form-details-horizontal-divider-height: 1.5rem;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-1x);border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);padding-block:var(--sbb-timetable-form-details-padding-block);padding-inline-start:calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));align-items:center}::slotted(sbb-form-field){--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}`, i = class extends n {
+	static {
+		this.elementName = "sbb-timetable-form-details";
+	}
+	static {
+		this.styles = r;
+	}
+	render() {
+		return t`<slot></slot>`;
+	}
+};
+//#endregion
+export { i as t };

package/timetable-form-field.component-DJ9FZ9vI.js

@@ -0,0 +1,32 @@
+import { css as e, html as t, isServer as n } from "lit";
+import { SbbFormFieldElement as r } from "./form-field.pure.js";
+//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?lit&inline
+var i = e`:host{display:flex;--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem;--sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);--sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1)}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate: 90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate: -90deg;--sbb-timetable-form-field-route-icon-translate: -.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:"";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0}.sbb-timetable-form-field__start-route-icon{align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline);rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate)}.sbb-timetable-form-field__start-route-icon:after{--connecting-line-offset: .1875rem;--connecting-line-width: calc( (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--connecting-line-offset) );content:"";position:absolute;inset-block-start:50%;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--connecting-line-width);margin-left:calc(var(--connecting-line-offset) * -1)}.sbb-timetable-form-field__via-route-icon{align-self:stretch;position:relative;width:var(--sbb-size-icon-ui-small);margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__via-route-icon:before{content:"";position:absolute;inset-inline-start:50%;height:100%;margin-inline-start:-.0625rem;border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color)}.sbb-timetable-form-field__via-route-icon:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:.4375rem;height:.4375rem;border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);margin-inline-start:-.03125rem}.sbb-form-field__space-wrapper{flex-grow:1}`;
+//#endregion
+//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
+r.define();
+var a = class extends r {
+	static {
+		this.elementName = "sbb-timetable-form-field";
+	}
+	static {
+		this.styles = [r.styles, i];
+	}
+	constructor() {
+		super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";
+	}
+	connectedCallback() {
+		super.connectedCallback(), !n && this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
+	}
+	render() {
+		return t`
+      ${this._routeIcon ? t` <sbb-icon
+            name="route-circle-start-small"
+            class="sbb-timetable-form-field__start-route-icon"
+          ></sbb-icon>` : t` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
+      ${super.render()}
+    `;
+	}
+};
+//#endregion
+export { a as t };

package/{timetable-form-swap-button.component-BGP-OsHD.js → timetable-form-swap-button.component-BXQ-ukkk.js}

@@ -3,7 +3,7 @@ import { SbbLanguageController as t } from "./core/controllers.js";
 import { i18nTimetableFormSwapButtonLabel as n } from "./core/i18n.js";
 import { SbbSecondaryButtonElement as r } from "./button/secondary-button.js";
 //#region src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.scss?lit&inline
-var i = e`:host(:is(:state(timetable-form-context),[state--timetable-form-context])){--sbb-timetable-form-swap-button-margin-inline-end:var(--sbb-spacing-fixed-6x);--sbb-timetable-form-swap-button-translate:0 -50%;--sbb-timetable-form-swap-button-z-index:1;--sbb-timetable-form-swap-button-position:absolute;position:relative}.sbb-timetable-form-swap-button{position:var(--sbb-timetable-form-swap-button-position,relative);translate:var(--sbb-timetable-form-swap-button-translate);z-index:var(--sbb-timetable-form-swap-button-z-index);margin-inline-end:var(--sbb-timetable-form-swap-button-margin-inline-end);inset-inline-end:0}`, a = class extends r {
+var i = e`:host(:is(:state(timetable-form-context),[state--timetable-form-context])){--sbb-timetable-form-swap-button-margin-inline-end: var(--sbb-spacing-fixed-6x);--sbb-timetable-form-swap-button-translate: 0 -50%;--sbb-timetable-form-swap-button-z-index: 1;--sbb-timetable-form-swap-button-position: absolute;position:relative}.sbb-timetable-form-swap-button{position:var(--sbb-timetable-form-swap-button-position, relative);margin-inline-end:var(--sbb-timetable-form-swap-button-margin-inline-end);translate:var(--sbb-timetable-form-swap-button-translate);z-index:var(--sbb-timetable-form-swap-button-z-index);inset-inline-end:0}`, a = class extends r {
 	static {
 		this.elementName = "sbb-timetable-form-swap-button";
 	}

package/{timetable-form.component-BqdKekNM.js → timetable-form.component-BeopwQmE.js}

@@ -1,7 +1,7 @@
 import { css as e, html as t } from "lit";
 import { SbbElement as n } from "./core/base-elements.js";
 //#region src/elements/timetable-form/timetable-form/timetable-form.scss?lit&inline
-var r = e`:host{--sbb-timetable-form-background-color:var(--sbb-background-color-1);--sbb-timetable-form-border-radius:var(--sbb-border-radius-4x);border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);flex-direction:column;display:flex}`, i = class extends n {
+var r = e`:host{--sbb-timetable-form-background-color: var(--sbb-background-color-1);--sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);display:flex;flex-direction:column}`, i = class extends n {
 	static {
 		this.elementName = "sbb-timetable-form";
 	}

package/timetable-form.js

@@ -1,7 +1,7 @@
-import { t as e } from "./timetable-form-details.component-DI5Mr8-O.js";
-import { t } from "./timetable-form-field.component-2kEWygEC.js";
-import { t as n } from "./timetable-form-swap-button.component-BGP-OsHD.js";
-import { t as r } from "./timetable-form.component-BqdKekNM.js";
+import { t as e } from "./timetable-form-details.component-CfpM_Kse.js";
+import { t } from "./timetable-form-field.component-DJ9FZ9vI.js";
+import { t as n } from "./timetable-form-swap-button.component-BXQ-ukkk.js";
+import { t as r } from "./timetable-form.component-BeopwQmE.js";
 import "./timetable-form.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion

package/timetable-form.pure.js

@@ -1,5 +1,5 @@
-import { t as e } from "./timetable-form-details.component-DI5Mr8-O.js";
-import { t } from "./timetable-form-field.component-2kEWygEC.js";
-import { t as n } from "./timetable-form-swap-button.component-BGP-OsHD.js";
-import { t as r } from "./timetable-form.component-BqdKekNM.js";
+import { t as e } from "./timetable-form-details.component-CfpM_Kse.js";
+import { t } from "./timetable-form-field.component-DJ9FZ9vI.js";
+import { t as n } from "./timetable-form-swap-button.component-BXQ-ukkk.js";
+import { t as r } from "./timetable-form.component-BeopwQmE.js";
 export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };

package/timetable-occupancy/timetable-occupancy.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-occupancy.component-DMztYVmj.js";
+import { t as e } from "../timetable-occupancy.component-CuI4uxPK.js";
 export { e as SbbTimetableOccupancyElement };

package/timetable-occupancy-icon/timetable-occupancy-icon.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-occupancy-icon.component-ZrzpXaeV.js";
+import { t as e } from "../timetable-occupancy-icon.component-LLMT_897.js";
 export { e as SbbTimetableOccupancyIconElement };

package/{timetable-occupancy-icon.component-ZrzpXaeV.js → timetable-occupancy-icon.component-LLMT_897.js}

@@ -6,7 +6,7 @@ import { SbbDarkModeController as a, SbbLanguageController as o, SbbMediaMatcher
 import { i18nOccupancy as l } from "./core/i18n.js";
 import { SbbIconBase as u } from "./icon.js";
 //#region src/elements/timetable-occupancy-icon/timetable-occupancy-icon.scss?lit&inline
-var d = n`@media (forced-colors:active) and (prefers-color-scheme:light){:host svg{filter:invert()}}`, f = (() => {
+var d = n`@media(forced-colors:active)and (prefers-color-scheme:light){:host svg{filter:invert(1)}}`, f = (() => {
 	let n = i(u), f, p = [], m = [];
 	return class extends n {
 		constructor() {

package/timetable-occupancy-icon.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-occupancy-icon.component-ZrzpXaeV.js";
+import { t as e } from "./timetable-occupancy-icon.component-LLMT_897.js";
 import "./timetable-occupancy-icon.pure.js";
 //#region src/elements/timetable-occupancy-icon.ts
 e.define();

package/timetable-occupancy-icon.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-occupancy-icon.component-ZrzpXaeV.js";
+import { t as e } from "./timetable-occupancy-icon.component-LLMT_897.js";
 export { e as SbbTimetableOccupancyIconElement };

package/{timetable-occupancy.component-DMztYVmj.js → timetable-occupancy.component-CuI4uxPK.js}

@@ -9,7 +9,7 @@ import { i18nClass as u } from "./core/i18n.js";
 import "./screen-reader-only.js";
 import "./timetable-occupancy-icon.js";
 //#region src/elements/timetable-occupancy/timetable-occupancy.scss?lit&inline
-var d = n`:host{--sbb-timetable-occupancy-color:var(--sbb-color-2);--sbb-icon-svg-width:.890625rem;--sbb-icon-svg-height:v0.75rem;display:inline-block}@media (width>=64rem){:host{--sbb-icon-svg-width:1.1875rem;--sbb-icon-svg-height:v1rem}}:host([negative]){--sbb-timetable-occupancy-color:var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{font-size:inherit;align-items:center;gap:var(--sbb-spacing-fixed-2x);flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex}.sbb-timetable-occupancy__list-item{align-items:center;gap:var(--sbb-spacing-fixed-1x);flex-wrap:nowrap;display:flex}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size:var(--sbb-text-font-size-s);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-timetable-occupancy-color);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}`, f = (() => {
+var d = n`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-text-font-size-s);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);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}`, f = (() => {
 	let n = s(o), f, p = [], m = [], h, g = [], _ = [];
 	return class extends n {
 		constructor() {

package/timetable-occupancy.js

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

package/timetable-occupancy.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-occupancy.component-DMztYVmj.js";
+import { t as e } from "./timetable-occupancy.component-CuI4uxPK.js";
 export { e as SbbTimetableOccupancyElement };

package/title/title-base.js

@@ -1,2 +1,2 @@
-import { t as e } from "../title-base-BDYkc8fG.js";
+import { t as e } from "../title-base-DRgSZMaU.js";
 export { e as SbbTitleBase };

package/title/title.component.js

@@ -1,3 +1,3 @@
-import "../title-base-BDYkc8fG.js";
-import { t as e } from "../title.component-DafVwymI.js";
+import "../title-base-DRgSZMaU.js";
+import { t as e } from "../title.component-1oKmMeCz.js";
 export { e as SbbTitleElement };

package/{title-base-BDYkc8fG.js → title-base-DRgSZMaU.js}

@@ -4,7 +4,7 @@ import { property as r } from "lit/decorators.js";
 import { SbbElement as i } from "./core/base-elements.js";
 import { html as a } from "lit/static-html.js";
 //#region src/elements/title/title-common.scss?lit&inline
-var o = n`:host{margin-block:var(--sbb-title-margin-block,0);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal:var(--sbb-title-text-color-normal-override,var(--sbb-color-3));color:var(--sbb-title-text-color-normal);margin-inline:0;display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-font-size:var(--sbb-title-font-size-level-1-lean,var(--sbb-heading-font-size-1))}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size:var(--sbb-title-font-size-level-2-lean,var(--sbb-heading-font-size-2))}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size:var(--sbb-title-font-size-level-3-lean,var(--sbb-heading-font-size-3))}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size:var(--sbb-title-font-size-level-4-lean,var(--sbb-heading-font-size-4))}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size:var(--sbb-title-font-size-level-5-lean,var(--sbb-heading-font-size-5))}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size:var(--sbb-title-font-size-level-6-lean,var(--sbb-heading-font-size-6));--sbb-title-line-height:var(--sbb-typo-line-height-text)}`, s = (() => {
+var o = n`:host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal: var(--sbb-title-text-color-normal-override, var(--sbb-color-3));display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1-lean, var(--sbb-heading-font-size-1))}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3-lean, var(--sbb-heading-font-size-3))}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5-lean, var(--sbb-heading-font-size-5))}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text)}`, s = (() => {
 	let n = i, s, c = [], l = [], u, d = [], f = [];
 	return class extends n {
 		static {

package/{title.component-DafVwymI.js → title.component-1oKmMeCz.js}

@@ -1,10 +1,10 @@
-import { t as e } from "./title-base-BDYkc8fG.js";
+import { t as e } from "./title-base-DRgSZMaU.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { css as r } from "lit";
 import { property as i } from "lit/decorators.js";
 import { SbbNegativeMixin as a } from "./core/mixins.js";
 //#region src/elements/title/title.scss?lit&inline
-var o = r`:host([negative]){--sbb-title-text-color-normal:var(--sbb-color-3-negative)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block:var(--sbb-heading-margin-block-1-lean,var(--sbb-heading-margin-block-1))}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block:var(--sbb-heading-margin-block-2-lean,var(--sbb-heading-margin-block-2))}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block:var(--sbb-heading-margin-block-3-lean,var(--sbb-heading-margin-block-3))}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block:var(--sbb-heading-margin-block-4-lean,var(--sbb-heading-margin-block-4))}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block:var(--sbb-heading-margin-block-5-lean,var(--sbb-heading-margin-block-5))}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block:var(--sbb-heading-margin-block-6-lean,var(--sbb-heading-margin-block-6))}`, s = (() => {
+var o = r`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-1-lean, var(--sbb-heading-margin-block-1) )}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-2-lean, var(--sbb-heading-margin-block-2) )}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-3-lean, var(--sbb-heading-margin-block-3) )}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-4-lean, var(--sbb-heading-margin-block-4) )}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-5-lean, var(--sbb-heading-margin-block-5) )}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-6-lean, var(--sbb-heading-margin-block-6) )}`, s = (() => {
 	let r = a(e), s, c = [], l = [];
 	return class extends r {
 		static {

package/title.js

@@ -1,5 +1,5 @@
-import { t as e } from "./title-base-BDYkc8fG.js";
-import { t } from "./title.component-DafVwymI.js";
+import { t as e } from "./title-base-DRgSZMaU.js";
+import { t } from "./title.component-1oKmMeCz.js";
 import "./title.pure.js";
 //#region src/elements/title.ts
 t.define();

package/title.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./title-base-BDYkc8fG.js";
-import { t } from "./title.component-DafVwymI.js";
+import { t as e } from "./title-base-DRgSZMaU.js";
+import { t } from "./title.component-1oKmMeCz.js";
 export { e as SbbTitleBase, t as SbbTitleElement };

package/toast/toast.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../toast.component-DbILctK5.js";
+import { t as e } from "../toast.component-BGevO6ad.js";
 export { e as SbbToastElement };

package/{toast.component-DbILctK5.js → toast.component-BGevO6ad.js}

@@ -13,7 +13,7 @@ import { SbbIconNameMixin as g } from "./icon.js";
 import "./button/transparent-button.js";
 import "./divider.js";
 //#region src/elements/toast/toast.scss?lit&inline
-var _ = n`:host{--sbb-toast-max-width:25rem;--sbb-toast-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-toast-animation-timing-function:ease;--sbb-toast-text-color:var(--sbb-color-3-inverted);--sbb-toast-background-color:var(--sbb-background-color-1-inverted);--sbb-toast-margin:var(--sbb-spacing-responsive-s);--sbb-toast-padding-block:var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline:var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius:var(--sbb-border-radius-4x);--sbb-toast-container-display:none;--sbb-toast-container-position:fixed;--sbb-toast-horizontal-position:initial;--sbb-toast-vertical-position:initial;--sbb-toast-gap:var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display:flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position:flex-start;--sbb-toast-vertical-position:flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position:center;--sbb-toast-vertical-position:flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position:flex-end;--sbb-toast-vertical-position:flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position:flex-start;--sbb-toast-vertical-position:flex-start}:host([position=top-center]){--sbb-toast-horizontal-position:center;--sbb-toast-vertical-position:flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position:flex-end;--sbb-toast-vertical-position:flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color:var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position);inset:0}.sbb-toast{z-index:var(--sbb-toast-z-index,var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color);display:flex}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline);display:flex}slot:not([name=icon]),.sbb-toast__close{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.sbb-toast__content{--sbb-title-font-size:var(--sbb-title-font-size-level-6-lean,var(--sbb-heading-font-size-6));--sbb-title-line-height:var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block,0);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);flex:1 1 0;margin-inline:0}.sbb-toast__close{align-items:center;display:flex}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}`, v = /* @__PURE__ */ new Set(), y = (() => {
+var _ = n`:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-3-inverted);--sbb-toast-background-color: var(--sbb-background-color-1-inverted);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}`, v = /* @__PURE__ */ new Set(), y = (() => {
 	let n = g(d(o)), y, b = [], x = [], S, C = [], w = [], T, E = [], D = [];
 	return class extends n {
 		static {

package/toast.js

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

package/toast.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./toast.component-DbILctK5.js";
+import { t as e } from "./toast.component-BGevO6ad.js";
 export { e as SbbToastElement };

package/toggle/toggle/toggle.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle.component-D1n5S5ev.js";
+import { t as e } from "../../toggle.component-D8rRkRAo.js";
 export { e as SbbToggleElement };

package/toggle/toggle-option/toggle-option.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-option.component-NMfqwd12.js";
+import { t as e } from "../../toggle-option.component-Lm0irQKj.js";
 export { e as SbbToggleOptionElement };

package/toggle/toggle-option.js

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

package/toggle/toggle.js

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

package/toggle-check/toggle-check.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../toggle-check.component-CPewUjOg.js";
+import { t as e } from "../toggle-check.component-C2Ejl7a_.js";
 export { e as SbbToggleCheckElement };

package/toggle-check.component-C2Ejl7a_.js

@@ -0,0 +1,119 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, html as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a } from "./core/base-elements.js";
+import { isLean as o } from "./core/dom.js";
+import { SbbFormAssociatedCheckboxMixin as s } from "./core/mixins.js";
+import { boxSizingStyles as c } from "./core/styles.js";
+import { SbbIconNameMixin as l } from "./icon.js";
+//#region src/elements/toggle-check/toggle-check.scss?lit&inline
+var u = n`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-toggle-check-color: var(--sbb-color-2);--sbb-toggle-check-checked-color: var(--sbb-color-primary);--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-icon-opacity: 0;--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: solid;--sbb-toggle-check-circle-diameter: 1.75rem;--sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--sbb-toggle-check-circle-transform: translate(0, -50%);--sbb-toggle-check-height: 1.5rem;--sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));--sbb-toggle-check-cursor: var(--sbb-cursor-pointer);--sbb-toggle-check-flex-direction: row-reverse;--sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) )}@media(forced-colors:active){:host{--sbb-toggle-check-background-color: CanvasText;--sbb-toggle-check-circle-background-color: Canvas}}:host([size=m]){--sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text))}:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);--sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);--sbb-toggle-check-icon-opacity: 1;--sbb-toggle-check-circle-transform: translate( calc(100% - 2 * (100% - .5 * var(--sbb-toggle-check-width))), -50% )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-icon-color: Highlight;--sbb-toggle-check-background-color: Highlight}}:host(:disabled){--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: dashed;--sbb-toggle-check-icon-color: var(--sbb-color-granite);--sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-toggle-check-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-toggle-check-icon-color: GrayText;--sbb-toggle-check-background-color: GrayText;--sbb-toggle-check-circle-border-style: solid}}:host([label-position=before]){--sbb-toggle-check-flex-direction: row}.sbb-toggle-check{position:relative;display:flex;color:var(--sbb-toggle-check-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor)}.sbb-toggle-check:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible) .sbb-toggle-check{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:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-text-font-size-s);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);display:flex;flex-direction:var(--sbb-toggle-check-flex-direction);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%}:host([size=m]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-text-font-size-m);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)}:host([size=xs]) .sbb-toggle-check__container{--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)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2)}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{display:inline-block;position:relative;min-width:var(--sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2)}.sbb-toggle-check__circle{box-shadow:var(--sbb-box-shadow-level-5-hard);position:absolute;top:50%;transform:translateY(-50%);width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);border-radius:50%;background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:transform;transform:var(--sbb-toggle-check-circle-transform);transition:transform ease var(--sbb-toggle-check-animation-duration)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--sbb-toggle-check-icon-opacity);transition:opacity ease var(--sbb-toggle-check-animation-duration)}`, d = (() => {
+	let n = l(s(a)), d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
+	return class extends n {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			d = [i()], m = [i({ reflect: !0 })], _ = [i({
+				attribute: "label-position",
+				reflect: !0
+			})], e(this, null, d, {
+				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
+			}, f, p), e(this, null, m, {
+				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
+			}, h, g), e(this, null, _, {
+				kind: "accessor",
+				name: "labelPosition",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "labelPosition" in e,
+					get: (e) => e.labelPosition,
+					set: (e, t) => {
+						e.labelPosition = t;
+					}
+				},
+				metadata: t
+			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-toggle-check";
+		}
+		static {
+			this.styles = [c, u];
+		}
+		#e = t(this, f, null);
+		get value() {
+			return this.#e;
+		}
+		set value(e) {
+			this.#e = e;
+		}
+		#t = (t(this, p), t(this, h, o() ? "xs" : "s"));
+		get size() {
+			return this.#t;
+		}
+		set size(e) {
+			this.#t = e;
+		}
+		#n = (t(this, g), t(this, v, "after"));
+		get labelPosition() {
+			return this.#n;
+		}
+		set labelPosition(e) {
+			this.#n = e;
+		}
+		requestUpdate(e, t, n) {
+			super.requestUpdate(e, t, n), e === "checked" && (this.internals.ariaChecked = `${this.checked}`, this.toggleState("checked", this.checked));
+		}
+		renderIconName() {
+			return super.renderIconName() || "tick-small";
+		}
+		render() {
+			return r`
+      <span class="sbb-toggle-check">
+        <span class="sbb-toggle-check__container">
+          <span class="sbb-toggle-check__label">
+            <slot></slot>
+          </span>
+          <span class="sbb-toggle-check__track">
+            <span class="sbb-toggle-check__circle">
+              <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
+            </span>
+          </span>
+        </span>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, y);
+		}
+	};
+})();
+//#endregion
+export { d as t };

package/toggle-check.js

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

package/toggle-check.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./toggle-check.component-CPewUjOg.js";
+import { t as e } from "./toggle-check.component-C2Ejl7a_.js";
 export { e as SbbToggleCheckElement };

package/{toggle-option.component-NMfqwd12.js → toggle-option.component-Lm0irQKj.js}

@@ -8,7 +8,7 @@ import { boxSizingStyles as c } from "./core/styles.js";
 import { SbbIconNameMixin as l } from "./icon.js";
 import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/toggle/toggle-option/toggle-option.scss?lit&inline
-var d = n`:host{--sbb-toggle-option-cursor:var(--sbb-cursor-pointer);--sbb-toggle-option-color:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-cloud));--sbb-toggle-option-icon-min-size:var(--sbb-size-icon-ui-small);display:inline-block;overflow:hidden;outline:none!important}:host([checked]){--sbb-toggle-option-color:var(--sbb-color-2)}:host([disabled]){--sbb-toggle-option-cursor:unset;--sbb-toggle-option-color:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-cloud))}.sbb-toggle-option{--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);justify-content:center;align-items:center;gap:var(--sbb-spacing-fixed-1x);height:var(--sbb-toggle-height);padding-inline:var(--sbb-toggle-padding-inline);color:var(--sbb-toggle-option-color);cursor:var(--sbb-toggle-option-cursor);font-weight:700;display:flex}.sbb-toggle-option__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}sbb-icon,::slotted(sbb-icon){min-width:var(--sbb-toggle-option-icon-min-size);min-height:var(--sbb-toggle-option-icon-min-size)}`, f = (() => {
+var d = n`:host{--sbb-toggle-option-cursor: var(--sbb-cursor-pointer);--sbb-toggle-option-color: var(--sbb-color-anthracite);--sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));--sbb-toggle-option-icon-min-size: var(--sbb-size-icon-ui-small);display:inline-block;overflow:hidden;outline:none!important}:host([checked]){--sbb-toggle-option-color: var(--sbb-color-2)}:host([disabled]){--sbb-toggle-option-cursor: unset;--sbb-toggle-option-color: var(--sbb-color-anthracite);--sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud))}.sbb-toggle-option{--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;display:flex;justify-content:center;align-items:center;gap:var(--sbb-spacing-fixed-1x);height:var(--sbb-toggle-height);padding-inline:var(--sbb-toggle-padding-inline);color:var(--sbb-toggle-option-color);cursor:var(--sbb-toggle-option-cursor)}.sbb-toggle-option__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sbb-icon,::slotted(sbb-icon){min-width:var(--sbb-toggle-option-icon-min-size);min-height:var(--sbb-toggle-option-icon-min-size)}`, f = (() => {
 	let n = s(l(a)), f, p = [], m = [], h, g = [], _ = [];
 	return class extends n {
 		static {

package/{toggle.component-D1n5S5ev.js → toggle.component-D8rRkRAo.js}

@@ -8,7 +8,7 @@ import { SbbDisabledMixin as l, SbbFormAssociatedMixin as u } from "./core/mixin
 import { boxSizingStyles as d } from "./core/styles.js";
 import { interactivityChecker as f } from "./core/a11y.js";
 //#region src/elements/toggle/toggle/toggle.scss?lit&inline
-var p = n`:host{border-radius:var(--sbb-toggle-border-radius);--sbb-toggle-width:fit-content;--sbb-toggle-min-width:calc(var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small));--sbb-toggle-selected-option-border-width:var(--sbb-border-width-1x);--sbb-toggle-selected-option-border-style:solid;--sbb-toggle-selected-option-border-color:var(--sbb-border-color-5);--sbb-toggle-selected-option-background-color:var(--sbb-background-color-1);--sbb-toggle-background-inset:.125rem;--sbb-toggle-padding-inline:var(--sbb-spacing-responsive-xs);--sbb-toggle-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-toggle-height:var(--sbb-size-element-m);--sbb-toggle-border-radius:var(--sbb-border-radius-infinity);--sbb-toggle-grid-template-columns:auto auto;width:fit-content;display:block}@media (forced-colors:active){:host{--sbb-toggle-selected-option-border-color:Highlight;--sbb-toggle-selected-option-border-width:var(--sbb-border-width-2x)}}:host([even]){--sbb-toggle-width:100%;--sbb-toggle-grid-template-columns:50% 50%;width:100%}:host(:disabled){--sbb-toggle-selected-option-border-color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-toggle-selected-option-border-style:dashed}@media (forced-colors:active){:host(:disabled){--sbb-toggle-selected-option-border-style:solid;--sbb-toggle-selected-option-border-color:GrayText}}:host([size=s]){--sbb-toggle-padding-inline:var(--sbb-spacing-responsive-xxxs);--sbb-toggle-height:var(--sbb-size-element-xxs)}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(disable-animation-on-resizing),[state--disable-animation-on-resizing]))){--sbb-disable-animation-duration:0s}.sbb-toggle{--sbb-text-font-size:var(--sbb-text-font-size-m);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);grid-template-columns:var(--sbb-toggle-grid-template-columns);min-width:var(--sbb-toggle-min-width);width:var(--sbb-toggle-width);height:var(--sbb-toggle-height);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--sbb-toggle-border-radius);grid-template-areas:"start end";align-items:center;max-width:100%;display:grid}.sbb-toggle:before{content:"";margin-inline:var(--sbb-toggle-option-left,0) var(--sbb-toggle-option-right,0);background-color:var(--sbb-toggle-selected-option-background-color);border-radius:var(--sbb-toggle-border-radius);border:var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);max-width:100%;height:100%;transition-duration:var(--sbb-toggle-animation-duration);grid-area:start/start/end/end;transition-property:margin-inline-start,margin-inline-end;transition-timing-function:ease;display:block}.sbb-toggle:after{content:"";background:var(--sbb-background-color-4);margin-inline:var(--sbb-toggle-background-inset);height:calc(100% - 2 * var(--sbb-toggle-background-inset));border-radius:var(--sbb-toggle-border-radius);order:-1;grid-area:start/start/end/end}@media (forced-colors:active){.sbb-toggle:after{border:var(--sbb-border-width-1x) solid CanvasText}}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}`, m = (() => {
+var p = n`:host{display:block;width:fit-content;border-radius:var(--sbb-toggle-border-radius);--sbb-toggle-width: fit-content;--sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small) );--sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: var(--sbb-border-color-5);--sbb-toggle-selected-option-background-color: var(--sbb-background-color-1);--sbb-toggle-background-inset: .125rem;--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toggle-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toggle-height: var(--sbb-size-element-m);--sbb-toggle-border-radius: var(--sbb-border-radius-infinity);--sbb-toggle-grid-template-columns: auto auto}@media(forced-colors:active){:host{--sbb-toggle-selected-option-border-color: Highlight;--sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x)}}:host([even]){width:100%;--sbb-toggle-width: 100%;--sbb-toggle-grid-template-columns: 50% 50%}:host(:disabled){--sbb-toggle-selected-option-border-color: var(--sbb-color-graphite);--sbb-toggle-selected-option-border-color: light-dark( var(--sbb-color-graphite), var(--sbb-color-smoke) );--sbb-toggle-selected-option-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: GrayText}}:host([size=s]){--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-toggle-height: var(--sbb-size-element-xxs)}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(disable-animation-on-resizing),[state--disable-animation-on-resizing]))){--sbb-disable-animation-duration: 0s}.sbb-toggle{--sbb-text-font-size: var(--sbb-text-font-size-m);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);display:grid;grid-template-columns:var(--sbb-toggle-grid-template-columns);grid-template-areas:"start end";align-items:center;min-width:var(--sbb-toggle-min-width);width:var(--sbb-toggle-width);height:var(--sbb-toggle-height);max-width:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--sbb-toggle-border-radius)}.sbb-toggle:before{content:"";display:block;grid-area:start/start/end/end;margin-inline:var(--sbb-toggle-option-left, 0) var(--sbb-toggle-option-right, 0);background-color:var(--sbb-toggle-selected-option-background-color);border-radius:var(--sbb-toggle-border-radius);max-width:100%;height:100%;border:var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);transition-duration:var(--sbb-toggle-animation-duration);transition-timing-function:ease;transition-property:margin-inline-start,margin-inline-end}.sbb-toggle:after{content:"";grid-area:start/start/end/end;order:-1;background:var(--sbb-background-color-4);margin-inline:var(--sbb-toggle-background-inset);height:calc(100% - 2 * var(--sbb-toggle-background-inset));border-radius:var(--sbb-toggle-border-radius)}@media(forced-colors:active){.sbb-toggle:after{border:var(--sbb-border-width-1x) solid CanvasText}}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}`, m = (() => {
 	let n = l(u(o)), m = [], h, g = [], _ = [], v, y = [], b = [], x;
 	return class extends n {
 		static {

package/toggle.js

@@ -1,5 +1,5 @@
-import { t as e } from "./toggle-option.component-NMfqwd12.js";
-import { t } from "./toggle.component-D1n5S5ev.js";
+import { t as e } from "./toggle-option.component-Lm0irQKj.js";
+import { t } from "./toggle.component-D8rRkRAo.js";
 import "./toggle.pure.js";
 t.define(), e.define();
 //#endregion

package/toggle.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./toggle-option.component-NMfqwd12.js";
-import { t } from "./toggle.component-D1n5S5ev.js";
+import { t as e } from "./toggle-option.component-Lm0irQKj.js";
+import { t } from "./toggle.component-D8rRkRAo.js";
 export { t as SbbToggleElement, e as SbbToggleOptionElement };

package/tooltip/tooltip.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../tooltip.component-X45T6iQH.js";
+import { t as e } from "../tooltip.component-Bwp_yTA8.js";
 export { e as SbbTooltipElement };