@cupra/ui-kit 2.0.0-canary.167 → 2.0.0-canary.169

package/dist-react/esm/components/ds-sidebar-navigation/ds-sidebar-navigation.js

@@ -14,7 +14,7 @@ import "../ds-icon-button/ds-icon-button.js";
 import { scrollLock as l } from "../../utils/scrollLock.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-sidebar-navigation/ds-sidebar-navigation.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.open = !1, this.scrollLocked = !1, this.toggleModal = () => {
 			this.open = !this.open, this.open ? this.dispatchEvent(new Event("ds-sidebar-navigation:open", {
@@ -26,6 +26,8 @@ var d = class extends i {
 			}));
 		}, this.handleModalClick = (e) => {
 			e.target === e.currentTarget && this.toggleModal();
+		}, this.handleClick = (e) => {
+			e.stopPropagation();
 		}, this.handleSlotChange = (e) => {
 			let t = e.target.assignedElements().find((e) => e.tagName === "DS-BUTTON" || e.tagName.startsWith("DS-BUTTON--"));
 			this.setMainCtaSize(t);
@@ -45,19 +47,17 @@ var d = class extends i {
 			}));
 		};
 	}
-	static {
-		this.styles = [u];
-	}
 	firstUpdated(e) {
+		var t, n;
 		super.firstUpdated(e);
-		let t = this.mainCtas?.find((e) => e.tagName === "DS-BUTTON" || e.tagName.startsWith("DS-BUTTON--"));
-		t && this.setMainCtaSize(t), this.ctasButtons?.filter((e) => e.tagName === "DS-BUTTON" || e.tagName.startsWith("DS-BUTTON--")).forEach((e) => this.setButtonSize(e));
+		let r = (t = this.mainCtas) == null ? void 0 : t.find((e) => e.tagName === "DS-BUTTON" || e.tagName.startsWith("DS-BUTTON--"));
+		r && this.setMainCtaSize(r), (n = this.ctasButtons) == null || n.filter((e) => e.tagName === "DS-BUTTON" || e.tagName.startsWith("DS-BUTTON--")).forEach((e) => this.setButtonSize(e));
 	}
 	updated(e) {
-		super.updated(e), e.has("open") && (this.open ? (l.lock(), this.scrollLocked = !0) : this.scrollLocked &&= (l.unlock(), !1));
+		super.updated(e), e.has("open") && (this.open ? (l.lock(), this.scrollLocked = !0) : this.scrollLocked && (l.unlock(), this.scrollLocked = !1));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.scrollLocked &&= (l.unlock(), !1);
+		super.disconnectedCallback(), this.scrollLocked && (l.unlock(), this.scrollLocked = !1);
 	}
 	modalButtonTemplate() {
 		return s`<ds-icon-button
@@ -86,7 +86,7 @@ var d = class extends i {
 	}
 	render() {
 		return e`
-            <div class=${c(this.classes())}>
+            <div class=${c(this.classes())} @click=${this.handleClick}>
                 <nav class="nav" part="bar">
                     <div class="aside" part="aside">
                         <slot name="aside-text"></slot>
@@ -106,16 +106,16 @@ var d = class extends i {
             </div>
         `;
 	}
-};
+}, d.styles = [u], d);
 r([t({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], d.prototype, "open", void 0), r([n({
+})], f.prototype, "open", void 0), r([n({
 	slot: "main-cta",
 	flatten: !0
-})], d.prototype, "mainCtas", void 0), r([n({
+})], f.prototype, "mainCtas", void 0), r([n({
 	slot: "ctas",
 	flatten: !0
-})], d.prototype, "ctasButtons", void 0), d = r([a("ds-sidebar-navigation")], d);
+})], f.prototype, "ctasButtons", void 0), f = r([a("ds-sidebar-navigation")], f);
 //#endregion

package/dist-react/esm/components/ds-skeleton/ds-skeleton.js

@@ -11,13 +11,10 @@ import { o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
 import { commonStyles as s } from "./styles/common.styles.js";
 //#region src/components/ds-skeleton/ds-skeleton.ts
-var c = class extends r {
+var c, l = (c = class extends r {
 	constructor(...e) {
 		super(...e), this.variant = "text", this.animation = "shimmer";
 	}
-	static {
-		this.styles = [s];
-	}
 	get classes() {
 		return {
 			skeleton: !0,
@@ -41,6 +38,6 @@ var c = class extends r {
             ></div>
         `;
 	}
-};
-n([t({ type: String })], c.prototype, "variant", void 0), n([t({ type: String })], c.prototype, "width", void 0), n([t({ type: String })], c.prototype, "height", void 0), n([t({ type: String })], c.prototype, "animation", void 0), c = n([i("ds-skeleton")], c);
+}, c.styles = [s], c);
+n([t({ type: String })], l.prototype, "variant", void 0), n([t({ type: String })], l.prototype, "width", void 0), n([t({ type: String })], l.prototype, "height", void 0), n([t({ type: String })], l.prototype, "animation", void 0), l = n([i("ds-skeleton")], l);
 //#endregion

