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

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

@@ -1,48 +1,47 @@
-import { UiKitElement as h } from "../base/UiKitElement.js";
-import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
-import { ViewportMixin as g } from "../../mixins/ViewportMixin.js";
-import { booleanConverter as c } from "../../utils/booleanConverter.js";
-import { objectConverter as u } from "../../utils/objectConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as v, html as C } 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 n } 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 { pickerItemStyles as f } from "./styles/common.styles.js";
-var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, r = (s, i, a, o) => {
-  for (var e = o > 1 ? void 0 : o ? w(i, a) : i, l = s.length - 1, p; l >= 0; l--)
-    (p = s[l]) && (e = (o ? p(i, a, e) : p(e)) || e);
-  return o && e && y(i, a, e), e;
-};
-let t = class extends g(h) {
-  constructor() {
-    super(...arguments), this.variant = "without-border", this.size = "medium", this.loading = !1, this.selected = !1;
-  }
-  get containerClasses() {
-    const s = typeof this.size == "string" ? this.size : this.size[this.viewport];
-    return {
-      container: !0,
-      [s]: !!s,
-      selected: this.selected,
-      loading: this.loading
-    };
-  }
-  handleClick() {
-    this.selected || this.loading || this.dispatchEvent(
-      new CustomEvent("ds-picker-item:click", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  get imageContainerClasses() {
-    return {
-      "image-container": !0,
-      [this.variant]: !!this.variant
-    };
-  }
-  get loadingTemplate() {
-    return this.loading ? 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 { 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 { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
+import { objectConverter as l } from "../../utils/objectConverter.js";
+import { pickerItemStyles as u } from "./styles/common.styles.js";
+//#region src/components/ds-picker-item/ds-picker-item.ts
+var d = class extends c(i) {
+	constructor(...e) {
+		super(...e), this.variant = "without-border", this.size = "medium", this.loading = !1, this.selected = !1;
+	}
+	static {
+		this.styles = [u];
+	}
+	get containerClasses() {
+		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
+		return {
+			container: !0,
+			[e]: !!e,
+			selected: this.selected,
+			loading: this.loading
+		};
+	}
+	handleClick() {
+		this.selected || this.loading || this.dispatchEvent(new CustomEvent("ds-picker-item:click", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	get imageContainerClasses() {
+		return {
+			"image-container": !0,
+			[this.variant]: !!this.variant
+		};
+	}
+	get loadingTemplate() {
+		return this.loading ? t`
             <span class="overlay">
                 <svg class="spinner" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
                     <path
@@ -55,35 +54,27 @@ let t = class extends g(h) {
                     />
                 </svg>
             </span>
-        ` : v;
-  }
-  render() {
-    return C`
-            <button class=${m(this.containerClasses)} @click=${this.handleClick}>
-                <span class=${m(this.imageContainerClasses)}>
+        ` : e;
+	}
+	render() {
+		return t`
+            <button class=${s(this.containerClasses)} @click=${this.handleClick}>
+                <span class=${s(this.imageContainerClasses)}>
                     <slot></slot>
                 </span>
                 ${this.loadingTemplate}
             </button>
         `;
-  }
-};
-t.styles = [f];
-r([
-  n({ type: String })
-], t.prototype, "variant", 2);
-r([
-  n({ type: String, converter: u })
-], t.prototype, "size", 2);
-r([
-  n({ type: Boolean, converter: c })
-], t.prototype, "loading", 2);
-r([
-  n({ type: Boolean, converter: c })
-], t.prototype, "selected", 2);
-t = r([
-  d("ds-picker-item")
-], t);
-export {
-  t as DsPickerItem
+	}
 };
+r([n({ type: String })], d.prototype, "variant", void 0), r([n({
+	type: String,
+	converter: l
+})], d.prototype, "size", void 0), r([n({
+	type: Boolean,
+	converter: o
+})], d.prototype, "loading", void 0), r([n({
+	type: Boolean,
+	converter: o
+})], d.prototype, "selected", void 0), d = r([a("ds-picker-item")], d);
+//#endregion

package/dist/esm/components/ds-picker-item/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 t } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const r = t`
+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-picker-item/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  r as pickerItemStyles
-};
+//#endregion
+export { t as pickerItemStyles };

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

@@ -1,41 +1,34 @@
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import { i as t } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.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 { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import { LitElement as u } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as d } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, c = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? f(e, o) : e, n = r.length - 1, p; n >= 0; n--)
-    (p = r[n]) && (t = (s ? p(e, o, t) : p(t)) || t);
-  return s && t && m(e, o, t), t;
-};
-let a = class extends u {
-  constructor() {
-    super(...arguments), this.nodes = [], this.querySelectorText = "body";
-  }
-  render() {
-    return l`<slot></slot>`;
-  }
-  disconnectedCallback() {
-    var r;
-    super.disconnectedCallback(), (r = this.nodes) == null || r.forEach((e) => e.remove());
-  }
-  updated(r) {
-    super.updated(r), requestAnimationFrame(() => {
-      const e = document.querySelector(this.querySelectorText) || document.body;
-      if (!e) return;
-      const o = this.renderRoot.querySelector("slot"), s = (o == null ? void 0 : o.assignedNodes()) || [];
-      this.nodes = s, s.forEach((t) => {
-        e.appendChild(t);
-      });
-    });
-  }
-};
-c([
-  d({ type: String, attribute: "query-selector-text" })
-], a.prototype, "querySelectorText", 2);
-a = c([
-  i("ds-portal", { skipTagAsComponentName: !0 })
-], a);
-export {
-  a as DsPortal
+//#region src/components/ds-portal/ds-portal.ts
+var a = class extends t {
+	constructor(...e) {
+		super(...e), this.nodes = [], this.querySelectorText = "body";
+	}
+	render() {
+		return e`<slot></slot>`;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.nodes?.forEach((e) => e.remove());
+	}
+	updated(e) {
+		super.updated(e), requestAnimationFrame(() => {
+			let e = document.querySelector(this.querySelectorText) || document.body;
+			if (!e) return;
+			let t = this.renderRoot.querySelector("slot")?.assignedNodes() || [];
+			this.nodes = t, t.forEach((t) => {
+				e.appendChild(t);
+			});
+		});
+	}
 };
+r([n({
+	type: String,
+	attribute: "query-selector-text"
+})], a.prototype, "querySelectorText", void 0), a = r([i("ds-portal", { skipTagAsComponentName: !0 })], a);
+//#endregion

package/dist/esm/components/ds-progress-bar/ds-progress-bar.js

@@ -1,34 +1,26 @@
-import { DsBaseProgressBar as i } from "../base/ds-base-progress-bar/ds-base-progress-bar.js";
-import { customUiKitElement as f } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as n, html as _ } 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 g } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { commonStyles as v } from "./styles/common.styles.js";
-var y = Object.defineProperty, c = Object.getOwnPropertyDescriptor, h = Object.getPrototypeOf, P = Reflect.get, a = (o, e, s, p) => {
-  for (var r = p > 1 ? void 0 : p ? c(e, s) : e, m = o.length - 1, l; m >= 0; m--)
-    (l = o[m]) && (r = (p ? l(e, s, r) : l(r)) || r);
-  return p && r && y(e, s, r), r;
-}, u = (o, e, s) => P(h(o), s, e);
-let t = class extends i {
-  render() {
-    return this.show ? _`
+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 { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
+import { DsBaseProgressBar as a } from "../base/ds-base-progress-bar/ds-base-progress-bar.js";
+import { commonStyles as o } from "./styles/common.styles.js";
+//#region src/components/ds-progress-bar/ds-progress-bar.ts
+var s = class extends a {
+	static {
+		this.styles = [...super.styles, o];
+	}
+	render() {
+		return this.show ? t`
                   <style>
                       .fill {
                           width: ${this.progress}%;
                       }
                   </style>
                   ${this.barTemplate}
-              ` : n;
-  }
-};
-t.styles = [...u(t, t, "styles"), v];
-a([
-  g({ type: Number })
-], t.prototype, "progress", 2);
-t = a([
-  f("ds-progress-bar", { skipTagAsComponentName: !0 })
-], t);
-export {
-  t as DsProgressBar
+              ` : e;
+	}
 };
+r([n({ type: Number })], s.prototype, "progress", void 0), s = r([i("ds-progress-bar", { skipTagAsComponentName: !0 })], s);
+//#endregion

package/dist/esm/components/ds-progress-bar/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 r = 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-progress-bar/styles/common.styles.ts
+var t = e`
     .fill {
         transition: all 200ms ease-in-out;
     }
 `;
-export {
-  r as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,65 +1,58 @@
-import { UiKitElement as h } from "../base/UiKitElement.js";
-import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as d } from "../../utils/booleanConverter.js";
-import { htmlWithTokens as u } from "../../utils/htmlWithTokens.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as m } 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 r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { queryAssignedNodes as f } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js";
-import { classMap as b } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as y } from "./styles/common.styles.js";
-var v = Object.defineProperty, k = Object.getOwnPropertyDescriptor, s = (e, l, i, a) => {
-  for (var o = a > 1 ? void 0 : a ? k(l, i) : l, n = e.length - 1, p; n >= 0; n--)
-    (p = e[n]) && (o = (a ? p(l, i, o) : p(o)) || o);
-  return a && o && v(l, i, o), o;
-};
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.readonly = !1, this.checked = !1, this.disabled = !1, this.mode = "light", this.size = "large", this.handleClickInput = (e) => {
-      this.readonly && e.preventDefault();
-    }, this.handleClickLabel = (e) => {
-      e.stopImmediatePropagation(), this.dispatchEvent(
-        new CustomEvent("click", {
-          bubbles: !0,
-          composed: !0,
-          detail: {
-            value: this.value
-          }
-        })
-      ), this.readonly || (this.input.checked = !0, this.dispatchEvent(
-        new CustomEvent("change", {
-          bubbles: !0,
-          composed: !0,
-          detail: {
-            value: this.value
-          }
-        })
-      ));
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.input = document.createElement("input"), this.input.type = "radio", this.input.slot = "radio", this.input.ariaLabel = this.value, this.input.addEventListener("click", this.handleClickInput), this.appendChild(this.input);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.input.removeEventListener("click", this.handleClickInput);
-  }
-  updated(e) {
-    super.updated(e), ["name", "value"].forEach((i) => {
-      e.has(i) && (this.input[i] = this[i]);
-    }), e.has("checked") && requestAnimationFrame(() => {
-      this.input.checked = this.checked;
-    }), e.has("disabled") && (this.input.disabled = this.disabled);
-  }
-  get labelClasses() {
-    return {
-      disabled: this.disabled,
-      [this.mode]: !!this.mode,
-      [this.size]: !!this.size
-    };
-  }
-  get styleTokens() {
-    return u`
+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 { n } 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 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 { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { htmlWithTokens as s } from "../../utils/htmlWithTokens.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 { commonStyles as l } from "./styles/common.styles.js";
+//#region src/components/ds-radio/ds-radio.ts
+var u = class extends i {
+	constructor(...e) {
+		super(...e), this.readonly = !1, this.checked = !1, this.disabled = !1, this.mode = "light", this.size = "large", this.handleClickInput = (e) => {
+			this.readonly && e.preventDefault();
+		}, this.handleClickLabel = (e) => {
+			e.stopImmediatePropagation(), this.dispatchEvent(new CustomEvent("click", {
+				bubbles: !0,
+				composed: !0,
+				detail: { value: this.value }
+			})), this.readonly || (this.input.checked = !0, this.dispatchEvent(new CustomEvent("change", {
+				bubbles: !0,
+				composed: !0,
+				detail: { value: this.value }
+			})));
+		};
+	}
+	static {
+		this.styles = [l];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.input = document.createElement("input"), this.input.type = "radio", this.input.slot = "radio", this.input.ariaLabel = this.value, this.input.addEventListener("click", this.handleClickInput), this.appendChild(this.input);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.input.removeEventListener("click", this.handleClickInput);
+	}
+	updated(e) {
+		super.updated(e), ["name", "value"].forEach((t) => {
+			e.has(t) && (this.input[t] = this[t]);
+		}), e.has("checked") && requestAnimationFrame(() => {
+			this.input.checked = this.checked;
+		}), e.has("disabled") && (this.input.disabled = this.disabled);
+	}
+	get labelClasses() {
+		return {
+			disabled: this.disabled,
+			[this.mode]: !!this.mode,
+			[this.size]: !!this.size
+		};
+	}
+	get styleTokens() {
+		return s`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -67,45 +60,37 @@ let t = class extends h {
                 }
             </style>
         `;
-  }
-  render() {
-    return m`
+	}
+	render() {
+		return e`
             ${this.styleTokens}
-            <label @click=${this.handleClickLabel} class=${b(this.labelClasses)}>
+            <label @click=${this.handleClickLabel} class=${c(this.labelClasses)}>
                 <slot name="radio"></slot>
                 <slot></slot>
             </label>
         `;
-  }
-};
-t.styles = [y];
-s([
-  r({ type: Boolean, converter: d, reflect: !0 })
-], t.prototype, "readonly", 2);
-s([
-  r({ type: String, reflect: !0 })
-], t.prototype, "name", 2);
-s([
-  r({ type: String })
-], t.prototype, "value", 2);
-s([
-  r({ type: Boolean, converter: d, reflect: !0 })
-], t.prototype, "checked", 2);
-s([
-  r({ type: Boolean, converter: d, reflect: !0 })
-], t.prototype, "disabled", 2);
-s([
-  r({ type: String, reflect: !0 })
-], t.prototype, "mode", 2);
-s([
-  r({ type: String })
-], t.prototype, "size", 2);
-s([
-  f({ slot: "", flatten: !0 })
-], t.prototype, "_defaultSlotNodes", 2);
-t = s([
-  c("ds-radio")
-], t);
-export {
-  t as DsRadio
+	}
 };
+r([t({
+	type: Boolean,
+	converter: o,
+	reflect: !0
+})], u.prototype, "readonly", void 0), r([t({
+	type: String,
+	reflect: !0
+})], u.prototype, "name", void 0), r([t({ type: String })], u.prototype, "value", void 0), r([t({
+	type: Boolean,
+	converter: o,
+	reflect: !0
+})], u.prototype, "checked", void 0), r([t({
+	type: Boolean,
+	converter: o,
+	reflect: !0
+})], u.prototype, "disabled", void 0), r([t({
+	type: String,
+	reflect: !0
+})], u.prototype, "mode", void 0), r([t({ type: String })], u.prototype, "size", void 0), r([n({
+	slot: "",
+	flatten: !0
+})], u.prototype, "_defaultSlotNodes", void 0), u = r([a("ds-radio")], u);
+//#endregion

package/dist/esm/components/ds-radio/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 e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const o = e`
+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-radio/styles/common.styles.ts
+var t = e`
     :host {
         display: inline-block;
     }
@@ -39,6 +38,5 @@ const o = e`
         transform: scale(1);
     }
 `;
-export {
-  o as commonStyles
-};
+//#endregion
+export { t as commonStyles };