@sbb-esta/lyne-elements 5.0.0-next.1 → 5.0.0-next.3

package/{flip-card-summary.component-X3PL0o4l.js → flip-card-summary.component-D5cKgj47.js}

@@ -1,17 +1,17 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbElement as a, boxSizingStyles as o } from "./core.js";
+import { SbbElement as a } from "./core.js";
 //#region src/elements/flip-card/flip-card-summary/flip-card-summary.scss?inline
-var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events, all);opacity:var(--sbb-flip-card-summary-opacity, 1);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media(min-width:37.5rem){:host([image-alignment=after]){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media(min-width:64rem){:host([image-alignment=after]){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-flip-card-padding);padding-block:var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);margin:0;grid-area:1/1/2/2}@media(min-width:37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media(min-width:64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media(min-width:64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}", c = (() => {
-	let c = a, l, u = [], d = [];
-	return class extends c {
+var o = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events, all);opacity:var(--sbb-flip-card-summary-opacity, 1);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media(min-width:37.5rem){:host([image-alignment=after]){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media(min-width:64rem){:host([image-alignment=after]){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-flip-card-padding);padding-block:var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);margin:0;grid-area:1/1/2/2}@media(min-width:37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media(min-width:64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media(min-width:64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}", s = (() => {
+	let s = a, c, l = [], u = [];
+	return class extends s {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [i({
 				attribute: "image-alignment",
 				reflect: !0
-			})], e(this, null, l, {
+			})], e(this, null, c, {
 				kind: "accessor",
 				name: "imageAlignment",
 				static: !1,
@@ -24,7 +24,7 @@ var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-e
 					}
 				},
 				metadata: t
-			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
+			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -35,9 +35,9 @@ var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-e
 			this.elementName = "sbb-flip-card-summary";
 		}
 		static {
-			this.styles = [o, r(s)];
+			this.styles = [r(o)];
 		}
-		#e = t(this, u, "after");
+		#e = t(this, l, "after");
 		get imageAlignment() {
 			return this.#e;
 		}
@@ -56,9 +56,9 @@ var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-e
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, d);
+			super(...arguments), t(this, u);
 		}
 	};
 })();
 //#endregion
-export { c as t };
+export { s as t };

package/{flip-card.component-Cq5BUWxc.js → flip-card.component-CZ0v44Ym.js}

@@ -1,17 +1,17 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a, state as o } from "lit/decorators.js";
-import { IS_FOCUSABLE_QUERY as s, SbbElement as c, SbbLanguageController as l, SbbPropertyWatcherController as u, SbbScreenReaderOnlyElement as d, boxSizingStyles as f, forceType as p, i18nFlipCard as m, i18nReverseCard as h, ɵstateController as g } from "./core.js";
-import { SbbSecondaryButtonStaticElement as _ } from "./button.pure.js";
-import { ResizeController as v } from "@lit-labs/observers/resize-controller.js";
-import { until as y } from "lit/directives/until.js";
+import { IS_FOCUSABLE_QUERY as s, SbbElement as c, SbbLanguageController as l, SbbPropertyWatcherController as u, forceType as d, i18nFlipCard as f, i18nReverseCard as p, screenReaderOnlyStyles as m, ɵstateController as h } from "./core.js";
+import { SbbSecondaryButtonStaticElement as g } from "./button.pure.js";
+import { ResizeController as _ } from "@lit-labs/observers/resize-controller.js";
+import { until as v } from "lit/directives/until.js";
 //#region src/elements/flip-card/flip-card/flip-card.scss?inline