package/dist-react/esm/components/ds-slider/ds-slider.js

@@ -22,10 +22,7 @@ import { l as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.js";
 import { commonStyles as _, currentValueStyles as v, inputResetStyles as y, rangeValueStyles as b, thumbStyles as x, trackStyles as S } from "./styles/common.styles.js";
 //#region src/components/ds-slider/ds-slider.ts
-var C, w = class extends d(o) {
-	static {
-		C = this;
-	}
+var C, w, T = (C = class extends d(o) {
 	constructor(...e) {
 		super(...e), this.variant = "primary", this.min = 0, this.max = 100, this.minLabel = "", this.maxLabel = "", this.step = 1, this.initialValueMin = 0, this.mode = "light", this.locale = void 0, this.localeMatcher = "lookup", this.useGrouping = !0, this.minimumIntegerDigits = 1, this.minimumFractionDigits = 0, this.maximumFractionDigits = 3, this.size = "medium", this.disabled = !1, this.keyboardMode = !1, this._initialValuesApplied = !1, this.getNewValue = (e) => {
 			let { width: t, left: n } = this.track.getBoundingClientRect(), r = this.thumbRadius, i = e.type.indexOf("mouse") === -1 ? e.touches[0].clientX : e.clientX, a = t - r * 2, o = Math.min(Math.max(0, i - n - r), a), s = a > 0 ? o * 100 / a : 0;
@@ -45,9 +42,11 @@ var C, w = class extends d(o) {
 				});
 			});
 		}, this.handleMouseDown = (e) => {
-			this.disabled || (e?.preventDefault?.(), this.setActiveThumb(e), this.handleMouseMove(e), window?.addEventListener("mousemove", this.handleMouseMove), window?.addEventListener("touchmove", this.handleMouseMove), window?.addEventListener("pointerup", this.handlePointerUp));
+			var t, n, r, i;
+			this.disabled || (e == null || (t = e.preventDefault) == null || t.call(e), this.setActiveThumb(e), this.handleMouseMove(e), (n = window) == null || n.addEventListener("mousemove", this.handleMouseMove), (r = window) == null || r.addEventListener("touchmove", this.handleMouseMove), (i = window) == null || i.addEventListener("pointerup", this.handlePointerUp));
 		}, this.handlePointerUp = () => {
-			window?.removeEventListener("mousemove", this.handleMouseMove), window?.removeEventListener("touchmove", this.handleMouseMove), window?.removeEventListener("pointerup", this.handlePointerUp);
+			var e, t, n;
+			(e = window) == null || e.removeEventListener("mousemove", this.handleMouseMove), (t = window) == null || t.removeEventListener("touchmove", this.handleMouseMove), (n = window) == null || n.removeEventListener("pointerup", this.handlePointerUp);
 		}, this.handleKeydown = () => {
 			this.keyboardMode = !0;
 		}, this.handlePointerOrMouseDown = () => {
@@ -70,7 +69,10 @@ var C, w = class extends d(o) {
 				role: r
 			}), this.isControlled(r) || (n.value = String(a));
 		}, this.onInputBlur = (e) => {
-			this.editingField = void 0, e.currentTarget?.classList?.remove("focus-visible");
+			var t;
+			this.editingField = void 0;
+			let n = e.currentTarget;
+			n == null || (t = n.classList) == null || t.remove("focus-visible");
 		}, this.onInputKeyDown = (e, t) => {
 			e.key === "Enter" && (e.preventDefault(), this.commitInputValue(e, t));
 		}, this.onThumbKeyDown = (e, t) => {
@@ -87,21 +89,12 @@ var C, w = class extends d(o) {
 			}
 		};
 	}
