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

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

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

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

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

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

@@ -9,13 +9,10 @@ import { e as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-list/ds-list.ts
-var s = class extends r {
+var s, c = (s = class extends r {
 	constructor(...e) {
 		super(...e), this.size = "large";
 	}
-	static {
-		this.styles = [o];
-	}
 	get classes() {
 		return {
 			"ds-list": !0,
@@ -33,9 +30,9 @@ var s = class extends r {
             </div>
         `;
 	}
-};
+}, s.styles = [o], s);
 n([t({
 	type: String,
 	reflect: !0
-})], s.prototype, "size", void 0), s = n([i("ds-list")], s);
+})], c.prototype, "size", void 0), c = n([i("ds-list")], c);
 //#endregion

package/dist/esm/components/ds-list-item/ds-list-item.js

@@ -10,13 +10,10 @@ import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-list-item/ds-list-item.ts
-var l = class extends i {
+var l, u = (l = class extends i {
 	constructor(...e) {
 		super(...e), this.variant = "selection", this.selected = !1, this.disabled = !1, this.size = "large";
 	}
-	static {
-		this.styles = [c];
-	}
 	get classes() {
 		return {
 			content: !0,
@@ -27,7 +24,8 @@ var l = class extends i {
 		};
 	}
 	connectedCallback() {
-		if (super.connectedCallback?.(), !this.hasAttribute("size")) {
+		var e;
+		if ((e = super.connectedCallback) == null || e.call(this), !this.hasAttribute("size")) {
 			let e = this.closest("ds-list");
 			e && (this.size = e.size);
 		}
@@ -88,18 +86,18 @@ var l = class extends i {
             ${n ? o`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>` : e}
         `;
 	}
-};
+}, l.styles = [c], l);
 r([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "variant", void 0), r([n({
+})], u.prototype, "variant", void 0), r([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "selected", void 0), r([n({
+})], u.prototype, "selected", void 0), r([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "disabled", void 0), r([n({
+})], u.prototype, "disabled", void 0), r([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "size", void 0), l = r([a("ds-list-item")], l);
+})], u.prototype, "size", void 0), u = r([a("ds-list-item")], u);
 //#endregion

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

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

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

@@ -12,13 +12,10 @@ import { o as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-loader-dots/ds-loader-dots.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this.show = !1, this.mode = "light", this.size = "large";
 	}
-	static {
-		this.styles = [l];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -50,15 +47,15 @@ var u = class extends i {
                   </div>
               ` : e;
 	}
-};
+}, u.styles = [l], u);
 r([n({
 	type: Boolean,
 	converter: o
-})], u.prototype, "show", void 0), r([n({
+})], d.prototype, "show", void 0), r([n({
 	type: String,
 	reflect: !0
-})], u.prototype, "mode", void 0), r([n({ type: String })], u.prototype, "size", void 0), r([n({
+})], d.prototype, "mode", void 0), r([n({ type: String })], d.prototype, "size", void 0), r([n({
 	type: String,
 	attribute: "data-aria-label"
-})], u.prototype, "dataAriaLabel", void 0), u = r([a("ds-loader-dots")], u);
+})], d.prototype, "dataAriaLabel", void 0), d = r([a("ds-loader-dots")], d);
 //#endregion

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

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

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

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

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

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

package/dist/esm/components/ds-main-title/ds-main-title.js

@@ -9,13 +9,10 @@ import { e as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-main-title/ds-main-title.ts
-var s = class extends r {
+var s, c = (s = class extends r {
 	constructor(...e) {
 		super(...e), this.alignment = "left";
 	}
-	static {
-		this.styles = [o];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -30,6 +27,6 @@ var s = class extends r {
             </div>
         `;
 	}
-};
-n([t({ type: String })], s.prototype, "alignment", void 0), s = n([i("ds-main-title")], s);
+}, s.styles = [o], s);
+n([t({ type: String })], c.prototype, "alignment", void 0), c = n([i("ds-main-title")], c);
 //#endregion

package/dist/esm/components/ds-map-pin/ds-map-pin.js

@@ -14,13 +14,10 @@ import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 import { mapPinStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-map-pin/ds-map-pin.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.width = 48, this.height = 48, this.checked = !1, this.iconSize = 24, this.iconTop = 8;
 	}
-	static {
-		this.styles = [u];
-	}
 	get iconTemplate() {
 		return this.iconName ? s`<ds-icon class="icon" icon-name=${l(this.iconName)} size=${l(this.iconSize)}></ds-icon>` : e;
 	}
@@ -77,28 +74,28 @@ var d = class extends i {
             </span>
         `;
 	}
-};
+}, d.styles = [u], d);
 r([n({
 	type: Number,
 	attribute: "width"
-})], d.prototype, "width", void 0), r([n({
+})], f.prototype, "width", void 0), r([n({
 	type: Number,
 	attribute: "height"
-})], d.prototype, "height", void 0), r([n({
+})], f.prototype, "height", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], d.prototype, "checked", void 0), r([n({
+})], f.prototype, "checked", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], d.prototype, "iconName", void 0), r([n({
+})], f.prototype, "iconName", void 0), r([n({
 	type: Number,
 	attribute: "icon-size"
-})], d.prototype, "iconSize", void 0), r([n({
+})], f.prototype, "iconSize", void 0), r([n({
 	type: Number,
 	attribute: "icon-top"
-})], d.prototype, "iconTop", void 0), r([n({
+})], f.prototype, "iconTop", void 0), r([n({
 	type: Number,
 	attribute: "cluster-count"
-})], d.prototype, "clusterCount", void 0), d = r([a("ds-map-pin")], d);
+})], f.prototype, "clusterCount", void 0), f = r([a("ds-map-pin")], f);
 //#endregion

package/dist/esm/components/ds-media-control/ds-media-control.js

@@ -14,7 +14,7 @@ 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-media-control/ds-media-control.ts
-var u = class extends i {
+var u, d = (u = class extends i {
 	constructor(...e) {
 		super(...e), this._state = void 0, this._stateValue = "pause", this.size = "medium", this.progress = 0, this.handleToggle = (e) => {
 			e.stopPropagation();
@@ -29,9 +29,6 @@ var u = class extends i {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleToggle(e));
 		};
 	}
-	static {
-		this.styles = [l];
-	}
 	get state() {
 		return this._state ?? this._stateValue;
 	}
@@ -96,16 +93,16 @@ var u = class extends i {
             </div>
         `;
 	}
-};
+}, u.styles = [l], u);
 r([t({
 	type: String,
 	attribute: "state",
 	reflect: !0
-})], u.prototype, "_state", void 0), r([n()], u.prototype, "_stateValue", void 0), r([t({
+})], d.prototype, "_state", void 0), r([n()], d.prototype, "_stateValue", void 0), r([t({
 	type: String,
 	reflect: !0
-})], u.prototype, "size", void 0), r([t({
+})], d.prototype, "size", void 0), r([t({
 	type: Number,
 	reflect: !0
-})], u.prototype, "progress", void 0), u = r([a("ds-media-control")], u);
+})], d.prototype, "progress", void 0), d = r([a("ds-media-control")], d);
 //#endregion

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

