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

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

@@ -17,7 +17,7 @@ import { o as f } 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 p } from "./styles/common.styles.js";
 //#region src/components/ds-text/ds-text.ts
-var m = new Set([
+var m, h = new Set([
 	"span",
 	"p",
 	"strong",
@@ -31,27 +31,25 @@ var m = new Set([
 	"h4",
 	"h5",
 	"h6"
-]), h = class extends u(i) {
+]), g = (m = class extends u(i) {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.emphasis = "secondary", this.variant = "body", this.htmlTagName = "span", this.mode = "light";
 	}
-	static {
-		this.styles = [p];
-	}
 	get classes() {
-		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
+		var e, t;
+		let n = typeof this.size == "string" ? this.size : this.size[this.viewport];
 		return {
 			container: !0,
-			[`size-${e}`]: !!e,
+			[`size-${n}`]: !!n,
 			[`mode-${this.mode}`]: !!this.mode,
 			[`emphasis-${this.emphasis}`]: !!this.emphasis,
 			[`variant-${this.variant}`]: !!this.variant,
-			"display-contents": this.slotedNodes?.some?.((e) => e.nodeType !== Node.TEXT_NODE),
+			"display-contents": (e = this.slotedNodes) == null || (t = e.some) == null ? void 0 : t.call(e, (e) => e.nodeType !== Node.TEXT_NODE),
 			uppercase: this.uppercase
 		};
 	}
 	render() {
-		let t = (this.htmlTagName ?? "").toLowerCase(), n = c(m.has(t) ? t : "span");
+		let t = (this.htmlTagName ?? "").toLowerCase(), n = c(h.has(t) ? t : "span");
 		return l`
             <${n} 
                 part="container" 
@@ -64,25 +62,25 @@ var m = new Set([
             </${n}>
         `;
 	}
-};
+}, m.styles = [p], m);
 r([t({
 	type: String,
 	converter: d
-})], h.prototype, "size", void 0), r([t({ type: String })], h.prototype, "emphasis", void 0), r([t({ type: String })], h.prototype, "variant", void 0), r([t({
+})], g.prototype, "size", void 0), r([t({ type: String })], g.prototype, "emphasis", void 0), r([t({ type: String })], g.prototype, "variant", void 0), r([t({
 	type: String,
 	attribute: "html-tag-name"
-})], h.prototype, "htmlTagName", void 0), r([t({ type: String })], h.prototype, "value", void 0), r([t({
+})], g.prototype, "htmlTagName", void 0), r([t({ type: String })], g.prototype, "value", void 0), r([t({
 	type: String,
 	reflect: !0
-})], h.prototype, "mode", void 0), r([t({
+})], g.prototype, "mode", void 0), r([t({
 	type: String,
 	reflect: !0
-})], h.prototype, "color", void 0), r([t({
+})], g.prototype, "color", void 0), r([t({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], h.prototype, "uppercase", void 0), r([n({
+})], g.prototype, "uppercase", void 0), r([n({
 	slot: "",
 	flatten: !0
-})], h.prototype, "slotedNodes", void 0), h = r([a("ds-text")], h);
+})], g.prototype, "slotedNodes", void 0), g = r([a("ds-text")], g);
 //#endregion

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

@@ -15,7 +15,7 @@ import { inputStatesMixin as l } from "../../mixins/inputStatesMixin.js";
 import { validateMaxLength as u } from "../../utils/validateMaxLength.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-text-input/ds-text-input.ts
