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

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

package/dist-react/esm/components/ds-inline-alert/ds-inline-alert.js

@@ -1,23 +1,23 @@
-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 "../ds-icon/ds-icon.js";
 import { booleanConverter as s } from "../../utils/booleanConverter.js";
 import { uiKitHtml as c } from "../../utils/uiKitHtml.js";
-import { e as l } 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 u } 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 l } 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 u } 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-icon-button/ds-icon-button.js";
-import { n as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
+import { when as d } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.js";
 import { inlineAlertStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-inline-alert/ds-inline-alert.ts
-var p, m = (p = class extends a {
+var p = class extends a {
 	constructor(...e) {
 		super(...e), this.status = "default", this.title = "", this.text = "", this.showClose = !0, this._show = void 0, this._showState = !0;
 	}
@@ -60,24 +60,24 @@ var p, m = (p = class extends a {
             icon-name="cross"
             variant="naked"
             size="medium"
-        ></ds-icon-button>` : e;
+        ></ds-icon-button>` : t;
 	}
 	render() {
-		return this.show ? t`
+		return this.show ? e`
             <div class=${l(this.inlineAlertClasses)} part="container">
                 ${this.iconTemplate}
                 <div class="content">
                     <div class="header">
-                        ${d(this.title, () => t`<div class="title">${this.title}</div>`)}
-                        ${d(this.text, () => t`<div class="message">${this.text}</div>`)}
+                        ${d(this.title, () => e`<div class="title">${this.title}</div>`)}
+                        ${d(this.text, () => e`<div class="message">${this.text}</div>`)}
                     </div>
                     <slot></slot>
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        ` : e;
+        ` : t;
 	}
-}, p.styles = [f], p);
+}, m = (p.styles = [f], p);
 i([n({ type: String })], m.prototype, "status", void 0), i([n({ type: String })], m.prototype, "title", void 0), i([n({ type: String })], m.prototype, "text", void 0), i([n({
 	attribute: "show-close",
 	type: Boolean,
@@ -89,3 +89,4 @@ i([n({ type: String })], m.prototype, "status", void 0), i([n({ type: String })]
 	converter: s
 })], m.prototype, "_show", void 0), i([r()], m.prototype, "_showState", void 0), m = i([o("ds-inline-alert")], m);
 //#endregion
+export { m as DsInlineAlert };

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

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

@@ -1,13 +1,13 @@
-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 { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
 import "../ds-icon/ds-icon.js";
 import { uiKitHtml as o } from "../../utils/uiKitHtml.js";
-import { r as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
+import { choose as s } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.js";
 import { DsBaseInput as c } from "../base/ds-base-input/ds-base-input.js";
 //#region src/components/ds-input/ds-input.ts
 var l = class extends c {
@@ -25,17 +25,15 @@ var l = class extends c {
 		super.firstUpdated(), this._hasPicker = !!((e = this.inputField) != null && e.showPicker);
 	}
 	get iconTemplate() {
-		if (this.type !== "time" && this.type !== "date") return e;
+		if (this.type !== "time" && this.type !== "date") return t;
 		let n;
 		switch (this.type) {
 			case "date":
 				n = "calendar";
 				break;
-			case "time":
-				n = "clock";
-				break;
+			case "time": n = "clock";
 		}
-		return t`
+		return e`
             <style>
                 .icon {
                     cursor: ${this._hasPicker ? "pointer" : "auto"};
@@ -45,7 +43,7 @@ var l = class extends c {
         `;
 	}
 	get labelTemplate() {
-		return t`
+		return e`
             <label
                 id="label"
                 class="label"
@@ -56,8 +54,8 @@ var l = class extends c {
         `;
 	}
 	get inputTemplate() {
-		return t`
-            ${s(this.type === "number", [[!0, () => t`
+		return e`
+            ${s(this.type === "number", [[!0, () => e`
                         <input
                             aria-labelledby="label"
                             class="input-field number"
@@ -72,7 +70,7 @@ var l = class extends c {
                             @blur=${this.handleBlur}
                             @input=${this.handleInput}
                         />
-                    `], [!1, () => t`
+                    `], [!1, () => e`
                         <input
                             aria-labelledby="label"
                             class="input-field"
@@ -89,7 +87,7 @@ var l = class extends c {
         `;
 	}
 	get dropdownTemplate() {
-		return e;
+		return t;
 	}
 };
 i([n({ type: String })], l.prototype, "name", void 0), i([n({ type: String })], l.prototype, "placeholder", void 0), i([n({
@@ -97,3 +95,4 @@ i([n({ type: String })], l.prototype, "name", void 0), i([n({ type: String })],
 	attribute: "max-length"
 })], l.prototype, "maxLength", void 0), i([n({ type: String })], l.prototype, "type", void 0), i([n({ type: Number })], l.prototype, "min", void 0), i([n({ type: Number })], l.prototype, "max", void 0), i([n({ type: Number })], l.prototype, "step", void 0), i([r()], l.prototype, "_hasPicker", void 0), l = i([a("ds-input", { skipTagAsComponentName: !0 })], l);
 //#endregion
+export { l as DsInput };

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

@@ -1,19 +1,19 @@
-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 "../ds-icon/ds-icon.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 { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-interactive-card/ds-interactive-card.ts
-var u, d = (u = class extends i {
+var u = class extends i {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.selected = !1, this.error = !1, this.showClose = !1, this.handleCtaSlotChange = () => {
 			this.requestUpdate();
@@ -63,10 +63,10 @@ var u, d = (u = class extends i {
             icon-name="cross"
             variant="naked"
             size="medium"
-        ></ds-icon-button>` : e;
+        ></ds-icon-button>` : t;
 	}
 	get contentTemplate() {
-		return this.error ? e : t`
+		return this.error ? t : e`
             <div part="container" class=${c(this.classes)} data-testid="ds-interactive-card-container" tabindex="0">
                 ${this.closeButtonTemplate}
                 <header class="header" part="header">
@@ -84,7 +84,7 @@ var u, d = (u = class extends i {
     `;
 	}
 	get errorTemplate() {
-		return this.error ? t`
+		return this.error ? e`
             <div part="error" class=${c(this.errorClasses)}>
                 ${this.iconTemplate}
                 <div class="error-content" part="error-text">
@@ -92,15 +92,15 @@ var u, d = (u = class extends i {
                     <slot class="error-text" name="error-text" data-testid="ds-interactive-card-error-text"></slot>
                 </div>
             </div>
-    ` : e;
+    ` : t;
 	}
 	render() {
-		return t`
+		return e`
             ${this.contentTemplate}
             ${this.errorTemplate}
         `;
 	}
-}, u.styles = [l], u);
+}, d = (u.styles = [l], u);
 r([n({ type: String })], d.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o
@@ -113,3 +113,4 @@ r([n({ type: String })], d.prototype, "size", void 0), r([n({
 	attribute: "show-close"
 })], d.prototype, "showClose", void 0), d = r([a("ds-interactive-card")], d);
 //#endregion
+export { d as DsInteractiveCard };

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

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

@@ -1,28 +1,28 @@
-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 "../ds-icon/ds-icon.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 { o as l } 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 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 { ifDefined as l } 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 { ViewportMixin as u } from "../../mixins/ViewportMixin.js";
 import { objectConverter as d } from "../../utils/objectConverter.js";
-import { r as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
+import { choose as f } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.js";
 import { commonStyles as p } from "./styles/common.styles.js";
 //#region src/components/ds-link-button/ds-link-button.ts
-var m, h = (m = class extends u(i) {
+var m = class extends u(i) {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.underline = !1, this.disabled = !1, this.iconName = "arrow-right", this.iconPosition = "right";
 	}
 	get iconTemplate() {
-		return this.iconName === "none" ? e : s`<ds-icon class="icon" icon-name=${l(this.iconName)}></ds-icon>`;
+		return this.iconName === "none" ? t : s`<ds-icon class="icon" icon-name=${l(this.iconName)}></ds-icon>`;
 	}
 	get classes() {
 		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
@@ -39,7 +39,7 @@ var m, h = (m = class extends u(i) {
 		this.href || e.preventDefault();
 	}
 	get styleTokens() {
-		return t`
+		return e`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -49,14 +49,14 @@ var m, h = (m = class extends u(i) {
         `;
 	}
 	render() {
-		return t`
+		return e`
             ${this.styleTokens}
-            ${f(this.htmlTagName || "button", [["button", () => t`
+            ${f(this.htmlTagName || "button", [["button", () => e`
                         <button class=${c(this.classes)} ?disabled=${this.disabled}>
                             <span class="label"><slot></slot></span>
                             ${this.iconTemplate}
                         </button>
-                    `], ["a", () => t`
+                    `], ["a", () => e`
                         <a
                             class=${c(this.classes)}
                             href=${this.href}
@@ -71,7 +71,7 @@ var m, h = (m = class extends u(i) {
                     `]])}
         `;
 	}
-}, m.styles = [p], m);
+}, h = (m.styles = [p], m);
 r([n({
 	type: String,
 	reflect: !0
@@ -104,3 +104,4 @@ r([n({
 	attribute: "icon-position"
 })], h.prototype, "iconPosition", void 0), h = r([a("ds-link-button")], h);
 //#endregion
+export { h as DsLinkButton };

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

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

@@ -1,15 +1,15 @@
-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 { 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 { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-list/ds-list.ts
-var s, c = (s = class extends r {
+var s = class extends r {
 	constructor(...e) {
 		super(...e), this.size = "large";
 	}
@@ -30,9 +30,10 @@ var s, c = (s = class extends r {
             </div>
         `;
 	}
-}, s.styles = [o], s);
+}, c = (s.styles = [o], s);
 n([t({
 	type: String,
 	reflect: !0
 })], c.prototype, "size", void 0), c = n([i("ds-list")], c);
 //#endregion
+export { c as DsList };

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

package/dist-react/esm/components/ds-list-item/ds-list-item.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 "../../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 { 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 { 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 { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-list-item/ds-list-item.ts
-var l, u = (l = class extends i {
+var l = class extends i {
 	constructor(...e) {
 		super(...e), this.variant = "selection", this.selected = !1, this.disabled = !1, this.size = "large";
 	}
@@ -31,7 +31,7 @@ var l, u = (l = class extends i {
 		}
 	}
 	renderSelectionTemplate() {
-		return t`
+		return e`
             <slot name="input-left"></slot>
             <slot name="icon"></slot>
             <div class="container-text">
@@ -43,7 +43,7 @@ var l, u = (l = class extends i {
         `;
 	}
 	renderActionTemplate() {
-		return t`
+		return e`
             <slot name="image-square"></slot>
             <slot name="image-wide"></slot>
             <slot name="icon-left"></slot>
@@ -56,7 +56,7 @@ var l, u = (l = class extends i {
         `;
 	}
 	renderInfoTemplate() {
-		return t`
+		return e`
             <slot name="icon"></slot>
             <div class="container-text">
                 <div class="container">
@@ -73,20 +73,20 @@ var l, u = (l = class extends i {
 			case "selection": return this.renderSelectionTemplate();
 			case "action": return this.renderActionTemplate();
 			case "info": return this.renderInfoTemplate();
-			default: return e;
+			default: return t;
 		}
 	}
 	render() {
 		let n = this.variant !== "info";
-		return t`
+		return e`
             <li class=${s(this.classes)} role="listitem" tabindex="0" ?aria-disabled=${this.disabled}>
                 ${this.renderByTemplate()}
             </li>
 
-            ${n ? o`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>` : e}
+            ${n ? o`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>` : t}
         `;
 	}
-}, l.styles = [c], l);
+}, u = (l.styles = [c], l);
 r([n({
 	type: String,
 	reflect: !0
@@ -101,3 +101,4 @@ r([n({
 	reflect: !0
 })], u.prototype, "size", void 0), u = r([a("ds-list-item")], u);
 //#endregion
+export { u as DsListItem };

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

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

@@ -1,15 +1,16 @@
-import { E 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 { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { nothing 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 t from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 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";
+import a from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/superPropGet.js";
 //#region src/components/ds-loader-bar/ds-loader-bar.ts
-var o, s = (o = class extends r {
+var o = class extends r {
 	render() {
 		return this.show ? this.barTemplate : e;
 	}
-}, o.styles = [...a(o, "styles", o), i], o);
+}, s = (o.styles = [...a(o, "styles", o), i], o);
 s = t([n("ds-loader-bar", { skipTagAsComponentName: !0 })], s);
 //#endregion
+export { s as DsLoaderBar };

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

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

@@ -1,18 +1,18 @@
-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 { booleanConverter as o } from "../../utils/booleanConverter.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-loader-dots/ds-loader-dots.ts
-var u, d = (u = class extends i {
+var u = class extends i {
 	constructor(...e) {
 		super(...e), this.show = !1, this.mode = "light", this.size = "large";
 	}
@@ -24,7 +24,7 @@ var u, d = (u = class extends i {
 		};
 	}
 	get styleTokens() {
-		return t`
+		return e`
                 <style>
                     :host {
                         color-scheme: ${this.mode};
@@ -33,7 +33,7 @@ var u, d = (u = class extends i {
         `;
 	}
 	render() {
-		return this.show ? t`
+		return this.show ? e`
                   ${this.styleTokens}
                   <div
                       class=${s(this.classes)}
@@ -45,9 +45,9 @@ var u, d = (u = class extends i {
                       <div class="dot middle"></div>
                       <div class="dot last"></div>
                   </div>
-              ` : e;
+              ` : t;
 	}
-}, u.styles = [l], u);
+}, d = (u.styles = [l], u);
 r([n({
 	type: Boolean,
 	converter: o
@@ -59,3 +59,4 @@ r([n({
 	attribute: "data-aria-label"
 })], d.prototype, "dataAriaLabel", void 0), d = r([a("ds-loader-dots")], d);
 //#endregion
+export { d as DsLoaderDots };

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