@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777898715 → 5.0.0-next.1-dev.1777931407

package/{carousel.component-DzDLKOGv.js → carousel.component-9oMMOyWo.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, SbbLanguageController as o, boxSizingStyles as s, forceType as c, i18nCarouselArrowsNavigationHint as l, i18nNextSlide as u, i18nPreviousSlide as d, i18nSlide as f, screenReaderOnlyStyles as p } from "./core.js";
+import { SbbElement as a, SbbLanguageController as o, forceType as s, i18nCarouselArrowsNavigationHint as c, i18nNextSlide as l, i18nPreviousSlide as u, i18nSlide as d, screenReaderOnlyStyles as f } from "./core.js";
 //#region src/elements/carousel/carousel/carousel.scss?inline
-var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0}:host([shadow]){box-shadow:var(--sbb-carousel-box-shadow);border-radius:var(--sbb-carousel-border-radius)}:host(:not([shadow])) ::slotted(sbb-carousel-list){--sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius)}.sbb-carousel{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--sbb-carousel-background-color)}::slotted(sbb-compact-paginator){padding:var(--sbb-carousel-paginator-padding)}", h = (() => {
-	let h = a, g, _ = [], v = [];
-	return class extends h {
+var p = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0}:host([shadow]){box-shadow:var(--sbb-carousel-box-shadow);border-radius:var(--sbb-carousel-border-radius)}:host(:not([shadow])) ::slotted(sbb-carousel-list){--sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius)}.sbb-carousel{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--sbb-carousel-background-color)}::slotted(sbb-compact-paginator){padding:var(--sbb-carousel-paginator-padding)}", m = (() => {
+	let m = a, h, g = [], _ = [];
+	return class extends m {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-			g = [c(), i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [s(), i({
 				reflect: !0,
 				type: Boolean
-			})], e(this, null, g, {
+			})], e(this, null, h, {
 				kind: "accessor",
 				name: "shadow",
 				static: !1,
@@ -24,7 +24,7 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 					}
 				},
 				metadata: t
-			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
+			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -35,11 +35,7 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 			this.elementName = "sbb-carousel";
 		}
 		static {
-			this.styles = [
-				s,
-				p,
-				r(m)
-			];
+			this.styles = [f, r(p)];
 		}
 		#e;
 		get shadow() {
@@ -49,7 +45,7 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 			this.#e = e;
 		}
 		constructor() {
-			super(), this.#e = t(this, _, !1), this._paginator = (t(this, v), null), this._abortController = null, this._language = new o(this), this._requestedPageIndexByPaginator = -1, this.addEventListener?.("show", (e) => {
+			super(), this.#e = t(this, g, !1), this._paginator = (t(this, _), null), this._abortController = null, this._language = new o(this), this._requestedPageIndexByPaginator = -1, this.addEventListener?.("show", (e) => {
 				this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.detail.index || (this._paginator && e.detail.index !== this._paginator.pageIndex && (this._paginator.pageIndex = e.detail.index), this._requestedPageIndexByPaginator = -1);
 			});
 		}
@@ -66,7 +62,7 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 			let e = Array.from(this.children).find((e) => e.localName === "sbb-compact-paginator"), t = Array.from(this.children).find((e) => e.localName === "sbb-carousel-list");
 			if (!e || !t) return;
 			let n = t.querySelectorAll("sbb-carousel-item");