-	static {
-		this.styles = [
-			_,
-			S,
-			x,
-			v,
-			b,
-			y
-		];
-	}
 	get isRange() {
 		return typeof this.initialValueMax == "number" || typeof this.valueMax == "number";
 	}
 	get sliderSizeToTextInputSize() {
-		return (typeof this.size == "string" ? this.size : this.size?.[this.viewport]) === "large" ? "large" : "medium";
+		var e;
+		return (typeof this.size == "string" ? this.size : (e = this.size) == null ? void 0 : e[this.viewport]) === "large" ? "large" : "medium";
 	}
 	isControlled(e) {
 		return typeof (e === "min" ? this.valueMin : this.valueMax) == "number";
@@ -129,10 +122,12 @@ var C, w = class extends d(o) {
 		super.willUpdate(e), typeof this.valueMin == "number" && (this._valueMin = this.valueMin), typeof this.valueMax == "number" && (this._valueMax = this.valueMax), this._initialValuesApplied || (this._initialValuesApplied = !0, this.applyInitialValues());
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), window?.removeEventListener("mousemove", this.handleMouseMove), window?.removeEventListener("touchmove", this.handleMouseMove), window?.removeEventListener("pointerup", this.handlePointerUp), window?.removeEventListener("keydown", this.handleKeydown), window?.removeEventListener("mousedown", this.handlePointerOrMouseDown), window?.removeEventListener("pointerdown", this.handlePointerOrMouseDown);
+		var e, t, n, r, i, a;
+		super.disconnectedCallback(), (e = window) == null || e.removeEventListener("mousemove", this.handleMouseMove), (t = window) == null || t.removeEventListener("touchmove", this.handleMouseMove), (n = window) == null || n.removeEventListener("pointerup", this.handlePointerUp), (r = window) == null || r.removeEventListener("keydown", this.handleKeydown), (i = window) == null || i.removeEventListener("mousedown", this.handlePointerOrMouseDown), (a = window) == null || a.removeEventListener("pointerdown", this.handlePointerOrMouseDown);
 	}
 	firstUpdated(e) {
-		super.firstUpdated(e), window?.addEventListener("keydown", this.handleKeydown), window?.addEventListener("mousedown", this.handlePointerOrMouseDown), window?.addEventListener("pointerdown", this.handlePointerOrMouseDown);
+		var t, n, r;
+		super.firstUpdated(e), (t = window) == null || t.addEventListener("keydown", this.handleKeydown), (n = window) == null || n.addEventListener("mousedown", this.handlePointerOrMouseDown), (r = window) == null || r.addEventListener("pointerdown", this.handlePointerOrMouseDown);
 	}
 	applyInitialValues() {
 		["min", "max"].forEach((e) => {
@@ -154,18 +149,16 @@ var C, w = class extends d(o) {
 		return t === 0 ? 0 : (e - this.min) / t * 100;
 	}
 	get thumbRadius() {
-		let e = this.renderRoot?.querySelector(".thumb");
-		return e ? e.offsetWidth / 2 : 0;
-	}
-	static {
-		this.THUMB_RADIUS_CSS_VAR = "var(--ui-kit-private-slider-thumb-radius, 0px)";
+		var e;
+		let t = (e = this.renderRoot) == null ? void 0 : e.querySelector(".thumb");
+		return t ? t.offsetWidth / 2 : 0;
 	}
 	trackPosition(e) {
-		let t = C.THUMB_RADIUS_CSS_VAR;
+		let t = w.THUMB_RADIUS_CSS_VAR;
 		return `calc(${t} + (100% - ${t} * 2) * ${e / 100})`;
 	}
 	trackWidth(e) {
-		return `calc((100% - ${C.THUMB_RADIUS_CSS_VAR} * 2) * ${e / 100})`;
+		return `calc((100% - ${w.THUMB_RADIUS_CSS_VAR} * 2) * ${e / 100})`;
 	}
 	handleChange({ value: e, role: t }) {
 		let n = h({
@@ -336,11 +329,12 @@ var C, w = class extends d(o) {
         `;
 	}
 	get containerClasses() {
-		let e = typeof this.size == "string" ? this.size : this.size?.[this.viewport];
+		var e;
+		let t = typeof this.size == "string" ? this.size : (e = this.size) == null ? void 0 : e[this.viewport];
 		return {
 			container: !0,
 			[this.mode]: !!this.mode,
-			[e]: !!e,
+			[t]: !!t,
 			disabled: !!this.disabled,
 			[`variant-${this.variant}`]: !!this.variant
 		};
@@ -369,79 +363,86 @@ var C, w = class extends d(o) {
             </div>
         `;
 	}
-};
-a([n({ type: String })], w.prototype, "variant", void 0), a([n({ type: Number })], w.prototype, "min", void 0), a([n({ type: Number })], w.prototype, "max", void 0), a([n({
+}, w = C, C.styles = [
+	_,
+	S,
+	x,
+	v,
+	b,
+	y
+], C.THUMB_RADIUS_CSS_VAR = "var(--ui-kit-private-slider-thumb-radius, 0px)", C);
+a([n({ type: String })], T.prototype, "variant", void 0), a([n({ type: Number })], T.prototype, "min", void 0), a([n({ type: Number })], T.prototype, "max", void 0), a([n({
 	type: String,
 	attribute: "min-label"
-})], w.prototype, "minLabel", void 0), a([n({
+})], T.prototype, "minLabel", void 0), a([n({
 	type: String,
 	attribute: "max-label"
-})], w.prototype, "maxLabel", void 0), a([n({ type: Number })], w.prototype, "step", void 0), a([n({
+})], T.prototype, "maxLabel", void 0), a([n({ type: Number })], T.prototype, "step", void 0), a([n({
 	type: Number,
 	attribute: "initial-value-min"
-})], w.prototype, "initialValueMin", void 0), a([n({
+})], T.prototype, "initialValueMin", void 0), a([n({
 	type: Number,
 	attribute: "initial-value-max"
-})], w.prototype, "initialValueMax", void 0), a([n({
+})], T.prototype, "initialValueMax", void 0), a([n({
 	type: Number,
 	attribute: "value-min"
-})], w.prototype, "valueMin", void 0), a([n({
+})], T.prototype, "valueMin", void 0), a([n({
 	type: Number,
 	attribute: "value-max"
-})], w.prototype, "valueMax", void 0), a([n({
+})], T.prototype, "valueMax", void 0), a([n({
 	type: String,
 	reflect: !0
-})], w.prototype, "mode", void 0), a([n({
+})], T.prototype, "mode", void 0), a([n({
 	type: String,
 	attribute: "locale"
-})], w.prototype, "locale", void 0), a([n({
+})], T.prototype, "locale", void 0), a([n({
 	type: String,
 	attribute: "locale-matcher"
-})], w.prototype, "localeMatcher", void 0), a([n({
+})], T.prototype, "localeMatcher", void 0), a([n({
 	type: String,
 	attribute: "unit-symbol"
-})], w.prototype, "unitSymbol", void 0), a([n({
+})], T.prototype, "unitSymbol", void 0), a([n({
 	type: String,
 	attribute: "unit-symbol-position"
-})], w.prototype, "unitSymbolPosition", void 0), a([n({
+})], T.prototype, "unitSymbolPosition", void 0), a([n({
 	type: String,
 	attribute: "unit-style"
-})], w.prototype, "unitStyle", void 0), a([n({
+})], T.prototype, "unitStyle", void 0), a([n({
 	type: String,
 	attribute: "currency"
-})], w.prototype, "currency", void 0), a([n({
+})], T.prototype, "currency", void 0), a([n({
 	type: String,
 	attribute: "unit"
-})], w.prototype, "unit", void 0), a([n({
+})], T.prototype, "unit", void 0), a([n({
 	type: String,
 	attribute: "use-grouping",
 	converter: (e) => e === "auto" ? "auto" : typeof e == "boolean" ? e : e === "true" || e === "" ? !0 : e !== "false"
-})], w.prototype, "useGrouping", void 0), a([n({
+})], T.prototype, "useGrouping", void 0), a([n({
 	type: Number,
 	attribute: "minimum-integer-digits"
-})], w.prototype, "minimumIntegerDigits", void 0), a([n({
+})], T.prototype, "minimumIntegerDigits", void 0), a([n({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], w.prototype, "minimumFractionDigits", void 0), a([n({
+})], T.prototype, "minimumFractionDigits", void 0), a([n({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], w.prototype, "maximumFractionDigits", void 0), a([n({
+})], T.prototype, "maximumFractionDigits", void 0), a([n({
 	type: String,
 	attribute: "thousand-separator"
-})], w.prototype, "thousandSeparator", void 0), a([n({
+})], T.prototype, "thousandSeparator", void 0), a([n({
 	type: String,
 	attribute: "fraction-separator"
-})], w.prototype, "fractionSeparator", void 0), a([n({
+})], T.prototype, "fractionSeparator", void 0), a([n({
 	type: String,
 	converter: f
-})], w.prototype, "size", void 0), a([n({
+})], T.prototype, "size", void 0), a([n({
 	type: Boolean,
 	converter: c
-})], w.prototype, "disabled", void 0), a([n({
+})], T.prototype, "disabled", void 0), a([n({
 	type: String,
 	attribute: "input-min-aria-label"
-})], w.prototype, "inputMinAriaLabel", void 0), a([n({
+})], T.prototype, "inputMinAriaLabel", void 0), a([n({
 	type: String,
 	attribute: "input-max-aria-label"
-})], w.prototype, "inputMaxAriaLabel", void 0), a([i(".track")], w.prototype, "track", void 0), a([r()], w.prototype, "_valueMin", void 0), a([r()], w.prototype, "_valueMax", void 0), a([r()], w.prototype, "editingField", void 0), w = C = a([s("ds-slider")], w);
+})], T.prototype, "inputMaxAriaLabel", void 0), a([i(".track")], T.prototype, "track", void 0), a([r()], T.prototype, "_valueMin", void 0), a([r()], T.prototype, "_valueMax", void 0), a([r()], T.prototype, "editingField", void 0), T = w = a([s("ds-slider")], T);
 //#endregion

package/dist-react/esm/components/ds-static-box/ds-static-box.js

@@ -15,13 +15,10 @@ import { objectConverter as u } from "../../utils/objectConverter.js";
 import { observeScroll as d } from "../../utils/observeScroll/observeScroll.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-static-box/ds-static-box.ts
-var p = class extends l(o) {
+var p, m = (p = class extends l(o) {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.showTopShadow = !1, this.showBottomShadow = !1;
 	}
-	static {
-		this.styles = [f];
-	}
 	get classes() {
 		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
 		return {
@@ -37,14 +34,15 @@ var p = class extends l(o) {
 		};
 	}
 	get styleTokens() {
+		var t, n;
 		return e`
             <style>
                 .header {
-                    display: ${this.headerItems?.length > 0 ? "block" : "none"};
+                    display: ${((t = this.headerItems) == null ? void 0 : t.length) > 0 ? "block" : "none"};
                 }
 
                 .footer {
-                    display: ${this.footerItems?.length > 0 ? "block" : "none"};
+                    display: ${((n = this.footerItems) == null ? void 0 : n.length) > 0 ? "block" : "none"};
                 }
             </style>
         `;
@@ -58,7 +56,8 @@ var p = class extends l(o) {
 		this.onSlotChange();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.cleanupScrollObserver?.();
+		var e;
+		super.disconnectedCallback(), (e = this.cleanupScrollObserver) == null || e.call(this);
 	}
 	render() {
 		return e`
@@ -80,15 +79,15 @@ var p = class extends l(o) {
             </div>
         `;
 	}
-};
+}, p.styles = [f], p);
 a([t({
 	type: String,
 	converter: u
-})], p.prototype, "size", void 0), a([i({
+})], m.prototype, "size", void 0), a([i({
 	slot: "header",
 	flatten: !0
-})], p.prototype, "headerItems", void 0), a([i({
+})], m.prototype, "headerItems", void 0), a([i({
 	slot: "footer",
 	flatten: !0
-})], p.prototype, "footerItems", void 0), a([r(".main")], p.prototype, "mainElement", void 0), a([n()], p.prototype, "showTopShadow", void 0), a([n()], p.prototype, "showBottomShadow", void 0), p = a([s("ds-static-box")], p);
+})], m.prototype, "footerItems", void 0), a([r(".main")], m.prototype, "mainElement", void 0), a([n()], m.prototype, "showTopShadow", void 0), a([n()], m.prototype, "showBottomShadow", void 0), m = a([s("ds-static-box")], m);
 //#endregion

package/dist-react/esm/components/ds-stepper/ds-stepper.js

@@ -9,13 +9,10 @@ import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { commonStyles as s } from "./styles/common.styles.js";
 //#region src/components/ds-stepper/ds-stepper.ts
-var c = class extends i {
+var c, l = (c = class extends i {
 	constructor(...e) {
 		super(...e), this.steps = 0, this.currentStep = -1, this.sectionName = "";
 	}
-	static {
-		this.styles = [s];
-	}
 	get classes() {
 		return { container: !0 };
 	}
@@ -63,18 +60,18 @@ var c = class extends i {
             </div>
         ` : e;
 	}
-};
+}, c.styles = [s], c);
 r([n({
 	type: Number,
 	attribute: "steps",
 	reflect: !0
-})], c.prototype, "steps", void 0), r([n({
+})], l.prototype, "steps", void 0), r([n({
 	type: Number,
 	attribute: "current-step",
 	reflect: !0
-})], c.prototype, "currentStep", void 0), r([n({
+})], l.prototype, "currentStep", void 0), r([n({
 	type: String,
 	attribute: "section-name",
 	reflect: !0
-})], c.prototype, "sectionName", void 0), c = r([a("ds-stepper")], c);
+})], l.prototype, "sectionName", void 0), l = r([a("ds-stepper")], l);
 //#endregion

package/dist-react/esm/components/ds-table/ds-table.js

@@ -10,13 +10,10 @@ import { o as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-table/ds-table.ts
-var l = class extends a {
+var l, u = (l = class extends a {
 	constructor(...e) {
 		super(...e), this.emptyMessage = "", this.hasHeaderContent = !1, this.hasBodyContent = !1;
 	}
-	static {
-		this.styles = [c];
-	}
 	handleHeaderSlotChange(e) {
 		let t = e.target.assignedElements({ flatten: !0 });
 		this.hasHeaderContent = t.length > 0;
@@ -47,10 +44,10 @@ var l = class extends a {
             </div>
         `;
 	}
-};
+}, l.styles = [c], l);
 i([n({
 	type: String,
 	reflect: !0,
 	attribute: "empty-message"
-})], l.prototype, "emptyMessage", void 0), i([r()], l.prototype, "hasHeaderContent", void 0), i([r()], l.prototype, "hasBodyContent", void 0), l = i([o("ds-table")], l);
+})], u.prototype, "emptyMessage", void 0), i([r()], u.prototype, "hasHeaderContent", void 0), i([r()], u.prototype, "hasBodyContent", void 0), u = i([o("ds-table")], u);
 //#endregion