@@ -17,19 +17,10 @@ import "../ds-button/ds-button.js";
 import "../ds-icon-button/ds-icon-button.js";
 import { alignStyles as d, commonStyles as f, dialogStyles as p, fitStyles as m, fullScreenStyles as h } from "./styles/common.styles.js";
 //#region src/components/ds-modal/ds-modal.ts
-var g = class extends u(i) {
+var g, _ = (g = class extends u(i) {
 	constructor(...e) {
 		super(...e), this.withCloseButton = !0, this.variant = "fullScreen", this.zIndex = 2e3, this.disableScrollLock = !1, this.fullWidth = !1, this.vAlign = "default";
 	}
-	static {
-		this.styles = [
-			h,
-			p,
-			m,
-			f,
-			d
-		];
-	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), document.body.style.paddingRight = "0", document.body.style.overflow = "";
 	}
@@ -164,37 +155,43 @@ var g = class extends u(i) {
 			composed: !0
 		})));
 	}
-};
+}, g.styles = [
+	h,
+	p,
+	m,
+	f,
+	d
+], g);
 r([n({
 	type: Boolean,
 	reflect: !0,
 	converter: o
-})], g.prototype, "open", void 0), r([n({
+})], _.prototype, "open", void 0), r([n({
 	type: Boolean,
 	attribute: "with-close-button",
 	converter: o
-})], g.prototype, "withCloseButton", void 0), r([n({
+})], _.prototype, "withCloseButton", void 0), r([n({
 	type: String,
 	attribute: "cancel-button-text"
-})], g.prototype, "cancelButtonText", void 0), r([n({
+})], _.prototype, "cancelButtonText", void 0), r([n({
 	type: String,
 	attribute: "confirm-button-text"
-})], g.prototype, "confirmButtonText", void 0), r([n({ type: String })], g.prototype, "variant", void 0), r([n({
+})], _.prototype, "confirmButtonText", void 0), r([n({ type: String })], _.prototype, "variant", void 0), r([n({
 	type: Number,
 	attribute: "z-index"
-})], g.prototype, "zIndex", void 0), r([n({
+})], _.prototype, "zIndex", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	attribute: "disable-scroll-lock"
-})], g.prototype, "disableScrollLock", void 0), r([n({
+})], _.prototype, "disableScrollLock", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], g.prototype, "iconName", void 0), r([n({
+})], _.prototype, "iconName", 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: String,
 	attribute: "v-align"
-})], g.prototype, "vAlign", void 0), g = r([a("ds-modal")], g);
+})], _.prototype, "vAlign", void 0), _ = r([a("ds-modal")], _);
 //#endregion

