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

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

@@ -10,13 +10,10 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import { r as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
 import { commonStyles as s } from "./styles/common.styles.js";
 //#region src/components/ds-hyperlink/ds-hyperlink.ts
-var c = class extends r {
+var c, l = (c = class extends r {
 	constructor(...e) {
 		super(...e), this.htmlTagName = "a", this.mode = "light", this.size = "large";
 	}
-	static {
-		this.styles = [s];
-	}
 	handleClick(e) {
 		this.href || e.preventDefault();
 	}
@@ -56,21 +53,21 @@ var c = class extends r {
                     `]])}
         `;
 	}
-};
+}, c.styles = [s], c);
 n([t({
 	type: String,
 	attribute: "html-tag-name"
-})], c.prototype, "htmlTagName", void 0), n([t({
+})], l.prototype, "htmlTagName", void 0), n([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "href", void 0), n([t({
+})], l.prototype, "href", void 0), n([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "rel", void 0), n([t({
+})], l.prototype, "rel", void 0), n([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "target", void 0), n([t({
+})], l.prototype, "target", void 0), n([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "mode", void 0), n([t({ type: String })], c.prototype, "size", void 0), c = n([i("ds-hyperlink")], c);
+})], l.prototype, "mode", void 0), n([t({ type: String })], l.prototype, "size", void 0), l = n([i("ds-hyperlink")], l);
 //#endregion

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

@@ -11,21 +11,16 @@ import { customUiKitElement as s } from "../../decorators/customUiKitElement.js"
 import { iconsManager as c } from "../../utils/IconsManager.js";
 import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.js";
+import { _classPrivateFieldInitSpec as u } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldInitSpec.js";
+import { _classPrivateFieldSet2 as d } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldSet2.js";
+import { _classPrivateFieldGet2 as f } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldGet2.js";
 //#region src/components/ds-icon/ds-icon.ts
-var u = class extends o {
-	static {
-		this.styles = t`
-        :host {
-            line-height: 0;
-            display: inline-block;
-        }
-    `;
-	}
-	#e;
+var p, m, h = (p = /* @__PURE__ */ new WeakMap(), m = class extends o {
 	constructor() {
-		super(), this.iconHtml = "", this.#e = 0, this.getIcon = async () => {
-			let e = ++this.#e, t = await c.fetchIcon(this.iconName);
-			e === this.#e && (this.iconHtml = t);
+		super(), u(this, p, void 0), this.iconHtml = "", d(p, this, 0), this.getIcon = async () => {
+			var e;
+			let t = d(p, this, (e = f(p, this), ++e)), n = await c.fetchIcon(this.iconName);
+			t === f(p, this) && (this.iconHtml = n);
 		}, e.subscribe("theme", this.getIcon);
 	}
 	async updated(e) {
@@ -60,15 +55,20 @@ var u = class extends o {
             ${this.iconHtml ? l(this.iconHtml) : n`<svg class="ds-icon">x</svg>`}
         `;
 	}
-};
+}, m.styles = t`
+        :host {
+            line-height: 0;
+            display: inline-block;
+        }
+    `, m);
 a([r({
 	type: String,
 	attribute: "icon-name"
-})], u.prototype, "iconName", void 0), a([r({
+})], h.prototype, "iconName", void 0), a([r({
 	type: String,
 	attribute: "color"
-})], u.prototype, "color", void 0), a([r({ type: Number })], u.prototype, "width", void 0), a([r({ type: Number })], u.prototype, "height", void 0), a([r({
+})], h.prototype, "color", void 0), a([r({ type: Number })], h.prototype, "width", void 0), a([r({ type: Number })], h.prototype, "height", void 0), a([r({
 	type: Number,
 	attribute: "size"
-})], u.prototype, "size", void 0), a([i()], u.prototype, "iconHtml", void 0), u = a([s("ds-icon")], u);
+})], h.prototype, "size", void 0), a([i()], h.prototype, "iconHtml", void 0), h = a([s("ds-icon")], h);
 //#endregion

package/dist-react/esm/components/ds-icon-button/ds-icon-button.js

@@ -17,13 +17,10 @@ import { objectConverter as d } from "../../utils/objectConverter.js";
 import { r as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
 import { buttonStyles as p } from "./styles/common.styles.js";
 //#region src/components/ds-icon-button/ds-icon-button.ts
-var m = class extends u(i) {
+var m, h = (m = class extends u(i) {
 	constructor(...e) {
 		super(...e), this.variant = "primary", this.mode = "light", this.size = "large", this.disabled = !1, this.htmlTagName = "button";
 	}
-	static {
-		this.styles = [p];
-	}
 	get iconTemplate() {
 		return this.iconName ? s`<ds-icon class="icon" icon-name=${l(this.iconName)}></ds-icon>` : e;
 	}
@@ -31,8 +28,9 @@ var m = class extends u(i) {
 		this.href || e.preventDefault();
 	}
 	handleCustomClick(e) {
-		let t = (this.shadowRoot?.querySelector("slot"))?.assignedElements()[0];
-		t && !t.contains(e.composedPath()[0]) && (e.stopPropagation(), t.click());
+		var t;
+		let n = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot"), r = n == null ? void 0 : n.assignedElements()[0];
+		r && !r.contains(e.composedPath()[0]) && (e.stopPropagation(), r.click());
 	}
 	get classes() {
 		let e = typeof this.size == "string" ? this.size : this.size[this.viewport], t = !!(this.customBackground || this.customColor);
@@ -93,42 +91,42 @@ var m = class extends u(i) {
 		])}
         `;
 	}
-};
+}, m.styles = [p], m);
 r([n({
 	type: String,
 	reflect: !0
-})], m.prototype, "variant", void 0), r([n({
+})], h.prototype, "variant", void 0), r([n({
 	type: String,
 	attribute: "custom-background"
-})], m.prototype, "customBackground", void 0), r([n({
+})], h.prototype, "customBackground", void 0), r([n({
 	type: String,
 	attribute: "custom-color"
-})], m.prototype, "customColor", void 0), r([n({
+})], h.prototype, "customColor", void 0), r([n({
 	type: String,
 	reflect: !0
-})], m.prototype, "mode", void 0), r([n({
+})], h.prototype, "mode", void 0), r([n({
 	type: String,
 	converter: d
-})], m.prototype, "size", void 0), r([n({
+})], h.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], m.prototype, "disabled", void 0), r([n({
+})], h.prototype, "disabled", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], m.prototype, "iconName", void 0), r([n({
+})], h.prototype, "iconName", void 0), r([n({
 	type: String,
 	attribute: "html-tag-name"
-})], m.prototype, "htmlTagName", void 0), r([n({
+})], h.prototype, "htmlTagName", void 0), r([n({
 	type: String,
 	attribute: "data-aria-label"
-})], m.prototype, "dataAriaLabel", void 0), r([n({
+})], h.prototype, "dataAriaLabel", void 0), r([n({
 	type: String,
 	reflect: !0
-})], m.prototype, "href", void 0), r([n({
+})], h.prototype, "href", void 0), r([n({
 	type: String,
 	reflect: !0
-})], m.prototype, "rel", void 0), r([n({
+})], h.prototype, "rel", void 0), r([n({
 	type: String,
 	reflect: !0
-})], m.prototype, "target", void 0), m = r([a("ds-icon-button")], m);
+})], h.prototype, "target", void 0), h = r([a("ds-icon-button")], h);
 //#endregion

