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

package/dist/esm/components/ds-checkbox-group/ds-checkbox-group.js

@@ -1,15 +1,15 @@
-import { n as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js";
-import { e as t } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
-import { E as n, x as r } 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 i } 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 a } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { createContext as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js";
+import { provide as t } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
+import { html as n, nothing as r } 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 i } 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 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 { 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 { 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 { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-checkbox-group/ds-checkbox-group.ts
 var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-group:error")), m = e(Symbol("ds-checkbox-group:error-text")), h = e(Symbol("ds-checkbox-group:helper-text")), g = e(Symbol("ds-checkbox-group:size")), _ = (d = class extends o {
@@ -26,7 +26,7 @@ var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-gr
 		};
 	}
 	render() {
-		return r`
+		return n`
             <div
                 data-testid="ds-checkbox-group-container"
                 class=${l(this.classes)}
@@ -37,8 +37,8 @@ var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-gr
                 <div class="checkboxes-container">
                     <slot></slot>
                 </div>
-                ${!this.error && this.helperText ? r`<div class="helper-text">${this.helperText}</div>` : n}
-                ${this.error && this.errorText ? r`<div class="error-text">${this.errorText}</div>` : n}
+                ${!this.error && this.helperText ? n`<div class="helper-text">${this.helperText}</div>` : r}
+                ${this.error && this.errorText ? n`<div class="error-text">${this.errorText}</div>` : r}
             </div>
         `;
 	}
@@ -60,4 +60,4 @@ a([t({ context: p }), i({
 	reflect: !0
 })], _.prototype, "orientation", void 0), _ = a([s("ds-checkbox-group")], _);
 //#endregion
-export { f as checkboxGroupDisabledContext, p as checkboxGroupErrorContext, g as checkboxGroupSizeContext };
+export { _ as DsCheckboxGroup, f as checkboxGroupDisabledContext, p as checkboxGroupErrorContext, m as checkboxGroupErrorTextContext, h as checkboxGroupHelperTextContext, g as checkboxGroupSizeContext };

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

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

@@ -1,20 +1,20 @@
-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 { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-chip/ds-chip.ts
-var d, f = (d = class extends i {
+var d = class extends i {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "", this.handleSlotChange = (e) => {
 			let t = e.target.assignedNodes({ flatten: !0 });
@@ -32,7 +32,7 @@ var d, f = (d = class extends i {
 		};
 	}
 	get styleTokens() {
-		return t`
+		return e`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -52,7 +52,7 @@ var d, f = (d = class extends i {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick());
 	}
 	handleClickIcon(e) {
-		e.stopImmediatePropagation(), !(!this.deselectable || !this.selected) && this.dispatchEvent(new CustomEvent("deselect", {
+		e.stopImmediatePropagation(), this.deselectable && this.selected && this.dispatchEvent(new CustomEvent("deselect", {
 			bubbles: !0,
 			composed: !0,
 			detail: { value: this.value }
@@ -62,13 +62,15 @@ var d, f = (d = class extends i {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClickIcon(e));
 	}
 	get leadingIconTemplate() {
-		return this.iconName ? s`<ds-icon class="icon" icon-name=${l(this.iconName)}></ds-icon>` : e;
+		return this.iconName ? s`<ds-icon class="icon" icon-name=${l(this.iconName)}></ds-icon>` : t;
 	}
 	get iconTemplate() {
-		return !this.selected || !this.deselectable ? e : s`<ds-icon
+		if (!this.selected || !this.deselectable) return t;
+		let e = this.mode === "light" ? "dark" : "light";
+		return s`<ds-icon
             class="icon"
             icon-name="cross"
-            mode=${this.mode === "light" ? "dark" : "light"}
+            mode=${e}
             data-testid="ds-chip-icon"
             @click=${this.handleClickIcon}
             @keydown=${this.handleKeyDownIcon}
@@ -78,7 +80,7 @@ var d, f = (d = class extends i {
         ></ds-icon>`;
 	}
 	render() {
-		return t`
+		return e`
             ${this.styleTokens}
             <div
                 role="button"
@@ -95,7 +97,7 @@ var d, f = (d = class extends i {
             </div>
         `;
 	}
-}, d.styles = [u], d);
+}, f = (d.styles = [u], d);
 r([n({ type: String })], f.prototype, "value", void 0), r([n({
 	type: String,
 	reflect: !0
@@ -114,3 +116,4 @@ r([n({ type: String })], f.prototype, "value", void 0), r([n({
 	attribute: "icon-name"
 })], f.prototype, "iconName", void 0), f = r([a("ds-chip")], f);
 //#endregion
+export { f as DsChip };

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

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

@@ -1,24 +1,24 @@
-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 { 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-icon-button/ds-icon-button.js";
 import { stringArrayConverter as p } from "../../utils/arrayConverter.js";
 import { commonStyles as m } from "./styles/common.styles.js";
 //#region src/components/ds-chips/ds-chips.ts
-var h, g = (h = class extends s {
+var h = class extends s {
 	constructor(...e) {
 		super(...e), this.multiChoice = null, this.size = "medium", this.mode = "light", this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
 			this.handleScrollNav();
@@ -44,13 +44,13 @@ var h, g = (h = class extends s {
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.resizeObserver.disconnect(), window.removeEventListener("resize", this.handleScrollNav), this.chipsContainer.removeEventListener("scroll", this.handleScrollNav);
 	}
-	getScrollButtonTemplate(t, n) {
-		if (t === "left" && !this.hasScrollLeft || t === "right" && !this.hasScrollRight) return e;
-		let r = `arrow-${t}`;
+	getScrollButtonTemplate(e, n) {
+		if (e === "left" && !this.hasScrollLeft || e === "right" && !this.hasScrollRight) return t;
+		let r = `arrow-${e}`;
 		return u`<ds-icon-button
-            class=${`scroll-button ${t}`}
-            data-testid=${`scroll-button-${t}`}
-            data-aria-label=${`scroll-button-${t}`}
+            class=${`scroll-button ${e}`}
+            data-testid=${`scroll-button-${e}`}
+            data-aria-label=${`scroll-button-${e}`}
             @click=${n}
             size=${this.size || "large"}
             icon-name=${r}
@@ -78,7 +78,7 @@ var h, g = (h = class extends s {
 	handleSelect(e) {
 		var t, n;
 		let r;
-		r = this.multiChoice && !(!((t = this.selectedChips) == null || (n = t.includes) == null) && n.call(t, e.detail.value)) ? [...this.selectedChips || [], e.detail.value] : [e.detail.value], this.selectedChips = r, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
+		r = this.multiChoice && !((t = this.selectedChips) != null && (n = t.includes) != null && n.call(t, e.detail.value)) ? [...this.selectedChips || [], e.detail.value] : [e.detail.value], this.selectedChips = r, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
 			bubbles: !0,
 			composed: !0,
 			detail: { selectedChips: r }
@@ -93,7 +93,7 @@ var h, g = (h = class extends s {
 		}));
 	}
 	render() {
-		return t`
+		return e`
             <div
                 class="container"
                 data-testid="ds-chips-container"
@@ -108,7 +108,7 @@ var h, g = (h = class extends s {
             </div>
         `;
 	}
-}, h.styles = [m], h);
+}, g = (h.styles = [m], h);
 o([n({
 	type: Array,
 	attribute: "selected-chips",
@@ -123,3 +123,4 @@ o([n({
 	reflect: !0
 })], g.prototype, "mode", void 0), o([r()], g.prototype, "hasScrollLeft", void 0), o([r()], g.prototype, "hasScrollRight", void 0), o([a({ slot: "" })], g.prototype, "chips", void 0), o([i(".chips-container")], g.prototype, "chipsContainer", void 0), g = o([c("ds-chips")], g);
 //#endregion
+export { g as DsChips };

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

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

@@ -1,21 +1,21 @@
-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 { formatNumber as s } from "../../utils/formatNumber/formatNumber.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-currency/ds-currency.ts
-var l, u = (l = class extends i {
+var l = class extends i {
 	constructor(...e) {
 		super(...e), this.currencyDisplay = "symbol", this.minimumFractionDigits = 0, this.maximumFractionDigits = 20, this.amountSize = "medium", this.amountWeight = "medium", this.periodSize = "medium", this.periodWeight = "medium", this.noteSize = "medium", this.noteWeight = "medium", this.variant = "default";
 	}
 	get valueTemplate() {
-		let { formattedValue: e } = s({
+		let { formattedValue: t } = s({
 			value: this.amountNumber ?? 0,
 			locale: this.locale,
 			style: "currency",
@@ -26,42 +26,44 @@ var l, u = (l = class extends i {
 			maximumFractionDigits: this.maximumFractionDigits,
 			currencyDisplay: this.currencyDisplay,
 			symbolOverrides: this.symbolOverrides
-		}), n = this.valueText || e;
-		return t`<span class=${o({
+		}), n = this.valueText || t, r = {
 			amount: !0,
 			text: !0,
 			[`size-${this.amountSize}`]: !0,
 			[`weight-${this.amountWeight}`]: !0
-		})}>${n}</span>`;
+		};
+		return e`<span class=${o(r)}>${n}</span>`;
 	}
 	get periodTemplate() {
-		if (!this.period) return e;
-		let n = new Intl.DisplayNames(this.locale, { type: "dateTimeField" });
-		return t`<span class=${o({
+		if (!this.period) return t;
+		let n = new Intl.DisplayNames(this.locale, { type: "dateTimeField" }), r = {
 			period: !0,
 			text: !0,
 			[`size-${this.periodSize}`]: !0,
 			[`weight-${this.periodWeight}`]: !0
-		})}"period">/${n.of(this.period)}</span>`;
+		};
+		return e`<span class=${o(r)}"period">/${n.of(this.period)}</span>`;
 	}
 	get noteTemplate() {
-		return this.note ? t`<span class=${o({
+		if (!this.note) return t;
+		let n = {
 			note: !0,
 			text: !0,
 			[`size-${this.noteSize}`]: !0,
 			[`weight-${this.noteWeight}`]: !0
-		})}>${this.note}</span>` : e;
+		};
+		return e`<span class=${o(n)}>${this.note}</span>`;
 	}
 	render() {
 		let n = {
 			container: !0,
 			strikethrough: this.variant === "strikethrough"
-		}, r = this.variant === "strikethrough" ? t`<div class="strikethrough-line"></div>` : e;
-		return t`<div class=${o(n)}>
+		}, r = this.variant === "strikethrough" ? e`<div class="strikethrough-line"></div>` : t;
+		return e`<div class=${o(n)}>
             ${this.valueTemplate}${this.periodTemplate}${this.noteTemplate}${r}
         </div>`;
 	}
-}, l.styles = [c], l);
+}, u = (l.styles = [c], l);
 r([n({ type: String })], u.prototype, "locale", void 0), r([n({
 	type: String,
 	attribute: "currency-code"
@@ -109,3 +111,4 @@ r([n({ type: String })], u.prototype, "locale", void 0), r([n({
 	attribute: "note-weight"
 })], u.prototype, "noteWeight", void 0), r([n({ type: String })], u.prototype, "variant", void 0), u = r([a("ds-currency")], u);
 //#endregion
+export { u as DsCurrency };

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

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

@@ -1,21 +1,21 @@
-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 { 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 "../ds-icon-button/ds-icon-button.js";
 import { inputStatesMixin as u } from "../../mixins/inputStatesMixin.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-date-picker/ds-date-picker.ts
-var f, p, m = (f = class extends u(a) {
+var f = class extends u(a) {
 	constructor(...e) {
 		super(...e), this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.dataAriaLabelCalendarButton = "", this.isExpanded = !1, this.handleCalendarButtonClick = () => {
 			this.inputStates.disabled || this.inputStates.readonly || (this.isExpanded = !this.isExpanded);
@@ -54,7 +54,7 @@ var f, p, m = (f = class extends u(a) {
 		};
 	}
 	render() {
-		return t`
+		return e`
             <div class=${c(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>
@@ -71,7 +71,7 @@ var f, p, m = (f = class extends u(a) {
         `;
 	}
 	get calendarDropdownTemplate() {
-		return t`
+		return e`
             <div class="calendar-dropdown" ?hidden=${!this.isExpanded}>
                 <slot name="calendar"></slot>
             </div>
@@ -90,18 +90,18 @@ var f, p, m = (f = class extends u(a) {
         ></ds-icon-button>`;
 	}
 	get helperTextTemplate() {
-		return this.inputStates.readonly || this.forcedError || this.inputStates.invalid && this.invalidError ? e : t`<span class="support-text helper-text">${this.helperText}</span>`;
+		return this.inputStates.readonly || this.forcedError || this.inputStates.invalid && this.invalidError ? t : e`<span class="support-text helper-text">${this.helperText}</span>`;
 	}
 	get forcedErrorTemplate() {
-		return this.inputStates.readonly || !this.forcedError ? e : t`<span class="support-text error-text forced-error">${this.forcedError}</span>`;
+		return this.inputStates.readonly || !this.forcedError ? t : e`<span class="support-text error-text forced-error">${this.forcedError}</span>`;
 	}
 	get readonlyTextTemplate() {
-		return !this.inputStates.readonly || !this.readonlyText ? e : t`<span class="support-text readonly-text">${this.readonlyText}</span>`;
+		return !this.inputStates.readonly || !this.readonlyText ? t : e`<span class="support-text readonly-text">${this.readonlyText}</span>`;
 	}
 	get invalidErrorTemplate() {
-		return this.inputStates.readonly || this.forcedError || !this.inputStates.invalid || !this.invalidError ? e : t`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
+		return this.inputStates.readonly || this.forcedError || !this.inputStates.invalid || !this.invalidError ? t : e`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
 	}
-}, p = f, f.styles = [d], f.nativeStylesInjected = !1, f);
+}, p = f, m = (f.styles = [d], f.nativeStylesInjected = !1, f);
 i([n({ type: String })], m.prototype, "size", void 0), i([n({
 	type: String,
 	attribute: "helper-text"
@@ -119,3 +119,4 @@ i([n({ type: String })], m.prototype, "size", void 0), i([n({
 	attribute: "data-aria-label-calendar-button"
 })], m.prototype, "dataAriaLabelCalendarButton", void 0), i([r()], m.prototype, "isExpanded", void 0), m = p = i([o("ds-date-picker")], m);
 //#endregion
+export { m as DsDatePicker };

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

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

@@ -1,20 +1,20 @@
-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 { 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 { 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 { debounce as u } from "../../utils/debounce.js";
 import { scrollLock as d } from "../../utils/scrollLock.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-dialog/ds-dialog.ts
-var p, m = (p = class extends o {
+var p = class extends o {
 	constructor(...e) {
 		super(...e), this.lockClose = !1, this.lockScroll = !0, this._open = void 0, this._openState = !1, this.size = "medium", this.hasBeenOpened = !1, this.hasScroll = !1, this.debouncedCheckScroll = u({ func: () => this.checkScroll() }), this.scrollLocked = !1, this.handleCloseButtonClick = () => {
 			this.handleClose("button");
@@ -91,17 +91,17 @@ var p, m = (p = class extends o {
 		}
 	}
 	render() {
-		return !this.hasBeenOpened && !this.open ? e : t`
+		return !this.hasBeenOpened && !this.open ? t : e`
             <dialog
                 class="dialog"
                 data-testid="ds-dialog-container"
-                aria-label=${this.dataAriaLabel || e}
-                aria-description=${this.dataAriaDescription || e}
+                aria-label=${this.dataAriaLabel || t}
+                aria-description=${this.dataAriaDescription || t}
                 @cancel=${this.handleCancel}
                 @click=${this.handleDialogClick}
             >
                 <div class=${l(this.panelClasses)}>
-                    ${this.lockClose ? e : t`<slot name="close-button" @click=${this.handleCloseButtonClick}></slot>`}
+                    ${this.lockClose ? t : e`<slot name="close-button" @click=${this.handleCloseButtonClick}></slot>`}
                     <div class="content-container">
                         <div tabindex="0" class="content ds-scroll">
                             <slot @slotchange=${this.handleResizeObserver}></slot>
@@ -112,7 +112,7 @@ var p, m = (p = class extends o {
             </dialog>
         `;
 	}
-}, p.styles = [f], p);
+}, m = (p.styles = [f], p);
 a([n({
 	type: Boolean,
 	converter: c,
@@ -133,3 +133,4 @@ a([n({
 	attribute: "data-aria-description"
 })], m.prototype, "dataAriaDescription", void 0), a([r()], m.prototype, "hasBeenOpened", void 0), a([r()], m.prototype, "hasScroll", void 0), a([i(".content")], m.prototype, "content", void 0), a([i("dialog")], m.prototype, "nativeDialog", void 0), m = a([s("ds-dialog")], m);
 //#endregion
+export { m as DsDialog };

package/dist/esm/components/ds-dialog/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";
 import { cssQueries as t } from "../../../utils/cssQueries.js";
 //#region src/components/ds-dialog/styles/common.styles.ts
 var n = e`

package/dist/esm/components/ds-dialog-body/ds-dialog-body.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 { __decorate as t } 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 t from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as n } from "../base/UiKitElement.js";
 import { customUiKitElement as r } from "../../decorators/customUiKitElement.js";
-import { e as i } 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 i } 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 a } from "./styles/common.styles.js";
 //#region src/components/ds-dialog-body/ds-dialog-body.ts
-var o, s = (o = class extends n {
+var o = class extends n {
 	get classes() {
 		return { container: !0 };
 	}
@@ -30,6 +30,7 @@ var o, s = (o = class extends n {
             </div>
         `;
 	}
-}, o.styles = [a], o);
+}, s = (o.styles = [a], o);
 s = t([r("ds-dialog-body")], s);
 //#endregion
+export { s as DsDialogBody };

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