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

package/dist-react/esm/components/ds-basic-card-image/ds-basic-card-image.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-basic-card-image/ds-basic-card-image.ts
-var o = class extends n {
-	static {
-		this.styles = [a];
-	}
+var o, s = (o = class extends n {
 	get classes() {
 		return { "image-wrapper": !0 };
 	}
@@ -25,6 +22,6 @@ var o = class extends n {
             </div>
         `;
 	}
-};
-o = t([r("ds-basic-card-image")], o);
+}, o.styles = [a], o);
+s = t([r("ds-basic-card-image")], s);
 //#endregion

package/dist-react/esm/components/ds-basic-card-section/ds-basic-card-section.js

@@ -12,13 +12,10 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import "../ds-divider/ds-divider.js";
 import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-basic-card-section/ds-basic-card-section.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this.withDivider = !0, this.centered = !0;
 	}
-	static {
-		this.styles = [l];
-	}
 	get dividerTemplate() {
 		return s`<ds-divider class="divider" variant="secondary"></ds-divider>`;
 	}
@@ -36,12 +33,12 @@ var u = class extends i {
             ${this.withDivider ? this.dividerTemplate : e}
         `;
 	}
-};
+}, u.styles = [l], u);
 r([n({
 	type: Boolean,
 	converter: o
-})], u.prototype, "withDivider", void 0), r([n({
+})], d.prototype, "withDivider", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], u.prototype, "centered", void 0), u = r([a("ds-basic-card-section")], u);
+})], d.prototype, "centered", void 0), d = r([a("ds-basic-card-section")], d);
 //#endregion

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