package/dist-react/esm/components/ds-icon-button-group/ds-icon-button-group.js

@@ -5,10 +5,7 @@ import { UiKitElement as n } from "../base/UiKitElement.js";
 import { customUiKitElement as r } from "../../decorators/customUiKitElement.js";
 import { commonStyles as i } from "./styles/common.styles.js";
 //#region src/components/ds-icon-button-group/ds-icon-button-group.ts
-var a = class extends n {
-	static {
-		this.styles = [i];
-	}
+var a, o = (a = class extends n {
 	render() {
 		return e`
             <div part="container" class="container">
@@ -16,6 +13,6 @@ var a = class extends n {
             </div>
         `;
 	}
-};
-a = t([r("ds-icon-button-group")], a);
+}, a.styles = [i], a);
+o = t([r("ds-icon-button-group")], o);
 //#endregion

package/dist-react/esm/components/ds-inline-alert/ds-inline-alert.js

@@ -17,13 +17,10 @@ import { n as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../ds-icon-button/ds-icon-button.js";
 import { inlineAlertStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-inline-alert/ds-inline-alert.ts
-var p = class extends a {
+var p, m = (p = class extends a {
 	constructor(...e) {
 		super(...e), this.status = "default", this.title = "", this.text = "", this.showClose = !0, this._show = void 0, this._showState = !0;
 	}
-	static {
-		this.styles = [f];
-	}
 	get show() {
 		return this._show ?? this._showState;
 	}
@@ -80,15 +77,15 @@ var p = class extends a {
             </div>
         ` : e;
 	}
-};
-i([n({ type: String })], p.prototype, "status", void 0), i([n({ type: String })], p.prototype, "title", void 0), i([n({ type: String })], p.prototype, "text", void 0), i([n({
+}, p.styles = [f], p);
+i([n({ type: String })], m.prototype, "status", void 0), i([n({ type: String })], m.prototype, "title", void 0), i([n({ type: String })], m.prototype, "text", void 0), i([n({
 	attribute: "show-close",
 	type: Boolean,
 	converter: s,
 	reflect: !0
-})], p.prototype, "showClose", void 0), i([n({
+})], m.prototype, "showClose", void 0), i([n({
 	type: Boolean,
 	attribute: "show",
 	converter: s
-})], p.prototype, "_show", void 0), i([r()], p.prototype, "_showState", void 0), p = i([o("ds-inline-alert")], p);
+})], m.prototype, "_show", void 0), i([r()], m.prototype, "_showState", void 0), m = i([o("ds-inline-alert")], m);
 //#endregion

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

@@ -13,14 +13,16 @@ import { DsBaseInput as c } from "../base/ds-base-input/ds-base-input.js";
 var l = class extends c {
 	constructor(...e) {
 		super(...e), this.name = "", this.placeholder = "", this.type = "text", this.min = 0, this.max = 100, this.step = 1, this._hasPicker = !1, this.handleClickIcon = () => {
-			this.inputField?.showPicker?.();
+			var e, t;
+			(e = this.inputField) == null || (t = e.showPicker) == null || t.call(e);
 		}, this.handleInput = (e) => {
 			let t = e.target;
 			this._value = t.value || "";
 		};
 	}
 	firstUpdated() {
-		super.firstUpdated(), this._hasPicker = !!this.inputField?.showPicker;
+		var e;
+		super.firstUpdated(), this._hasPicker = !!((e = this.inputField) != null && e.showPicker);
 	}
 	get iconTemplate() {
 		if (this.type !== "time" && this.type !== "date") return e;

package/dist-react/esm/components/ds-interactive-card/ds-interactive-card.js

@@ -13,7 +13,7 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import "../ds-icon-button/ds-icon-button.js";
 import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-interactive-card/ds-interactive-card.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.selected = !1, this.error = !1, this.showClose = !1, this.handleClick = (e) => {
 			e.stopPropagation();
@@ -26,9 +26,6 @@ var u = class extends i {
 			this.dispatchEvent(t);
 		};
 	}
-	static {
-		this.styles = [l];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -90,16 +87,16 @@ var u = class extends i {
             ${this.errorTemplate}
         `;
 	}
-};
-r([n({ type: String })], u.prototype, "size", void 0), r([n({
+}, u.styles = [l], u);
+r([n({ type: String })], d.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], u.prototype, "selected", void 0), r([n({
+})], d.prototype, "selected", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], u.prototype, "error", void 0), r([n({
+})], d.prototype, "error", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	attribute: "show-close"
-})], u.prototype, "showClose", void 0), u = r([a("ds-interactive-card")], u);
+})], d.prototype, "showClose", void 0), d = r([a("ds-interactive-card")], d);
 //#endregion