package/dist-react/esm/components/ds-table-cell/ds-table-cell.js

@@ -7,13 +7,10 @@ import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import { commonStyles as a } from "./styles/common.styles.js";
 //#region src/components/ds-table-cell/ds-table-cell.ts
-var o = class extends r {
+var o, s = (o = class extends r {
 	constructor(...e) {
 		super(...e), this.variant = "default";
 	}
-	static {
-		this.styles = [a];
-	}
 	render() {
 		return e`
             <div class="cell" role="cell">
@@ -21,9 +18,9 @@ var o = class extends r {
             </div>
         `;
 	}
-};
+}, o.styles = [a], o);
 n([t({
 	type: String,
 	reflect: !0
-})], o.prototype, "variant", void 0), o = n([i("ds-table-cell")], o);
+})], s.prototype, "variant", void 0), s = n([i("ds-table-cell")], s);
 //#endregion

package/dist-react/esm/components/ds-table-row/ds-table-row.js

@@ -7,13 +7,10 @@ import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import { commonStyles as a } from "./styles/common.styles.js";
 //#region src/components/ds-table-row/ds-table-row.ts
-var o = class extends r {
+var o, s = (o = class extends r {
 	constructor(...e) {
 		super(...e), this.columnCount = 0;
 	}
-	static {
-		this.styles = [a];
-	}
 	handleSlotChange(e) {
 		let t = e.target.assignedElements({ flatten: !0 });
 		this.columnCount = t.length;
@@ -25,10 +22,10 @@ var o = class extends r {
             </div>
         `;
 	}
-};
+}, o.styles = [a], o);
 n([t({
 	type: Number,
 	reflect: !0,
 	attribute: "data-column-count"
-})], o.prototype, "columnCount", void 0), o = n([i("ds-table-row")], o);
+})], s.prototype, "columnCount", void 0), s = n([i("ds-table-row")], s);
 //#endregion