@@ -24,7 +24,7 @@ var l = [{
 	constructor(...e) {
 		super(...e), this.items = [], this.maxItems = u, this.itemTag = "ds-breadcrumbs-item", this.onResize = () => {
 			let e = l.find(({ below: e }) => window.innerWidth < e);
-			this.maxItems = e?.maxItems ?? u;
+			this.maxItems = (e == null ? void 0 : e.maxItems) ?? u;
 		};
 	}
 	async firstUpdated(e) {
@@ -38,13 +38,16 @@ var l = [{
 	}
 	handleSlotChange(e) {
 		let t = e.target.assignedElements({ flatten: !0 }).filter((e) => e.tagName.toLowerCase().startsWith("ds-breadcrumbs-item"));
-		t.length > 0 && (this.itemTag = t[0].tagName.toLowerCase()), this.items = t.map((e) => ({
-			label: e.getAttribute("label") || e.textContent?.trim() || "",
-			href: e.getAttribute("href") || e.querySelector("[slot=\"item\"]")?.getAttribute("href") || void 0,
-			disabled: e.hasAttribute("disabled"),
-			loading: e.hasAttribute("loading"),
-			selected: e.hasAttribute("selected")
-		}));
+		t.length > 0 && (this.itemTag = t[0].tagName.toLowerCase()), this.items = t.map((e) => {
+			var t, n;
+			return {
+				label: e.getAttribute("label") || ((t = e.textContent) == null ? void 0 : t.trim()) || "",
+				href: e.getAttribute("href") || ((n = e.querySelector("[slot=\"item\"]")) == null ? void 0 : n.getAttribute("href")) || void 0,
+				disabled: e.hasAttribute("disabled"),
+				loading: e.hasAttribute("loading"),
+				selected: e.hasAttribute("selected")
+			};
+		});
 	}
 	get separatorIcon() {
 		return a`<ds-icon class="separator-icon" icon-name="arrow-right" size="24"></ds-icon>`;

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

@@ -9,7 +9,7 @@ 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-bullets/ds-bullets.ts
-var c = class extends i {
+var c, l = (c = class extends i {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.activeBulletIndex = 0, this.handleClickChunk = (e) => () => {
 			this.activeBulletIndex !== e && (this.activeBulletIndex = e, this.dispatchEvent(new CustomEvent("change", {
@@ -19,9 +19,6 @@ var c = class extends i {
 			})));
 		};
 	}
-	static {
-		this.styles = [s];
-	}
 	get bulletsTemplate() {
 		let e = [];
 		for (let n = 0; n < this.bulletsNumber; n++) {
@@ -56,16 +53,16 @@ var c = class extends i {
                   <div class=${o(this.classes)}>${this.bulletsTemplate}</div>
               ` : e;
 	}
-};
+}, c.styles = [s], c);
 r([n({
 	type: String,
 	reflect: !0
-})], c.prototype, "mode", void 0), r([n({
+})], l.prototype, "mode", void 0), r([n({
 	type: Number,
 	attribute: "bullets-number"
-})], c.prototype, "bulletsNumber", void 0), r([n({
+})], l.prototype, "bulletsNumber", void 0), r([n({
 	type: Number,
 	attribute: "active-bullet-index",
 	reflect: !0
-})], c.prototype, "activeBulletIndex", void 0), c = r([a("ds-bullets")], c);
+})], l.prototype, "activeBulletIndex", void 0), l = r([a("ds-bullets")], l);
 //#endregion

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

@@ -16,17 +16,10 @@ import { r as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import { n as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
 import { buttonStyles as p, loadingDotsStyles as m, textStyles as h } from "./styles/common.styles.js";
 //#region src/components/ds-button/ds-button.ts
-var g = class extends l(i) {
+var g, _ = (g = class extends l(i) {
 	constructor(...e) {
 		super(...e), this.variant = "primary", this.mode = "light", this.size = "large", this.disabled = !1, this.destructive = !1, this.htmlTagName = "button", this.type = "button", this.iconPosition = "left", this.rounded = !1, this.fullWidth = !1, this.loading = !1;
 	}
-	static {
-		this.styles = [
-			p,
-			h,
-			m
-		];
-	}
 	connectedCallback() {
 		super.connectedCallback(), this.closestForm = this.closest("form");
 	}
@@ -55,8 +48,9 @@ var g = class extends l(i) {
 		}
 	}
 	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 iconTemplate() {
 		return this.iconName ? s`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>` : e;
@@ -90,10 +84,12 @@ var g = class extends l(i) {
 		return t`
             ${this.cssTokens}
             ${d(this.htmlTagName || "button", [
-			["button", () => t`
+			["button", () => {
+				var e;
+				return t`
                         <button
                             class=${c(this.classes)}
-                            aria-label=${this.textContent?.replace(/^\s+|\s+$/g, "")}
+                            aria-label=${(e = this.textContent) == null ? void 0 : e.replace(/^\s+|\s+$/g, "")}
                             type=${this.type}
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
@@ -105,11 +101,14 @@ var g = class extends l(i) {
                             </span>
                             ${f(this.iconPosition === "right", () => t` ${this.iconTemplate} `)}
                         </button>
-                    `],
-			["a", () => t`
+                    `;
+			}],
+			["a", () => {
+				var e;
+				return t`
                         <a
                             class=${c(this.classes)}
-                            aria-label=${this.textContent?.replace(/^\s+|\s+$/g, "")}
+                            aria-label=${(e = this.textContent) == null ? void 0 : e.replace(/^\s+|\s+$/g, "")}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
@@ -122,7 +121,8 @@ var g = class extends l(i) {
                             </span>
                             ${f(this.iconPosition === "right", () => t`${this.iconTemplate}`)}
                         </a>
-                    `],
+                    `;
+			}],
 			["custom", () => t`
                         <div class=${c(this.classes)} @click=${this.handleCustomClick}>
                             ${f(this.iconPosition === "left", () => t`${this.iconTemplate}`)}
@@ -133,53 +133,57 @@ var g = class extends l(i) {
 		])}
         `;
 	}
-};
+}, g.styles = [
+	p,
+	h,
+	m
+], g);
 r([n({
 	type: String,
 	reflect: !0
-})], g.prototype, "variant", void 0), r([n({
+})], _.prototype, "variant", void 0), r([n({
 	type: String,
 	reflect: !0
-})], g.prototype, "mode", void 0), r([n({
+})], _.prototype, "mode", void 0), r([n({
 	type: String,
 	converter: u
-})], g.prototype, "size", void 0), r([n({
+})], _.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], g.prototype, "disabled", void 0), r([n({
+})], _.prototype, "disabled", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], g.prototype, "destructive", void 0), r([n({
+})], _.prototype, "destructive", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], g.prototype, "iconName", void 0), r([n({
+})], _.prototype, "iconName", void 0), r([n({
 	type: String,
 	attribute: "html-tag-name"
-})], g.prototype, "htmlTagName", void 0), r([n({
+})], _.prototype, "htmlTagName", void 0), r([n({
 	type: String,
 	reflect: !0
-})], g.prototype, "href", void 0), r([n({
+})], _.prototype, "href", void 0), r([n({
 	type: String,
 	reflect: !0
-})], g.prototype, "rel", void 0), r([n({
+})], _.prototype, "rel", void 0), r([n({
 	type: String,
 	reflect: !0
-})], g.prototype, "target", void 0), r([n({ type: String })], g.prototype, "type", void 0), r([n({
+})], _.prototype, "target", void 0), r([n({ type: String })], _.prototype, "type", void 0), r([n({
 	type: String,
 	attribute: "icon-position"
-})], g.prototype, "iconPosition", void 0), r([n({
+})], _.prototype, "iconPosition", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], g.prototype, "rounded", void 0), r([n({
+})], _.prototype, "rounded", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	attribute: "full-width"
-})], g.prototype, "fullWidth", void 0), r([n({
+})], _.prototype, "fullWidth", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], g.prototype, "loading", void 0), r([n({
+})], _.prototype, "loading", void 0), r([n({
 	type: String,
 	attribute: "text-loading"
-})], g.prototype, "textLoading", void 0), g = r([a("ds-button")], g);
+})], _.prototype, "textLoading", void 0), _ = r([a("ds-button")], _);
 //#endregion