package/dist-react/esm/components/ds-link-button/ds-link-button.js

@@ -16,13 +16,10 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-define
 import { r as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-link-button/ds-link-button.ts
-var f = class extends i {
+var f, p = (f = class extends i {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.underline = !1, this.disabled = !1, this.iconName = "arrow-right", this.iconPosition = "right";
 	}
-	static {
-		this.styles = [d];
-	}
 	get iconTemplate() {
 		return this.iconName === "none" ? e : s`<ds-icon class="icon" icon-name=${l(this.iconName)}></ds-icon>`;
 	}
@@ -73,33 +70,33 @@ var f = class extends i {
                     `]])}
         `;
 	}
-};
+}, f.styles = [d], f);
 r([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "mode", void 0), r([n({ type: String })], f.prototype, "size", void 0), r([n({
+})], p.prototype, "mode", void 0), r([n({ type: String })], p.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], f.prototype, "underline", void 0), r([n({
+})], p.prototype, "underline", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], f.prototype, "disabled", void 0), r([n({
+})], p.prototype, "disabled", void 0), r([n({
 	type: String,
 	attribute: "html-tag-name"
-})], f.prototype, "htmlTagName", void 0), r([n({
+})], p.prototype, "htmlTagName", void 0), r([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "href", void 0), r([n({
+})], p.prototype, "href", void 0), r([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "rel", void 0), r([n({
+})], p.prototype, "rel", void 0), r([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "target", void 0), r([n({
+})], p.prototype, "target", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], f.prototype, "iconName", void 0), r([n({
+})], p.prototype, "iconName", void 0), r([n({
 	type: String,
 	attribute: "icon-position"
-})], f.prototype, "iconPosition", void 0), f = r([a("ds-link-button")], f);
+})], p.prototype, "iconPosition", void 0), p = r([a("ds-link-button")], p);
 //#endregion