-var f = class extends l(i) {
+var f, p = (f = class extends l(i) {
 	constructor(...e) {
 		super(...e), this.keyboardMode = !1, this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.dataAriaLabelRemoveButton = "", this.hideClearButton = !1, this.handleClickIcon = () => {
 			this.nativeInput.value = "", this.nativeInput.focus(), ["input", "change"].forEach((e) => this.nativeInput.dispatchEvent(new Event(e, {
@@ -24,9 +24,6 @@ var f = class extends l(i) {
 			})));
 		};
 	}
-	static {
-		this.styles = [d];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -58,19 +55,21 @@ var f = class extends l(i) {
         `;
 	}
 	get iconTemplate() {
-		return this.hideClearButton || !this.nativeInput?.value?.length || this.inputStates.readonly ? e : o`<ds-icon-button
+		var t, n;
+		return this.hideClearButton || !(!((t = this.nativeInput) == null || (t = t.value) == null) && t.length) || this.inputStates.readonly ? e : o`<ds-icon-button
             class="icon-button"
             icon-name="cross"
             size=${c(this.size)}
-            ?disabled=${!!this.nativeInput?.disabled}
+            ?disabled=${!!((n = this.nativeInput) != null && n.disabled)}
             variant="naked"
             @click=${this.handleClickIcon}
             data-aria-label=${this.dataAriaLabelRemoveButton || "remove button"}
         ></ds-icon-button>`;
 	}
 	get lengthTemplate() {
-		let n = this.nativeInput?.maxLength?.toString();
-		return u(n) ? t`<span class="char-counter">${this.inputStates.currentValue?.length || 0}/${n}</span>` : e;
+		var n, r;
+		let i = (n = this.nativeInput) == null || (n = n.maxLength) == null ? void 0 : n.toString();
+		return u(i) ? t`<span class="char-counter">${((r = this.inputStates.currentValue) == null ? void 0 : r.length) || 0}/${i}</span>` : e;
 	}
 	get helperTextTemplate() {
 		return this.inputStates.readonly || this.forcedError || this.inputStates.invalid && this.invalidError ? e : t`<span class="support-text helper-text">${this.helperText}</span>`;
@@ -84,25 +83,25 @@ var f = class extends l(i) {
 	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>`;
 	}
-};
-r([n({ type: String })], f.prototype, "size", void 0), r([n({
+}, f.styles = [d], f);
+r([n({ type: String })], p.prototype, "size", void 0), r([n({
 	type: String,
 	attribute: "helper-text"
-})], f.prototype, "helperText", void 0), r([n({
+})], p.prototype, "helperText", void 0), r([n({
 	type: String,
 	attribute: "forced-error"
-})], f.prototype, "forcedError", void 0), r([n({
+})], p.prototype, "forcedError", void 0), r([n({
 	type: String,
 	attribute: "invalid-error"
-})], f.prototype, "invalidError", void 0), r([n({
+})], p.prototype, "invalidError", void 0), r([n({
 	type: String,
 	attribute: "readonly-text"
-})], f.prototype, "readonlyText", void 0), r([n({
+})], p.prototype, "readonlyText", void 0), r([n({
 	type: String,
 	attribute: "data-aria-label-remove-button"
-})], f.prototype, "dataAriaLabelRemoveButton", void 0), r([n({
+})], p.prototype, "dataAriaLabelRemoveButton", void 0), r([n({
 	type: Boolean,
 	attribute: "hide-clear-button"
-})], f.prototype, "hideClearButton", void 0), f = r([a("ds-text-input")], f);
+})], p.prototype, "hideClearButton", void 0), p = r([a("ds-text-input")], p);
 //#endregion
-export { f as DsTextInput };
+export { p as DsTextInput };

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

@@ -13,13 +13,10 @@ import { inputStatesMixin as l } from "../../mixins/inputStatesMixin.js";
 import { validateMaxLength as u } from "../../utils/validateMaxLength.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-textarea/ds-textarea.ts
-var f = class extends l(s(i)) {
+var f, p = (f = class extends l(s(i)) {
 	constructor(...e) {
 		super(...e), this.keyboardMode = !1, this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.mode = "light";
 	}
-	static {
-		this.styles = [d];
-	}
 	onInputReady(e) {
 		e.classList.add("ds-scroll");
 	}
@@ -55,8 +52,9 @@ var f = class extends l(s(i)) {
         `;
 	}
 	get lengthTemplate() {
-		let n = this.nativeInput?.maxLength?.toString();
-		return u(n) ? t`<span class="char-counter">${this.inputStates.currentValue?.length || 0}/${n}</span>` : e;
+		var n, r;
+		let i = (n = this.nativeInput) == null || (n = n.maxLength) == null ? void 0 : n.toString();
+		return u(i) ? t`<span class="char-counter">${((r = this.inputStates.currentValue) == null ? void 0 : r.length) || 0}/${i}</span>` : e;
 	}
 	get helperTextTemplate() {
 		return this.inputStates.readonly || this.forcedError || this.inputStates.invalid && this.invalidError ? e : t`<span class="support-text helper-text">${this.helperText}</span>`;
@@ -70,21 +68,21 @@ var f = class extends l(s(i)) {
 	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>`;
 	}
-};
+}, f.styles = [d], f);
 r([n({
 	type: String,
 	converter: c
-})], f.prototype, "size", void 0), r([n({
+})], p.prototype, "size", void 0), r([n({
 	type: String,
 	attribute: "helper-text"
-})], f.prototype, "helperText", void 0), r([n({
+})], p.prototype, "helperText", void 0), r([n({
 	type: String,
 	attribute: "forced-error"
-})], f.prototype, "forcedError", void 0), r([n({
+})], p.prototype, "forcedError", void 0), r([n({
 	type: String,
 	attribute: "invalid-error"
-})], f.prototype, "invalidError", void 0), r([n({
+})], p.prototype, "invalidError", void 0), r([n({
 	type: String,
 	attribute: "readonly-text"
-})], f.prototype, "readonlyText", void 0), r([n({ type: String })], f.prototype, "mode", void 0), f = r([a("ds-textarea")], f);
+})], p.prototype, "readonlyText", void 0), r([n({ type: String })], p.prototype, "mode", void 0), p = r([a("ds-textarea")], p);
 //#endregion

package/dist/esm/components/ds-theme-provider/ds-theme-provider.js

@@ -1,32 +1,36 @@
 import { e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
 import { themeContext as t } from "./themeContext.js";
-import { THEME_STORAGE_KEY as n } from "../../core/theme.constants.js";
-import { pubSub as r } from "../../utils/PubSub.js";
-import { E as i, x as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import { i as o } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import "../../core/theme.constants.js";
+import { pubSub as n } from "../../utils/PubSub.js";
+import { E as r, x as i } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import { i as a } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n as s } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { r as c } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import { n as o } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r as s } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as l } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
-import { customUiKitElement as u } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as d } from "../../utils/booleanConverter.js";
-import { fontsConfig as f } from "../../styles/source/shared/fonts-config.js";
+import { __decorate as c } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { customUiKitElement as l } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as u } from "../../utils/booleanConverter.js";
+import { fontsConfig as d } from "../../styles/source/shared/fonts-config.js";
 //#region src/components/ds-theme-provider/ds-theme-provider.ts
-var p = class extends o {
+var f = class extends a {
 	constructor(...e) {
 		super(...e), this.loadFonts = !0, this.loadStyles = !0, this.loadUnusedStyles = !0, this.cssLoaded = !1, this.loadedFonts = /* @__PURE__ */ new Set();
 	}
 	updated(e) {
-		super.updated(e), e.has("theme") && (r.publish("theme", this.theme), sessionStorage?.setItem(n, this.theme), typeof FontFace < "u" && document?.fonts && this.loadThemeFonts(), this.loadThemeStyles().then(() => {
-			this.cssLoaded = !0, this.dispatchEvent(new CustomEvent("ui-kit:ready", {
-				bubbles: !0,
-				composed: !0
-			}));
-		}));
+		if (super.updated(e), e.has("theme")) {
+			var t, r;
+			n.publish("theme", this.theme), (t = sessionStorage) == null || t.setItem("@cupra/ui-kit/theme", this.theme), typeof FontFace < "u" && (r = document) != null && r.fonts && this.loadThemeFonts(), this.loadThemeStyles().then(() => {
+				this.cssLoaded = !0, this.dispatchEvent(new CustomEvent("ui-kit:ready", {
+					bubbles: !0,
+					composed: !0
+				}));
+			});
+		}
 	}
 	loadThemeFonts() {
-		f[this.theme]?.fonts.forEach((e) => {
+		var e;
+		(e = d[this.theme]) == null || e.fonts.forEach((e) => {
 			this.loadThemeFont(e);
 		});
 	}
@@ -49,13 +53,13 @@ var p = class extends o {
 		}
 	}
 	loadThemeStyles() {
-		let e = "/2.0.0-canary.167";
+		let e = "/2.0.0-canary.169";
 		return this.loadUnusedStyles && this.applyUnusedStyles(e), this.loadStyles ? new Promise((t, n) => {
 			let r = `https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;
 			if (document.head.querySelector(`link[href="${r}"]`)) t();
 			else {
 				let i = `ui-kit-theme-${e}`, a = document.getElementById(i), o = document.createElement("link");
-				o.id = i, o.rel = "stylesheet", o.href = r, o.onload = () => t(), o.onerror = () => n(/* @__PURE__ */ Error(`Failed to load theme CSS: ${r}`)), document.head.appendChild(o), a?.remove();
+				o.id = i, o.rel = "stylesheet", o.href = r, o.onload = () => t(), o.onerror = () => n(/* @__PURE__ */ Error(`Failed to load theme CSS: ${r}`)), document.head.appendChild(o), a == null || a.remove();
 			}
 		}) : Promise.resolve();
 	}
@@ -65,23 +69,23 @@ var p = class extends o {
 		let n = `ui-kit-unused-styles-${e}`, r = document.getElementById(n), i = document.createElement("link");
 		i.id = n, i.rel = "preload", i.as = "style", i.href = t, i.onload = () => {
 			i.rel = "stylesheet";
-		}, document.head.appendChild(i), r?.remove();
+		}, document.head.appendChild(i), r == null || r.remove();
 	}
 	render() {
-		return this.cssLoaded ? a`<slot></slot>` : i;
+		return this.cssLoaded ? i`<slot></slot>` : r;
 	}
 };
-l([s({
+c([o({
 	type: Boolean,
-	converter: d,
+	converter: u,
 	attribute: "load-fonts"
-})], p.prototype, "loadFonts", void 0), l([s({
+})], f.prototype, "loadFonts", void 0), c([o({
 	type: Boolean,
-	converter: d,
+	converter: u,
 	attribute: "load-styles"
-})], p.prototype, "loadStyles", void 0), l([s({
+})], f.prototype, "loadStyles", void 0), c([o({
 	type: Boolean,
-	converter: d,
+	converter: u,
 	attribute: "load-unused-styles"
-})], p.prototype, "loadUnusedStyles", void 0), l([e({ context: t }), s({ type: String })], p.prototype, "theme", void 0), l([c()], p.prototype, "cssLoaded", void 0), l([c()], p.prototype, "loadedFonts", void 0), p = l([u("ds-theme-provider")], p);
+})], f.prototype, "loadUnusedStyles", void 0), c([e({ context: t }), o({ type: String })], f.prototype, "theme", void 0), c([s()], f.prototype, "cssLoaded", void 0), c([s()], f.prototype, "loadedFonts", void 0), f = c([l("ds-theme-provider")], f);
 //#endregion

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

@@ -19,20 +19,17 @@ import { c as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/repeat.js";
 import { containerStyles as p, toastStyles as m } from "./styles/common.styles.js";
 //#region src/components/ds-toast/ds-toast.ts
-var h = class extends a {
+var h, g = (h = class extends a {
 	constructor(...e) {
 		super(...e), this.position = "top-right", this.toasts = [], this.unsubscribe = null;
 	}
-	static {
-		this.styles = [p, m];
-	}
 	connectedCallback() {
 		super.connectedCallback(), this.unsubscribe = d.subscribe((e) => {
 			this.toasts = e;
 		});
 	}
 	disconnectedCallback() {
-		this.unsubscribe &&= (this.unsubscribe(), null), super.disconnectedCallback();
+		this.unsubscribe && (this.unsubscribe(), this.unsubscribe = null), super.disconnectedCallback();
 	}
 	handleAnimationEnd(e) {
 		let t = e.target;
@@ -80,6 +77,6 @@ var h = class extends a {
             </div>
         `;
 	}
-};
-i([n({ type: String })], h.prototype, "position", void 0), i([r()], h.prototype, "toasts", void 0), h = i([o("ds-toast")], h);
+}, h.styles = [p, m], h);
+i([n({ type: String })], g.prototype, "position", void 0), i([r()], g.prototype, "toasts", void 0), g = i([o("ds-toast")], g);
 //#endregion

package/dist/esm/components/ds-toast/utils/ToastManager.js

@@ -15,18 +15,18 @@ var e = 1e4, t = () => typeof crypto < "u" && typeof crypto.randomUUID == "funct
 			let { id: t, referenceId: n } = e.detail || {};
 			if (!t && !n) return;
 			let r;
-			t ? r = this.toasts.find((e) => e.id === t) : n && (r = this.toasts.find((e) => e.referenceId === n)), r && (r?.timeoutId && window.clearTimeout(r.timeoutId), r.exiting = !0, this.notifySubscribers());
+			t ? r = this.toasts.find((e) => e.id === t) : n && (r = this.toasts.find((e) => e.referenceId === n)), r && (r != null && r.timeoutId && window.clearTimeout(r.timeoutId), r.exiting = !0, this.notifySubscribers());
 		}, this.initialize();
 	}
 	initialize() {
 		window.addEventListener("toast:add", this.handleAddToast), window.addEventListener("toast:remove", this.handleRemoveToast);
 	}
 	static getInstance() {
-		return n.instance ||= new n(), n.instance;
+		return n.instance || (n.instance = new n()), n.instance;
 	}
 	removeToast(e) {
 		let t = this.toasts.find((t) => t.id === e);
-		t?.timeoutId && window.clearTimeout(t.timeoutId), this.toasts = this.toasts.filter((t) => t.id !== e), this.notifySubscribers();
+		t != null && t.timeoutId && window.clearTimeout(t.timeoutId), this.toasts = this.toasts.filter((t) => t.id !== e), this.notifySubscribers();
 	}
 	getToasts() {
 		return [...this.toasts];

package/dist/esm/components/ds-toast-message/ds-toast-message.js

@@ -16,13 +16,10 @@ import { n as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../ds-icon-button/ds-icon-button.js";
 import { toastMessageStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-toast-message/ds-toast-message.ts
-var f = class extends i {
+var f, p = (f = class extends i {
 	constructor(...e) {
 		super(...e), this.status = "default", this.dataId = "", this.title = "", this.text = "", this.dataTemplate = !0;
 	}
-	static {
-		this.styles = [d];
-	}
 	getIconName() {
 		switch (this.status) {
 			case "success": return "check-mark-circle";
@@ -73,15 +70,15 @@ var f = class extends i {
             </div>
         `;
 	}
-};
-r([n({ type: String })], f.prototype, "status", void 0), r([n({
+}, f.styles = [d], f);
+r([n({ type: String })], p.prototype, "status", void 0), r([n({
 	type: String,
 	attribute: "data-id",
 	reflect: !0
-})], f.prototype, "dataId", void 0), r([n({ type: String })], f.prototype, "title", void 0), r([n({ type: String })], f.prototype, "text", void 0), r([n({
+})], p.prototype, "dataId", void 0), r([n({ type: String })], p.prototype, "title", void 0), r([n({ type: String })], p.prototype, "text", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	attribute: "data-template",
 	reflect: !0
-})], f.prototype, "dataTemplate", void 0), f = r([a("ds-toast-message")], f);
+})], p.prototype, "dataTemplate", void 0), p = r([a("ds-toast-message")], p);
 //#endregion

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

@@ -25,6 +25,7 @@ var c = class extends s {
 		}));
 	}
 	render() {
+		var t;
 		return e`
             <style>
                 :host {
@@ -33,7 +34,7 @@ var c = class extends s {
             </style>
             ${this.cssTokens}
             <button
-                aria-label=${this.textContent?.replace(/^\s+|\s+$/g, "")}
+                aria-label=${(t = this.textContent) == null ? void 0 : t.replace(/^\s+|\s+$/g, "")}
                 aria-pressed=${this.checked}
                 class=${a(this.classes)}
                 ?disabled=${this.disabled}

package/dist/esm/components/ds-toggle-switch/ds-toggle-switch.js

@@ -12,13 +12,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-toggle-switch/ds-toggle-switch.ts
-var l = class extends i {
+var l, u = (l = class extends i {
 	constructor(...e) {
 		super(...e), this.size = "medium", this._checked = void 0, this._checkedState = !1, this.disabled = !1, this.mode = "light";
 	}
-	static {
-		this.styles = [c];
-	}
 	get checked() {
 		return this._checked ?? this._checkedState;
 	}
@@ -83,21 +80,21 @@ var l = class extends i {
             </div>
         `;
 	}