-export { g as DsButton };
+export { _ as DsButton };

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

@@ -16,13 +16,10 @@ import "../ds-icon-button/ds-icon-button.js";
 import { arrayConverter as l } from "../../utils/arrayConverter.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-calendar/ds-calendar.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.variant = "plane", this.size = "large", this.locale = "en-US", this.firstDayOfWeek = 1, this.disabledDates = [], this.disabledWeekdays = [], this._viewDate = /* @__PURE__ */ new Date(), this._value = null, this._initialValueApplied = !1, this._viewDateInitialized = !1;
 	}
-	static {
-		this.styles = [u];
-	}
 	get selectedDate() {
 		if (this.value) {
 			let e = this.parseDate(this.value);
@@ -155,21 +152,22 @@ var d = class extends i {
 		e.setMonth(e.getMonth() + 1), this._viewDate = e;
 	}
 	handleDayChange(e) {
+		var t;
 		e.stopPropagation();
-		let t = e.target;
-		if (!t || !t.tagName.toLowerCase().startsWith("ds-calendar-day")) return;
-		let n = t.tagName.toLowerCase(), r = Array.from(this.shadowRoot?.querySelectorAll(n) || []).indexOf(t);
-		if (r === -1) return;
-		let i = this.calendarDays[r];
-		if (!i || i.isDisabled) return;
-		this._value = i.date, this._viewDate = new Date(i.date);
-		let a = `${i.date.getFullYear()}-${String(i.date.getMonth() + 1).padStart(2, "0")}-${String(i.date.getDate()).padStart(2, "0")}`;
+		let n = e.target;
+		if (!n || !n.tagName.toLowerCase().startsWith("ds-calendar-day")) return;
+		let r = n.tagName.toLowerCase(), i = Array.from(((t = this.shadowRoot) == null ? void 0 : t.querySelectorAll(r)) || []).indexOf(n);
+		if (i === -1) return;
+		let a = this.calendarDays[i];
+		if (!a || a.isDisabled) return;
+		this._value = a.date, this._viewDate = new Date(a.date);
+		let o = `${a.date.getFullYear()}-${String(a.date.getMonth() + 1).padStart(2, "0")}-${String(a.date.getDate()).padStart(2, "0")}`;
 		this.dispatchEvent(new CustomEvent("ds-calendar-change", {
 			bubbles: !0,
 			composed: !0,
 			detail: {
-				value: a,
-				date: i.date
+				value: o,
+				date: a.date
 			}
 		}));
 	}
@@ -235,43 +233,43 @@ var d = class extends i {
             </div>
         `;
 	}
-};
+}, d.styles = [u], d);
 r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "value", void 0), r([t({
+})], f.prototype, "value", void 0), r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "variant", void 0), r([t({
+})], f.prototype, "variant", void 0), r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "size", void 0), r([t({
+})], f.prototype, "size", void 0), r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "locale", void 0), r([t({
+})], f.prototype, "locale", void 0), r([t({
 	type: Number,
 	reflect: !0,
 	attribute: "first-day-of-week"
-})], d.prototype, "firstDayOfWeek", void 0), r([t({
+})], f.prototype, "firstDayOfWeek", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "min-date"
-})], d.prototype, "minDate", void 0), r([t({
+})], f.prototype, "minDate", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "max-date"
-})], d.prototype, "maxDate", void 0), r([t({
+})], f.prototype, "maxDate", void 0), r([t({
 	attribute: "disabled-dates",
 	converter: l
-})], d.prototype, "disabledDates", void 0), r([t({
+})], f.prototype, "disabledDates", void 0), r([t({
 	attribute: "disabled-weekdays",
 	converter: l
-})], d.prototype, "disabledWeekdays", void 0), r([t({
+})], f.prototype, "disabledWeekdays", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "view-date"
-})], d.prototype, "viewDateAttr", void 0), r([t({
+})], f.prototype, "viewDateAttr", void 0), r([t({
 	type: String,
 	attribute: "initial-value"
-})], d.prototype, "initialValue", void 0), r([n()], d.prototype, "_viewDate", void 0), r([n()], d.prototype, "_value", void 0), d = r([a("ds-calendar")], d);
+})], f.prototype, "initialValue", void 0), r([n()], f.prototype, "_viewDate", void 0), r([n()], f.prototype, "_value", void 0), f = r([a("ds-calendar")], f);
 //#endregion

package/dist-react/esm/components/ds-calendar-day/ds-calendar-day.js

@@ -10,13 +10,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-calendar-day/ds-calendar-day.ts
-var c = class extends r {
+var c, l = (c = class extends r {
 	constructor(...e) {
 		super(...e), this.size = "large", this.disabled = !1, this.selected = !1, this.today = !1, this.outsideMonth = !1;
 	}
-	static {
-		this.styles = [s];
-	}
 	get classes() {
 		return {
 			day: !0,
@@ -58,29 +55,29 @@ var c = class extends r {
             </button>
         `;
 	}
-};
+}, c.styles = [s], c);
 n([t({
 	type: Number,
 	reflect: !0
-})], c.prototype, "day", void 0), n([t({
+})], l.prototype, "day", void 0), n([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "size", void 0), n([t({
+})], l.prototype, "size", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], c.prototype, "disabled", void 0), n([t({
+})], l.prototype, "disabled", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], c.prototype, "selected", void 0), n([t({
+})], l.prototype, "selected", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], c.prototype, "today", void 0), n([t({
+})], l.prototype, "today", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0,
 	attribute: "outside-month"
-})], c.prototype, "outsideMonth", void 0), c = n([i("ds-calendar-day")], c);
+})], l.prototype, "outsideMonth", void 0), l = n([i("ds-calendar-day")], l);
 //#endregion

