@cupra/ui-kit 2.0.0-canary.87 → 2.0.0-canary.89

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

@@ -1,139 +1,124 @@
-import { UiKitElement as y } from "../base/UiKitElement.js";
-import { customUiKitElement as g } from "../../decorators/customUiKitElement.js";
-import { formatNumber as l } from "../../utils/formatNumber/formatNumber.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as c, html as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as m } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as d } from "./styles/common.styles.js";
-var S = Object.defineProperty, b = Object.getOwnPropertyDescriptor, e = (n, r, s, p) => {
-  for (var o = p > 1 ? void 0 : p ? b(r, s) : r, u = n.length - 1, h; u >= 0; u--)
-    (h = n[u]) && (o = (p ? h(r, s, o) : h(o)) || o);
-  return p && o && S(r, s, o), o;
-};
-let t = class extends y {
-  constructor() {
-    super(...arguments), this.minimumFractionDigits = 0, this.maximumFractionDigits = 20, this.amountSize = "medium", this.amountWeight = "medium", this.currencySize = "medium", this.currencyWeight = "medium", this.periodSize = "medium", this.periodWeight = "medium", this.noteSize = "medium", this.noteWeight = "medium";
-  }
-  get valueTemplate() {
-    const { formattedValue: n, unitSymbol: r, unitSymbolPosition: s } = l({
-      value: this.amountNumber ?? 0,
-      locale: this.locale,
-      style: "currency",
-      currency: this.currencyCode,
-      localeMatcher: "lookup",
-      minimumFractionDigits: this.minimumFractionDigits,
-      maximumFractionDigits: this.maximumFractionDigits
-    }), p = this.amountText || n, o = {
-      amount: !0,
-      text: !0,
-      [`size-${this.amountSize}`]: !0,
-      [`weight-${this.amountWeight}`]: !0
-    }, u = {
-      currency: !0,
-      left: s === "left",
-      right: s === "right",
-      text: !0,
-      [`size-${this.currencySize}`]: !0,
-      [`weight-${this.currencyWeight}`]: !0
-    };
-    return a`
-            ${s === "left" ? a`<span class=${m(u)}>${r}</span>` : c}
-            <span class=${m(o)}>${p}</span>
-            ${s === "right" ? a`<span class=${m(u)}>${r}</span>` : c}
+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.122.0/helpers/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 { 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 = class extends i {
+	constructor(...e) {
+		super(...e), this.minimumFractionDigits = 0, this.maximumFractionDigits = 20, this.amountSize = "medium", this.amountWeight = "medium", this.currencySize = "medium", this.currencyWeight = "medium", this.periodSize = "medium", this.periodWeight = "medium", this.noteSize = "medium", this.noteWeight = "medium";
+	}
+	static {
+		this.styles = [c];
+	}
+	get valueTemplate() {
+		let { formattedValue: n, unitSymbol: r, unitSymbolPosition: i } = s({
+			value: this.amountNumber ?? 0,
+			locale: this.locale,
+			style: "currency",
+			currency: this.currencyCode,
+			localeMatcher: "lookup",
+			minimumFractionDigits: this.minimumFractionDigits,
+			maximumFractionDigits: this.maximumFractionDigits
+		}), a = this.amountText || n, c = {
+			amount: !0,
+			text: !0,
+			[`size-${this.amountSize}`]: !0,
+			[`weight-${this.amountWeight}`]: !0
+		}, l = {
+			currency: !0,
+			left: i === "left",
+			right: i === "right",
+			text: !0,
+			[`size-${this.currencySize}`]: !0,
+			[`weight-${this.currencyWeight}`]: !0
+		};
+		return t`
+            ${i === "left" ? t`<span class=${o(l)}>${r}</span>` : e}
+            <span class=${o(c)}>${a}</span>
+            ${i === "right" ? t`<span class=${o(l)}>${r}</span>` : e}
         `;
-  }
-  get periodTemplate() {
-    if (!this.period) return c;
-    const n = new Intl.DisplayNames(this.locale, { type: "dateTimeField" }), r = {
-      period: !0,
-      text: !0,
-      [`size-${this.periodSize}`]: !0,
-      [`weight-${this.periodWeight}`]: !0
-    };
-    return a`
-            <span class=${m(r)}"period">/${n.of(this.period)}</span>
+	}
+	get periodTemplate() {
+		if (!this.period) return e;
+		let n = new Intl.DisplayNames(this.locale, { type: "dateTimeField" });
+		return t`
+            <span class=${o({
+			period: !0,
+			text: !0,
+			[`size-${this.periodSize}`]: !0,
+			[`weight-${this.periodWeight}`]: !0
+		})}"period">/${n.of(this.period)}</span>
         `;
-  }
-  get noteTemplate() {
-    if (!this.note) return c;
-    const n = {
-      note: !0,
-      text: !0,
-      [`size-${this.noteSize}`]: !0,
-      [`weight-${this.noteWeight}`]: !0
-    };
-    return a` <span class=${m(n)}>${this.note}</span> `;
-  }
-  render() {
-    return a`
+	}
+	get noteTemplate() {
+		return this.note ? t` <span class=${o({
+			note: !0,
+			text: !0,
+			[`size-${this.noteSize}`]: !0,
+			[`weight-${this.noteWeight}`]: !0
+		})}>${this.note}</span> ` : e;
+	}
+	render() {
+		return t`
             <div class="container">
                 ${this.valueTemplate}
                 ${this.noteTemplate}
                 ${this.periodTemplate}
             </div>
         `;
-  }
-};
-t.styles = [d];
-e([
-  i({ type: String })
-], t.prototype, "locale", 2);
-e([
-  i({ type: String, attribute: "currency-code" })
-], t.prototype, "currencyCode", 2);
-e([
-  i({ type: String, attribute: "amount-text" })
-], t.prototype, "amountText", 2);
-e([
-  i({ type: Number, attribute: "amount-number" })
-], t.prototype, "amountNumber", 2);
-e([
-  i({ type: Number, attribute: "minimum-fraction-digits" })
-], t.prototype, "minimumFractionDigits", 2);
-e([
-  i({ type: Number, attribute: "maximum-fraction-digits" })
-], t.prototype, "maximumFractionDigits", 2);
-e([
-  i({ type: String })
-], t.prototype, "period", 2);
-e([
-  i({ type: String })
-], t.prototype, "note", 2);
-e([
-  i({ type: String, attribute: "thousand-separator" })
-], t.prototype, "thousandSeparator", 2);
-e([
-  i({ type: String, attribute: "fraction-separator" })
-], t.prototype, "fractionSeparator", 2);
-e([
-  i({ type: String, attribute: "amount-size" })
-], t.prototype, "amountSize", 2);
-e([
-  i({ type: String, attribute: "amount-weight" })
-], t.prototype, "amountWeight", 2);
-e([
-  i({ type: String, attribute: "currency-size" })
-], t.prototype, "currencySize", 2);
-e([
-  i({ type: String, attribute: "currency-weight" })
-], t.prototype, "currencyWeight", 2);
-e([
-  i({ type: String, attribute: "period-size" })
-], t.prototype, "periodSize", 2);
-e([
-  i({ type: String, attribute: "period-weight" })
-], t.prototype, "periodWeight", 2);
-e([
-  i({ type: String, attribute: "note-size" })
-], t.prototype, "noteSize", 2);
-e([
-  i({ type: String, attribute: "note-weight" })
-], t.prototype, "noteWeight", 2);
-t = e([
-  g("ds-currency")
-], t);
-export {
-  t as DsCurrency
+	}
 };
+r([n({ type: String })], l.prototype, "locale", void 0), r([n({
+	type: String,
+	attribute: "currency-code"
+})], l.prototype, "currencyCode", void 0), r([n({
+	type: String,
+	attribute: "amount-text"
+})], l.prototype, "amountText", void 0), r([n({
+	type: Number,
+	attribute: "amount-number"
+})], l.prototype, "amountNumber", void 0), r([n({
+	type: Number,
+	attribute: "minimum-fraction-digits"
+})], l.prototype, "minimumFractionDigits", void 0), r([n({
+	type: Number,
+	attribute: "maximum-fraction-digits"
+})], l.prototype, "maximumFractionDigits", void 0), r([n({ type: String })], l.prototype, "period", void 0), r([n({ type: String })], l.prototype, "note", void 0), r([n({
+	type: String,
+	attribute: "thousand-separator"
+})], l.prototype, "thousandSeparator", void 0), r([n({
+	type: String,
+	attribute: "fraction-separator"
+})], l.prototype, "fractionSeparator", void 0), r([n({
+	type: String,
+	attribute: "amount-size"
+})], l.prototype, "amountSize", void 0), r([n({
+	type: String,
+	attribute: "amount-weight"
+})], l.prototype, "amountWeight", void 0), r([n({
+	type: String,
+	attribute: "currency-size"
+})], l.prototype, "currencySize", void 0), r([n({
+	type: String,
+	attribute: "currency-weight"
+})], l.prototype, "currencyWeight", void 0), r([n({
+	type: String,
+	attribute: "period-size"
+})], l.prototype, "periodSize", void 0), r([n({
+	type: String,
+	attribute: "period-weight"
+})], l.prototype, "periodWeight", void 0), r([n({
+	type: String,
+	attribute: "note-size"
+})], l.prototype, "noteSize", void 0), r([n({
+	type: String,
+	attribute: "note-weight"
+})], l.prototype, "noteWeight", void 0), l = r([a("ds-currency")], l);
+//#endregion

package/dist-react/esm/components/ds-currency/styles/common.styles.js

@@ -1,8 +1,7 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as i } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const s = i`
+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";
+//#region src/components/ds-currency/styles/common.styles.ts
+var t = e`
     :host {
         display: inline;
     }
@@ -12,6 +11,5 @@ const s = i`
         align-items: flex-end;
     }
 `;
-export {
-  s as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,65 +1,71 @@
-import { UiKitElement as h } from "../base/UiKitElement.js";
-import { customUiKitElement as u } from "../../decorators/customUiKitElement.js";
-import { inputStatesMixin as m } from "../../mixins/inputStatesMixin.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as n, nothing as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as s } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as v } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { classMap as y } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as f } from "./styles/common.styles.js";
-var x = Object.defineProperty, E = Object.getOwnPropertyDescriptor, r = (t, a, l, d) => {
-  for (var i = d > 1 ? void 0 : d ? E(a, l) : a, p = t.length - 1, c; p >= 0; p--)
-    (c = t[p]) && (i = (d ? c(a, l, i) : c(i)) || i);
-  return d && i && x(a, l, i), i;
-};
-let e = class extends m(h) {
-  constructor() {
-    super(...arguments), 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);
-    }, this.handleCalendarChange = (t) => {
-      t.stopPropagation();
-      const a = t.detail.value;
-      this.nativeInput && (this.nativeInput.value = a, this.nativeInput.dispatchEvent(new Event("input", { bubbles: !0 }))), this.isExpanded = !1;
-    }, this.handleDocumentClick = (t) => {
-      this.isExpanded && !this.contains(t.target) && (this.isExpanded = !1);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), e.injectNativeInputStyles();
-  }
-  static injectNativeInputStyles() {
-    if (e.nativeStylesInjected) return;
-    e.nativeStylesInjected = !0;
-    const t = document.createElement("style");
-    t.setAttribute("data-ds-date-picker", ""), t.textContent = [
-      'ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }',
-      'ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }',
-      'ds-date-picker-react input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }',
-      'ds-date-picker-react input[type="date"]::-webkit-inner-spin-button { display: none !important; }'
-    ].join(`
-`), document.head.appendChild(t);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick), this.removeEventListener("ds-calendar-change", this.handleCalendarChange);
-  }
-  get classes() {
-    return {
-      container: !0,
-      error: !!this.forcedError,
-      [this.size]: !!this.size,
-      disabled: this.inputStates.disabled,
-      readonly: this.inputStates.readonly,
-      filled: this.inputStates.filled,
-      invalid: this.inputStates.invalid,
-      focus: this.inputStates.focus,
-      "focus-visible": this.inputStates.focusVisible,
-      expanded: this.isExpanded
-    };
-  }
-  render() {
-    return n`
-            <div class=${y(this.classes)}>
+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.122.0/helpers/decorate.js";
+import { UiKitElement as a } from "../base/UiKitElement.js";
+import { customUiKitElement as o } from "../../decorators/customUiKitElement.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 { inputStatesMixin as c } from "../../mixins/inputStatesMixin.js";
+import { commonStyles as l } from "./styles/common.styles.js";
+//#region src/components/ds-date-picker/ds-date-picker.ts
+var u, d = class extends c(a) {
+	static {
+		u = this;
+	}
+	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);
+		}, this.handleCalendarChange = (e) => {
+			e.stopPropagation();
+			let t = e.detail.value;
+			this.nativeInput && (this.nativeInput.value = t, this.nativeInput.dispatchEvent(new Event("input", { bubbles: !0 }))), this.isExpanded = !1;
+		}, this.handleDocumentClick = (e) => {
+			this.isExpanded && !this.contains(e.target) && (this.isExpanded = !1);
+		};
+	}
+	static {
+		this.styles = [l];
+	}
+	static {
+		this.nativeStylesInjected = !1;
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), u.injectNativeInputStyles();
+	}
+	static injectNativeInputStyles() {
+		if (u.nativeStylesInjected) return;
+		u.nativeStylesInjected = !0;
+		let e = document.createElement("style");
+		e.setAttribute("data-ds-date-picker", ""), e.textContent = [
+			"ds-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator { display: none !important; }",
+			"ds-date-picker input[type=\"date\"]::-webkit-inner-spin-button { display: none !important; }",
+			"ds-date-picker-react input[type=\"date\"]::-webkit-calendar-picker-indicator { display: none !important; }",
+			"ds-date-picker-react input[type=\"date\"]::-webkit-inner-spin-button { display: none !important; }"
+		].join("\n"), document.head.appendChild(e);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick), this.removeEventListener("ds-calendar-change", this.handleCalendarChange);
+	}
+	get classes() {
+		return {
+			container: !0,
+			error: !!this.forcedError,
+			[this.size]: !!this.size,
+			disabled: this.inputStates.disabled,
+			readonly: this.inputStates.readonly,
+			filled: this.inputStates.filled,
+			invalid: this.inputStates.invalid,
+			focus: this.inputStates.focus,
+			"focus-visible": this.inputStates.focusVisible,
+			expanded: this.isExpanded
+		};
+	}
+	render() {
+		return t`
+            <div class=${s(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>
                     ${this.calendarButtonTemplate}
@@ -73,65 +79,52 @@ let e = class extends m(h) {
                 </div>
             </div>
         `;
-  }
-  get calendarDropdownTemplate() {
-    return n`
+	}
+	get calendarDropdownTemplate() {
+		return t`
             <div class="calendar-dropdown" ?hidden=${!this.isExpanded}>
                 <slot name="calendar"></slot>
             </div>
         `;
-  }
-  get calendarButtonTemplate() {
-    var t;
-    return this.componentFactory.createIconButton({
-      class: "calendar-button",
-      "icon-name": "calendar",
-      size: this.size,
-      disabled: !!((t = this.nativeInput) != null && t.disabled),
-      variant: "naked",
-      "@click": this.handleCalendarButtonClick,
-      "data-aria-label": this.dataAriaLabelCalendarButton || "open calendar"
-    });
-  }
-  get helperTextTemplate() {
-    return this.inputStates.readonly || this.forcedError || this.inputStates.invalid && this.invalidError ? o : n`<span class="support-text helper-text">${this.helperText}</span>`;
-  }
-  get forcedErrorTemplate() {
-    return this.inputStates.readonly || !this.forcedError ? o : n`<span class="support-text error-text forced-error">${this.forcedError}</span>`;
-  }
-  get readonlyTextTemplate() {
-    return !this.inputStates.readonly || !this.readonlyText ? o : n`<span class="support-text readonly-text">${this.readonlyText}</span>`;
-  }
-  get invalidErrorTemplate() {
-    return this.inputStates.readonly || this.forcedError || !this.inputStates.invalid || !this.invalidError ? o : n`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
-  }
-};
-e.styles = [f];
-e.nativeStylesInjected = !1;
-r([
-  s({ type: String })
-], e.prototype, "size", 2);
-r([
-  s({ type: String, attribute: "helper-text" })
-], e.prototype, "helperText", 2);
-r([
-  s({ type: String, attribute: "forced-error" })
-], e.prototype, "forcedError", 2);
-r([
-  s({ type: String, attribute: "invalid-error" })
-], e.prototype, "invalidError", 2);
-r([
-  s({ type: String, attribute: "readonly-text" })
-], e.prototype, "readonlyText", 2);
-r([
-  s({ type: String, attribute: "data-aria-label-calendar-button" })
-], e.prototype, "dataAriaLabelCalendarButton", 2);
-r([
-  v()
-], e.prototype, "isExpanded", 2);
-e = r([
-  u("ds-date-picker")
-], e);
-export {
-  e as DsDatePicker
+	}
+	get calendarButtonTemplate() {
+		return this.componentFactory.createIconButton({
+			class: "calendar-button",
+			"icon-name": "calendar",
+			size: this.size,
+			disabled: !!this.nativeInput?.disabled,
+			variant: "naked",
+			"@click": this.handleCalendarButtonClick,
+			"data-aria-label": this.dataAriaLabelCalendarButton || "open calendar"
+		});
+	}
+	get helperTextTemplate() {
+		return this.inputStates.readonly || this.forcedError || this.inputStates.invalid && this.invalidError ? e : t`<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>`;
+	}
+	get readonlyTextTemplate() {
+		return !this.inputStates.readonly || !this.readonlyText ? e : t`<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>`;
+	}
 };
+i([n({ type: String })], d.prototype, "size", void 0), i([n({
+	type: String,
+	attribute: "helper-text"
+})], d.prototype, "helperText", void 0), i([n({
+	type: String,
+	attribute: "forced-error"
+})], d.prototype, "forcedError", void 0), i([n({
+	type: String,
+	attribute: "invalid-error"
+})], d.prototype, "invalidError", void 0), i([n({
+	type: String,
+	attribute: "readonly-text"
+})], d.prototype, "readonlyText", void 0), i([n({
+	type: String,
+	attribute: "data-aria-label-calendar-button"
+})], d.prototype, "dataAriaLabelCalendarButton", void 0), i([r()], d.prototype, "isExpanded", void 0), d = u = i([o("ds-date-picker")], d);
+//#endregion

package/dist-react/esm/components/ds-date-picker/styles/common.styles.js

@@ -1,12 +1,10 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const p = o`
+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";
+//#region src/components/ds-date-picker/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  p as commonStyles
-};
+//#endregion
+export { t as commonStyles };