-};
-r([t({ type: String })], l.prototype, "size", void 0), r([t({
+}, l.styles = [c], l);
+r([t({ type: String })], u.prototype, "size", void 0), r([t({
 	type: Boolean,
 	attribute: "checked",
 	converter: o,
 	reflect: !0
-})], l.prototype, "_checked", void 0), r([n()], l.prototype, "_checkedState", void 0), r([t({
+})], u.prototype, "_checked", void 0), r([n()], u.prototype, "_checkedState", void 0), r([t({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], l.prototype, "disabled", void 0), r([t({
+})], u.prototype, "disabled", void 0), r([t({
 	type: String,
 	reflect: !0
-})], l.prototype, "mode", void 0), r([t({
+})], u.prototype, "mode", void 0), r([t({
 	type: String,
 	attribute: "data-aria-label"
-})], l.prototype, "dataAriaLabel", void 0), l = r([a("ds-toggle-switch")], l);
+})], u.prototype, "dataAriaLabel", void 0), u = r([a("ds-toggle-switch")], u);
 //#endregion

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

@@ -15,7 +15,7 @@ import { arrow as d, computePosition as f, flip as p, offset as m, shift as h, s
 import { debounce as _ } from "../../utils/debounce.js";
 import { commonStyles as v } from "./styles/common.styles.js";
 //#region src/components/ds-tooltip/ds-tooltip.ts
-var y = class extends s {
+var y, b = (y = class extends s {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.show = !1, this.disableHoverListener = !1, this.disableFocusListener = !1, this.disablePressListener = !1, this.tooltipId = `ds-tooltip-${Date.now()}-${Math.floor(Math.random() * 1e6)}`, this.usingKeyboard = !1, this.handleKeyDown = () => {
 			this.usingKeyboard = !0;
@@ -31,30 +31,32 @@ var y = class extends s {
 			this.disableHoverListener || (this.show = !0);
 		}, this.handleAnchorMouseOut = () => {
 			this.disableHoverListener || setTimeout(() => {
-				!this.container?.matches?.(":hover") && !this.arrow?.matches?.(":hover") && !this?.matches?.(":hover") && (this.show = !1);
+				var e, t, n, r, i, a;
+				!(!((e = this.container) == null || (t = e.matches) == null) && t.call(e, ":hover")) && !(!((n = this.arrow) == null || (r = n.matches) == null) && r.call(n, ":hover")) && !(!((i = this) == null || (a = i.matches) == null) && a.call(i, ":hover")) && (this.show = !1);
 			}, 150);
 		}, this.handleAnchorFocusIn = () => {
 			this.usingKeyboard && (this.disableFocusListener || (this.show = !0));
 		}, this.handleAnchorFocusOut = () => {
 			this.usingKeyboard && (this.disableFocusListener || (this.show = !1));
 		}, this.handlePressOutside = (e) => {
+			var t;
 			if (this.disablePressListener || e.button !== 0) return;
-			let t = e.target;
-			t === this || this.contains(t) || this.shadowRoot?.contains(t) || this.anchorElements[0] === t || this.anchorElements[0].contains(t) || (this.show = !1);
+			let n = e.target;
+			n === this || this.contains(n) || (t = this.shadowRoot) != null && t.contains(n) || this.anchorElements[0] === n || this.anchorElements[0].contains(n) || (this.show = !1);
 		};
 	}
-	static {
-		this.styles = [v];
-	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.container?.matches(":popover-open") && this.container.hidePopover(), window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handlePointerDown);
+		var e;
+		super.disconnectedCallback(), (e = this.container) != null && e.matches(":popover-open") && this.container.hidePopover(), window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handlePointerDown);
 	}
 	updated(e) {
-		super.updated(e), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handlePointerDown), this.show && this.container?.isConnected && !this.container.matches(":popover-open") ? this.container.showPopover() : !this.show && this.container?.isConnected && this.container.matches(":popover-open") && this.container.hidePopover(), this.updatePosition(), e.has("show") && (this.show ? (window.addEventListener("resize", this.handleResize), document.addEventListener("pointerdown", this.handlePressOutside)) : (window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside)));
+		var t, n;
+		super.updated(e), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handlePointerDown), this.show && (t = this.container) != null && t.isConnected && !this.container.matches(":popover-open") ? this.container.showPopover() : !this.show && (n = this.container) != null && n.isConnected && this.container.matches(":popover-open") && this.container.hidePopover(), this.updatePosition(), e.has("show") && (this.show ? (window.addEventListener("resize", this.handleResize), document.addEventListener("pointerdown", this.handlePressOutside)) : (window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside)));
 	}
 	updatePosition() {
 		requestAnimationFrame(() => {
-			!this.anchorContainer || !this.container || !this.show || !this.anchorElements?.[0] || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (f(this.anchorContainer, this.container, {
+			var e;
+			!this.anchorContainer || !this.container || !this.show || !((e = this.anchorElements) != null && e[0]) || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (f(this.anchorContainer, this.container, {
 				strategy: "fixed",
 				placement: "bottom-start",
 				middleware: [
@@ -91,10 +93,11 @@ var y = class extends s {
 		});
 	}
 	get arrowClasses() {
+		var e, t;
 		return {
 			arrow: !0,
 			[this.mode]: !0,
-			"not-positionable": this?.offsetWidth > this.container?.offsetWidth
+			"not-positionable": ((e = this) == null ? void 0 : e.offsetWidth) > ((t = this.container) == null ? void 0 : t.offsetWidth)
 		};
 	}
 	get containerClasses() {
@@ -105,17 +108,19 @@ var y = class extends s {
 		};
 	}
 	get headerClasses() {
+		var e, t;
 		return {
 			"header-container": !0,
-			hidden: this.headerElements?.length === 0 && this.closeButtonElements?.length === 0
+			hidden: ((e = this.headerElements) == null ? void 0 : e.length) === 0 && ((t = this.closeButtonElements) == null ? void 0 : t.length) === 0
 		};
 	}
 	get contentClasses() {
+		var e;
 		return {
 			"content-container": !0,
 			"ds-scroll": !0,
 			"ds-scroll--size-s": !0,
-			hidden: this.contentElements?.length === 0
+			hidden: ((e = this.contentElements) == null ? void 0 : e.length) === 0
 		};
 	}
 	get arrowTemplate() {
@@ -185,28 +190,28 @@ var y = class extends s {
             ${this.tooltipTemplate}
         `;
 	}
-};
+}, y.styles = [v], y);
 o([n({
 	type: String,
 	reflect: !0
-})], y.prototype, "mode", void 0), o([n({
+})], b.prototype, "mode", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l
-})], y.prototype, "show", void 0), o([n({
+})], b.prototype, "show", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l,
 	attribute: "disable-hover-listener"
-})], y.prototype, "disableHoverListener", void 0), o([n({
+})], b.prototype, "disableHoverListener", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l,
 	attribute: "disable-focus-listener"
-})], y.prototype, "disableFocusListener", void 0), o([n({
+})], b.prototype, "disableFocusListener", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l,
 	attribute: "disable-press-listener"
-})], y.prototype, "disablePressListener", void 0), o([r()], y.prototype, "tooltopPlacement", void 0), o([r()], y.prototype, "tooltipId", void 0), o([i(".container")], y.prototype, "container", void 0), o([i("#button")], y.prototype, "anchorContainer", void 0), o([i("#arrow")], y.prototype, "arrow", void 0), o([a({ slot: "" })], y.prototype, "anchorElements", void 0), o([a({ slot: "header" })], y.prototype, "headerElements", void 0), o([a({ slot: "close-button" })], y.prototype, "closeButtonElements", void 0), o([a({ slot: "content" })], y.prototype, "contentElements", void 0), y = o([c("ds-tooltip")], y);
+})], b.prototype, "disablePressListener", void 0), o([r()], b.prototype, "tooltopPlacement", void 0), o([r()], b.prototype, "tooltipId", void 0), o([i(".container")], b.prototype, "container", void 0), o([i("#button")], b.prototype, "anchorContainer", void 0), o([i("#arrow")], b.prototype, "arrow", void 0), o([a({ slot: "" })], b.prototype, "anchorElements", void 0), o([a({ slot: "header" })], b.prototype, "headerElements", void 0), o([a({ slot: "close-button" })], b.prototype, "closeButtonElements", void 0), o([a({ slot: "content" })], b.prototype, "contentElements", void 0), b = o([c("ds-tooltip")], b);
 //#endregion

package/dist/esm/components/ds-value-unit/ds-value-unit.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-value-unit/ds-value-unit.ts
-var s = class extends r {
+var s, c = (s = class extends r {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.valueWeight = "regular", this.unitWeight = "light";
 	}
-	static {
-		this.styles = [o];
-	}
 	render() {
 		let t = {
 			value: !0,
@@ -37,12 +34,12 @@ var s = class extends r {
             </div>
         `;
 	}
-};
-n([t({ type: String })], s.prototype, "size", void 0), n([t({
+}, s.styles = [o], s);
+n([t({ type: String })], c.prototype, "size", void 0), n([t({
 	type: String,
 	attribute: "value-weight"
-})], s.prototype, "valueWeight", void 0), n([t({
+})], c.prototype, "valueWeight", void 0), n([t({
 	type: String,
 	attribute: "unit-weight"
-})], s.prototype, "unitWeight", void 0), s = n([i("ds-value-unit")], s);
+})], c.prototype, "unitWeight", void 0), c = n([i("ds-value-unit")], c);
 //#endregion