package/dist/esm/components/ds-navigation-controls/ds-navigation-controls.js

@@ -8,15 +8,12 @@ import { customUiKitElement as i } from "../../decorators/customUiKitElement.js"
 import { ViewportMixin as a } from "../../mixins/ViewportMixin.js";
 import { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-navigation-controls/ds-navigation-controls.ts
-var s = ["DS-ICON-BUTTON", "DS-ICON-BUTTON-REACT"], c = class extends a(r) {
+var s, c = ["DS-ICON-BUTTON", "DS-ICON-BUTTON-REACT"], l = (s = class extends a(r) {
 	constructor(...e) {
 		super(...e), this.handleSlotChange = () => {
 			this.updateIconButtonSizes();
 		};
 	}
-	static {
-		this.styles = [o];
-	}
 	firstUpdated(e) {
 		super.firstUpdated(e), this.updateIconButtonSizes();
 	}
@@ -28,7 +25,7 @@ var s = ["DS-ICON-BUTTON", "DS-ICON-BUTTON-REACT"], c = class extends a(r) {
 	}
 	findIconButtons(e) {
 		let t = [];
-		s.includes(e.tagName) && t.push(e);
+		c.includes(e.tagName) && t.push(e);
 		for (let n of e.children) t.push(...this.findIconButtons(n));
 		return t;
 	}
@@ -43,6 +40,6 @@ var s = ["DS-ICON-BUTTON", "DS-ICON-BUTTON-REACT"], c = class extends a(r) {
             </div>
         `;
 	}
-};
-n([t({ flatten: !0 })], c.prototype, "slottedElements", void 0), c = n([i("ds-navigation-controls")], c);
+}, s.styles = [o], s);
+n([t({ flatten: !0 })], l.prototype, "slottedElements", void 0), l = n([i("ds-navigation-controls")], l);
 //#endregion

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

@@ -16,10 +16,11 @@ var s = class extends o {
 		};
 	}
 	get iconTemplate() {
+		var e;
 		return i`<ds-icon-button
             class="icon-button"
             icon-name=${this.visible ? "eye-crossed-out" : "eye"}
-            ?disabled=${!!this.nativeInput?.disabled}
+            ?disabled=${!!((e = this.nativeInput) != null && e.disabled)}
             size=${a(this.size)}
             variant="naked"
             @click=${this.handleClickIcon}

package/dist/esm/components/ds-picker-item/ds-picker-item.js

@@ -12,13 +12,10 @@ import { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
 import { objectConverter as l } from "../../utils/objectConverter.js";
 import { pickerItemStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-picker-item/ds-picker-item.ts
-var d = class extends c(i) {
+var d, f = (d = class extends c(i) {
 	constructor(...e) {
 		super(...e), this.variant = "without-border", this.size = "medium", this.loading = !1, this.selected = !1;
 	}
-	static {
-		this.styles = [u];
-	}
 	get containerClasses() {
 		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
 		return {
@@ -66,15 +63,15 @@ var d = class extends c(i) {
             </button>
         `;
 	}
-};
-r([n({ type: String })], d.prototype, "variant", void 0), r([n({
+}, d.styles = [u], d);
+r([n({ type: String })], f.prototype, "variant", void 0), r([n({
 	type: String,
 	converter: l
-})], d.prototype, "size", void 0), r([n({
+})], f.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], d.prototype, "loading", void 0), r([n({
+})], f.prototype, "loading", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], d.prototype, "selected", void 0), d = r([a("ds-picker-item")], d);
+})], f.prototype, "selected", void 0), f = r([a("ds-picker-item")], f);
 //#endregion

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

@@ -14,14 +14,15 @@ var a = class extends t {
 		return e`<slot></slot>`;
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.nodes?.forEach((e) => e.remove());
+		var e;
+		super.disconnectedCallback(), (e = this.nodes) == null || e.forEach((e) => e.remove());
 	}
 	updated(e) {
 		super.updated(e), requestAnimationFrame(() => {
 			let e = document.querySelector(this.querySelectorText) || document.body;
 			if (!e) return;
-			let t = this.renderRoot.querySelector("slot")?.assignedNodes() || [];
-			this.nodes = t, t.forEach((t) => {
+			let t = this.renderRoot.querySelector("slot"), n = (t == null ? void 0 : t.assignedNodes()) || [];
+			this.nodes = n, n.forEach((t) => {
 				e.appendChild(t);
 			});
 		});