-			n && n.length > 0 && (e.length = n.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= u[this._language.current], e.accessibilityPreviousPageLabel ||= d[this._language.current], e.accessibilityPageLabel ||= f[this._language.current], e !== this._paginator && (this._paginator = e, this._setupPaginator());
+			n && n.length > 0 && (e.length = n.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= l[this._language.current], e.accessibilityPreviousPageLabel ||= u[this._language.current], e.accessibilityPageLabel ||= d[this._language.current], e !== this._paginator && (this._paginator = e, this._setupPaginator());
 		}
 		_setupPaginator() {
 			this._abortController?.abort(), this._paginator && (this._abortController = new AbortController(), this._paginator.addEventListener("click", () => this._scrollAtPaginatorChange(), { signal: this._abortController.signal }));
@@ -84,7 +80,7 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 			return n`
       <div class="sbb-carousel">
         <span class="sbb-screen-reader-only" id="sbb-carousel-arrows-navigation-hint"
-          >${l[this._language.current]}</span
+          >${c[this._language.current]}</span
         >
         <slot @slotchange=${this._handleSlotchange}></slot>
       </div>
@@ -93,4 +89,4 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 	};
 })();
 //#endregion
-export { h as t };
+export { m as t };

package/carousel.js

@@ -1,6 +1,6 @@
 import { t as e } from "./carousel-item.component-DyZAdXL_.js";
 import { t } from "./carousel-list.component-Ai0uJWB7.js";
-import { t as n } from "./carousel.component-DzDLKOGv.js";
+import { t as n } from "./carousel.component-9oMMOyWo.js";
 import "./carousel.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/carousel.pure.js

@@ -1,4 +1,4 @@
 import { t as e } from "./carousel-item.component-DyZAdXL_.js";
 import { t } from "./carousel-list.component-Ai0uJWB7.js";
-import { t as n } from "./carousel.component-DzDLKOGv.js";
+import { t as n } from "./carousel.component-9oMMOyWo.js";
 export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };

package/checkbox/checkbox.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../checkbox.component-AHeymsm8.js";
+import { t as e } from "../checkbox.component-ChQmCxal.js";
 export { e as SbbCheckboxElement };

package/checkbox/common/checkbox-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../checkbox-common-CGJMgGgK.js";
+import { t as e } from "../../checkbox-common-BSzAnug3.js";
 export { e as SbbCheckboxCommonElementMixin };

package/{checkbox-common-CGJMgGgK.js → checkbox-common-BSzAnug3.js}

@@ -1,17 +1,17 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
-import { SbbFormAssociatedCheckboxMixin as i, boxSizingStyles as a, forceType as o } from "./core.js";
+import { SbbFormAssociatedCheckboxMixin as i, forceType as a } from "./core.js";
 //#region src/elements/checkbox/common/checkbox-common.scss?inline
-var s = "@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", c = (c) => (() => {
-	let l = i(c), u, d = [], f = [];
-	return class extends l {
+var o = "@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", s = (s) => (() => {
+	let c = i(s), l, u = [], d = [];
+	return class extends c {
 		constructor() {
-			super(...arguments), this.#e = t(this, d, !1), this._group = (t(this, f), null);
+			super(...arguments), this.#e = t(this, u, !1), this._group = (t(this, d), null);
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [o(), r({ type: Boolean })], e(this, null, u, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [a(), r({ type: Boolean })], e(this, null, l, {
 				kind: "accessor",
 				name: "indeterminate",
 				static: !1,
@@ -24,7 +24,7 @@ var s = "@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb
 					}
 				},
 				metadata: t
-			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
+			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -32,7 +32,7 @@ var s = "@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb
 			});
 		}
 		static {
-			this.styles = [a, n(s)];
+			this.styles = [n(o)];
 		}
 		#e;
 		get indeterminate() {
@@ -66,4 +66,4 @@ var s = "@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb
 	};
 })();
 //#endregion
-export { c as t };
+export { s as t };

package/{checkbox.component-AHeymsm8.js → checkbox.component-ChQmCxal.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./checkbox-common-CGJMgGgK.js";
+import { t as e } from "./checkbox-common-BSzAnug3.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { html as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";

package/checkbox.js

@@ -1,5 +1,5 @@
-import { t as e } from "./checkbox.component-AHeymsm8.js";
-import { t } from "./checkbox-common-CGJMgGgK.js";
+import { t as e } from "./checkbox.component-ChQmCxal.js";
+import { t } from "./checkbox-common-BSzAnug3.js";
 import "./checkbox.pure.js";
 //#region src/elements/checkbox.ts
 e.define();

package/checkbox.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./checkbox.component-AHeymsm8.js";
-import { t } from "./checkbox-common-CGJMgGgK.js";
+import { t as e } from "./checkbox.component-ChQmCxal.js";
+import { t } from "./checkbox-common-BSzAnug3.js";
 export { t as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement };

package/chip/chip/chip.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chip.component-C46iCslu.js";
+import { t as e } from "../../chip.component-gcvF3pEX.js";
 export { e as SbbChipElement };

package/chip/chip-group/chip-group.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chip-group.component-DbNctvjy.js";
+import { n as e, t } from "../../chip-group.component-BMpczIZH.js";
 export { t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/{chip-group.component-DbNctvjy.js → chip-group.component-BMpczIZH.js}

@@ -1,10 +1,10 @@
 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, SbbLanguageController as l, SbbNegativeMixin as u, SbbPropertyWatcherController as d, SbbRequiredMixin as f, boxSizingStyles as p, forceType as m, getNextElementIndex as h, i18nChipGroupInputDescription as g, i18nSelectionRequired as _, isArrowKeyPressed as v, isLean as y } from "./core.js";
-import { SbbChipElement as b } from "./chip/chip/chip.component.js";
+import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbLanguageController as l, SbbNegativeMixin as u, SbbPropertyWatcherController as d, SbbRequiredMixin as f, forceType as p, getNextElementIndex as m, i18nChipGroupInputDescription as h, i18nSelectionRequired as g, isArrowKeyPressed as _, isLean as v } from "./core.js";
+import { SbbChipElement as y } from "./chip/chip/chip.component.js";
 //#region src/elements/chip/chip-group/chip-group.scss?inline
-var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-gap);align-items:center;margin-block:var(--sbb-chip-group-margin-block);line-height:var(--sbb-typo-line-height-text)}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0}:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .375rem .3125rem}@media(min-width:64rem){:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .3125rem .1875rem}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .4375rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .3125rem}}:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 0}@media(min-width:64rem){:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .6875rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .875rem}}:host(:is(:state(without-label),[state--without-label]):not(:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-no-label-not-empty)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large)}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large)}}:host(:not(:is(:state(without-label),[state--without-label]),:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-with-label-not-empty)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 1rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 1.25rem}}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) .46875rem}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) .46875rem}}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width);max-height:1.5rem}::slotted(sbb-chip){max-width:100%}", S = class extends CustomEvent {
+var b = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-gap);align-items:center;margin-block:var(--sbb-chip-group-margin-block);line-height:var(--sbb-typo-line-height-text)}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0}:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .375rem .3125rem}@media(min-width:64rem){:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .3125rem .1875rem}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .4375rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .3125rem}}:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 0}@media(min-width:64rem){:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .6875rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .875rem}}:host(:is(:state(without-label),[state--without-label]):not(:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-no-label-not-empty)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large)}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large)}}:host(:not(:is(:state(without-label),[state--without-label]),:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-with-label-not-empty)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 1rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 1.25rem}}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) .46875rem}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) .46875rem}}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width);max-height:1.5rem}::slotted(sbb-chip){max-width:100%}", x = class extends CustomEvent {
 	get detail() {
 		return this;
 	}
@@ -21,18 +21,18 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 	setLabel(e) {
 		this.label = e;
 	}
-}, C = (() => {
-	let C = f(o(u(c(s)))), w = [], T, E, D = [], O = [], k, A = [], j = [], M, N = [], P = [];
-	return class extends C {
+}, S = (() => {
+	let S = f(o(u(c(s)))), C = [], w, T, E = [], D = [], O, k = [], A = [], j, M = [], N = [];
+	return class extends S {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
-			T = [a({ type: Array })], E = [a({ attribute: !1 })], k = [a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(S[Symbol.metadata] ?? null) : void 0;
+			w = [a({ type: Array })], T = [a({ attribute: !1 })], O = [a({
 				attribute: "separator-keys",
 				type: Array
-			})], M = [m(), a({
+			})], j = [p(), a({
 				attribute: "add-on-blur",
 				type: Boolean
-			})], e(this, null, T, {
+			})], e(this, null, w, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -44,7 +44,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, null, w), e(this, null, E, {
+			}, null, C), e(this, null, T, {
 				kind: "accessor",
 				name: "displayWith",
 				static: !1,
@@ -57,7 +57,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, D, O), e(this, null, k, {
+			}, E, D), e(this, null, O, {
 				kind: "accessor",
 				name: "separatorKeys",
 				static: !1,
@@ -70,7 +70,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, A, j), e(this, null, M, {
+			}, k, A), e(this, null, j, {
 				kind: "accessor",
 				name: "addOnBlur",
 				static: !1,
@@ -83,7 +83,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 					}
 				},
 				metadata: t
-			}, N, P), t && Object.defineProperty(this, Symbol.metadata, {
+			}, M, N), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -97,7 +97,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			this.role = "listbox";
 		}
 		static {
-			this.styles = [p, i(x)];
+			this.styles = [i(b)];
 		}
 		static {
 			this.events = {
@@ -140,7 +140,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			this.#n = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, w), t(this, D, null)), this.#t = (t(this, O), t(this, A, ["Enter"])), this.#n = (t(this, j), t(this, N, !1)), this._inputAttributeObserver = (t(this, P), r ? null : new MutationObserver(() => this._reactToInputChanges())), this._language = new l(this), this.addEventListener?.(b.events.requestdelete, (e) => this._deleteChip(e.target)), this.addEventListener?.("keydown", (e) => this._onChipKeyDown(e)), this.addController(new d(this, () => this.closest("sbb-form-field"), {
+			super(), this.#e = (t(this, C), t(this, E, null)), this.#t = (t(this, D), t(this, k, ["Enter"])), this.#n = (t(this, A), t(this, M, !1)), this._inputAttributeObserver = (t(this, N), r ? null : new MutationObserver(() => this._reactToInputChanges())), this._language = new l(this), this.addEventListener?.(y.events.requestdelete, (e) => this._deleteChip(e.target)), this.addEventListener?.("keydown", (e) => this._onChipKeyDown(e)), this.addController(new d(this, () => this.closest("sbb-form-field"), {
 				size: (e) => this._updateSize(e.size),
 				label: (e) => this._updateLabelState(e),
 				hiddenLabel: (e) => this._updateLabelState(e)
@@ -172,7 +172,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			return super.shouldValidate(e) || e === "required" || e === "value";
 		}
 		validate() {
-			super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", _[this._language.current]) : this.removeValidityFlag("valueMissing");
+			super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", g[this._language.current]) : this.removeValidityFlag("valueMissing");
 		}
 		_chipElements() {
 			return Array.from(this.querySelectorAll?.("sbb-chip") ?? []);
@@ -190,14 +190,14 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			}, { signal: this._inputAbortController.signal }), this._inputAttributeObserver?.observe(this._inputElement, {
 				attributes: !0,
 				attributeFilter: ["readonly", "disabled"]
-			})), (!this._previousSize || !this.closest("sbb-form-field")) && this._updateSize(y() ? "s" : "m"), this.toggleState("empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();
+			})), (!this._previousSize || !this.closest("sbb-form-field")) && this._updateSize(v() ? "s" : "m"), this.toggleState("empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();
 		}
 		_onChipKeyDown(e) {
 			let t = e.target;
 			if (t.localName === "sbb-chip") {
-				if (v(e)) {
+				if (_(e)) {
 					let n = this._enabledChipElements();
-					n[h(e, n.indexOf(t), n.length)].focus();
+					n[m(e, n.indexOf(t), n.length)].focus();
 					return;
 				}
 				switch (e.key) {
@@ -226,7 +226,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 		_createChipFromInput(e = "input", t) {
 			let n = t ?? this._inputElement.value.trim();
 			if (!n) return;
-			let r = new S({
+			let r = new x({
 				origin: e,
 				value: n,
 				label: (t ? this.displayWith?.(t) : null) ?? void 0
@@ -272,7 +272,7 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
 		}
 		_updateInputDescription() {
-			this._inputElement && this._inputElement.setAttribute("aria-description", `${g[this._language.current]} ${this.value.length}`);
+			this._inputElement && this._inputElement.setAttribute("aria-description", `${h[this._language.current]} ${this.value.length}`);
 		}
 		render() {
 			return n`<slot @slotchange=${this._setupComponent}></slot>`;
@@ -280,4 +280,4 @@ var x = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 	};
 })();
 //#endregion
-export { S as n, C as t };
+export { x as n, S as t };

package/chip-label/chip-label.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chip-label.component-zRiHSxbn.js";
+import { t as e } from "../chip-label.component-BLbhqUAp.js";
 export { e as SbbChipLabelElement };

package/{chip-label.component-zRiHSxbn.js → chip-label.component-BLbhqUAp.js}

@@ -1,14 +1,14 @@
 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/chip-label/chip-label.scss?inline
-var s = ":host{display:inline-flex;align-items:center;justify-content:center;height:var(--sbb-chip-label-fixed-height, calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) + var(--sbb-chip-label-padding-block) * 2));background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);font-size:var(--sbb-chip-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}@media(forced-colors:active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-background-color-2-inverted)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-1)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-color-granite);--sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host([size=xxxs]){--sbb-chip-label-fixed-height: 1rem}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-chip-label-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-chip-label-font-size: var(--sbb-text-font-size-s)}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;line-height:calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size));line-height:round(down,var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size),2px)}", c = (() => {
-	let c = a, l, u = [], d = [], f, p = [], m = [];
-	return class extends c {
+var o = ":host{display:inline-flex;align-items:center;justify-content:center;height:var(--sbb-chip-label-fixed-height, calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) + var(--sbb-chip-label-padding-block) * 2));background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);font-size:var(--sbb-chip-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}@media(forced-colors:active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-background-color-2-inverted)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-1)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-color-granite);--sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host([size=xxxs]){--sbb-chip-label-fixed-height: 1rem}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-chip-label-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-chip-label-font-size: var(--sbb-text-font-size-s)}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;line-height:calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size));line-height:round(down,var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size),2px)}", s = (() => {
+	let s = a, c, l = [], u = [], d, f = [], p = [];
+	return class extends s {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [i({ reflect: !0 })], f = [i({ reflect: !0 })], e(this, null, l, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [i({ reflect: !0 })], d = [i({ reflect: !0 })], e(this, null, c, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -21,7 +21,7 @@ var s = ":host{display:inline-flex;align-items:center;justify-content:center;hei
 					}
 				},
 				metadata: t
-			}, u, d), e(this, null, f, {
+			}, l, u), e(this, null, d, {
 				kind: "accessor",
 				name: "color",
 				static: !1,
@@ -34,7 +34,7 @@ var s = ":host{display:inline-flex;align-items:center;justify-content:center;hei
 					}
 				},
 				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -45,16 +45,16 @@ var s = ":host{display:inline-flex;align-items:center;justify-content:center;hei
 			this.elementName = "sbb-chip-label";
 		}
 		static {
-			this.styles = [o, r(s)];
+			this.styles = [r(o)];
 		}
-		#e = t(this, u, "xxs");
+		#e = t(this, l, "xxs");
 		get size() {
 			return this.#e;
 		}
 		set size(e) {
 			this.#e = e;
 		}
-		#t = (t(this, d), t(this, p, "milk"));
+		#t = (t(this, u), t(this, f, "milk"));
 		get color() {
 			return this.#t;
 		}
@@ -69,9 +69,9 @@ var s = ":host{display:inline-flex;align-items:center;justify-content:center;hei
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, m);
+			super(...arguments), t(this, p);
 		}
 	};
 })();
 //#endregion
-export { c as t };
+export { s as t };

package/chip-label.js

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

package/chip-label.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./chip-label.component-zRiHSxbn.js";
+import { t as e } from "./chip-label.component-BLbhqUAp.js";
 export { e as SbbChipLabelElement };

package/{chip.component-C46iCslu.js → chip.component-gcvF3pEX.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 { SbbDisabledMixin as a, SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbReadonlyMixin as l, boxSizingStyles as u, i18nChipDelete as d, screenReaderOnlyStyles as f } from "./core.js";
-import { SbbMiniButtonElement as p } from "./button.pure.js";
+import { SbbDisabledMixin as a, SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbReadonlyMixin as l, i18nChipDelete as u, screenReaderOnlyStyles as d } from "./core.js";
+import { SbbMiniButtonElement as f } from "./button.pure.js";
 //#region src/elements/chip/chip/chip.scss?inline
-var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-flex;align-items:stretch;background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height)}:host(:focus){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-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;font-size:var(--sbb-chip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--_sbb-mini-button-image-size: ;border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}", h = (() => {
-	let h = c(a(l(o))), g, _ = [], v = [];
-	return class extends h {
+var p = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-flex;align-items:stretch;background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height)}:host(:focus){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-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;font-size:var(--sbb-chip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--_sbb-mini-button-image-size: ;border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}", m = (() => {
+	let m = c(a(l(o))), h, g = [], _ = [];
+	return class extends m {
 		constructor() {
-			super(...arguments), this.#e = t(this, _, null), this._language = (t(this, v), new s(this));
+			super(...arguments), this.#e = t(this, g, null), this._language = (t(this, _), new s(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-			g = [i()], e(this, null, g, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [i()], e(this, null, h, {
 				kind: "accessor",
 				name: "value",
 				static: !1,
@@ -25,7 +25,7 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
 					}
 				},
 				metadata: t
-			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
+			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -36,17 +36,13 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
 			this.elementName = "sbb-chip";
 		}
 		static {
-			this.elementDependencies = [p];
+			this.elementDependencies = [f];
 		}
 		static {
 			this.role = "option";
 		}
 		static {
-			this.styles = [
-				u,
-				f,
-				r(m)
-			];
+			this.styles = [d, r(p)];
 		}
 		static {
 			this.events = { requestdelete: "requestdelete" };
@@ -87,10 +83,10 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
         @click=${this._handleDeleteButtonClick}
       >
       </sbb-mini-button>
-      <span class="sbb-screen-reader-only">, ${d[this._language.current]}</span>
+      <span class="sbb-screen-reader-only">, ${u[this._language.current]}</span>
     `;
 		}
 	};
 })();
 //#endregion
-export { h as t };
+export { m as t };

package/chip.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./chip-group.component-DbNctvjy.js";
-import { t as n } from "./chip.component-C46iCslu.js";
+import { n as e, t } from "./chip-group.component-BMpczIZH.js";
+import { t as n } from "./chip.component-gcvF3pEX.js";
 import "./chip.pure.js";
 n.define(), t.define();
 //#endregion

package/chip.pure.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./chip-group.component-DbNctvjy.js";
-import { t as n } from "./chip.component-C46iCslu.js";
+import { n as e, t } from "./chip-group.component-BMpczIZH.js";
+import { t as n } from "./chip.component-gcvF3pEX.js";
 export { n as SbbChipElement, t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/clock/clock.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../clock.component-DHb5YwM4.js";
+import { t as e } from "../clock.component-Cqrl999I.js";
 export { e as SbbClockElement };