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

package/dist/esm/_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/superPropBase.js

@@ -0,0 +1,8 @@
+import { _getPrototypeOf as e } from "./getPrototypeOf.js";
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/superPropBase.js
+function t(t, n) {
+	for (; !{}.hasOwnProperty.call(t, n) && (t = e(t)) !== null;);
+	return t;
+}
+//#endregion
+export { t as _superPropBase };

package/dist/esm/_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/superPropGet.js

@@ -0,0 +1,11 @@
+import { _getPrototypeOf as e } from "./getPrototypeOf.js";
+import { _get as t } from "./get.js";
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/superPropGet.js
+function n(n, r, i, a) {
+	var o = t(e(1 & a ? n.prototype : n), r, i);
+	return 2 & a && typeof o == "function" ? function(e) {
+		return o.apply(i, e);
+	} : o;
+}
+//#endregion
+export { n as _superPropGet };

package/dist/esm/components/base/DsUiElement.js

@@ -22,10 +22,11 @@ var c = class extends i {
 		super.updated(e), (e.has("contextTheme") || e.has("pubSubTheme")) && (this.theme = this.contextTheme ?? this.pubSubTheme, this.applyTheme());
 	}
 	applyTheme() {
-		let e = this.constructor, t = e.themesStyles?.[this.theme], n = Array.isArray(t) ? t : [t];
-		if (!n?.length) return;
-		let i = Array.isArray(e.styles) ? e.styles : [e.styles];
-		r(this.shadowRoot, [...i, ...n].filter(Boolean));
+		var e;
+		let t = this.constructor, n = (e = t.themesStyles) == null ? void 0 : e[this.theme], i = Array.isArray(n) ? n : [n];
+		if (!(i != null && i.length)) return;
+		let a = Array.isArray(t.styles) ? t.styles : [t.styles];
+		r(this.shadowRoot, [...a, ...i].filter(Boolean));
 	}
 };
 s([a({ attribute: !1 }), e({

package/dist/esm/components/base/UiKitElement.js

@@ -18,8 +18,9 @@ var d = o`:host([unresolved]){visibility:hidden}`, f = class e extends s {
 		}, this.pubSubTheme = r.subscribe("theme", this.handleChangeTheme);
 	}
 	get theme() {
-		let e = typeof sessionStorage < "u" ? sessionStorage?.getItem(n) : null;
-		return this.contextTheme ?? this.pubSubTheme ?? e;
+		var e;
+		let t = typeof sessionStorage < "u" ? (e = sessionStorage) == null ? void 0 : e.getItem(n) : null;
+		return this.contextTheme ?? this.pubSubTheme ?? t;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.setAttribute("unresolved", "");
@@ -38,11 +39,12 @@ var d = o`:host([unresolved]){visibility:hidden}`, f = class e extends s {
 		return Array.from(t).reverse();
 	}
 	supportsAdoptedSheets() {
-		return "adoptedStyleSheets" in (ShadowRoot?.prototype || {}) && "replace" in CSSStyleSheet.prototype;
+		var e;
+		return "adoptedStyleSheets" in (((e = ShadowRoot) == null ? void 0 : e.prototype) || {}) && "replace" in CSSStyleSheet.prototype;
 	}
 	async applyThemeStyles() {
 		let e = this.getComponentNames();
-		if (!(!this.theme || !e?.length)) try {
+		if (!(!this.theme || !(e != null && e.length))) try {
 			let t = await Promise.all(e.map((e) => i.getStyles({
 				componentName: e,
 				theme: this.theme

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

@@ -13,7 +13,7 @@ import { DsUiElement as c } from "../DsUiElement.js";
 import { commonStyles as l, inputStyles as u } from "./styles/common.styles.js";
 import { cupraStyles as d } from "./styles/cupra.styles.js";
 //#region src/components/base/ds-base-input/ds-base-input.ts
-var f = class extends s(c) {
+var f, p = class extends s(c) {
 	constructor(...e) {
 		super(...e), this.initialValue = "", this.label = "", this.helperText = "", this.errorText = "", this.disabled = !1, this.success = !1, this.mode = "light", this.size = "large", this.focused = !1, this.handleFocus = () => {
 			this.focused = !0;
@@ -30,12 +30,6 @@ var f = class extends s(c) {
 	set value(e) {
 		this._value = e;
 	}
-	static {
-		this.styles = [l, u];
-	}
-	static {
-		this.themesStyles = { cupra: d };
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -73,25 +67,25 @@ var f = class extends s(c) {
         `;
 	}
 };
-i([t({
+f = p, f.styles = [l, u], f.themesStyles = { cupra: d }, i([t({
 	type: String,
 	reflect: !0,
 	attribute: "initial-value"
-})], f.prototype, "initialValue", void 0), i([t({ type: String })], f.prototype, "label", void 0), i([t({
+})], p.prototype, "initialValue", void 0), i([t({ type: String })], p.prototype, "label", void 0), i([t({
 	type: String,
 	attribute: "helper-text"
-})], f.prototype, "helperText", void 0), i([t({
+})], p.prototype, "helperText", void 0), i([t({
 	type: String,
 	attribute: "error-text"
-})], f.prototype, "errorText", void 0), i([t({
+})], p.prototype, "errorText", void 0), i([t({
 	type: Boolean,
 	converter: a
-})], f.prototype, "disabled", void 0), i([t({
+})], p.prototype, "disabled", void 0), i([t({
 	type: Boolean,
 	converter: a
-})], f.prototype, "success", void 0), i([t({
+})], p.prototype, "success", void 0), i([t({
 	type: String,
 	reflect: !0
-})], f.prototype, "mode", void 0), i([t({ type: String })], f.prototype, "size", void 0), i([n()], f.prototype, "_value", void 0), i([n()], f.prototype, "focused", void 0), i([r(".input-field")], f.prototype, "inputField", void 0);
+})], p.prototype, "mode", void 0), i([t({ type: String })], p.prototype, "size", void 0), i([n()], p.prototype, "_value", void 0), i([n()], p.prototype, "focused", void 0), i([r(".input-field")], p.prototype, "inputField", void 0);
 //#endregion
-export { f as DsBaseInput };
+export { p as DsBaseInput };

package/dist/esm/components/base/ds-base-progress-bar/ds-base-progress-bar.js

@@ -14,20 +14,10 @@ import { cupraDiagonalStyles as c } from "./styles/cupra-diagonal.styles.js";
 import { cupraStyles as l } from "./styles/cupra.styles.js";
 import { seatStyles as u } from "./styles/seat.styles.js";
 //#region src/components/base/ds-base-progress-bar/ds-base-progress-bar.ts
-var d = class extends o {
+var d, f = class extends o {
 	constructor(...e) {
 		super(...e), this.show = !1, this.mode = "light", this.size = "large";
 	}
-	static {
-		this.styles = [s];
-	}
-	static {
-		this.themesStyles = {
-			cupra: l,
-			"cupra-diagonal": c,
-			seat: u
-		};
-	}
 	get classes() {
 		return {
 			track: !0,
@@ -61,15 +51,19 @@ var d = class extends o {
         `;
 	}
 };
-n([t({
+d = f, d.styles = [s], d.themesStyles = {
+	cupra: l,
+	"cupra-diagonal": c,
+	seat: u
+}, n([t({
 	type: Boolean,
 	converter: r
-})], d.prototype, "show", void 0), n([t({
+})], f.prototype, "show", void 0), n([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), n([t({ type: String })], d.prototype, "size", void 0), n([t({
+})], f.prototype, "mode", void 0), n([t({ type: String })], f.prototype, "size", void 0), n([t({
 	type: String,
 	attribute: "data-aria-label"
-})], d.prototype, "dataAriaLabel", void 0);
+})], f.prototype, "dataAriaLabel", void 0);
 //#endregion
-export { d as DsBaseProgressBar };
+export { f as DsBaseProgressBar };

package/dist/esm/components/ds-accordion/ds-accordion.js

@@ -16,13 +16,10 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import { o as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 //#region src/components/ds-accordion/ds-accordion.ts
-var p = class extends a {
+var p, m = (p = class extends a {
 	constructor(...e) {
 		super(...e), this.maxHeight = 300, this.open = !1, this.mode = "light", this.size = "large", this.disabled = !1, this._open = !1;
 	}
-	static {
-		this.styles = [o];
-	}
 	willUpdate(e) {
 		super.willUpdate(e), e.has("open") && (this._open = this.open);
 	}
@@ -42,14 +39,16 @@ var p = class extends a {
 		};
 	}
 	get openIconTemplate() {
+		var t;
 		if (!this.theme) return e;
-		let t = s[this.theme]?.["icon-names"];
-		return u`<ds-icon class="icon open-icon" role="presentation" icon-name=${f(t?.open || "minus")}></ds-icon>`;
+		let n = (t = s[this.theme]) == null ? void 0 : t["icon-names"];
+		return u`<ds-icon class="icon open-icon" role="presentation" icon-name=${f((n == null ? void 0 : n.open) || "minus")}></ds-icon>`;
 	}
 	get closeIconTemplate() {
+		var t;
 		if (!this.theme) return e;
-		let t = s[this.theme]?.["icon-names"];
-		return u`<ds-icon class="icon close-icon" role="presentation" icon-name=${f(t?.close || "plus")}></ds-icon>`;
+		let n = (t = s[this.theme]) == null ? void 0 : t["icon-names"];
+		return u`<ds-icon class="icon close-icon" role="presentation" icon-name=${f((n == null ? void 0 : n.close) || "plus")}></ds-icon>`;
 	}
 	get styleTokens() {
 		return t`
@@ -88,19 +87,19 @@ var p = class extends a {
             <div class=${d(this.dividerClasses)}></div>
         `;
 	}
-};
+}, p.styles = [o], p);
 i([n({
 	type: Number,
 	attribute: "max-height"
-})], p.prototype, "maxHeight", void 0), i([n({
+})], m.prototype, "maxHeight", void 0), i([n({
 	type: Boolean,
 	converter: l,
 	reflect: !0
-})], p.prototype, "open", void 0), i([n({
+})], m.prototype, "open", void 0), i([n({
 	type: String,
 	reflect: !0
-})], p.prototype, "mode", void 0), i([n({ type: String })], p.prototype, "size", void 0), i([n({
+})], m.prototype, "mode", void 0), i([n({ type: String })], m.prototype, "size", void 0), i([n({
 	type: Boolean,
 	converter: l
-})], p.prototype, "disabled", void 0), i([r()], p.prototype, "_open", void 0), p = i([c("ds-accordion")], p);
+})], m.prototype, "disabled", void 0), i([r()], m.prototype, "_open", void 0), m = i([c("ds-accordion")], m);
 //#endregion

package/dist/esm/components/ds-avatar/ds-avatar.js

@@ -15,13 +15,10 @@ import { o as u } 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 d } from "./styles/common.styles.js";
 //#region src/components/ds-avatar/ds-avatar.ts
-var f = class extends a {
+var f, p = (f = class extends a {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.disabled = !1;
 	}
-	static {
-		this.styles = [d];
-	}
 	get iconTemplate() {
 		return c`<ds-icon class="icon" icon-name="user"></ds-icon>`;
 	}
@@ -43,7 +40,8 @@ var f = class extends a {
 		return Array.isArray(this.assignedImages) && this.assignedImages.length > 0;
 	}
 	get mode() {
-		return this.hasImage ? "media" : this.name?.trim() ? "text" : "icon";
+		var e;
+		return this.hasImage ? "media" : (e = this.name) != null && e.trim() ? "text" : "icon";
 	}
 	handleSlotChange() {
 		this.requestUpdate();
@@ -78,13 +76,13 @@ var f = class extends a {
             </div>
         `;
 	}
-};
-i([n({ type: String })], f.prototype, "size", void 0), i([n({ type: String })], f.prototype, "name", void 0), i([n({
+}, f.styles = [d], f);
+i([n({ type: String })], p.prototype, "size", void 0), i([n({ type: String })], p.prototype, "name", void 0), i([n({
 	type: Boolean,
 	converter: s,
 	reflect: !0
-})], f.prototype, "disabled", void 0), i([r({
+})], p.prototype, "disabled", void 0), i([r({
 	slot: "media",
 	selector: "img"
-})], f.prototype, "assignedImages", void 0), f = i([o("ds-avatar")], f);
+})], p.prototype, "assignedImages", void 0), p = i([o("ds-avatar")], p);
 //#endregion

package/dist/esm/components/ds-badge/ds-badge.js

@@ -11,13 +11,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/if-defined.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-badge/ds-badge.ts
-var l = class extends i {
+var l, u = (l = class extends i {
 	constructor(...e) {
 		super(...e), this.variant = "base", this.size = "large";
 	}
-	static {
-		this.styles = [c];
-	}
 	get hasNumber() {
 		return typeof this.number == "number" && !Number.isNaN(this.number);
 	}
@@ -39,6 +36,6 @@ var l = class extends i {
 	render() {
 		return t` <div class=${o(this.classes)} aria-label=${s(this.badgeAriaLabel)}>${this.contentTemplate}</div> `;
 	}
-};
-r([n({ type: Number })], l.prototype, "number", void 0), r([n({ type: String })], l.prototype, "variant", void 0), r([n({ type: String })], l.prototype, "size", void 0), l = r([a("ds-badge")], l);
+}, l.styles = [c], l);
+r([n({ type: Number })], u.prototype, "number", void 0), r([n({ type: String })], u.prototype, "variant", void 0), r([n({ type: String })], u.prototype, "size", void 0), u = r([a("ds-badge")], u);
 //#endregion

package/dist/esm/components/ds-basic-card/ds-basic-card.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-basic-card/ds-basic-card.ts
-var c = class extends i {
+var c, l = (c = class extends i {
 	constructor(...e) {
 		super(...e), this.variant = "default";
 	}
-	static {
-		this.styles = [s];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -42,6 +39,6 @@ var c = class extends i {
             </article>
         `;
 	}
-};
-r([n({ type: String })], c.prototype, "variant", void 0), c = r([a("ds-basic-card")], c);
+}, c.styles = [s], c);
+r([n({ type: String })], l.prototype, "variant", void 0), l = r([a("ds-basic-card")], l);
 //#endregion

package/dist/esm/components/ds-basic-card-header/ds-basic-card-header.js

@@ -9,10 +9,7 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import "../ds-divider/ds-divider.js";
 import { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-basic-card-header/ds-basic-card-header.ts
-var s = class extends n {
-	static {
-		this.styles = [o];
-	}
+var s, c = (s = class extends n {
 	get dividerTemplate() {
 		return i`<ds-divider class="divider" variant="secondary"></ds-divider>`;
 	}
@@ -38,6 +35,6 @@ var s = class extends n {
             </header>
         `;
 	}
-};
-s = t([r("ds-basic-card-header")], s);
+}, s.styles = [o], s);
+c = t([r("ds-basic-card-header")], c);
 //#endregion

package/dist/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/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/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/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/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 };