@sbb-esta/lyne-elements 5.0.0-next.2 → 5.0.0

package/toast/_toast.global.scss

@@ -0,0 +1,18 @@
+@use '../core/styles' as sbb;
+
+$theme: 'standard' !default;
+
+@mixin base {
+  --sbb-toast-max-width: #{sbb.px-to-rem-build(400)};
+  --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-position: fixed;
+  --sbb-toast-horizontal-position: initial;
+  --sbb-toast-vertical-position: initial;
+  --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
+}

package/toast/toast.component.js

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

package/{toast.component-DVaz-D5o.js → toast.component-Dlr0Koxu.js}

@@ -1,7 +1,7 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, nothing as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbDarkModeController as o, SbbLanguageController as s, SbbOpenCloseBaseElement as c, SbbReadonlyMixin as l, composedPathHasAttribute as u, forceType as d, i18nCloseAlert as f, isZeroAnimationDuration as p } from "./core.js";
+import { SbbDarkModeController as o, SbbLanguageController as s, SbbOpenCloseBaseElement as c, SbbReadonlyMixin as l, forceType as u, i18nCloseAlert as d, isZeroAnimationDuration as f, popoverResetStyles as p } from "./core.js";
 import { SbbTransparentButtonElement as m } from "./button.pure.js";
 import { SbbDividerElement as h } from "./divider.pure.js";
 import { SbbIconNameMixin as g } from "./icon.pure.js";
