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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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