@cupra/ui-kit 2.0.0-canary.217 → 2.0.0-canary.219

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

@@ -1,17 +1,17 @@
-import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import n from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
-import { e as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
+import { classMap as a } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
+import { styleMap as o } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.js";
 import { commonStyles as s } from "./styles/common.styles.js";
 //#region src/components/ds-skeleton/ds-skeleton.ts
-var c, l = (c = class extends r {
+var c = class extends r {
 	constructor(...e) {
 		super(...e), this.variant = "text", this.animation = "shimmer";
 	}
@@ -38,6 +38,7 @@ var c, l = (c = class extends r {
             ></div>
         `;
 	}
-}, c.styles = [s], c);
+}, l = (c.styles = [s], c);
 n([t({ type: String })], l.prototype, "variant", void 0), n([t({ type: String })], l.prototype, "width", void 0), n([t({ type: String })], l.prototype, "height", void 0), n([t({ type: String })], l.prototype, "animation", void 0), l = n([i("ds-skeleton")], l);
 //#endregion
+export { l as DsSkeleton };

package/dist/esm/components/ds-skeleton/styles/common.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-skeleton/styles/common.styles.ts
 var t = e`
     :host {

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

@@ -1,35 +1,35 @@
 import "../ds-theme-provider/themeContext.js";
-import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { e as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { query as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import a from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as o } from "../base/UiKitElement.js";
 import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as c } from "../../utils/booleanConverter.js";
 import { uiKitHtml as l } from "../../utils/uiKitHtml.js";
-import { e as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { classMap as u } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { ViewportMixin as d } from "../../mixins/ViewportMixin.js";
 import { objectConverter as f } from "../../utils/objectConverter.js";
 import { formatNumber as p } from "../../utils/formatNumber/formatNumber.js";
 import "../ds-text-input/ds-text-input.js";
 import { getStepValue as m } from "./utils/getStepValue/getStepValue.js";
 import { roundToDecimals as h } from "./utils/roundToDecimals/roundToDecimals.js";
-import { l as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.js";
+import { live as g } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/live.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/live.js";
 import { commonStyles as _, currentValueStyles as v, inputResetStyles as y, rangeValueStyles as b, thumbStyles as x, trackStyles as S } from "./styles/common.styles.js";
 //#region src/components/ds-slider/ds-slider.ts
-var C, w, T = (C = class extends d(o) {
+var C = class extends d(o) {
 	constructor(...e) {
 		super(...e), this.variant = "primary", this.min = 0, this.max = 100, this.minLabel = "", this.maxLabel = "", this.step = 1, this.initialValueMin = 0, this.mode = "light", this.locale = void 0, this.localeMatcher = "lookup", this.useGrouping = !0, this.minimumIntegerDigits = 1, this.minimumFractionDigits = 0, this.maximumFractionDigits = 3, this.size = "medium", this.disabled = !1, this.keyboardMode = !1, this._initialValuesApplied = !1, this.getNewValue = (e) => {
 			let { width: t, left: n } = this.track.getBoundingClientRect(), r = this.thumbRadius, i = e.type.indexOf("mouse") === -1 ? e.touches[0].clientX : e.clientX, a = t - r * 2, o = Math.min(Math.max(0, i - n - r), a), s = a > 0 ? o * 100 / a : 0;
 			return this.min + s * (this.max - this.min) / 100;
 		}, this.setActiveThumb = (e) => {
 			let t = this.getNewValue(e);
-			typeof this._valueMax != "number" || t <= this._valueMin ? this.activeThumb = "min" : t >= this._valueMax ? this.activeThumb = "max" : t - this._valueMin < this._valueMax - t ? this.activeThumb = "min" : this.activeThumb = "max";
+			this.activeThumb = typeof this._valueMax != "number" || t <= this._valueMin ? "min" : t >= this._valueMax ? "max" : t - this._valueMin < this._valueMax - t ? "min" : "max";
 		}, this.handleMouseMove = (e) => {
 			this.animationFrameRequest && cancelAnimationFrame(this.animationFrameRequest), this.animationFrameRequest = requestAnimationFrame(() => {
 				let t = this.getNewValue(e), n = this.activeThumb ?? "min", { stepValue: r } = this.computeStep({
@@ -175,7 +175,7 @@ var C, w, T = (C = class extends d(o) {
 		})));
 	}
 	formatNumber(e) {
-		return p({
+		let t = {
 			value: e,
 			locale: this.locale,
 			...this.unitStyle && { style: this.unitStyle },
@@ -188,46 +188,47 @@ var C, w, T = (C = class extends d(o) {
 			thousandSeparator: this.thousandSeparator,
 			fractionSeparator: this.fractionSeparator,
 			useGrouping: this.useGrouping
-		});
+		};
+		return p(t);
 	}
 	get rangeValuesTemplates() {
 		let { formattedNumber: n, unitSymbol: r, unitSymbolPosition: i } = this.formatNumber(this.min), a = this.unitSymbol ?? r, o = this.unitSymbolPosition ?? i ?? (a ? "right" : void 0), { formattedNumber: s } = this.formatNumber(this.max);
-		return t`
+		return e`
             <div class="range-value-text">
-                ${this.minLabel ? t`<span class="range-value-label">${this.minLabel}</span>` : e}
-                ${o === "left" ? t`<span>${a}</span>` : e}
+                ${this.minLabel ? e`<span class="range-value-label">${this.minLabel}</span>` : t}
+                ${o === "left" ? e`<span>${a}</span>` : t}
                 <span>${n}</span>
-                ${o === "right" ? t`<span>${a}</span>` : e}
+                ${o === "right" ? e`<span>${a}</span>` : t}
             </div>
             <div class="range-value-text">
-                ${this.maxLabel ? t` <span class="range-value-label">${this.maxLabel}</span>` : e}
-                ${o === "left" ? t`<span>${a}</span>` : e}
+                ${this.maxLabel ? e` <span class="range-value-label">${this.maxLabel}</span>` : t}
+                ${o === "left" ? e`<span>${a}</span>` : t}
                 <span>${s}</span>
-                ${o === "right" ? t`<span>${a}</span>` : e}
+                ${o === "right" ? e`<span>${a}</span>` : t}
             </div>
         `;
 	}
-	getThumbTemplate(e) {
-		let n = this.getRoleById(e), r = n === "min" ? this._valueMin : this._valueMax, { minLimit: i, maxLimit: a } = this.computeStep({
+	getThumbTemplate(t) {
+		let n = this.getRoleById(t), r = n === "min" ? this._valueMin : this._valueMax, { minLimit: i, maxLimit: a } = this.computeStep({
 			proposedValue: r,
 			role: n
 		}), o = this.getTrackPct(r);
-		return t`
+		return e`
             <style>
-                .thumb${e} {
+                .thumb${t} {
                     left: ${this.trackPosition(o)};
                 }
             </style>
             <div
-                class="thumb${e} thumb"
+                class="thumb${t} thumb"
                 @focus=${() => {
 			this.activeThumb = n;
 		}}
-                @keydown=${(t) => this.onThumbKeyDown(t, e)}
+                @keydown=${(e) => this.onThumbKeyDown(e, t)}
                 role="slider"
                 tabindex=${this.disabled ? -1 : 0}
                 aria-disabled=${String(!!this.disabled)}
-                aria-label=${e === 1 ? "Minumum value" : "Maximum Value"}
+                aria-label=${t === 1 ? "Minumum value" : "Maximum Value"}
                 aria-valuemin=${i}
                 aria-valuemax=${a}
                 aria-valuenow=${r}
@@ -244,18 +245,18 @@ var C, w, T = (C = class extends d(o) {
         `;
 	}
 	get thumbTemplates() {
-		return t`
+		return e`
             ${this.getThumbTemplate(1)}
-            ${this.isRange ? this.getThumbTemplate(2) : e}
+            ${this.isRange ? this.getThumbTemplate(2) : t}
         `;
 	}
 	get trackRangeTemplate() {
-		let e = this.getTrackPct(this._valueMin);
-		return t`
+		let t = this.getTrackPct(this._valueMin), n = this.isRange ? this.trackPosition(t) : "0px", r = this.isRange ? this.trackWidth(this.getTrackPct(this._valueMax) - t) : this.trackPosition(t);
+		return e`
             <style>
                 .track-range {
-                    left: ${this.isRange ? this.trackPosition(e) : "0px"};
-                    width: ${this.isRange ? this.trackWidth(this.getTrackPct(this._valueMax) - e) : this.trackPosition(e)};
+                    left: ${n};
+                    width: ${r};
                 }
             </style>
             <div class="track-range" role="presentation"></div>
@@ -287,10 +288,10 @@ var C, w, T = (C = class extends d(o) {
         `;
 	}
 	get inputsTemplate() {
-		return t`
+		return e`
             <div class="inputs-container">
                 ${this.getInputTemplate(1)}
-                ${this.isRange ? this.getInputTemplate(2) : e}
+                ${this.isRange ? this.getInputTemplate(2) : t}
             </div>
         `;
 	}
@@ -316,15 +317,15 @@ var C, w, T = (C = class extends d(o) {
                         />
                     </ds-text-input>
                 </div>
-                ${a ? t`<span class="secondary-unit-text">${a}</span>` : e}
+                ${a ? e`<span class="secondary-unit-text">${a}</span>` : t}
             </div>
         `;
 	}
 	get secondaryInputsTemplate() {
-		return t`
+		return e`
             <div class="secondary-inputs-container">
                 ${this.getSecondaryInputTemplate(1)}
-                ${this.isRange ? t`<span class="secondary-inputs-separator">-</span>${this.getSecondaryInputTemplate(2)}` : e}
+                ${this.isRange ? e`<span class="secondary-inputs-separator">-</span>${this.getSecondaryInputTemplate(2)}` : t}
             </div>
         `;
 	}
@@ -340,7 +341,7 @@ var C, w, T = (C = class extends d(o) {
 		};
 	}
 	get styleTokens() {
-		return t`
+		return e`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -350,20 +351,20 @@ var C, w, T = (C = class extends d(o) {
 	}
 	render() {
 		let n = this.variant === "secondary";
-		return t`
+		return e`
             ${this.styleTokens}
             <div class=${u(this.containerClasses)}>
-                ${n ? this.secondaryInputsTemplate : e}
+                ${n ? this.secondaryInputsTemplate : t}
                 <div @touchstart=${this.handleMouseDown} @mousedown=${this.handleMouseDown} class="track" role="presentation">
                     ${this.thumbTemplates}
                     ${this.trackRangeTemplate}
                 </div>
                 <div class="range-value-container">${this.rangeValuesTemplates}</div>
-                ${n ? e : this.inputsTemplate}
+                ${n ? t : this.inputsTemplate}
             </div>
         `;
 	}
-}, w = C, C.styles = [
+}, w = C, T = (C.styles = [
 	_,
 	S,
 	x,
@@ -416,7 +417,7 @@ a([n({ type: String })], T.prototype, "variant", void 0), a([n({ type: Number })
 })], T.prototype, "unit", void 0), a([n({
 	type: String,
 	attribute: "use-grouping",
-	converter: (e) => e === "auto" ? "auto" : typeof e == "boolean" ? e : e === "true" || e === "" ? !0 : e !== "false"
+	converter: (e) => e === "auto" ? "auto" : typeof e == "boolean" ? e : e === "true" || e === "" || e !== "false"
 })], T.prototype, "useGrouping", void 0), a([n({
 	type: Number,
 	attribute: "minimum-integer-digits"
@@ -446,3 +447,4 @@ a([n({ type: String })], T.prototype, "variant", void 0), a([n({ type: Number })
 	attribute: "input-max-aria-label"
 })], T.prototype, "inputMaxAriaLabel", void 0), a([i(".track")], T.prototype, "track", void 0), a([r()], T.prototype, "_valueMin", void 0), a([r()], T.prototype, "_valueMax", void 0), a([r()], T.prototype, "editingField", void 0), T = w = a([s("ds-slider")], T);
 //#endregion
+export { T as DsSlider };

package/dist/esm/components/ds-slider/styles/common.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-slider/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-static-box/ds-static-box.js

@@ -1,21 +1,21 @@
-import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { r as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { e as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.js";
-import { n as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { query as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
+import { queryAssignedNodes as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import a from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as o } from "../base/UiKitElement.js";
 import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
-import { e as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { classMap as c } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { ViewportMixin as l } from "../../mixins/ViewportMixin.js";
 import { objectConverter as u } from "../../utils/objectConverter.js";
 import { observeScroll as d } from "../../utils/observeScroll/observeScroll.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-static-box/ds-static-box.ts
-var p, m = (p = class extends l(o) {
+var p = class extends l(o) {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.showTopShadow = !1, this.showBottomShadow = !1;
 	}
@@ -79,7 +79,7 @@ var p, m = (p = class extends l(o) {
             </div>
         `;
 	}
-}, p.styles = [f], p);
+}, m = (p.styles = [f], p);
 a([t({
 	type: String,
 	converter: u
@@ -91,3 +91,4 @@ a([t({
 	flatten: !0
 })], m.prototype, "footerItems", void 0), a([r(".main")], m.prototype, "mainElement", void 0), a([n()], m.prototype, "showTopShadow", void 0), a([n()], m.prototype, "showBottomShadow", void 0), m = a([s("ds-static-box")], m);
 //#endregion
+export { m as DsStaticBox };

package/dist/esm/components/ds-static-box/styles/common.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-static-box/styles/common.styles.ts
 var t = e`
     :host {

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

@@ -1,15 +1,15 @@
-import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import r from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as i } from "../base/UiKitElement.js";
 import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
-import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { classMap as o } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { commonStyles as s } from "./styles/common.styles.js";
 //#region src/components/ds-stepper/ds-stepper.ts
-var c, l = (c = class extends i {
+var c = class extends i {
 	constructor(...e) {
 		super(...e), this.steps = 0, this.currentStep = -1, this.sectionName = "";
 	}
@@ -23,7 +23,7 @@ var c, l = (c = class extends i {
 		return `${Math.min(this.clampedCurrentStep + 1, this.steps)}/${this.steps}`;
 	}
 	get headerTemplate() {
-		return t`
+		return e`
             <div class="header" data-testid="ds-stepper-header">
                 <span class="section-name" data-testid="ds-stepper-section-name">${this.sectionName}</span>
                 <span class="section-number" data-testid="ds-stepper-section-number">${this.sectionNumberText}</span>
@@ -31,16 +31,16 @@ var c, l = (c = class extends i {
         `;
 	}
 	get stepsRowTemplate() {
-		return t`
+		return e`
             <div
                 data-testid="ds-stepper-steps-row"
                 class="steps-row"
                 role="list"
                 aria-label="Steps"
             >
-                ${Array.from({ length: this.steps }, (e, n) => {
+                ${Array.from({ length: this.steps }, (t, n) => {
 			let r = n <= this.clampedCurrentStep, i = n === this.clampedCurrentStep;
-			return t`<span class=${o({
+			return e`<span class=${o({
 				step: !0,
 				active: r,
 				current: i
@@ -50,7 +50,7 @@ var c, l = (c = class extends i {
         `;
 	}
 	render() {
-		return this.steps ? t`
+		return this.steps ? e`
             <div
                 data-testid="ds-stepper-container"
                 class=${o(this.classes)}
@@ -58,9 +58,9 @@ var c, l = (c = class extends i {
                 ${this.headerTemplate}
                 ${this.stepsRowTemplate}
             </div>
-        ` : e;
+        ` : t;
 	}
-}, c.styles = [s], c);
+}, l = (c.styles = [s], c);
 r([n({
 	type: Number,
 	attribute: "steps",
@@ -75,3 +75,4 @@ r([n({
 	reflect: !0
 })], l.prototype, "sectionName", void 0), l = r([a("ds-stepper")], l);
 //#endregion
+export { l as DsStepper };

package/dist/esm/components/ds-stepper/styles/common.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-stepper/styles/common.styles.ts
 var t = e`
     :host {

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

@@ -1,16 +1,16 @@
-import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { r } 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 i } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import i from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as a } from "../base/UiKitElement.js";
 import { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
-import { o as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
+import { styleMap as s } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-table/ds-table.ts
-var l, u = (l = class extends a {
+var l = class extends a {
 	constructor(...e) {
 		super(...e), this.emptyMessage = "", this.hasHeaderContent = !1, this.hasBodyContent = !1;
 	}
@@ -30,24 +30,27 @@ var l, u = (l = class extends a {
 		return !this.hasBodyContent && this.emptyMessage;
 	}
 	render() {
-		return this.columnCount === 0 ? e : t`
-            <div class="table-wrapper" role="table" style=${s({ "--ui-kit-private-table-grid-template-columns-default": `repeat(${this.columnCount}, 1fr)` })}>
+		if (this.columnCount === 0) return t;
+		let n = { "--ui-kit-private-table-grid-template-columns-default": `repeat(${this.columnCount}, 1fr)` };
+		return e`
+            <div class="table-wrapper" role="table" style=${s(n)}>
                 <div class="header" role="rowgroup">
                     <slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>
                 </div>
                 <div class="body" role="rowgroup">
                     <slot name="body" @slotchange=${this.handleBodySlotChange}></slot>
                 </div>
-                ${this.showEmptyState ? t`<div class="empty-state" role="row">
+                ${this.showEmptyState ? e`<div class="empty-state" role="row">
                           <span role="cell">${this.emptyMessage}</span>
-                      </div>` : e}
+                      </div>` : t}
             </div>
         `;
 	}
-}, l.styles = [c], l);
+}, u = (l.styles = [c], l);
 i([n({
 	type: String,
 	reflect: !0,
 	attribute: "empty-message"
 })], u.prototype, "emptyMessage", void 0), i([r()], u.prototype, "hasHeaderContent", void 0), i([r()], u.prototype, "hasBodyContent", void 0), u = i([o("ds-table")], u);
 //#endregion
+export { u as DsTable };

package/dist/esm/components/ds-table/styles/common.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-table/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-table-cell/ds-table-cell.js

@@ -1,13 +1,13 @@
-import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import n from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import { commonStyles as a } from "./styles/common.styles.js";
 //#region src/components/ds-table-cell/ds-table-cell.ts
-var o, s = (o = class extends r {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.variant = "default";
 	}
@@ -18,9 +18,10 @@ var o, s = (o = class extends r {
             </div>
         `;
 	}
-}, o.styles = [a], o);
+}, s = (o.styles = [a], o);
 n([t({
 	type: String,
 	reflect: !0
 })], s.prototype, "variant", void 0), s = n([i("ds-table-cell")], s);
 //#endregion
+export { s as DsTableCell };

package/dist/esm/components/ds-table-cell/styles/common.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-table-cell/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-table-row/ds-table-row.js

@@ -1,13 +1,13 @@
-import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import n from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import { commonStyles as a } from "./styles/common.styles.js";
 //#region src/components/ds-table-row/ds-table-row.ts
-var o, s = (o = class extends r {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.columnCount = 0;
 	}
@@ -22,10 +22,11 @@ var o, s = (o = class extends r {
             </div>
         `;
 	}
-}, o.styles = [a], o);
+}, s = (o.styles = [a], o);
 n([t({
 	type: Number,
 	reflect: !0,
 	attribute: "data-column-count"
 })], s.prototype, "columnCount", void 0), s = n([i("ds-table-row")], s);
 //#endregion
+export { s as DsTableRow };

package/dist/esm/components/ds-table-row/styles/common.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-table-row/styles/common.styles.ts
 var t = e`
     :host {