package/dist-react/esm/components/ds-list/ds-list.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 { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-list/ds-list.ts
-var s = class extends r {
+var s, c = (s = class extends r {
 	constructor(...e) {
 		super(...e), this.size = "large";
 	}
-	static {
-		this.styles = [o];
-	}
 	get classes() {
 		return {
 			"ds-list": !0,
@@ -33,9 +30,9 @@ var s = class extends r {
             </div>
         `;
 	}
-};
+}, s.styles = [o], s);
 n([t({
 	type: String,
 	reflect: !0
-})], s.prototype, "size", void 0), s = n([i("ds-list")], s);
+})], c.prototype, "size", void 0), c = n([i("ds-list")], c);
 //#endregion

package/dist-react/esm/components/ds-list-item/ds-list-item.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-list-item/ds-list-item.ts
-var l = class extends i {
+var l, u = (l = class extends i {
 	constructor(...e) {
 		super(...e), this.variant = "selection", this.selected = !1, this.disabled = !1, this.size = "large";
 	}
-	static {
-		this.styles = [c];
-	}
 	get classes() {
 		return {
 			content: !0,
@@ -27,7 +24,8 @@ var l = class extends i {
 		};
 	}
 	connectedCallback() {
-		if (super.connectedCallback?.(), !this.hasAttribute("size")) {
+		var e;
+		if ((e = super.connectedCallback) == null || e.call(this), !this.hasAttribute("size")) {
 			let e = this.closest("ds-list");
 			e && (this.size = e.size);
 		}
@@ -88,18 +86,18 @@ var l = class extends i {
             ${n ? o`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>` : e}
         `;
 	}
-};
+}, l.styles = [c], l);
 r([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "variant", void 0), r([n({
+})], u.prototype, "variant", void 0), r([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "selected", void 0), r([n({
+})], u.prototype, "selected", void 0), r([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "disabled", void 0), r([n({
+})], u.prototype, "disabled", void 0), r([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "size", void 0), l = r([a("ds-list-item")], l);
+})], u.prototype, "size", void 0), u = r([a("ds-list-item")], u);
 //#endregion

package/dist-react/esm/components/ds-loader-bar/ds-loader-bar.js

@@ -4,14 +4,12 @@ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.133.0/he
 import { customUiKitElement as n } from "../../decorators/customUiKitElement.js";
 import { DsBaseProgressBar as r } from "../base/ds-base-progress-bar/ds-base-progress-bar.js";
 import { commonStyles as i } from "./styles/common.styles.js";
+import { _superPropGet as a } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/superPropGet.js";
 //#region src/components/ds-loader-bar/ds-loader-bar.ts
-var a = class extends r {
-	static {
-		this.styles = [...super.styles, i];
-	}
+var o, s = (o = class extends r {
 	render() {
 		return this.show ? this.barTemplate : e;
 	}
-};
-a = t([n("ds-loader-bar", { skipTagAsComponentName: !0 })], a);
+}, o.styles = [...a(o, "styles", o), i], o);
+s = t([n("ds-loader-bar", { skipTagAsComponentName: !0 })], s);
 //#endregion

package/dist-react/esm/components/ds-loader-dots/ds-loader-dots.js

@@ -12,13 +12,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-loader-dots/ds-loader-dots.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this.show = !1, this.mode = "light", this.size = "large";
 	}
-	static {
-		this.styles = [l];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -50,15 +47,15 @@ var u = class extends i {
                   </div>
               ` : e;
 	}
-};
+}, u.styles = [l], u);
 r([n({
 	type: Boolean,
 	converter: o
-})], u.prototype, "show", void 0), r([n({
+})], d.prototype, "show", void 0), r([n({
 	type: String,
 	reflect: !0
-})], u.prototype, "mode", void 0), r([n({ type: String })], u.prototype, "size", void 0), r([n({
+})], d.prototype, "mode", void 0), r([n({ type: String })], d.prototype, "size", void 0), r([n({
 	type: String,
 	attribute: "data-aria-label"
-})], u.prototype, "dataAriaLabel", void 0), u = r([a("ds-loader-dots")], u);
+})], d.prototype, "dataAriaLabel", void 0), d = r([a("ds-loader-dots")], d);
 //#endregion

package/dist-react/esm/components/ds-loader-logo/ds-loader-logo.js

@@ -12,13 +12,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 "./ds-loader-logo.styles.js";
 //#region src/components/ds-loader-logo/ds-loader-logo.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this.show = !1, this.zIndex = 2e3, this.iconName = "logo";
 	}
-	static {
-		this.styles = [l];
-	}
 	get styleTokens() {
 		return t`
                 <style>
@@ -44,15 +41,15 @@ var u = class extends i {
                   </div>
               ` : e;
 	}
-};
+}, u.styles = [l], u);
 r([n({
 	type: Boolean,
 	converter: o
-})], u.prototype, "show", void 0), r([n({
+})], d.prototype, "show", void 0), r([n({
 	type: Number,
 	attribute: "z-index"
-})], u.prototype, "zIndex", void 0), r([n({
+})], d.prototype, "zIndex", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], u.prototype, "iconName", void 0), r([n({ type: String })], u.prototype, "color", void 0), u = r([a("ds-loader-logo")], u);
+})], d.prototype, "iconName", void 0), r([n({ type: String })], d.prototype, "color", void 0), d = r([a("ds-loader-logo")], d);
 //#endregion

package/dist-react/esm/components/ds-loader-spinner/ds-loader-spinner.js

@@ -14,13 +14,10 @@ import { o as l } 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 u } from "./styles/common.styles.js";
 //#region src/components/ds-loader-spinner/ds-loader-spinner.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.show = !1, this.mode = "light", this.orientation = "row", this.size = 24;
 	}
-	static {
-		this.styles = u;
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -52,18 +49,18 @@ var d = class extends i {
                   </div>
               ` : e;
 	}
-};
+}, d.styles = u, d);
 r([n({
 	type: Boolean,
 	converter: o
-})], d.prototype, "show", void 0), r([n({
+})], f.prototype, "show", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), r([n({ type: String })], d.prototype, "orientation", void 0), r([n({
+})], f.prototype, "mode", void 0), r([n({ type: String })], f.prototype, "orientation", void 0), r([n({
 	type: Number,
 	reflect: !0
-})], d.prototype, "size", void 0), r([n({
+})], f.prototype, "size", void 0), r([n({
 	type: String,
 	attribute: "data-aria-label"
-})], d.prototype, "dataAriaLabel", void 0), d = r([a("ds-loader-spinner")], d);
+})], f.prototype, "dataAriaLabel", void 0), f = r([a("ds-loader-spinner")], f);
 //#endregion

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

