@cupra/ui-kit 2.0.0-canary.216 → 2.0.0-canary.218

package/dist-react/esm/components/ds-select/ds-select.js

@@ -1,26 +1,26 @@
 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 { o as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as o } 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 { queryAssignedElements as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import o from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as s } from "../base/UiKitElement.js";
 import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
 import "../ds-icon/ds-icon.js";
 import { booleanConverter as l } from "../../utils/booleanConverter.js";
 import { uiKitHtml as u } from "../../utils/uiKitHtml.js";
-import { e as d } 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 as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { classMap as d } 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 { ifDefined as f } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.js";
 import "../ds-loader-spinner/ds-loader-spinner.js";
 import { SelectKeyboardController as p } from "./controllers/SelectKeyboardController.js";
 import { commonStyles as m } from "./styles/common.styles.js";
 //#region src/components/ds-select/ds-select.ts
-var h, g, _ = (h = class extends s {
+var h = class extends s {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.variant = "primary", this.readonly = !1, this.loading = !1, this.loadingAriaLabel = "Loading", this.iconName = void 0, this.dataAriaLabel = void 0, this._open = !1, this._keyboardNavigating = !1, this.nativeSelect = null, this.nativeLabel = null, this.nativeOptions = [], this.keyboardFocusIndex = -1, this.hasForcedError = !1, this.handleMutations = (e) => {
 			e.forEach((e) => {
@@ -132,7 +132,7 @@ var h, g, _ = (h = class extends s {
 			disabled: !!((e = this.nativeSelect) != null && e.disabled),
 			readonly: !!this.readonly,
 			loading: !!this.loading,
-			filled: !!(!((t = this.nativeOptions) == null || (t = t.find((e) => e.selected && !e.hidden)) == null) && t.selected),
+			filled: !!((t = this.nativeOptions) != null && (t = t.find((e) => e.selected && !e.hidden)) != null && t.selected),
 			invalid: !((n = this.nativeSelect) != null && n.validity.valid),
 			error: this.hasForcedError,
 			[this.size]: !!this.size,
@@ -147,7 +147,7 @@ var h, g, _ = (h = class extends s {
 		return this._open;
 	}
 	render() {
-		return t`
+		return e`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
             <div class=${d(this.containerClasses)}>
                 ${this.displaySelectTemplate}
@@ -171,7 +171,7 @@ var h, g, _ = (h = class extends s {
             ></ds-loader-spinner>` : u`<ds-icon class="icon" icon-name=${this._open ? "arrow-up" : "arrow-down"}></ds-icon>`;
 	}
 	get leftIconTemplate() {
-		return this.iconName ? u`<ds-icon class="left-icon" icon-name=${f(this.iconName)}></ds-icon>` : e;
+		return this.iconName ? u`<ds-icon class="left-icon" icon-name=${f(this.iconName)}></ds-icon>` : t;
 	}
 	get displaySelectTemplate() {
 		var n, r;
@@ -181,8 +181,8 @@ var h, g, _ = (h = class extends s {
 			if (e.textContent.trim() === "") return "";
 			let n = document.createElement("span");
 			return n.classList.add("text"), n.appendChild(t), n;
-		}), o = this.nativeLabel ? t`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>` : e, s = this.nativeLabel ? "display-label" : void 0, c = this.nativeLabel ? void 0 : this.dataAriaLabel;
-		return t`
+		}), o = this.nativeLabel ? e`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>` : t, s = this.nativeLabel ? "display-label" : void 0, c = this.nativeLabel ? void 0 : this.dataAriaLabel;
+		return e`
             <div class="select-outline">
                 <div class="select-container">
                     ${o}
@@ -212,24 +212,24 @@ var h, g, _ = (h = class extends s {
 		return this._open && this.keyboardFocusIndex >= 0 ? `${g.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}` : "";
 	}
 	get optionsContainerTemplate() {
-		return t`
+		return e`
             <div id="options-container" class="options-container" role="listbox">
-                ${this.nativeOptions.map((t, n) => t.hidden ? e : this.renderOptionClone(t, n))}
+                ${this.nativeOptions.map((e, n) => e.hidden ? t : this.renderOptionClone(e, n))}
             </div>
         `;
 	}
-	renderOptionClone(e, n) {
-		let r = Array.from(e.childNodes).map((e) => e.cloneNode(!0));
-		return t`
+	renderOptionClone(t, n) {
+		let r = Array.from(t.childNodes).map((e) => e.cloneNode(!0));
+		return e`
             <div
-                id="${g.ARIA_OPTION_PREFIX}${e.value}"
+                id="${g.ARIA_OPTION_PREFIX}${t.value}"
                 class=${d({
 			option: !0,
 			"keyboard-focused": n === this.keyboardFocusIndex && this._keyboardNavigating,
-			selected: e.value === this.nativeSelect.value
+			selected: t.value === this.nativeSelect.value
 		})}
                 role="option"
-                aria-selected="${e.value === this.nativeSelect.value}"
+                aria-selected="${t.value === this.nativeSelect.value}"
                 tabindex="-1"
                 @mousedown=${() => this.commitSelection(n)}
             >
@@ -237,7 +237,7 @@ var h, g, _ = (h = class extends s {
             </div>
         `;
 	}
-}, g = h, h.styles = [m], h.ARIA_OPTION_PREFIX = "option-", h);
+}, g = h, _ = (h.styles = [m], h.ARIA_OPTION_PREFIX = "option-", h);
 o([n({ type: String })], _.prototype, "mode", void 0), o([n({ type: String })], _.prototype, "size", void 0), o([n({ type: String })], _.prototype, "variant", void 0), o([n({
 	type: Boolean,
 	converter: l,
@@ -268,3 +268,4 @@ o([n({ type: String })], _.prototype, "mode", void 0), o([n({ type: String })],
 	flatten: !0
 })], _.prototype, "forcedError", void 0), o([i(".select")], _.prototype, "displaySelect", void 0), _ = g = o([c("ds-select")], _);
 //#endregion
+export { _ as DsSelect };

package/dist-react/esm/components/ds-select/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-select/styles/common.styles.ts
 var t = e`
     :host {

package/dist-react/esm/components/ds-selection/ds-selection.js

@@ -1,20 +1,20 @@
-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 "../ds-icon/ds-icon.js";
 import { booleanConverter as a } from "../../utils/booleanConverter.js";
 import { uiKitHtml as o } from "../../utils/uiKitHtml.js";
-import { e as s } 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 as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { classMap as s } 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 { ifDefined as c } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.js";
 import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-selection/ds-selection.ts
-var u, d = (u = class extends r {
+var u = class extends r {
 	get iconTemplate() {
 		return o`<ds-icon class="icon" size="40" icon-name=${this.checked ? "check" : "plus"}></ds-icon>`;
 	}
@@ -45,7 +45,7 @@ var u, d = (u = class extends r {
             </span>
         `;
 	}
-}, u.styles = [l], u);
+}, d = (u.styles = [l], u);
 n([t({
 	type: Boolean,
 	converter: a
@@ -54,3 +54,4 @@ n([t({
 	attribute: "data-aria-label"
 })], d.prototype, "dataAriaLabel", void 0), d = n([i("ds-selection")], d);
 //#endregion
+export { d as DsSelection };

package/dist-react/esm/components/ds-selection/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-selection/styles/common.styles.ts
 var t = e`
     :host {

package/dist-react/esm/components/ds-sidebar-navigation/ds-sidebar-navigation.js

@@ -1,20 +1,20 @@
-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 { o as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.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 } 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 { queryAssignedElements as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.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 { booleanConverter as o } from "../../utils/booleanConverter.js";
 import { uiKitHtml as s } from "../../utils/uiKitHtml.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 "../ds-icon-button/ds-icon-button.js";
 import { scrollLock as l } from "../../utils/scrollLock.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-sidebar-navigation/ds-sidebar-navigation.ts
-var d, f = (d = class extends i {
+var d = class extends i {
 	constructor(...e) {
 		super(...e), this.open = !1, this.scrollLocked = !1, this.toggleModal = () => {
 			this.open = !this.open, this.open ? this.dispatchEvent(new Event("ds-sidebar-navigation:open", {
@@ -104,7 +104,7 @@ var d, f = (d = class extends i {
             </div>
         `;
 	}
-}, d.styles = [u], d);
+}, f = (d.styles = [u], d);
 r([t({
 	type: Boolean,
 	converter: o,
@@ -117,3 +117,4 @@ r([t({
 	flatten: !0
 })], f.prototype, "ctasButtons", void 0), f = r([a("ds-sidebar-navigation")], f);
 //#endregion
+export { f as DsSidebarNavigation };

package/dist-react/esm/components/ds-sidebar-navigation/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-sidebar-navigation/styles/common.styles.ts
 var t = e`
     :host {

package/dist-react/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-react/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-react/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-react/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-react/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-react/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 {