-var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-summary-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position:relative;display:block}@media(any-hover:hover){:host(:hover){--sbb-flip-card-background-color: color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent);--sbb-flip-card-background-color: light-dark( color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent), var(--sbb-color-iron) );--sbb-flip-card-translate-title-y-hover: -.0625rem}}:host(:is(:state(flipped),[state--flipped])){--sbb-flip-card-toggle-icon-transform: rotate(45deg);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-summary-transition-delay: 0s}:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-summary){--sbb-flip-card-summary-opacity: 0;--sbb-flip-card-summary-pointer-events: none}:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-details){--sbb-flip-card-details-opacity: 1;--sbb-flip-card-details-translate-y: 0}@media(min-width:37.5rem)and (max-width:63.9375rem){:host(:is(:state(image-alignment-after),[state--image-alignment-after])){--sbb-flip-card-min-height: 15rem}}@media(min-width:90rem){:host(:is(:state(image-alignment-after),[state--image-alignment-after])){--sbb-flip-card-min-height: 25rem}}.sbb-flip-card{position:relative;display:flex;height:100%;flex-flow:wrap;flex-direction:column;min-height:var(--sbb-flip-card-min-height);background-color:var(--sbb-flip-card-background-color);border-radius:var(--sbb-flip-card-border-radius);transition:all var(--sbb-flip-card-summary-transition-duration) ease-out,min-height var(--sbb-flip-card-details-transition-duration);transition-delay:var(--sbb-flip-card-summary-transition-delay);cursor:var(--sbb-cursor-pointer)}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card{min-height:max(var(--sbb-flip-card-min-height),var(--sbb-flip-card-details-height))}@media(forced-colors:active){.sbb-flip-card:after{content:\"\";border:var(--sbb-flip-card-border) solid CanvasText;border-radius:var(--sbb-flip-card-border-radius);position:absolute;inset:0;pointer-events:none}}@media(forced-colors:active)and (any-hover:hover){:host(:hover) .sbb-flip-card:after{border-color:Highlight}}.sbb-flip-card:before{content:\"\";opacity:0;pointer-events:none;position:absolute;inset-inline-start:var(--sbb-flip-card-padding);inset-block-end:var(--sbb-flip-card-padding);background-color:var(--sbb-color-midnight);background-color:light-dark(var(--sbb-color-midnight),var(--sbb-color-iron));width:var(--sbb-flip-card-button-dimensions);height:var(--sbb-flip-card-button-dimensions);border-radius:16rem;transition:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease-out}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card:before{opacity:1;inset-inline-start:0;inset-block-end:0;width:100%;height:100%;border-radius:var(--sbb-flip-card-border-radius);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-5x))}.sbb-flip-card--toggle-button{position:absolute;inset-inline-start:var(--sbb-flip-card-padding);inset-block-end:var(--sbb-flip-card-padding)}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card--toggle-button{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-flip-card--toggle-button-icon{transform:var(--sbb-flip-card-toggle-icon-transform, none);transition:transform var(--sbb-flip-card-summary-transition-duration) ease-out}.sbb-flip-card-button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;position:absolute;inset:0;width:100%;border-radius:var(--sbb-flip-card-border-radius);cursor:var(--sbb-cursor-pointer)}.sbb-flip-card-button: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)}", x = (() => {
-	let x = c, S, C = [], w = [], T, E = [], D = [];
-	return class extends x {
+var y = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-summary-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position:relative;display:block}@media(any-hover:hover){:host(:hover){--sbb-flip-card-background-color: color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent);--sbb-flip-card-background-color: light-dark( color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent), var(--sbb-color-iron) );--sbb-flip-card-translate-title-y-hover: -.0625rem}}:host(:is(:state(flipped),[state--flipped])){--sbb-flip-card-toggle-icon-transform: rotate(45deg);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-flip-card-summary-transition-delay: 0s}:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-summary){--sbb-flip-card-summary-opacity: 0;--sbb-flip-card-summary-pointer-events: none}:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-details){--sbb-flip-card-details-opacity: 1;--sbb-flip-card-details-translate-y: 0}@media(min-width:37.5rem)and (max-width:63.9375rem){:host(:is(:state(image-alignment-after),[state--image-alignment-after])){--sbb-flip-card-min-height: 15rem}}@media(min-width:90rem){:host(:is(:state(image-alignment-after),[state--image-alignment-after])){--sbb-flip-card-min-height: 25rem}}.sbb-flip-card{position:relative;display:flex;height:100%;flex-flow:wrap;flex-direction:column;min-height:var(--sbb-flip-card-min-height);background-color:var(--sbb-flip-card-background-color);border-radius:var(--sbb-flip-card-border-radius);transition:all var(--sbb-flip-card-summary-transition-duration) ease-out,min-height var(--sbb-flip-card-details-transition-duration);transition-delay:var(--sbb-flip-card-summary-transition-delay);cursor:var(--sbb-cursor-pointer)}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card{min-height:max(var(--sbb-flip-card-min-height),var(--sbb-flip-card-details-height))}@media(forced-colors:active){.sbb-flip-card:after{content:\"\";border:var(--sbb-flip-card-border) solid CanvasText;border-radius:var(--sbb-flip-card-border-radius);position:absolute;inset:0;pointer-events:none}}@media(forced-colors:active)and (any-hover:hover){:host(:hover) .sbb-flip-card:after{border-color:Highlight}}.sbb-flip-card:before{content:\"\";opacity:0;pointer-events:none;position:absolute;inset-inline-start:var(--sbb-flip-card-padding);inset-block-end:var(--sbb-flip-card-padding);background-color:var(--sbb-color-midnight);background-color:light-dark(var(--sbb-color-midnight),var(--sbb-color-iron));width:var(--sbb-flip-card-button-dimensions);height:var(--sbb-flip-card-button-dimensions);border-radius:16rem;transition:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease-out}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card:before{opacity:1;inset-inline-start:0;inset-block-end:0;width:100%;height:100%;border-radius:var(--sbb-flip-card-border-radius);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-5x))}.sbb-flip-card--toggle-button{position:absolute;inset-inline-start:var(--sbb-flip-card-padding);inset-block-end:var(--sbb-flip-card-padding)}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card--toggle-button{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-flip-card--toggle-button-icon{transform:var(--sbb-flip-card-toggle-icon-transform, none);transition:transform var(--sbb-flip-card-summary-transition-duration) ease-out}.sbb-flip-card-button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;position:absolute;inset:0;width:100%;border-radius:var(--sbb-flip-card-border-radius);cursor:var(--sbb-cursor-pointer)}.sbb-flip-card-button: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)}", b = (() => {
+	let b = c, x, S = [], C = [], w, T = [], E = [];
+	return class extends b {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-			S = [p(), a({ attribute: "accessibility-label" })], T = [o()], e(this, null, S, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+			x = [d(), a({ attribute: "accessibility-label" })], w = [o()], e(this, null, x, {
 				kind: "accessor",
 				name: "accessibilityLabel",
 				static: !1,
@@ -24,7 +24,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 					}
 				},
 				metadata: t
-			}, C, w), e(this, null, T, {
+			}, S, C), e(this, null, w, {
 				kind: "accessor",
 				name: "_flipped",
 				static: !1,
@@ -37,7 +37,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 					}
 				},
 				metadata: t
-			}, E, D), t && Object.defineProperty(this, Symbol.metadata, {
+			}, T, E), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -48,10 +48,10 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 			this.elementName = "sbb-flip-card";
 		}
 		static {
-			this.elementDependencies = [_, d];
+			this.elementDependencies = [g];
 		}
 		static {
-			this.styles = [f, i(b)];
+			this.styles = [m, i(y)];
 		}
 		static {
 			this.events = { flip: "flip" };
@@ -83,7 +83,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 			this.#t = e;
 		}
 		constructor() {
-			super(), this.#e = t(this, C, ""), this.#t = (t(this, w), t(this, E, !1)), this._language = (t(this, D), new l(this)), this._cardDetailsResizeObserver = new v(this, {
+			super(), this.#e = t(this, S, ""), this.#t = (t(this, C), t(this, T, !1)), this._language = (t(this, E), new l(this)), this._cardDetailsResizeObserver = new _(this, {
 				target: null,
 				skipInitial: !0,
 				callback: () => this._setCardDetailsHeight()
@@ -94,7 +94,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 			} }));
 		}
 		toggle() {
-			this._flipped = !this._flipped, this._flipped ? (this._setCardDetailsHeight(), this._cardDetailsResizeObserver.observe(this._detailsContentElement)) : this._cardDetailsResizeObserver.unobserve(this._detailsContentElement), this.toggleState("flipped", this._flipped), g(this.details)?.toggle("flipped", this._flipped), this.summary.inert = this._flipped, this.details.inert = !this._flipped, this.dispatchEvent(new Event("flip", {
+			this._flipped = !this._flipped, this._flipped ? (this._setCardDetailsHeight(), this._cardDetailsResizeObserver.observe(this._detailsContentElement)) : this._cardDetailsResizeObserver.unobserve(this._detailsContentElement), this.toggleState("flipped", this._flipped), h(this.details)?.toggle("flipped", this._flipped), this.summary.inert = this._flipped, this.details.inert = !this._flipped, this.dispatchEvent(new Event("flip", {
 				bubbles: !0,
 				composed: !0
 			}));
@@ -104,7 +104,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 			this.style?.setProperty("--sbb-flip-card-details-height", `${e}px`);
 		}
 		async _accessibilityLabel() {
-			return r ? "" : (await this.hydrationComplete, this._flipped ? h[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${m[this._language.current]}`);
+			return r ? "" : (await this.hydrationComplete, this._flipped ? p[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${f[this._language.current]}`);
 		}
 		render() {
 			return n`
@@ -114,7 +114,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
           aria-expanded=${this._flipped.toString()}
           type="button"
         >
-          <sbb-screen-reader-only>${y(this._accessibilityLabel(), "")}</sbb-screen-reader-only>
+          <span class="sbb-screen-reader-only">${v(this._accessibilityLabel(), "")}</span>
         </button>
         <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
         <slot name="details" @slotchange=${() => this.details.inert = !this._flipped}></slot>
@@ -131,4 +131,4 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 	};
 })();
 //#endregion
-export { x as t };
+export { b as t };

package/flip-card.js

@@ -1,6 +1,6 @@
-import { t as e } from "./flip-card-details.component-DXpqywbn.js";
-import { t } from "./flip-card-summary.component-X3PL0o4l.js";
-import { t as n } from "./flip-card.component-Cq5BUWxc.js";
+import { t as e } from "./flip-card-details.component-BgOeJ53R.js";
+import { t } from "./flip-card-summary.component-D5cKgj47.js";
+import { t as n } from "./flip-card.component-CZ0v44Ym.js";
 import "./flip-card.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/flip-card.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flip-card-details.component-DXpqywbn.js";
-import { t } from "./flip-card-summary.component-X3PL0o4l.js";
-import { t as n } from "./flip-card.component-Cq5BUWxc.js";
+import { t as e } from "./flip-card-details.component-BgOeJ53R.js";
+import { t } from "./flip-card-summary.component-D5cKgj47.js";
+import { t as n } from "./flip-card.component-CZ0v44Ym.js";
 export { e as SbbFlipCardDetailsElement, n as SbbFlipCardElement, t as SbbFlipCardSummaryElement };

package/footer/footer.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../footer.component-CdTEaV6u.js";
+import { t as e } from "../footer.component-DsIoOLu-.js";
 export { e as SbbFooterElement };

package/{footer.component-CdTEaV6u.js → footer.component-DsIoOLu-.js}

@@ -1,18 +1,18 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { nothing as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbElement as a, SbbNegativeMixin as o, boxSizingStyles as s, forceType as c } from "./core.js";
+import { SbbElement as a, SbbNegativeMixin as o, forceType as s, screenReaderOnlyStyles as c } from "./core.js";
 import { html as l, unsafeStatic as u } from "lit/static-html.js";
 //#region src/elements/footer/footer.scss?inline
-var d = ":host{--sbb-link-text-decoration-line: none;display:block}:host([negative]){--sbb-footer-background-color: var(--sbb-background-color-2-negative);--sbb-footer-color: var(--sbb-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{font-size:var(--sbb-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);color:var(--sbb-footer-color);padding-block:var(--sbb-footer-padding-block);background-color:var(--sbb-footer-background-color)}@media(forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}.sbb-footer__title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media(min-width:37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media(min-width:90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media(min-width:64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}", f = (() => {
+var d = ":host{--sbb-link-text-decoration-line: none;display:block}:host([negative]){--sbb-footer-background-color: var(--sbb-background-color-2-negative);--sbb-footer-color: var(--sbb-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{font-size:var(--sbb-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);color:var(--sbb-footer-color);padding-block:var(--sbb-footer-padding-block);background-color:var(--sbb-footer-background-color)}@media(forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media(min-width:37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media(min-width:90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media(min-width:64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}", f = (() => {
 	let f = o(a), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
 	return class extends f {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [i({ reflect: !0 })], g = [c(), i({
+			p = [i({ reflect: !0 })], g = [s(), i({
 				reflect: !0,
 				type: Boolean
-			})], y = [c(), i({ attribute: "accessibility-title" })], S = [i({ attribute: "accessibility-title-level" })], e(this, null, p, {
+			})], y = [s(), i({ attribute: "accessibility-title" })], S = [i({ attribute: "accessibility-title-level" })], e(this, null, p, {
 				kind: "accessor",
 				name: "variant",
 				static: !1,
@@ -75,7 +75,7 @@ var d = ":host{--sbb-link-text-decoration-line: none;display:block}:host([negati
 			this.elementName = "sbb-footer";
 		}
 		static {
-			this.styles = [s, r(d)];
+			this.styles = [c, r(d)];
 		}
 		#e = t(this, m, "default");
 		get variant() {
@@ -106,7 +106,7 @@ var d = ":host{--sbb-link-text-decoration-line: none;display:block}:host([negati
 			this.#r = e;
 		}
 		render() {
-			let e = `h${this.accessibilityTitleLevel}`, t = l`<${u(e)} class="sbb-footer__title"
+			let e = `h${this.accessibilityTitleLevel}`, t = l`<${u(e)} class="sbb-screen-reader-only"
         >${this.accessibilityTitle}</${u(e)}>`;
 			return l`
       <footer class="sbb-footer">

package/footer.js

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

package/footer.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./footer.component-CdTEaV6u.js";
+import { t as e } from "./footer.component-DsIoOLu-.js";
 export { e as SbbFooterElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../error.component-D3JgDJfN.js";
+import { t as e } from "../../error.component-D9Tu2YIl.js";
 export { e as SbbErrorElement };

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

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../form-field.component-Dtzbp6-e.js";
+import { n as e, t } from "../../form-field.component-BdfK6r2v.js";
 export { t as SbbFormFieldControlEvent, e as SbbFormFieldElement };

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

@@ -1,17 +1,17 @@
 import { html as e } from "lit";
-import { SbbButtonBaseElement as t, SbbLanguageController as n, SbbNegativeMixin as r, boxSizingStyles as i, i18nClearInput as a } from "../../core.js";
-import { miniButtonStyle as o } from "../../button.pure.js";
-import { SbbIconElement as s } from "../../icon.pure.js";
+import { SbbButtonBaseElement as t, SbbLanguageController as n, SbbNegativeMixin as r, i18nClearInput as i } from "../../core.js";
+import { miniButtonStyle as a } from "../../button.pure.js";
+import { SbbIconElement as o } from "../../icon.pure.js";
 //#region src/elements/form-field/form-field-clear/form-field-clear.component.ts
-var c = class extends r(t) {
+var s = class extends r(t) {
 	static {
 		this.elementName = "sbb-form-field-clear";
 	}
 	static {
-		this.elementDependencies = [s];
+		this.elementDependencies = [o];
 	}
 	static {
-		this.styles = [i, o];
+		this.styles = [a];
 	}
 	constructor() {
 		super(), this._language = new n(this), this.addEventListener?.("click", () => this._handleClick());
@@ -27,11 +27,11 @@ var c = class extends r(t) {
 		})), e.dispatchEvent(new Event("change", { bubbles: !0 })));
 	}
 	willUpdate(e) {
-		super.willUpdate(e), this.internals.ariaLabel = a[this._language.current];
+		super.willUpdate(e), this.internals.ariaLabel = i[this._language.current];
 	}
 	renderTemplate() {
 		return e`<sbb-icon name="cross-small"></sbb-icon>`;
 	}
 };
 //#endregion
-export { c as SbbFormFieldClearElement };
+export { s as SbbFormFieldClearElement };

package/form-field/form-field-text-counter/form-field-text-counter.component.js

@@ -1,24 +1,24 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n } from "lit";
 import { state as r } from "lit/decorators.js";
-import { SbbLanguageController as i, SbbScreenReaderOnlyElement as a, i18nRemainingCharacters as o, sbbLiveAnnouncer as s } from "../../core.js";
-import { SbbHintElement as c } from "../hint/hint.component.js";
+import { SbbLanguageController as i, i18nRemainingCharacters as a, sbbLiveAnnouncer as o } from "../../core.js";
+import { SbbHintElement as s } from "../hint/hint.component.js";
 //#region src/elements/form-field/form-field-text-counter/form-field-text-counter.component.ts
-var l = [
+var c = [
 	100,
 	50,
 	25,
 	10,
 	0
-], u = (() => {
-	let u = c, d, f = [], p = [];
-	return class extends u {
+], l = (() => {
+	let l = s, u, d = [], f = [];
+	return class extends l {
 		constructor() {
-			super(...arguments), this.#e = t(this, f, 0), this._language = (t(this, p), new i(this)), this._abortController = null;
+			super(...arguments), this.#e = t(this, d, 0), this._language = (t(this, f), new i(this)), this._abortController = null;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [r()], e(this, null, d, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [r()], e(this, null, u, {
 				kind: "accessor",
 				name: "_remainingCharacters",
 				static: !1,
@@ -31,7 +31,7 @@ var l = [
 					}
 				},
 				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
+			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -41,12 +41,6 @@ var l = [
 		static {
 			this.elementName = "sbb-form-field-text-counter";
 		}
-		static {
-			this.elementDependencies = [a];
-		}
-		static {
-			this.styles = [c.styles];
-		}
 		#e;
 		get _remainingCharacters() {
 			return this.#e;
@@ -66,17 +60,17 @@ var l = [
 			let e = this.formField?.inputElement;
 			if (!e) return;
 			let t = e.maxLength ?? 0, n = e.value?.length ?? 0;
-			this._remainingCharacters = Math.max(t - n, 0), [...l.map((e) => Math.round(e / 100 * t))].includes(this._remainingCharacters) && s.announce(this._infoText());
+			this._remainingCharacters = Math.max(t - n, 0), [...c.map((e) => Math.round(e / 100 * t))].includes(this._remainingCharacters) && o.announce(this._infoText());
 		}
 		_infoText() {
-			return `${this._remainingCharacters} ${o[this._language.current]}`;
+			return `${this._remainingCharacters} ${a[this._language.current]}`;
 		}
 		render() {
 			return n`${this._remainingCharacters}<slot>
-        ${o[this._language.current]}</slot
+        ${a[this._language.current]}</slot
       >`;
 		}
 	};
 })();
 //#endregion
-export { u as SbbFormFieldTextCounterElement };
+export { l as SbbFormFieldTextCounterElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../hint.component-BB_h0G6v.js";
+import { t as e } from "../../hint.component-DTKfI9tq.js";
 export { e as SbbHintElement };

package/{form-field.component-Dtzbp6-e.js → form-field.component-BdfK6r2v.js}

@@ -1,10 +1,10 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, isServer as r, nothing as i, unsafeCSS as ee } from "lit";
-import { property as a, state as o } from "lit/decorators.js";
-import { SbbElement as s, SbbLanguageController as c, SbbNegativeMixin as l, appendAriaElements as u, boxSizingStyles as d, forceType as f, i18nOptional as p, isLean as m, removeAriaElements as h, sbbInputModalityDetector as g } from "./core.js";
-import { SbbIconElement as te } from "./icon.pure.js";
+import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
+import { property as o, state as s } from "lit/decorators.js";
+import { SbbElement as c, SbbLanguageController as l, SbbNegativeMixin as u, appendAriaElements as d, forceType as f, i18nOptional as ee, removeAriaElements as p, sbbInputModalityDetector as m } from "./core.js";
+import { SbbIconElement as h } from "./icon.pure.js";
 //#region src/elements/form-field/form-field/form-field.scss?inline
-var ne = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb-spacing-fixed-1x);--sbb-form-field-hint-padding-block-start: var(--sbb-form-field-hint-divider-width);--sbb-form-field-select-inline-padding-end: calc( var(--sbb-icon-svg-width) + var(--sbb-form-field-gap) );--sbb-form-field-label-size: calc( var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-text-line-height: calc( var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-margin-block-start: calc( ( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var( --sbb-form-field-text-line-height ) + var(--_sbb-form-field-label-to-input-overlapping) ) / 2 );--sbb-icon-svg-width: var(--sbb-form-field-icon-size);--sbb-icon-svg-height: var(--sbb-form-field-icon-size);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:inline-block;color:var(--sbb-form-field-color);font-weight:400;line-height:var(--sbb-typo-line-height-text)}:host(:where(:not([width=collapse]))){min-width:9.375rem;width:min(18.75rem,100%)}:host([negative]){color:var(--sbb-color-3-negative);--sbb-form-field-background-color: var(--sbb-background-color-1-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5);--sbb-form-field-text-color: var(--sbb-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-form-field-arrow-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host([negative]){--sbb-form-field-border-color: ButtonBorder}}:host([size=s]){--sbb-form-field-min-height: var(--sbb-size-element-xs);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-form-field-input-text-size: var(--sbb-text-font-size-s);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xxs);--_sbb-form-field-label-to-input-overlapping: .625rem;--_sbb-form-field-floating-label-transform: .34375rem;--_sbb-form-field-spacer-margin-block-end: -.53125rem}@media(min-width:64rem){:host([size=s]){--_sbb-form-field-label-to-input-overlapping: .6875rem;--_sbb-form-field-floating-label-transform: .3125rem;--_sbb-form-field-spacer-margin-block-end: -.5rem}}:host([size=m]){--sbb-form-field-min-height: var(--sbb-size-element-m);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-form-field-input-text-size: var(--sbb-text-font-size-m);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xs);--_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);--_sbb-form-field-floating-label-transform: .53125rem;--_sbb-form-field-spacer-margin-block-end: calc( -1 * var(--_sbb-form-field-label-to-input-overlapping) )}@media(min-width:64rem){:host([size=m]){--_sbb-form-field-floating-label-transform: .65625rem}}:host([size=l]){--sbb-form-field-min-height: var(--sbb-size-element-l);--sbb-form-field-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host([error-space=reserve]){--sbb-form-field-hint-min-height: calc( var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs) );--sbb-form-field-hint-padding-block-start-override: var(--sbb-form-field-hint-divider-width)}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-background-color: var(--sbb-background-color-3);--sbb-form-field-border-color: var(--sbb-color-graphite);--sbb-form-field-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-form-field-arrow-color: var(--sbb-color-granite);--sbb-form-field-arrow-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}@media(forced-colors:active){:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-border-color: ButtonBorder}}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-background-color: var(--sbb-background-color-3-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-arrow-color: var(--sbb-border-color-5)}:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-form-field-border-style: dashed}@media(forced-colors:active){:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: GrayText !important;--sbb-form-field-prefix-color: GrayText !important;--sbb-form-field-text-color: GrayText !important;--sbb-form-field-border-color: GrayText !important}}:host(:where(:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-text-color: var(--sbb-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5)}:host(:where(:is(:state(readonly),[state--readonly])):not([negative])){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host(:where(:is(:state(focus),[state--focus]))){--sbb-form-field-border-color: var(--sbb-border-color-3);--sbb-form-field-prefix-color: var(--sbb-color-3);--sbb-form-field-border-width: var(--sbb-border-width-2x)}:host(:where(:is(:state(focus),[state--focus]))[negative]){--sbb-form-field-border-color: var(--sbb-border-color-3-negative);--sbb-form-field-prefix-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host(:is(:state(focus),[state--focus])){--sbb-form-field-border-color: Highlight;--sbb-form-field-prefix-color: Highlight}}:host(:not(:where(:is(:state(has-error),[state--has-error]),:is(:state(has-hint),[state--has-hint])))){--sbb-form-field-hint-padding-block-start: 0}:host([floating-label]){--sbb-select-placeholder-color: transparent}@media(forced-colors:active){:host([floating-label]){--sbb-select-placeholder-color: Canvas}}:host(:is(:not(:is(:state(slotted-label),[state--slotted-label])),[hidden-label])){--sbb-form-field-label-size: 0rem;--_sbb-form-field-label-to-input-overlapping: 0rem}:host(:where(:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))){--sbb-form-field-overflow: visible}.sbb-form-field__space-wrapper{display:flex;flex-direction:column;height:100%}.sbb-form-field__space-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-form-field__wrapper{display:flex;flex:1;gap:var(--sbb-form-field-gap);padding-inline:var(--sbb-form-field-padding-inline);border-radius:var(--sbb-form-field-border-radius);min-height:var(--sbb-form-field-min-height);max-height:var(--sbb-form-field-max-height);background-color:var(--sbb-form-field-background-color);position:relative}.sbb-form-field__wrapper:before{content:\"\";display:block;position:absolute;inset:0;border:var(--sbb-form-field-border-width) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);border-radius:var(--sbb-form-field-border-radius);pointer-events:none}:host(:where(:is(:state(focus),[state--focus]):is(:state(focus-origin-keyboard),[state--focus-origin-keyboard]))) .sbb-form-field__wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-form-field-outline-offset, var(--sbb-focus-outline-offset))}@media(forced-colors:none){:host(:is([borderless],:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))) .sbb-form-field__wrapper:before{border-color:transparent}:host(:where(:is(:state(focus),[state--focus]),:is(:state(disabled),[state--disabled]))[borderless]) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0;z-index:var(--sbb-form-field-focus-underline-z-index, initial)}}::slotted(*[slot=prefix]){color:var(--sbb-form-field-prefix-color)}::slotted(*[slot=prefix]),::slotted(*[slot=suffix]){display:flex;min-width:var(--sbb-icon-svg-width);margin-block-start:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}:host(:where(:is(:state(empty),[state--empty]),:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-clear){display:none}:host(:is(:state(has-error),[state--has-error])) slot[name=hint]{display:none}:host(:where(:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-text-counter){display:none}::slotted(sbb-datepicker-toggle){padding-block-end:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}@media(forced-colors:active){::slotted(*[slot=suffix]){color:var(--sbb-form-field-prefix-color)}}.sbb-form-field__select-input-icon{top:50%;translate:0 -50%;display:none;position:absolute;inset-inline-end:0;margin-block-start:calc(-1 * var(--sbb-form-field-margin-block-start) / 2);pointer-events:none;color:var(--sbb-form-field-arrow-color)}:host(:is(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(explicit-input-type-select),[state--explicit-input-type-select]))) .sbb-form-field__select-input-icon{display:inline-block}.sbb-form-field__input-container{display:flex;flex-direction:column;flex:1 1 auto;position:relative;margin-block-start:var(--sbb-form-field-margin-block-start);min-width:0}.sbb-form-field__label-spacer{display:flex;height:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text));margin-block-end:var(--_sbb-form-field-spacer-margin-block-end)}:host(:not(:is(:state(slotted-label),[state--slotted-label]))) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){display:none}:host([hidden-label]) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-form-field__label{display:flex;max-width:100%;cursor:var(--sbb-cursor-default);position:absolute;inset-block-start:0;color:var(--sbb-form-field-label-color);font-size:var(--sbb-form-field-label-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:where(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))) .sbb-form-field__label{padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}:host([floating-label]) .sbb-form-field__label{transform-origin:0 0;pointer-events:none;backface-visibility:hidden;will-change:transform,font-size;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));transition-timing-function:var(--sbb-animation-easing);transition-property:transform,font-size}:host([floating-label]:is(:not(:where(:is(:state(focus),[state--focus])):not(:where(:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))),:where(:is(:state(has-popup-open),[state--has-popup-open]))),:where(:is(:state(readonly),[state--readonly]))):where(:is(:state(empty),[state--empty]))) .sbb-form-field__label{font-size:var(--sbb-form-field-input-text-size);transform:translateY(var(--_sbb-form-field-floating-label-transform))}@media(forced-colors:active){:host(:where(:is(:state(input-type-textarea),[state--input-type-textarea]))) .sbb-form-field__label{z-index:1}}.sbb-form-field__label-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-form-field__input{display:flex;flex:1;align-items:start}:host([size=s]:is(:is(:state(input-type-input),[state--input-type-input]),:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(input-type-sbb-date-input),[state--input-type-sbb-date-input]),:is(:state(input-type-sbb-time-input),[state--input-type-sbb-time-input]))) .sbb-form-field__input{margin-block-end:-.125rem}.sbb-form-field__hint{display:flex;min-height:var(--sbb-form-field-hint-min-height);flex-direction:column;margin-block-start:var(--sbb-form-field-hint-padding-block-start-override, var(--sbb-form-field-hint-padding-block-start))}", _ = 0, v = /* @__PURE__ */ new WeakMap(), y = [
+var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb-spacing-fixed-1x);--sbb-form-field-hint-padding-block-start: var(--sbb-form-field-hint-divider-width);--sbb-form-field-select-inline-padding-end: calc( var(--sbb-icon-svg-width) + var(--sbb-form-field-gap) );--sbb-form-field-label-size: calc( var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-text-line-height: calc( var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-margin-block-start: calc( ( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var( --sbb-form-field-text-line-height ) + var(--_sbb-form-field-label-to-input-overlapping) ) / 2 );--sbb-icon-svg-width: var(--sbb-form-field-icon-size);--sbb-icon-svg-height: var(--sbb-form-field-icon-size);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:inline-block;color:var(--sbb-form-field-color);font-weight:400;line-height:var(--sbb-typo-line-height-text)}:host(:where(:not([width=collapse]))){min-width:9.375rem;width:min(18.75rem,100%)}:host([negative]){color:var(--sbb-color-3-negative);--sbb-form-field-background-color: var(--sbb-background-color-1-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5);--sbb-form-field-text-color: var(--sbb-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-form-field-arrow-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host([negative]){--sbb-form-field-border-color: ButtonBorder}}:host([size=s]){--sbb-form-field-min-height: var(--sbb-size-element-xs);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-form-field-input-text-size: var(--sbb-text-font-size-s);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xxs);--_sbb-form-field-input-margin-block-end: -.125rem;--_sbb-form-field-label-to-input-overlapping: .625rem;--_sbb-form-field-floating-label-transform: .34375rem;--_sbb-form-field-spacer-margin-block-end: -.53125rem}@media(min-width:64rem){:host([size=s]){--_sbb-form-field-label-to-input-overlapping: .6875rem;--_sbb-form-field-floating-label-transform: .3125rem;--_sbb-form-field-spacer-margin-block-end: -.5rem}}:host([size=m]){--sbb-form-field-min-height: var(--sbb-size-element-m);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-form-field-min-height: var(--sbb-size-element-l);--sbb-form-field-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host(:is([size=m],[size=l])){--sbb-form-field-input-text-size: var(--sbb-text-font-size-m);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xs);--_sbb-form-field-input-margin-block-end: 0;--_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);--_sbb-form-field-floating-label-transform: .53125rem;--_sbb-form-field-spacer-margin-block-end: calc( -1 * var(--_sbb-form-field-label-to-input-overlapping) )}@media(min-width:64rem){:host(:is([size=m],[size=l])){--_sbb-form-field-floating-label-transform: .65625rem}}:host([error-space=reserve]){--sbb-form-field-hint-min-height: calc( var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs) );--sbb-form-field-hint-padding-block-start-override: var(--sbb-form-field-hint-divider-width)}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-background-color: var(--sbb-background-color-3);--sbb-form-field-border-color: var(--sbb-color-graphite);--sbb-form-field-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-form-field-arrow-color: var(--sbb-color-granite);--sbb-form-field-arrow-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}@media(forced-colors:active){:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-border-color: ButtonBorder}}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-background-color: var(--sbb-background-color-3-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-arrow-color: var(--sbb-border-color-5)}:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-form-field-border-style: dashed}@media(forced-colors:active){:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: GrayText !important;--sbb-form-field-prefix-color: GrayText !important;--sbb-form-field-text-color: GrayText !important;--sbb-form-field-border-color: GrayText !important}}:host(:where(:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-text-color: var(--sbb-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5)}:host(:where(:is(:state(readonly),[state--readonly])):not([negative])){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host(:where(:is(:state(focus),[state--focus]))){--sbb-form-field-border-color: var(--sbb-border-color-3);--sbb-form-field-prefix-color: var(--sbb-color-3);--sbb-form-field-border-width: var(--sbb-border-width-2x)}:host(:where(:is(:state(focus),[state--focus]))[negative]){--sbb-form-field-border-color: var(--sbb-border-color-3-negative);--sbb-form-field-prefix-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host(:is(:state(focus),[state--focus])){--sbb-form-field-border-color: Highlight;--sbb-form-field-prefix-color: Highlight}}:host(:not(:where(:is(:state(has-error),[state--has-error]),:is(:state(has-hint),[state--has-hint])))){--sbb-form-field-hint-padding-block-start: 0}:host([floating-label]){--sbb-select-placeholder-color: transparent}@media(forced-colors:active){:host([floating-label]){--sbb-select-placeholder-color: Canvas}}:host(:is(:not(:is(:state(slotted-label),[state--slotted-label])),[hidden-label])){--sbb-form-field-label-size: 0rem;--_sbb-form-field-label-to-input-overlapping: 0rem}:host(:where(:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))){--sbb-form-field-overflow: visible}.sbb-form-field__space-wrapper{display:flex;flex-direction:column;height:100%}.sbb-form-field__space-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-form-field__wrapper{display:flex;flex:1;gap:var(--sbb-form-field-gap);padding-inline:var(--sbb-form-field-padding-inline);border-radius:var(--sbb-form-field-border-radius);min-height:var(--sbb-form-field-min-height);max-height:var(--sbb-form-field-max-height);background-color:var(--sbb-form-field-background-color);position:relative}.sbb-form-field__wrapper:before{content:\"\";display:block;position:absolute;inset:0;border:var(--sbb-form-field-border-width) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);border-radius:var(--sbb-form-field-border-radius);pointer-events:none}:host(:where(:is(:state(focus),[state--focus]):is(:state(focus-origin-keyboard),[state--focus-origin-keyboard]))) .sbb-form-field__wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-form-field-outline-offset, var(--sbb-focus-outline-offset))}@media(forced-colors:none){:host(:is([borderless],:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))) .sbb-form-field__wrapper:before{border-color:transparent}:host(:where(:is(:state(focus),[state--focus]),:is(:state(disabled),[state--disabled]))[borderless]) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0;z-index:var(--sbb-form-field-focus-underline-z-index, initial)}}::slotted(*[slot=prefix]){color:var(--sbb-form-field-prefix-color)}::slotted(*[slot=prefix]),::slotted(*[slot=suffix]){display:flex;min-width:var(--sbb-icon-svg-width);margin-block-start:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}:host(:where(:is(:state(empty),[state--empty]),:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-clear){display:none}:host(:is(:state(has-error),[state--has-error])) slot[name=hint]{display:none}:host(:where(:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-text-counter){display:none}::slotted(sbb-datepicker-toggle){padding-block-end:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}@media(forced-colors:active){::slotted(*[slot=suffix]){color:var(--sbb-form-field-prefix-color)}}.sbb-form-field__select-input-icon{top:50%;translate:0 -50%;display:none;position:absolute;inset-inline-end:0;margin-block-start:calc(-1 * var(--sbb-form-field-margin-block-start) / 2);pointer-events:none;color:var(--sbb-form-field-arrow-color)}:host(:is(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(explicit-input-type-select),[state--explicit-input-type-select]))) .sbb-form-field__select-input-icon{display:inline-block}.sbb-form-field__input-container{display:flex;flex-direction:column;flex:1 1 auto;position:relative;margin-block-start:var(--sbb-form-field-margin-block-start);min-width:0}.sbb-form-field__label-spacer{display:flex;height:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text));margin-block-end:var(--_sbb-form-field-spacer-margin-block-end)}:host(:not(:is(:state(slotted-label),[state--slotted-label]))) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){display:none}:host([hidden-label]) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-form-field__label{display:flex;max-width:100%;cursor:var(--sbb-cursor-default);position:absolute;inset-block-start:0;color:var(--sbb-form-field-label-color);font-size:var(--sbb-form-field-label-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:where(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))) .sbb-form-field__label{padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}:host([floating-label]) .sbb-form-field__label{transform-origin:0 0;pointer-events:none;backface-visibility:hidden;will-change:transform,font-size;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));transition-timing-function:var(--sbb-animation-easing);transition-property:transform,font-size}:host([floating-label]:is(:not(:where(:is(:state(focus),[state--focus])):not(:where(:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))),:where(:is(:state(has-popup-open),[state--has-popup-open]))),:where(:is(:state(readonly),[state--readonly]))):where(:is(:state(empty),[state--empty]))) .sbb-form-field__label{font-size:var(--sbb-form-field-input-text-size);transform:translateY(var(--_sbb-form-field-floating-label-transform))}@media(forced-colors:active){:host(:where(:is(:state(input-type-textarea),[state--input-type-textarea]))) .sbb-form-field__label{z-index:1}}.sbb-form-field__label-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-form-field__input{display:flex;flex:1;align-items:start}:host(:is(:is(:state(input-type-input),[state--input-type-input]),:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(input-type-sbb-date-input),[state--input-type-sbb-date-input]),:is(:state(input-type-sbb-time-input),[state--input-type-sbb-time-input]))) .sbb-form-field__input{margin-block-end:var(--_sbb-form-field-input-margin-block-end)}.sbb-form-field__hint{display:flex;min-height:var(--sbb-form-field-hint-min-height);flex-direction:column;margin-block-start:var(--sbb-form-field-hint-padding-block-start-override, var(--sbb-form-field-hint-padding-block-start))}", _ = 0, v = /* @__PURE__ */ new WeakMap(), y = [
 	"input",
 	"textarea",
 	"select"
@@ -16,25 +16,25 @@ var ne = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sb
 		super("formfieldcontrol"), this._control = e;
 	}
 }, x = (() => {
-	let b = l(s), x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
+	let b = u(c), x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
 	return class extends b {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-			x = [a({
+			x = [o({
 				attribute: "error-space",
 				reflect: !0
-			})], w = [f(), a({ type: Boolean })], D = [a({ reflect: !0 })], A = [f(), a({
+			})], w = [f(), o({ type: Boolean })], D = [o({ reflect: !0 })], A = [f(), o({
 				reflect: !0,
 				type: Boolean
-			})], N = [a({ reflect: !0 })], I = [f(), a({
+			})], N = [o({ reflect: !0 })], I = [f(), o({
 				attribute: "hidden-label",
 				reflect: !0,
 				type: Boolean
-			})], z = [f(), a({
+			})], z = [f(), o({
 				attribute: "floating-label",
 				reflect: !0,
 				type: Boolean
-			})], H = [o()], G = [o()], J = [o()], Z = [o()], e(this, null, x, {
+			})], H = [s()], G = [s()], J = [s()], Z = [s()], e(this, null, x, {
 				kind: "accessor",
 				name: "errorSpace",
 				static: !1,
@@ -188,10 +188,10 @@ var ne = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sb
 			this.elementName = "sbb-form-field";
 		}
 		static {
-			this.elementDependencies = [te];
+			this.elementDependencies = [h];
 		}
 		static {
-			this.styles = [d, ee(ne)];
+			this.styles = [a(g)];
 		}
 		#e;
 		get errorSpace() {
@@ -295,10 +295,10 @@ var ne = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sb
 				"tel",
 				"text",
 				"url"
-			], this.#e = t(this, S, "none"), this.#t = (t(this, C), t(this, T, !1)), this.#n = (t(this, E), t(this, O, m() ? "s" : "m")), this.#r = (t(this, k), t(this, j, !1)), this.#i = (t(this, M), t(this, P, "default")), this.#a = (t(this, F), t(this, L, !1)), this.#o = (t(this, R), t(this, B, !1)), this.#s = (t(this, V), t(this, U, [])), this.#c = (t(this, W), t(this, K, [])), this.#l = (t(this, q), t(this, Y, null)), this.#u = (t(this, X), t(this, Q, void 0)), this._language = (t(this, $), new c(this)), this._formFieldAttributeObserver = r ? null : new MutationObserver((e) => {
+			], this.#e = t(this, S, "none"), this.#t = (t(this, C), t(this, T, !1)), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, !1)), this.#i = (t(this, M), t(this, P, "default")), this.#a = (t(this, F), t(this, L, !1)), this.#o = (t(this, R), t(this, B, !1)), this.#s = (t(this, V), t(this, U, [])), this.#c = (t(this, W), t(this, K, [])), this.#l = (t(this, q), t(this, Y, null)), this.#u = (t(this, X), t(this, Q, void 0)), this._language = (t(this, $), new l(this)), this._formFieldAttributeObserver = r ? null : new MutationObserver((e) => {
 				e.some((e) => e.type === "attributes") && this._input && (this._readInputState(), this._registerInputFormListener(), this._checkAndUpdateInputEmpty(), this.dispatchEvent(new Event("ɵinputattributechange")));
 			}), this._inputFormAbortController = new AbortController(), this._control = null, this._previousType = null, this.addEventListener?.("focusin", (e) => {
-				(e.target === this.inputElement || e.target === this.inputElement?.inputElement) && (this.internals.states.add("focus"), this.internals.states.add(`focus-origin-${g.mostRecentModality}`));
+				(e.target === this.inputElement || e.target === this.inputElement?.inputElement) && (this.internals.states.add("focus"), this.internals.states.add(`focus-origin-${m.mostRecentModality}`));
 			}, { passive: !0 }), this.addEventListener?.("focusout", (e) => {
 				if (e.target === this.inputElement || e.target === this.inputElement?.inputElement) {
 					this._checkAndUpdateInputEmpty(), this.internals.states.delete("focus");
@@ -411,18 +411,18 @@ var ne = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sb
 		}
 		_onSlotErrorChange(e) {
 			let t = e.target.assignedElements();
-			this._input && this._input.ariaDescribedByElements?.length && (this._input.ariaDescribedByElements = h(this._input.ariaDescribedByElements, ...this._errorElements ?? [], ...this._hintElements ?? [])), this._errorElements = t;
+			this._input && this._input.ariaDescribedByElements?.length && (this._input.ariaDescribedByElements = p(this._input.ariaDescribedByElements, ...this._errorElements ?? [], ...this._hintElements ?? [])), this._errorElements = t;
 			for (let e of this._errorElements) e.role ||= "status";
 			this._assignAriaDescribedByElements(), this.toggleState("has-error", !!this._errorElements.length), this._syncNegative();
 		}
 		_onSlotHintChange(e) {
 			let t = e.target.assignedElements();
-			this._input?.ariaDescribedByElements?.length && this._hintElements?.length && (this._input.ariaDescribedByElements = h(this._input.ariaDescribedByElements, ...this._hintElements)), this._hintElements = t, this._assignAriaDescribedByElements(), this.toggleState("has-hint", !!this._hintElements.length), this._syncNegative();
+			this._input?.ariaDescribedByElements?.length && this._hintElements?.length && (this._input.ariaDescribedByElements = p(this._input.ariaDescribedByElements, ...this._hintElements)), this._hintElements = t, this._assignAriaDescribedByElements(), this.toggleState("has-hint", !!this._hintElements.length), this._syncNegative();
 		}
 		_assignAriaDescribedByElements() {
 			if (this._input) {
 				let e = this._errorElements.length ? this._errorElements : this._hintElements;
-				this._input.ariaDescribedByElements = u(this._input.ariaDescribedByElements, ...e);
+				this._input.ariaDescribedByElements = d(this._input.ariaDescribedByElements, ...e);
 			}
 		}
 		reset() {
@@ -435,7 +435,7 @@ var ne = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sb
 			this.querySelectorAll?.("sbb-error,sbb-mini-button,sbb-mini-button-link,sbb-form-field-clear,sbb-datepicker-next-day,sbb-datepicker-previous-day,sbb-datepicker-toggle,sbb-select,sbb-autocomplete,sbb-autocomplete-grid,sbb-chip-group,sbb-hint,sbb-form-field-text-counter").forEach((e) => e.toggleAttribute("negative", this.negative));
 		}
 		_syncSize() {
-			this.querySelectorAll?.("sbb-autocomplete,sbb-autocomplete-grid,sbb-select").forEach((e) => e.size = this.size === "s" ? "s" : "m");
+			this.querySelectorAll?.("sbb-autocomplete,sbb-autocomplete-grid,sbb-select").forEach((e) => e.size = this.size === "l" ? "m" : this.size);
 		}
 		render() {
 			return n`
@@ -448,7 +448,7 @@ var ne = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sb
             <span class="sbb-form-field__label">
               <span class="sbb-form-field__label-ellipsis">
                 <slot name="label" @slotchange=${this._onSlotLabelChange}></slot>
-                ${this.optional ? n` <span aria-hidden="true"> ${p[this._language.current]} </span>` : i}
+                ${this.optional ? n` <span aria-hidden="true"> ${ee[this._language.current]} </span>` : i}
               </span>
             </span>
             <div class="sbb-form-field__input">

package/form-field.js

@@ -1,8 +1,8 @@
-import { t as e } from "./error.component-D3JgDJfN.js";
-import { n as t, t as n } from "./form-field.component-Dtzbp6-e.js";
+import { t as e } from "./error.component-D9Tu2YIl.js";
+import { n as t, t as n } from "./form-field.component-BdfK6r2v.js";
 import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
-import { t as a } from "./hint.component-BB_h0G6v.js";
+import { t as a } from "./hint.component-DTKfI9tq.js";
 import "./form-field.pure.js";
 e.define(), r.define(), t.define(), i.define(), a.define();
 //#endregion

package/form-field.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./error.component-D3JgDJfN.js";
-import { n as t, t as n } from "./form-field.component-Dtzbp6-e.js";
+import { t as e } from "./error.component-D9Tu2YIl.js";
+import { n as t, t as n } from "./form-field.component-BdfK6r2v.js";
 import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
-import { t as a } from "./hint.component-BB_h0G6v.js";
+import { t as a } from "./hint.component-DTKfI9tq.js";
 export { e as SbbErrorElement, r as SbbFormFieldClearElement, n as SbbFormFieldControlEvent, t as SbbFormFieldElement, i as SbbFormFieldTextCounterElement, a as SbbHintElement };

package/header/common/header-action-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../header-action-common-BOKlGz-X.js";
+import { t as e } from "../../header-action-common-DuPx0U2o.js";
 export { e as SbbHeaderActionCommonElementMixin };

package/header/header/header.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../header.component-DoAFSXgO.js";
+import { t as e } from "../../header.component-TU3e89pY.js";
 export { e as SbbHeaderElement };

package/header/header-environment/header-environment.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../header-environment.component-BXPJRKXx.js";
+import { t as e } from "../../header-environment.component-B0VYZh7C.js";
 export { e as SbbHeaderEnvironmentElement };