@@ -12,18 +12,16 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import { commonStyles as c, containerStyles as l } from "./styles/common.styles.js";
 import { themeConfig as u } from "./theme-config.js";
 //#region src/components/ds-logo/ds-logo.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.size = "xxsmall", this.mode = "light";
 	}
-	static {
-		this.styles = [c, l];
-	}
 	get logoTemplate() {
 		return o`<ds-icon class="icon-logo" icon-name="logo"></ds-icon>`;
 	}
 	get logoWordmarkTemplate() {
-		return !this.theme || !u[this.theme]?.["show-wordmark"] ? e : o`<ds-icon class="icon-wordmark" icon-name="logo-wordmark"></ds-icon>`;
+		var t;
+		return !this.theme || !((t = u[this.theme]) != null && t["show-wordmark"]) ? e : o`<ds-icon class="icon-wordmark" icon-name="logo-wordmark"></ds-icon>`;
 	}
 	get classes() {
 		return {
@@ -50,9 +48,9 @@ var d = class extends i {
             </div>
         `;
 	}
-};
-r([n({ type: String })], d.prototype, "size", void 0), r([n({
+}, d.styles = [c, l], d);
+r([n({ type: String })], f.prototype, "size", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), d = r([a("ds-logo")], d);
+})], f.prototype, "mode", void 0), f = r([a("ds-logo")], f);
 //#endregion

package/dist-react/esm/components/ds-main-title/ds-main-title.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 { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-main-title/ds-main-title.ts
-var s = class extends r {
+var s, c = (s = class extends r {
 	constructor(...e) {
 		super(...e), this.alignment = "left";
 	}
-	static {
-		this.styles = [o];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -30,6 +27,6 @@ var s = class extends r {
             </div>
         `;
 	}
-};
-n([t({ type: String })], s.prototype, "alignment", void 0), s = n([i("ds-main-title")], s);
+}, s.styles = [o], s);
+n([t({ type: String })], c.prototype, "alignment", void 0), c = n([i("ds-main-title")], c);
 //#endregion