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

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

@@ -18,13 +18,14 @@ import "../ds-icon-button/ds-icon-button.js";
 import { arrayConverter as p } from "../../utils/arrayConverter.js";
 import { commonStyles as m } from "./styles/common.styles.js";
 //#region src/components/ds-chips/ds-chips.ts
-var h = class extends s {
+var h, g = (h = class extends s {
 	constructor(...e) {
 		super(...e), this.multiChoice = null, this.size = "medium", this.mode = "light", this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
 			this.handleScrollNav();
 		}), this.handleScrollNav = () => {
-			let e = this.chipsContainer?.scrollLeft + this.chipsContainer?.clientWidth;
-			this.hasScrollLeft = this.chipsContainer?.scrollLeft > 0, this.hasScrollRight = e < this.chipsContainer?.scrollWidth;
+			var e, t, n, r;
+			let i = ((e = this.chipsContainer) == null ? void 0 : e.scrollLeft) + ((t = this.chipsContainer) == null ? void 0 : t.clientWidth);
+			this.hasScrollLeft = ((n = this.chipsContainer) == null ? void 0 : n.scrollLeft) > 0, this.hasScrollRight = i < ((r = this.chipsContainer) == null ? void 0 : r.scrollWidth);
 		}, this.handleScrollLeft = () => {
 			this.chipsContainer.scrollBy({
 				left: -150,
@@ -37,9 +38,6 @@ var h = class extends s {
 			});
 		};
 	}
-	static {
-		this.styles = [m];
-	}
 	firstUpdated() {
 		this.handleScrollNav(), this.resizeObserver.observe(this.chipsContainer), this.chips.forEach((e) => this.resizeObserver.observe(e)), window.addEventListener("resize", this.handleScrollNav), this.chipsContainer.addEventListener("scroll", this.handleScrollNav);
 	}
@@ -64,8 +62,10 @@ var h = class extends s {
 		super.updated(e), (e.has("selectedChips") || e.has("multiChoice") || e.has("size") || e.has("mode")) && this.updateChildChips();
 	}
 	updateChildChips() {
-		this.chips?.forEach((e) => {
-			e.size = this.size, e.selected = this.selectedChips?.includes?.(e.value), e.deselectable = !!this.multiChoice, e.mode = this.mode;
+		var e;
+		(e = this.chips) == null || e.forEach((e) => {
+			var t, n;
+			e.size = this.size, e.selected = (t = this.selectedChips) == null || (n = t.includes) == null ? void 0 : n.call(t, e.value), e.deselectable = !!this.multiChoice, e.mode = this.mode;
 		});
 	}
 	get chipsContainerClasses() {
@@ -76,11 +76,12 @@ var h = class extends s {
 		};
 	}
 	handleSelect(e) {
-		let t;
-		t = this.multiChoice && !this.selectedChips?.includes?.(e.detail.value) ? [...this.selectedChips || [], e.detail.value] : [e.detail.value], this.selectedChips = t, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
+		var t, n;
+		let r;
+		r = this.multiChoice && !(!((t = this.selectedChips) == null || (n = t.includes) == null) && n.call(t, e.detail.value)) ? [...this.selectedChips || [], e.detail.value] : [e.detail.value], this.selectedChips = r, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
 			bubbles: !0,
 			composed: !0,
-			detail: { selectedChips: t }
+			detail: { selectedChips: r }
 		}));
 	}
 	handleDeselect(e) {
@@ -107,18 +108,18 @@ var h = class extends s {
             </div>
         `;
 	}
-};
+}, h.styles = [m], h);
 o([n({
 	type: Array,
 	attribute: "selected-chips",
 	converter: p,
 	reflect: !0
-})], h.prototype, "selectedChips", void 0), o([n({
+})], g.prototype, "selectedChips", void 0), o([n({
 	type: Boolean,
 	attribute: "multi-choice",
 	converter: l
-})], h.prototype, "multiChoice", void 0), o([n({ type: String })], h.prototype, "size", void 0), o([n({
+})], g.prototype, "multiChoice", void 0), o([n({ type: String })], g.prototype, "size", void 0), o([n({
 	type: String,
 	reflect: !0
-})], h.prototype, "mode", void 0), o([r()], h.prototype, "hasScrollLeft", void 0), o([r()], h.prototype, "hasScrollRight", void 0), o([a({ slot: "" })], h.prototype, "chips", void 0), o([i(".chips-container")], h.prototype, "chipsContainer", void 0), h = o([c("ds-chips")], h);
+})], g.prototype, "mode", void 0), o([r()], g.prototype, "hasScrollLeft", void 0), o([r()], g.prototype, "hasScrollRight", void 0), o([a({ slot: "" })], g.prototype, "chips", void 0), o([i(".chips-container")], g.prototype, "chipsContainer", void 0), g = o([c("ds-chips")], g);
 //#endregion

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

@@ -10,13 +10,10 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import { formatNumber as s } from "../../utils/formatNumber/formatNumber.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-currency/ds-currency.ts
-var l = class extends i {
+var l, u = (l = class extends i {
 	constructor(...e) {
 		super(...e), this.currencyDisplay = "symbol", this.minimumFractionDigits = 0, this.maximumFractionDigits = 20, this.amountSize = "medium", this.amountWeight = "medium", this.periodSize = "medium", this.periodWeight = "medium", this.noteSize = "medium", this.noteWeight = "medium", this.variant = "default";
 	}
-	static {
-		this.styles = [c];
-	}
 	get valueTemplate() {
 		let { formattedValue: e } = s({
 			value: this.amountNumber ?? 0,
@@ -63,48 +60,48 @@ var l = class extends i {
             ${this.valueTemplate}${this.periodTemplate}${this.noteTemplate}${r}
         </div>`;
 	}
-};
-r([n({ type: String })], l.prototype, "locale", void 0), r([n({
+}, l.styles = [c], l);
+r([n({ type: String })], u.prototype, "locale", void 0), r([n({
 	type: String,
 	attribute: "currency-code"
-})], l.prototype, "currencyCode", void 0), r([n({
+})], u.prototype, "currencyCode", void 0), r([n({
 	type: String,
 	attribute: "currency-display"
-})], l.prototype, "currencyDisplay", void 0), r([n({
+})], u.prototype, "currencyDisplay", void 0), r([n({
 	type: String,
 	attribute: "value-text"
-})], l.prototype, "valueText", void 0), r([n({
+})], u.prototype, "valueText", void 0), r([n({
 	type: Number,
 	attribute: "amount-number"
-})], l.prototype, "amountNumber", void 0), r([n({
+})], u.prototype, "amountNumber", void 0), r([n({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], l.prototype, "minimumFractionDigits", void 0), r([n({
+})], u.prototype, "minimumFractionDigits", void 0), r([n({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], l.prototype, "maximumFractionDigits", void 0), r([n({ type: String })], l.prototype, "period", void 0), r([n({ type: String })], l.prototype, "note", void 0), r([n({
+})], u.prototype, "maximumFractionDigits", void 0), r([n({ type: String })], u.prototype, "period", void 0), r([n({ type: String })], u.prototype, "note", void 0), r([n({
 	type: String,
 	attribute: "thousand-separator"
-})], l.prototype, "thousandSeparator", void 0), r([n({
+})], u.prototype, "thousandSeparator", void 0), r([n({
 	type: String,
 	attribute: "fraction-separator"
-})], l.prototype, "fractionSeparator", void 0), r([n({
+})], u.prototype, "fractionSeparator", void 0), r([n({
 	type: String,
 	attribute: "amount-size"
-})], l.prototype, "amountSize", void 0), r([n({
+})], u.prototype, "amountSize", void 0), r([n({
 	type: String,
 	attribute: "amount-weight"
-})], l.prototype, "amountWeight", void 0), r([n({
+})], u.prototype, "amountWeight", void 0), r([n({
 	type: String,
 	attribute: "period-size"
-})], l.prototype, "periodSize", void 0), r([n({
+})], u.prototype, "periodSize", void 0), r([n({
 	type: String,
 	attribute: "period-weight"
-})], l.prototype, "periodWeight", void 0), r([n({
+})], u.prototype, "periodWeight", void 0), r([n({
 	type: String,
 	attribute: "note-size"
-})], l.prototype, "noteSize", void 0), r([n({
+})], u.prototype, "noteSize", void 0), r([n({
 	type: String,
 	attribute: "note-weight"
-})], l.prototype, "noteWeight", void 0), r([n({ type: String })], l.prototype, "variant", void 0), l = r([a("ds-currency")], l);
+})], u.prototype, "noteWeight", void 0), r([n({ type: String })], u.prototype, "variant", void 0), u = r([a("ds-currency")], u);
 //#endregion

package/dist-react/esm/components/ds-date-picker/ds-date-picker.js

@@ -15,10 +15,7 @@ import "../ds-icon-button/ds-icon-button.js";
 import { inputStatesMixin as u } from "../../mixins/inputStatesMixin.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-date-picker/ds-date-picker.ts
-var f, p = class extends u(a) {
-	static {
-		f = this;
-	}
+var f, p, m = (f = class extends u(a) {
 	constructor(...e) {
 		super(...e), this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.dataAriaLabelCalendarButton = "", this.isExpanded = !1, this.handleCalendarButtonClick = () => {
 			this.inputStates.disabled || this.inputStates.readonly || (this.isExpanded = !this.isExpanded);
@@ -30,18 +27,12 @@ var f, p = class extends u(a) {
 			this.isExpanded && !this.contains(e.target) && (this.isExpanded = !1);
 		};
 	}
-	static {
-		this.styles = [d];
-	}
-	static {
-		this.nativeStylesInjected = !1;
-	}
 	connectedCallback() {
-		super.connectedCallback(), this.classList.add("ds-date-picker"), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), f.injectNativeInputStyles();
+		super.connectedCallback(), this.classList.add("ds-date-picker"), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), p.injectNativeInputStyles();
 	}
 	static injectNativeInputStyles() {
-		if (f.nativeStylesInjected) return;
-		f.nativeStylesInjected = !0;
+		if (p.nativeStylesInjected) return;
+		p.nativeStylesInjected = !0;
 		let e = document.createElement("style");
 		e.textContent = [".ds-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator { display: none !important; }", ".ds-date-picker input[type=\"date\"]::-webkit-inner-spin-button { display: none !important; }"].join("\n"), document.head.appendChild(e);
 	}
@@ -87,11 +78,12 @@ var f, p = class extends u(a) {
         `;
 	}
 	get calendarButtonTemplate() {
+		var e;
 		return s`<ds-icon-button
             class="calendar-button"
             icon-name="calendar"
             size=${l(this.size)}
-            ?disabled=${!!this.nativeInput?.disabled}
+            ?disabled=${!!((e = this.nativeInput) != null && e.disabled)}
             variant="naked"
             @click=${this.handleCalendarButtonClick}
             data-aria-label=${this.dataAriaLabelCalendarButton || "open calendar"}
@@ -109,21 +101,21 @@ var f, p = class extends u(a) {
 	get invalidErrorTemplate() {
 		return this.inputStates.readonly || this.forcedError || !this.inputStates.invalid || !this.invalidError ? e : t`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
 	}
-};
-i([n({ type: String })], p.prototype, "size", void 0), i([n({
+}, p = f, f.styles = [d], f.nativeStylesInjected = !1, f);
+i([n({ type: String })], m.prototype, "size", void 0), i([n({
 	type: String,
 	attribute: "helper-text"
-})], p.prototype, "helperText", void 0), i([n({
+})], m.prototype, "helperText", void 0), i([n({
 	type: String,
 	attribute: "forced-error"
-})], p.prototype, "forcedError", void 0), i([n({
+})], m.prototype, "forcedError", void 0), i([n({
 	type: String,
 	attribute: "invalid-error"
-})], p.prototype, "invalidError", void 0), i([n({
+})], m.prototype, "invalidError", void 0), i([n({
 	type: String,
 	attribute: "readonly-text"
-})], p.prototype, "readonlyText", void 0), i([n({
+})], m.prototype, "readonlyText", void 0), i([n({
 	type: String,
 	attribute: "data-aria-label-calendar-button"
-})], p.prototype, "dataAriaLabelCalendarButton", void 0), i([r()], p.prototype, "isExpanded", void 0), p = f = i([o("ds-date-picker")], p);
+})], m.prototype, "dataAriaLabelCalendarButton", void 0), i([r()], m.prototype, "isExpanded", void 0), m = p = i([o("ds-date-picker")], m);
 //#endregion

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

@@ -14,7 +14,7 @@ import { debounce as u } from "../../utils/debounce.js";
 import { scrollLock as d } from "../../utils/scrollLock.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-dialog/ds-dialog.ts
-var p = class extends o {
+var p, m = (p = class extends o {
 	constructor(...e) {
 		super(...e), this.lockClose = !1, this.lockScroll = !0, this._open = void 0, this._openState = !1, this.size = "medium", this.hasBeenOpened = !1, this.hasScroll = !1, this.debouncedCheckScroll = u({ func: () => this.checkScroll() }), this.scrollLocked = !1, this.handleCloseButtonClick = () => {
 			this.handleClose("button");
@@ -26,9 +26,6 @@ var p = class extends o {
 			e.stopPropagation();
 		};
 	}
-	static {
-		this.styles = [f];
-	}
 	get open() {
 		return this._open ?? this._openState;
 	}
@@ -39,19 +36,26 @@ var p = class extends o {
 		super.updated(e), !this.hasBeenOpened && (e.has("_open") || e.has("_openState")) && this.open && (this.hasBeenOpened = !0), (e.has("_open") || e.has("_openState")) && (this.open || (this.hasScroll = !1), this.handleResizeObserver(), this.syncNativeDialogState(), this.syncScrollLock());
 	}
 	syncScrollLock() {
-		this.open && this.lockScroll ? (d.lock(), this.scrollLocked = !0) : this.scrollLocked &&= (d.unlock(), !1);
+		this.open && this.lockScroll ? (d.lock(), this.scrollLocked = !0) : this.scrollLocked && (d.unlock(), this.scrollLocked = !1);
 	}
 	syncNativeDialogState() {
 		this.nativeDialog && (this.open ? this.openNativeDialog() : this.closeNativeDialog());
 	}
 	openNativeDialog() {
-		this.nativeDialog.open || this.nativeDialog.showModal?.();
+		if (!this.nativeDialog.open) {
+			var e, t;
+			(e = (t = this.nativeDialog).showModal) == null || e.call(t);
+		}
 	}
 	closeNativeDialog() {
-		this.nativeDialog.open && this.nativeDialog.close?.();
+		if (this.nativeDialog.open) {
+			var e, t;
+			(e = (t = this.nativeDialog).close) == null || e.call(t);
+		}
 	}
 	async handleResizeObserver() {
-		this.resizeObserver?.disconnect(), this.content && (this.resizeObserver.observe(this.content), await new Promise(requestAnimationFrame), this.checkScroll());
+		var e;
+		(e = this.resizeObserver) == null || e.disconnect(), this.content && (this.resizeObserver.observe(this.content), await new Promise(requestAnimationFrame), this.checkScroll());
 	}
 	get panelClasses() {
 		return {
@@ -77,10 +81,14 @@ var p = class extends o {
 		super.connectedCallback(), this.resizeObserver = new ResizeObserver(this.debouncedCheckScroll), this.handleResizeObserver(), this.addEventListener("click", this.handleHostClick);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.resizeObserver?.disconnect(), this.scrollLocked &&= (d.unlock(), !1), this.removeEventListener("click", this.handleHostClick);
+		var e;
+		super.disconnectedCallback(), (e = this.resizeObserver) == null || e.disconnect(), this.scrollLocked && (d.unlock(), this.scrollLocked = !1), this.removeEventListener("click", this.handleHostClick);
 	}
 	checkScroll() {
-		this.hasScroll ||= this.content?.scrollHeight > this.content?.clientHeight;
+		if (!this.hasScroll) {
+			var e, t;
+			this.hasScroll = ((e = this.content) == null ? void 0 : e.scrollHeight) > ((t = this.content) == null ? void 0 : t.clientHeight);
+		}
 	}
 	render() {
 		return !this.hasBeenOpened && !this.open ? e : t`
@@ -104,24 +112,24 @@ var p = class extends o {
             </dialog>
         `;
 	}
-};
+}, p.styles = [f], p);
 a([n({
 	type: Boolean,
 	converter: c,
 	attribute: "lock-close"
-})], p.prototype, "lockClose", void 0), a([n({
+})], m.prototype, "lockClose", void 0), a([n({
 	type: Boolean,
 	converter: c,
 	attribute: "lock-scroll"
-})], p.prototype, "lockScroll", void 0), a([n({
+})], m.prototype, "lockScroll", void 0), a([n({
 	type: Boolean,
 	attribute: "open",
 	converter: c
-})], p.prototype, "_open", void 0), a([r()], p.prototype, "_openState", void 0), a([n({ type: String })], p.prototype, "size", void 0), a([n({
+})], m.prototype, "_open", void 0), a([r()], m.prototype, "_openState", void 0), a([n({ type: String })], m.prototype, "size", void 0), a([n({
 	type: String,
 	attribute: "data-aria-label"
-})], p.prototype, "dataAriaLabel", void 0), a([n({
+})], m.prototype, "dataAriaLabel", void 0), a([n({
 	type: String,
 	attribute: "data-aria-description"
-})], p.prototype, "dataAriaDescription", void 0), a([r()], p.prototype, "hasBeenOpened", void 0), a([r()], p.prototype, "hasScroll", void 0), a([i(".content")], p.prototype, "content", void 0), a([i("dialog")], p.prototype, "nativeDialog", void 0), p = a([s("ds-dialog")], p);
+})], m.prototype, "dataAriaDescription", void 0), a([r()], m.prototype, "hasBeenOpened", void 0), a([r()], m.prototype, "hasScroll", void 0), a([i(".content")], m.prototype, "content", void 0), a([i("dialog")], m.prototype, "nativeDialog", void 0), m = a([s("ds-dialog")], m);
 //#endregion

package/dist-react/esm/components/ds-dialog-body/ds-dialog-body.js

@@ -7,10 +7,7 @@ import { e as i } 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 a } from "./styles/common.styles.js";
 //#region src/components/ds-dialog-body/ds-dialog-body.ts
-var o = class extends n {
-	static {
-		this.styles = [a];
-	}
+var o, s = (o = class extends n {
 	get classes() {
 		return { container: !0 };
 	}
@@ -33,6 +30,6 @@ var o = class extends n {
             </div>
         `;
 	}
-};
-o = t([r("ds-dialog-body")], o);
+}, o.styles = [a], o);
+s = t([r("ds-dialog-body")], s);
 //#endregion

package/dist-react/esm/components/ds-dialog-footer/ds-dialog-footer.js

@@ -10,13 +10,10 @@ import { e 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/class-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-dialog-footer/ds-dialog-footer.ts
-var l = class extends i {
+var l, u = (l = class extends i {
 	constructor(...e) {
 		super(...e), this.withDivider = !0;
 	}
-	static {
-		this.styles = [c];
-	}
 	get classes() {
 		return { container: !0 };
 	}
@@ -29,10 +26,10 @@ var l = class extends i {
             </div>
         `;
 	}
-};
+}, l.styles = [c], l);
 r([n({
 	type: Boolean,
 	attribute: "with-divider",
 	converter: o
-})], l.prototype, "withDivider", void 0), l = r([a("ds-dialog-footer")], l);
+})], u.prototype, "withDivider", void 0), u = r([a("ds-dialog-footer")], u);
 //#endregion

package/dist-react/esm/components/ds-dialog-fullscreen/ds-dialog-fullscreen.js

@@ -13,15 +13,12 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import { debounce as u } from "../../utils/debounce.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-dialog-fullscreen/ds-dialog-fullscreen.ts
-var f = class extends o {
+var f, p = (f = class extends o {
 	constructor(...e) {
 		super(...e), this.lockClose = !1, this.lockScroll = !0, this._open = void 0, this._openState = !1, this.hasScroll = !1, this.hasBeenOpened = !1, this.debouncedCheckScroll = u({ func: () => this.checkScroll() }), this.handleKeyDown = (e) => {
 			this.open && e.key === "Escape" && this.handleClose();
 		};
 	}
-	static {
-		this.styles = [d];
-	}
 	get open() {
 		return this._open ?? this._openState;
 	}
@@ -35,7 +32,8 @@ var f = class extends o {
 		super.updated(e), (e.has("_open") || e.has("_openState")) && this.handleResizeObserver();
 	}
 	async handleResizeObserver() {
-		this.lockScroll && (document.getElementById("storybook-root") || (document.body.style.overflow = this.open ? "hidden" : "")), this.resizeObserver?.disconnect(), this.content && (this.resizeObserver.observe(this.content), await new Promise(requestAnimationFrame), this.checkScroll());
+		var e;
+		this.lockScroll && (document.getElementById("storybook-root") || (document.body.style.overflow = this.open ? "hidden" : "")), (e = this.resizeObserver) == null || e.disconnect(), this.content && (this.resizeObserver.observe(this.content), await new Promise(requestAnimationFrame), this.checkScroll());
 	}
 	get containerClasses() {
 		return {
@@ -54,11 +52,13 @@ var f = class extends o {
 		super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown), this.resizeObserver = new ResizeObserver(this.debouncedCheckScroll), this.handleResizeObserver();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), this.lockScroll && (document.getElementById("storybook-root") || (document.body.style.overflow = "")), this.resizeObserver?.disconnect();
+		var e;
+		super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), this.lockScroll && (document.getElementById("storybook-root") || (document.body.style.overflow = "")), (e = this.resizeObserver) == null || e.disconnect();
 	}
 	checkScroll() {
-		let e = this.content?.scrollHeight > this.content?.clientHeight;
-		e !== this.hasScroll && (this.hasScroll = e);
+		var e, t;
+		let n = ((e = this.content) == null ? void 0 : e.scrollHeight) > ((t = this.content) == null ? void 0 : t.clientHeight);
+		n !== this.hasScroll && (this.hasScroll = n);
 	}
 	render() {
 		return !this.hasBeenOpened && !this.open ? e : t`
@@ -79,18 +79,18 @@ var f = class extends o {
             </div>
         `;
 	}
-};
+}, f.styles = [d], f);
 a([n({
 	type: Boolean,
 	converter: c,
 	attribute: "lock-close"
-})], f.prototype, "lockClose", void 0), a([n({
+})], p.prototype, "lockClose", void 0), a([n({
 	type: Boolean,
 	converter: c,
 	attribute: "lock-scroll"
-})], f.prototype, "lockScroll", void 0), a([n({
+})], p.prototype, "lockScroll", void 0), a([n({
 	type: Boolean,
 	attribute: "open",
 	converter: c
-})], f.prototype, "_open", void 0), a([r()], f.prototype, "_openState", void 0), a([r()], f.prototype, "hasScroll", void 0), a([i(".content")], f.prototype, "content", void 0), f = a([s("ds-dialog-fullscreen")], f);
+})], p.prototype, "_open", void 0), a([r()], p.prototype, "_openState", void 0), a([r()], p.prototype, "hasScroll", void 0), a([i(".content")], p.prototype, "content", void 0), p = a([s("ds-dialog-fullscreen")], p);
 //#endregion

package/dist-react/esm/components/ds-dialog-header/ds-dialog-header.js

@@ -13,13 +13,10 @@ import { o as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-dialog-header/ds-dialog-header.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this.title = "primary", this.iconSize = 32;
 	}
-	static {
-		this.styles = [l];
-	}
 	get classes() {
 		return { container: !0 };
 	}
@@ -47,12 +44,12 @@ var u = class extends i {
             </div>
         `;
 	}
-};
-r([n({ type: String })], u.prototype, "title", void 0), r([n({
+}, u.styles = [l], u);
+r([n({ type: String })], d.prototype, "title", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], u.prototype, "iconName", void 0), r([n({
+})], d.prototype, "iconName", void 0), r([n({
 	type: Number,
 	attribute: "icon-size"
-})], u.prototype, "iconSize", void 0), u = r([a("ds-dialog-header")], u);
+})], d.prototype, "iconSize", void 0), d = r([a("ds-dialog-header")], d);
 //#endregion

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

@@ -9,13 +9,10 @@ import { e as a } 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 { orientationStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-divider/ds-divider.ts
-var s = class extends r {
+var s, c = (s = class extends r {
 	constructor(...e) {
 		super(...e), this.orientation = "horizontal", this.variant = "primary", this.mode = "light";
 	}
-	static {
-		this.styles = [o];
-	}
 	get classes() {
 		return {
 			divider: !0,
@@ -39,9 +36,9 @@ var s = class extends r {
             <hr aria-orientation=${this.orientation} class=${a(this.classes)} />
         `;
 	}
-};
-n([t({ type: String })], s.prototype, "orientation", void 0), n([t({ type: String })], s.prototype, "variant", void 0), n([t({
+}, s.styles = [o], s);
+n([t({ type: String })], c.prototype, "orientation", void 0), n([t({ type: String })], c.prototype, "variant", void 0), n([t({
 	type: String,
 	reflect: !0
-})], s.prototype, "mode", void 0), s = n([i("ds-divider")], s);
+})], c.prototype, "mode", void 0), c = n([i("ds-divider")], c);
 //#endregion

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

@@ -16,7 +16,7 @@ import "../ds-icon-button/ds-icon-button.js";
 import { commonStyles as u, iconStyles as d } from "./styles/common.styles.js";
 import { themeConfig as f } from "./theme-config.js";
 //#region src/components/ds-drawer/ds-drawer.ts
-var p = class extends i {
+var p, m = (p = class extends i {
 	constructor(...e) {
 		super(...e), this._open = void 0, this._openState = !1, this.handleOverlayClick = () => {
 			this.dispatchEvent(new Event("ds-drawer:close", {
@@ -27,9 +27,6 @@ var p = class extends i {
 			(e.key === "Escape" || e.key === "Esc") && this.open && this.handleOverlayClick();
 		};
 	}
-	static {
-		this.styles = [u, d];
-	}
 	get open() {
 		return this._open ?? this._openState;
 	}
@@ -43,7 +40,8 @@ var p = class extends i {
 		};
 	}
 	getIconButtonTemplate() {
-		let e = f[this.theme]?.["icon-button-variant"];
+		var e;
+		let t = (e = f[this.theme]) == null ? void 0 : e["icon-button-variant"];
 		return s`<ds-icon-button
             class="close-button visible"
             data-testid="close-button"
@@ -51,12 +49,13 @@ var p = class extends i {
             @click=${this.handleOverlayClick}
             size="medium"
             icon-name="cross"
-            variant=${l(e)}
+            variant=${l(t)}
             mode="dark"
         ></ds-icon-button>`;
 	}
 	updated(e) {
-		super.updated?.(e), e.has && (e.has("_open") || e.has("_openState")) && window.addEventListener("keydown", this.handleKeyDown);
+		var t;
+		(t = super.updated) == null || t.call(this, e), e.has && (e.has("_open") || e.has("_openState")) && window.addEventListener("keydown", this.handleKeyDown);
 	}
 	disconnectedCallback() {
 		window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
@@ -85,10 +84,10 @@ var p = class extends i {
             </div>
         `;
 	}
-};
+}, p.styles = [u, d], p);
 r([t({
 	type: Boolean,
 	attribute: "open",
 	converter: o
-})], p.prototype, "_open", void 0), r([n()], p.prototype, "_openState", void 0), p = r([a("ds-drawer")], p);
+})], m.prototype, "_open", void 0), r([n()], m.prototype, "_openState", void 0), m = r([a("ds-drawer")], m);
 //#endregion

package/dist-react/esm/components/ds-favourite-action/ds-favourite-action.js

@@ -13,13 +13,10 @@ import { e as c } 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 l } from "./styles/common.styles.js";
 //#region src/components/ds-favourite-action/ds-favourite-action.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this.initialSelected = !1, this.disabled = !1, this._selected = !1, this._initializedFromInitialSelected = !1;
 	}
-	static {
-		this.styles = [l];
-	}
 	willUpdate(e) {
 		!this._initializedFromInitialSelected && e.has("initialSelected") && (this._selected = this.initialSelected, this._initializedFromInitialSelected = !0);
 	}
@@ -62,20 +59,20 @@ var u = class extends i {
             </button>
         `;
 	}
-};
+}, u.styles = [l], u);
 r([t({
 	type: Boolean,
 	converter: o,
 	attribute: "initial-selected"
-})], u.prototype, "initialSelected", void 0), r([t({
+})], d.prototype, "initialSelected", void 0), r([t({
 	type: Boolean,
 	attribute: "selected"
-})], u.prototype, "selected", void 0), r([t({
+})], d.prototype, "selected", void 0), r([t({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], u.prototype, "disabled", void 0), r([t({
+})], d.prototype, "disabled", void 0), r([t({
 	type: String,
 	attribute: "data-aria-label"
-})], u.prototype, "dataAriaLabel", void 0), r([n()], u.prototype, "_selected", void 0), u = r([a("ds-favourite-action")], u);
+})], d.prototype, "dataAriaLabel", void 0), r([n()], d.prototype, "_selected", void 0), d = r([a("ds-favourite-action")], d);
 //#endregion