@@ -11,7 +11,7 @@ var _ = ":host{--sbb-toast-animation-duration: var( --sbb-disable-animation-dura
 	return class extends y {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-			b = [d(), a({ type: Number })], C = [a({ reflect: !0 })], E = [a()], e(this, null, b, {
+			b = [u(), a({ type: Number })], C = [a({ reflect: !0 })], E = [a()], e(this, null, b, {
 				kind: "accessor",
 				name: "timeout",
 				static: !1,
@@ -64,7 +64,7 @@ var _ = ":host{--sbb-toast-animation-duration: var( --sbb-disable-animation-dura
 			this.elementDependencies = [m, h];
 		}
 		static {
-			this.styles = [i(_)];
+			this.styles = [p, i(_)];
 		}
 		#e;
 		get timeout() {
@@ -117,11 +117,10 @@ var _ = ":host{--sbb-toast-animation-duration: var( --sbb-disable-animation-dura
 			}
 		}
 		_onClick(e) {
-			let t = u(e, "sbb-toast-close", this);
-			t && !t.hasAttribute("disabled") && this.close();
+			e.composedPath().some((e, t, n) => e instanceof HTMLElement && t < n.indexOf(this) && e.hasAttribute("sbb-toast-close") && !e.hasAttribute("disabled")) && this.close();
 		}
 		_isZeroAnimationDuration() {
-			return p(this, "--sbb-toast-animation-duration");
+			return f(this, "--sbb-toast-animation-duration");
 		}
 		_onContentSlotChange(e) {
 			let t = e.target.assignedNodes();
@@ -170,7 +169,7 @@ var _ = ":host{--sbb-toast-animation-duration: var( --sbb-disable-animation-dura
                   class="sbb-toast__close-button"
                   icon-name="cross-small"
                   ?negative=${this._isLightMode()}
-                  aria-label=${f[this._language.current]}
+                  aria-label=${d[this._language.current]}
                   sbb-toast-close
                 ></sbb-transparent-button>`}
           </div>

package/toast.js

@@ -1,4 +1,4 @@
-import { t as e } from "./toast.component-DVaz-D5o.js";
+import { t as e } from "./toast.component-Dlr0Koxu.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-DVaz-D5o.js";
+import { t as e } from "./toast.component-Dlr0Koxu.js";
 export { e as SbbToastElement };

package/toggle/_toggle.global.scss

@@ -0,0 +1,48 @@
+@use '../core/styles' as sbb;
+
+$theme: 'standard' !default;
+
+@mixin base {
+  --sbb-toggle-height-s: var(--sbb-size-element-xxs);
+  --sbb-toggle-height-m: var(--sbb-size-element-m);
+  --sbb-toggle-height: #{sbb.theme-pattern-select(
+      (
+        'standard': var(--sbb-toggle-height-m),
+        'lean': var(--sbb-toggle-height-s),
+      ),
+      $theme
+    )};
+  --sbb-toggle-padding-inline-s: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toggle-padding-inline-m: var(--sbb-spacing-responsive-xs);
+  --sbb-toggle-padding-inline: #{sbb.theme-pattern-select(
+      (
+        'standard': var(--sbb-toggle-padding-inline-m),
+        'lean': var(--sbb-toggle-padding-inline-s),
+      ),
+      $theme
+    )};
+  --sbb-toggle-background-color: var(--sbb-background-color-4);
+  --sbb-toggle-background-inset: #{sbb.px-to-rem-build(2)};
+  --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-toggle-font-size: var(--sbb-text-font-size-m);
+  --sbb-toggle-grid-template-columns: auto auto;
+  --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-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
+  --sbb-toggle-option-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-toggle-option-font-size: var(--sbb-text-font-size-xs);
+  --sbb-toggle-option-icon-min-size: var(--sbb-size-icon-ui-small);
+}
+
+@mixin forced-colors {
+  --sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x);
+  --sbb-toggle-selected-option-border-color: Highlight;
+}
+
+@mixin rules {
+  sbb-toggle:has(:focus-visible) {
+    @include sbb.focus-outline;
+  }
+}

package/toggle/toggle/toggle.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle.component-BFsrJ98d.js";
+import { t as e } from "../../toggle.component-Cz3OnOMI.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-BP9QEwh9.js";
+import { t as e } from "../../toggle-option.component-UXno4hFd.js";
 export { e as SbbToggleOptionElement };

package/toggle-check/_toggle-check.global.scss

@@ -0,0 +1,32 @@
+@use '../core/styles' as sbb;
+
+$theme: 'standard' !default;
+
+@mixin base {
+  --sbb-toggle-check-font-size: #{sbb.theme-pattern-select(
+      (
+        'standard': var(--sbb-text-font-size-s),
+        'lean': var(--sbb-text-font-size-xs),
+      ),
+      $theme
+    )};
+  --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-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: #{sbb.px-to-rem-build(28)};
+  --sbb-toggle-check-height: var(--sbb-size-icon-ui-small);
+  --sbb-toggle-check-cursor: var(--sbb-cursor-pointer);
+  --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-toggle-check-border-width: var(--sbb-border-width-1x);
+  --sbb-toggle-check-border-radius: var(--sbb-border-radius-4x);
+  --sbb-toggle-check-shadow: var(--sbb-box-shadow-level-5-hard);
+}
+
+@mixin forced-colors {
+  --sbb-toggle-check-background-color: CanvasText;
+  --sbb-toggle-check-circle-background-color: Canvas;
+}

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

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

package/{toggle-check.component-YWr3IHEL.js → toggle-check.component-BNGDAvXJ.js}

@@ -1,18 +1,18 @@
 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, SbbFormAssociatedCheckboxMixin as o, isLean as s } from "./core.js";
-import { SbbIconNameMixin as c } from "./icon.pure.js";
+import { SbbElement as a, SbbFormAssociatedCheckboxMixin as o } from "./core.js";
+import { SbbIconNameMixin as s } from "./icon.pure.js";
 //#region src/elements/toggle-check/toggle-check.scss?inline
-var l = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--_sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--_sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));display:inline-block;outline:none!important}:host([size=xs]){--sbb-toggle-check-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-toggle-check-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-toggle-check-font-size: var(--sbb-text-font-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-circle-translate: calc( 100% - 2 * (100% - .5 * var(--_sbb-toggle-check-width)) ) -50%;--_sbb-toggle-check-icon-opacity: 1}@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);border-radius:calc(var(--sbb-toggle-check-border-radius) - var(--sbb-focus-outline-offset))}.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)}.sbb-toggle-check__container{display:flex;flex-direction:var(--_sbb-toggle-check-flex-direction, row-reverse);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%;font-size:var(--sbb-toggle-check-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.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{position:absolute;top:50%;translate:0 -50%;width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-toggle-check-border-width) 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:translate;translate:var(--_sbb-toggle-check-circle-translate, 0 -50%);transition:translate ease var(--sbb-toggle-check-animation-duration);box-shadow:var(--sbb-toggle-check-shadow)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--_sbb-toggle-check-icon-opacity, 0);transition:opacity ease var(--sbb-toggle-check-animation-duration)}", u = (() => {
-	let u = c(o(a)), d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
-	return class extends u {
+var c = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--_sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--_sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));display:inline-block;outline:none!important}:host([size=xs]){--sbb-toggle-check-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-toggle-check-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-toggle-check-font-size: var(--sbb-text-font-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-circle-translate: calc( 100% - 2 * (100% - .5 * var(--_sbb-toggle-check-width)) ) -50%;--_sbb-toggle-check-icon-opacity: 1}@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);border-radius:calc(var(--sbb-toggle-check-border-radius) - var(--sbb-focus-outline-offset))}.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)}.sbb-toggle-check__container{display:flex;flex-direction:var(--_sbb-toggle-check-flex-direction, row-reverse);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%;font-size:var(--sbb-toggle-check-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.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{position:absolute;top:50%;translate:0 -50%;width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-toggle-check-border-width) 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:translate;translate:var(--_sbb-toggle-check-circle-translate, 0 -50%);transition:translate ease var(--sbb-toggle-check-animation-duration);box-shadow:var(--sbb-toggle-check-shadow)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--_sbb-toggle-check-icon-opacity, 0);transition:opacity ease var(--sbb-toggle-check-animation-duration)}", l = (() => {
+	let l = s(o(a)), u, d = [], f = [], p, m = [], h = [], g, _ = [], v = [];
+	return class extends l {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [i()], m = [i({ reflect: !0 })], _ = [i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [i()], p = [i({ reflect: !0 })], g = [i({
 				attribute: "label-position",
 				reflect: !0
-			})], e(this, null, d, {
+			})], e(this, null, u, {
 				kind: "accessor",
 				name: "value",
 				static: !1,
@@ -25,7 +25,7 @@ var l = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --
 					}
 				},
 				metadata: t
-			}, f, p), e(this, null, m, {
+			}, d, f), e(this, null, p, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -38,7 +38,7 @@ var l = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --
 					}
 				},
 				metadata: t
-			}, h, g), e(this, null, _, {
+			}, m, h), e(this, null, g, {
 				kind: "accessor",
 				name: "labelPosition",
 				static: !1,
@@ -51,7 +51,7 @@ var l = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --
 					}
 				},
 				metadata: t
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -62,23 +62,23 @@ var l = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --
 			this.elementName = "sbb-toggle-check";
 		}
 		static {
-			this.styles = [r(l)];
+			this.styles = [r(c)];
 		}
-		#e = t(this, f, null);
+		#e = t(this, d, null);
 		get value() {
 			return this.#e;
 		}
 		set value(e) {
 			this.#e = e;
 		}
-		#t = (t(this, p), t(this, h, s() ? "xs" : "s"));
+		#t = (t(this, f), t(this, m, null));
 		get size() {
 			return this.#t;
 		}
 		set size(e) {
 			this.#t = e;
 		}
-		#n = (t(this, g), t(this, v, "after"));
+		#n = (t(this, h), t(this, _, "after"));
 		get labelPosition() {
 			return this.#n;
 		}
@@ -108,9 +108,9 @@ var l = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, y);
+			super(...arguments), t(this, v);
 		}
 	};
 })();
 //#endregion
-export { u as t };
+export { l as t };

package/toggle-check.js

@@ -1,4 +1,4 @@
-import { t as e } from "./toggle-check.component-YWr3IHEL.js";
+import { t as e } from "./toggle-check.component-BNGDAvXJ.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-YWr3IHEL.js";
+import { t as e } from "./toggle-check.component-BNGDAvXJ.js";
 export { e as SbbToggleCheckElement };

package/{toggle.component-BFsrJ98d.js → toggle.component-Cz3OnOMI.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 } from "lit/decorators.js";
-import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, forceType as l, interactivityChecker as u, isLean as d } from "./core.js";
+import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, forceType as l, interactivityChecker as u } from "./core.js";
 //#region src/elements/toggle/toggle/toggle.scss?inline
-var f = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small) );--sbb-toggle-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:grid;grid-template-columns:var(--sbb-toggle-grid-template-columns);grid-template-areas:\"start end\";align-items:center;height:var(--sbb-toggle-height);width:var(--sbb-toggle-width, fit-content);min-width:var(--_sbb-toggle-min-width);max-width:100%;border-radius:var(--sbb-toggle-border-radius);font-size:var(--sbb-toggle-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:var(--sbb-typo-line-height-text)}:host: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}:host:after{content:\"\";grid-area:start/start/end/end;order:-1;background:var(--sbb-toggle-background-color);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){:host:after{border:var(--sbb-border-width-1x) solid CanvasText}}:host([even]){--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=m]){--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toggle-height: var(--sbb-size-element-m)}: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}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}", p = (() => {
-	let p = o(c(s)), m = [], h, g = [], _ = [], v, y = [], b = [], x;
-	return class extends p {
+var d = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small) );--sbb-toggle-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:grid;grid-template-columns:var(--sbb-toggle-grid-template-columns);grid-template-areas:\"start end\";align-items:center;height:var(--sbb-toggle-height);width:var(--sbb-toggle-width, fit-content);min-width:var(--_sbb-toggle-min-width);max-width:100%;border-radius:var(--sbb-toggle-border-radius);font-size:var(--sbb-toggle-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:var(--sbb-typo-line-height-text)}:host: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}:host:after{content:\"\";grid-area:start/start/end/end;order:-1;background:var(--sbb-toggle-background-color);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){:host:after{border:var(--sbb-border-width-1x) solid CanvasText}}:host([even]){--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-toggle-padding-inline-s);--sbb-toggle-height: var(--sbb-toggle-height-s)}:host([size=m]){--sbb-toggle-padding-inline: var(--sbb-toggle-padding-inline-m);--sbb-toggle-height: var(--sbb-toggle-height-m)}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(disable-animation-on-resizing),[state--disable-animation-on-resizing]))){--sbb-disable-animation-duration: 0s}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}", f = (() => {
+	let f = o(c(s)), p = [], m, h = [], g = [], _, v = [], y = [], b;
+	return class extends f {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-			h = [l(), a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			m = [l(), a({
 				reflect: !0,
 				type: Boolean
-			})], v = [a({ reflect: !0 })], x = [a()], e(this, null, h, {
+			})], _ = [a({ reflect: !0 })], b = [a()], e(this, null, m, {
 				kind: "accessor",
 				name: "even",
 				static: !1,
@@ -24,7 +24,7 @@ var f = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) *
 					}
 				},
 				metadata: t
-			}, g, _), e(this, null, v, {
+			}, h, g), e(this, null, _, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -37,7 +37,7 @@ var f = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) *
 					}
 				},
 				metadata: t
-			}, y, b), e(this, null, x, {
+			}, v, y), e(this, null, b, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -49,7 +49,7 @@ var f = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) *
 					}
 				},
 				metadata: t
-			}, null, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, p), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -63,7 +63,7 @@ var f = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) *
 			this.role = "radiogroup";
 		}
 		static {
-			this.styles = [i(f)];
+			this.styles = [i(d)];
 		}
 		static {
 			this.events = { change: "change" };
@@ -92,7 +92,7 @@ var f = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) *
 			return Array.from(this.querySelectorAll?.("sbb-toggle-option") ?? []);
 		}
 		constructor() {
-			super(), this.#e = (t(this, m), t(this, g, !1)), this.#t = (t(this, _), t(this, y, d() ? "s" : "m")), this._fallbackValue = (t(this, b), null), this.addEventListener?.("input", () => this._handleInput(), { passive: !0 }), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+			super(), this.#e = (t(this, p), t(this, h, !1)), this.#t = (t(this, g), t(this, v, null)), this._fallbackValue = (t(this, y), null), this.addEventListener?.("input", () => this._handleInput(), { passive: !0 }), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
 		}
 		willUpdate(e) {
 			super.willUpdate(e), (e.has("disabled") || e.has("formDisabled")) && this._updateDisabled(), this.hasUpdated || this._valueChanged(this._fallbackValue);
@@ -149,4 +149,4 @@ var f = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) *
 	};
 })();
 //#endregion
-export { p as t };
+export { f as t };

package/toggle.js

@@ -1,5 +1,5 @@
-import { t as e } from "./toggle-option.component-BP9QEwh9.js";
-import { t } from "./toggle.component-BFsrJ98d.js";
+import { t as e } from "./toggle-option.component-UXno4hFd.js";
+import { t } from "./toggle.component-Cz3OnOMI.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-BP9QEwh9.js";
-import { t } from "./toggle.component-BFsrJ98d.js";
+import { t as e } from "./toggle-option.component-UXno4hFd.js";
+import { t } from "./toggle.component-Cz3OnOMI.js";
 export { t as SbbToggleElement, e as SbbToggleOptionElement };

package/tooltip/_tooltip.global.scss

@@ -0,0 +1,20 @@
+@use '../core/styles' as sbb;
+
+$theme: 'standard' !default;
+
+@mixin base {
+  --sbb-tooltip-animation-easing: ease-out;
+  --sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);
+  --sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);
+  --sbb-tooltip-color: var(--sbb-color-2-inverted);
+  --sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);
+  --sbb-tooltip-border-radius: var(--sbb-border-radius-8x);
+  --sbb-tooltip-font-size: var(--sbb-text-font-size-xs);
+  --sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);
+  --sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
+  --sbb-overlay-position-area: block-start;
+  --sbb-overlay-position-try-fallbacks:
+    block-start span-inline-end, block-start span-inline-start, block-end,
+    block-end span-inline-end, block-end span-inline-start;
+}

package/tooltip/tooltip.component.js

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

package/{tooltip.component-BrXCWlQB.js → tooltip.component-BLzyft0C.js}

@@ -1,23 +1,23 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbDisabledMixin as o, SbbEscapableOverlayController as s, SbbOpenCloseBaseElement as c, SbbOverlayPositionController as l, appendAriaElements as u, idReference as d, isAndroid as f, isIOS as p, isZeroAnimationDuration as m, queueDomContentLoaded as h, readConfig as g, removeAriaElements as _, sbbOverlayOutsidePointerEventListener as v } from "./core.js";
+import { SbbDisabledMixin as o, SbbEscapableOverlayController as s, SbbOpenCloseBaseElement as c, SbbOverlayPositionController as l, appendAriaElements as u, idReference as d, isAndroid as f, isIOS as p, isZeroAnimationDuration as m, popoverResetStyles as h, queueDomContentLoaded as g, readConfig as _, removeAriaElements as v, sbbOverlayOutsidePointerEventListener as y } from "./core.js";
 //#region src/elements/tooltip/tooltip.scss?inline
-var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", b = 500, x = f || p, S = /* @__PURE__ */ new WeakMap(), C = (() => {
-	let f = o(c), p = [], C, w = [], T = [], E, D, O;
+var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", x = 500, S = f || p, C = /* @__PURE__ */ new WeakMap(), w = (() => {
+	let f = o(c), p = [], w, T = [], E = [], D, O, k;
 	return class extends f {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			C = [d(), a()], E = [a({
+			w = [d(), a()], D = [a({
 				attribute: "open-delay",
 				type: Number
-			})], D = [a({
+			})], O = [a({
 				attribute: "close-delay",
 				type: Number
-			})], O = [a({
+			})], k = [a({
 				attribute: "long-press-close-delay",
 				type: Number
-			})], e(this, null, C, {
+			})], e(this, null, w, {
 				kind: "accessor",
 				name: "trigger",
 				static: !1,
@@ -30,7 +30,7 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, w, T), e(this, null, E, {
+			}, T, E), e(this, null, D, {
 				kind: "setter",
 				name: "openDelay",
 				static: !1,
@@ -42,7 +42,7 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, null, p), e(this, null, D, {
+			}, null, p), e(this, null, O, {
 				kind: "setter",
 				name: "closeDelay",
 				static: !1,
@@ -54,7 +54,7 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, null, p), e(this, null, O, {
+			}, null, p), e(this, null, k, {
 				kind: "setter",
 				name: "longPressCloseDelay",
 				static: !1,
@@ -80,10 +80,10 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			this.role = "tooltip";
 		}
 		static {
-			this.styles = [i(y)];
+			this.styles = [h, i(b)];
 		}
 		static {
-			r || h(() => this._initializeTooltipOutlet());
+			r || g(() => this._initializeTooltipOutlet());
 		}
 		#e;
 		get trigger() {
@@ -96,22 +96,22 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			this._openDelay = e;
 		}
 		get openDelay() {
-			return this._openDelay ?? g().tooltip?.openDelay ?? 0;
+			return this._openDelay ?? _().tooltip?.openDelay ?? 0;
 		}
 		set closeDelay(e) {
 			this._closeDelay = e;
 		}
 		get closeDelay() {
-			return this._closeDelay ?? g().tooltip?.closeDelay ?? 0;
+			return this._closeDelay ?? _().tooltip?.closeDelay ?? 0;
 		}
 		set longPressCloseDelay(e) {
 			this._longPressCloseDelay = +e;
 		}
 		get longPressCloseDelay() {
-			return this._longPressCloseDelay ?? g().tooltip?.longPressCloseDelay ?? 1500;
+			return this._longPressCloseDelay ?? _().tooltip?.longPressCloseDelay ?? 1500;
 		}
 		constructor() {
-			super(), this.#e = (t(this, p), t(this, w, null)), this._openDelay = (t(this, T), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new s(this), this._overlayController = new l(this), this.addEventListener("mouseleave", (e) => {
+			super(), this.#e = (t(this, p), t(this, T, null)), this._openDelay = (t(this, E), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new s(this), this._overlayController = new l(this), this.addEventListener("mouseleave", (e) => {
 				(this.state === "opened" || this.state === "opening") && (!e.relatedTarget || !this._triggerElement?.contains(e.relatedTarget)) && this._delayedClose();
 			}, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (e) => this._onTooltipAnimationEnd(e), { passive: !0 });
 		}
@@ -134,18 +134,18 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			e.querySelectorAll("[sbb-tooltip]").forEach((e) => this._handleTooltipTrigger(e));
 		}
 		static _handleTooltipTrigger(e) {
-			let t = e.getAttribute("sbb-tooltip"), n = S.get(e);
+			let t = e.getAttribute("sbb-tooltip"), n = C.get(e);
 			if (t && e.isConnected) {
-				n || (n = document.createElement("sbb-tooltip"), S.set(e, n), this._tooltipOutlet.appendChild(n), n.trigger = e), n.textContent = t, n.openDelay = e.hasAttribute("sbb-tooltip-open-delay") ? +e.getAttribute("sbb-tooltip-open-delay") : null, n.closeDelay = e.hasAttribute("sbb-tooltip-close-delay") ? +e.getAttribute("sbb-tooltip-close-delay") : null;
+				n || (n = document.createElement("sbb-tooltip"), C.set(e, n), this._tooltipOutlet.appendChild(n), n.trigger = e), n.textContent = t, n.openDelay = e.hasAttribute("sbb-tooltip-open-delay") ? +e.getAttribute("sbb-tooltip-open-delay") : null, n.closeDelay = e.hasAttribute("sbb-tooltip-close-delay") ? +e.getAttribute("sbb-tooltip-close-delay") : null;
 				let r = e.hasAttribute("sbb-tooltip-position") ? e.getAttribute("sbb-tooltip-position").split(",").map((e) => e.trim()) : e.tooltipPositions;
 				r && r.length > 0 ? (n.style.setProperty("--sbb-overlay-position-area", r[0]), n.style.setProperty("--sbb-overlay-position-try-fallbacks", r.slice(1).join(", "))) : (n.style.removeProperty("--sbb-overlay-position-area"), n.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
-			} else n && (S.delete(e), n._destroy?.());
+			} else n && (C.delete(e), n._destroy?.());
 		}
 		connectedCallback() {
-			super.connectedCallback(), this.popover = "manual", this.state = "closed", v.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
+			super.connectedCallback(), this.popover = "manual", this.state = "closed", y.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
 		}
 		disconnectedCallback() {
-			super.disconnectedCallback(), v.disconnect(this), this._detach();
+			super.disconnectedCallback(), y.disconnect(this), this._detach();
 		}
 		requestUpdate(e, t, n) {
 			super.requestUpdate(e, t, n), !r && (!e || e === "trigger") && this.hasUpdated && this._attach(this.trigger);
@@ -178,7 +178,7 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			this._triggerElement && this._detach(), this._triggerElement = e, this._triggerElement && (this._triggerElement.ariaDescribedByElements = u(this._triggerElement.ariaDescribedByElements, this), this._addTriggerEventHandlers());
 		}
 		_detach() {
-			this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement &&= (this._triggerElement.ariaDescribedByElements = _(this._triggerElement.ariaDescribedByElements, this), null);
+			this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement &&= (this._triggerElement.ariaDescribedByElements = v(this._triggerElement.ariaDescribedByElements, this), null);
 		}
 		_destroy() {
 			this._detach(), this.remove();
@@ -191,11 +191,11 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 				signal: this._triggerAbortController.signal,
 				passive: !0
 			};
-			x || (e.addEventListener("mouseenter", () => this._delayedOpen(), t), e.addEventListener("mouseleave", (e) => {
+			S || (e.addEventListener("mouseenter", () => this._delayedOpen(), t), e.addEventListener("mouseleave", (e) => {
 				let t = e.relatedTarget;
 				(!t || t !== this) && this._delayedClose();
 			}, t), e.addEventListener("blur", () => this.close(), t), e.addEventListener("focus", () => this._delayedOpen(), t)), e.addEventListener("touchstart", () => {
-				clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), b);
+				clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), x);
 			}, t), e.addEventListener("touchend", () => {
 				clearTimeout(this._longPressOpenTimeout), this._longPressCloseTimeout = setTimeout(() => this.close(), this.longPressCloseDelay);
 			}, t), e.addEventListener("touchcancel", () => {
@@ -218,4 +218,4 @@ var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 	};
 })();
 //#endregion
-export { C as t };
+export { w as t };

package/tooltip.js

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

package/tooltip.pure.js

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