package/dist-react/esm/components/ds-carousel-indicator/ds-carousel-indicator.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-carousel-indicator/ds-carousel-indicator.ts
-var l = class extends a {
+var l, u = (l = class extends a {
 	constructor(...e) {
 		super(...e), this.maxSelectorsShown = 6;
 	}
-	static {
-		this.styles = [c];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -44,12 +41,12 @@ var l = class extends a {
                   </div>
               ` : e;
 	}
-};
+}, l.styles = [c], l);
 i([n({
 	type: Number,
 	attribute: "selectors-number"
-})], l.prototype, "selectorsNumber", void 0), i([n({
+})], u.prototype, "selectorsNumber", void 0), i([n({
 	type: Number,
 	attribute: "selected-index"
-})], l.prototype, "selectedIndex", void 0), i([r()], l.prototype, "maxSelectorsShown", void 0), l = i([o("ds-carousel-indicator")], l);
+})], u.prototype, "selectedIndex", void 0), i([r()], u.prototype, "maxSelectorsShown", void 0), u = i([o("ds-carousel-indicator")], u);
 //#endregion

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

@@ -16,7 +16,7 @@ import { checkboxGroupDisabledContext as d, checkboxGroupErrorContext as f, chec
 import { FormAssociatedMixin as m } from "../../mixins/FormAssociatedMixin.js";
 import { commonStyles as h } from "./styles/common.styles.js";
 //#region src/components/ds-checkbox/ds-checkbox.ts
-var g = class extends m(o) {
+var g, _ = (g = class extends m(o) {
 	constructor(...e) {
 		super(...e), this.inputPlacement = "left", this._checked = void 0, this._checkedState = !1, this.required = !1, this._disabled = !1, this.mode = "light", this._size = "medium", this.helperText = "", this.infoText = "", this._forcedError = "", this.invalidError = "", this.indeterminate = !1, this.dataAriaLabel = "";
 	}
@@ -26,9 +26,6 @@ var g = class extends m(o) {
 	set checked(e) {
 		this._checked = e;
 	}
-	static {
-		this.styles = [h];
-	}
 	connectedCallback() {
 		super.connectedCallback(), queueMicrotask(() => {
 			this.createContextConsumers([
@@ -152,45 +149,45 @@ var g = class extends m(o) {
             </div>
         `;
 	}
-};
-a([r({ type: String })], g.prototype, "name", void 0), a([r({ type: String })], g.prototype, "value", void 0), a([r({
+}, g.styles = [h], g);
+a([r({ type: String })], _.prototype, "name", void 0), a([r({ type: String })], _.prototype, "value", void 0), a([r({
 	type: String,
 	attribute: "input-placement"
-})], g.prototype, "inputPlacement", void 0), a([r({
+})], _.prototype, "inputPlacement", void 0), a([r({
 	type: Boolean,
 	attribute: "checked",
 	converter: c,
 	reflect: !0
-})], g.prototype, "_checked", void 0), a([i()], g.prototype, "_checkedState", void 0), a([r({
+})], _.prototype, "_checked", void 0), a([i()], _.prototype, "_checkedState", void 0), a([r({
 	type: Boolean,
 	converter: c
-})], g.prototype, "required", void 0), a([r({
+})], _.prototype, "required", void 0), a([r({
 	type: Boolean,
 	converter: c,
 	attribute: "disabled"
-})], g.prototype, "_disabled", void 0), a([r({
+})], _.prototype, "_disabled", void 0), a([r({
 	type: String,
 	reflect: !0
-})], g.prototype, "mode", void 0), a([r({
+})], _.prototype, "mode", void 0), a([r({
 	type: String,
 	attribute: "size"
-})], g.prototype, "_size", void 0), a([r({
+})], _.prototype, "_size", void 0), a([r({
 	type: String,
 	attribute: "helper-text"
-})], g.prototype, "helperText", void 0), a([r({
+})], _.prototype, "helperText", void 0), a([r({
 	type: String,
 	attribute: "info-text"
-})], g.prototype, "infoText", void 0), a([r({
+})], _.prototype, "infoText", void 0), a([r({
 	type: String,
 	attribute: "forced-error"
-})], g.prototype, "_forcedError", void 0), a([r({
+})], _.prototype, "_forcedError", void 0), a([r({
 	type: String,
 	attribute: "invalid-error"
-})], g.prototype, "invalidError", void 0), a([r({
+})], _.prototype, "invalidError", void 0), a([r({
 	type: Boolean,
 	converter: c
-})], g.prototype, "indeterminate", void 0), a([r({
+})], _.prototype, "indeterminate", void 0), a([r({
 	type: String,
 	attribute: "data-aria-label"
-})], g.prototype, "dataAriaLabel", void 0), a([i()], g.prototype, "disabledGroup", void 0), a([i()], g.prototype, "errorGroup", void 0), a([i()], g.prototype, "sizeGroup", void 0), g = a([s("ds-checkbox")], g);
+})], _.prototype, "dataAriaLabel", void 0), a([i()], _.prototype, "disabledGroup", void 0), a([i()], _.prototype, "errorGroup", void 0), a([i()], _.prototype, "sizeGroup", void 0), _ = a([s("ds-checkbox")], _);
 //#endregion

package/dist-react/esm/components/ds-checkbox-group/ds-checkbox-group.js

@@ -12,13 +12,10 @@ import { e 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/class-map.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-checkbox-group/ds-checkbox-group.ts
-var d = e(Symbol("ds-checkbox-group:disabled")), f = e(Symbol("ds-checkbox-group:error")), p = e(Symbol("ds-checkbox-group:error-text")), m = e(Symbol("ds-checkbox-group:helper-text")), h = e(Symbol("ds-checkbox-group:size")), g = class extends o {
+var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-group:error")), m = e(Symbol("ds-checkbox-group:error-text")), h = e(Symbol("ds-checkbox-group:helper-text")), g = e(Symbol("ds-checkbox-group:size")), _ = (d = class extends o {
 	constructor(...e) {
 		super(...e), this.error = !1, this.errorText = "", this.helperText = "", this.disabled = !1, this.size = "medium", this.orientation = "vertical";
 	}
-	static {
-		this.styles = [u];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -45,22 +42,22 @@ var d = e(Symbol("ds-checkbox-group:disabled")), f = e(Symbol("ds-checkbox-group
             </div>
         `;
 	}
-};
-a([t({ context: f }), i({
+}, d.styles = [u], d);
+a([t({ context: p }), i({
 	type: Boolean,
 	converter: c
-})], g.prototype, "error", void 0), a([t({ context: p }), i({
+})], _.prototype, "error", void 0), a([t({ context: m }), i({
 	type: String,
 	attribute: "error-text"
-})], g.prototype, "errorText", void 0), a([t({ context: m }), i({
+})], _.prototype, "errorText", void 0), a([t({ context: h }), i({
 	type: String,
 	attribute: "helper-text"
-})], g.prototype, "helperText", void 0), a([t({ context: d }), i({
+})], _.prototype, "helperText", void 0), a([t({ context: f }), i({
 	type: Boolean,
 	converter: c
-})], g.prototype, "disabled", void 0), a([t({ context: h }), i({ type: String })], g.prototype, "size", void 0), a([i({
+})], _.prototype, "disabled", void 0), a([t({ context: g }), i({ type: String })], _.prototype, "size", void 0), a([i({
 	type: String,
 	reflect: !0
-})], g.prototype, "orientation", void 0), g = a([s("ds-checkbox-group")], g);
+})], _.prototype, "orientation", void 0), _ = a([s("ds-checkbox-group")], _);
 //#endregion
-export { d as checkboxGroupDisabledContext, f as checkboxGroupErrorContext, h as checkboxGroupSizeContext };
+export { f as checkboxGroupDisabledContext, p as checkboxGroupErrorContext, g as checkboxGroupSizeContext };

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

@@ -14,16 +14,13 @@ 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/if-defined.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-chip/ds-chip.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "", this.handleSlotChange = (e) => {
 			let t = e.target.assignedNodes({ flatten: !0 });
 			this.slottedText = t.filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.textContent.trim()).join(" "), this.requestUpdate();
 		};
 	}
-	static {
-		this.styles = [u];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -98,22 +95,22 @@ var d = class extends i {
             </div>
         `;
 	}
-};
-r([n({ type: String })], d.prototype, "value", void 0), r([n({
+}, d.styles = [u], d);
+r([n({ type: String })], f.prototype, "value", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), r([n({
+})], f.prototype, "mode", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "size", void 0), r([n({
+})], f.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], d.prototype, "selected", void 0), r([n({
+})], f.prototype, "selected", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], d.prototype, "deselectable", void 0), r([n({
+})], f.prototype, "deselectable", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], d.prototype, "iconName", void 0), d = r([a("ds-chip")], d);
+})], f.prototype, "iconName", void 0), f = r([a("ds-chip")], f);
 //#endregion