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

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

@@ -1,136 +1,130 @@
-import { UiKitElement as b } from "../base/UiKitElement.js";
-import { customUiKitElement as y } from "../../decorators/customUiKitElement.js";
-import { computePosition as g, flip as P, shift as $, offset as L, arrow as E, size as x } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { booleanConverter as c } from "../../utils/booleanConverter.js";
-import { debounce as C } from "../../utils/debounce.js";
-import { htmlWithTokens as O } 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 u, nothing 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 l } 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 { query as f } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.js";
-import { queryAssignedElements as p } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import { classMap as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as A } from "./styles/common.styles.js";
-var D = Object.defineProperty, M = Object.getOwnPropertyDescriptor, i = (e, t, o, n) => {
-  for (var r = n > 1 ? void 0 : n ? M(t, o) : t, h = e.length - 1, a; h >= 0; h--)
-    (a = e[h]) && (r = (n ? a(t, o, r) : a(r)) || r);
-  return n && r && D(t, o, r), r;
-};
-let s = class extends b {
-  constructor() {
-    super(...arguments), this.mode = "light", this.show = !1, this.disableHoverListener = !1, this.disableFocusListener = !1, this.disablePressListener = !1, this.tooltipId = `ds-tooltip-${Date.now()}-${Math.floor(Math.random() * 1e6)}`, this.usingKeyboard = !1, this.handleKeyDown = () => {
-      this.usingKeyboard = !0;
-    }, this.handlePointerDown = () => {
-      this.usingKeyboard = !1;
-    }, this.handleTooltipPointerDown = (e) => {
-      e.stopImmediatePropagation();
-    }, this.handleResize = C({ func: () => this.requestUpdate() }), this.handleClose = () => {
-      this.show = !1;
-    }, this.handleAnchorPointerDown = (e) => {
-      this.disablePressListener || e.button === 0 && (this.show = !this.show);
-    }, this.handleAnchorMouseOver = () => {
-      this.disableHoverListener || (this.show = !0);
-    }, this.handleAnchorMouseOut = () => {
-      this.disableHoverListener || setTimeout(() => {
-        var e, t, o, n, r;
-        !((t = (e = this.container) == null ? void 0 : e.matches) != null && t.call(e, ":hover")) && !((n = (o = this.arrow) == null ? void 0 : o.matches) != null && n.call(o, ":hover")) && !((r = this == null ? void 0 : this.matches) != null && r.call(this, ":hover")) && (this.show = !1);
-      }, 150);
-    }, this.handleAnchorFocusIn = () => {
-      this.usingKeyboard && (this.disableFocusListener || (this.show = !0));
-    }, this.handleAnchorFocusOut = () => {
-      this.usingKeyboard && (this.disableFocusListener || (this.show = !1));
-    }, this.handlePressOutside = (e) => {
-      var o;
-      if (this.disablePressListener || e.button !== 0) return;
-      const t = e.target;
-      t === this || this.contains(t) || (o = this.shadowRoot) != null && o.contains(t) || this.anchorElements[0] === t || this.anchorElements[0].contains(t) || (this.show = !1);
-    };
-  }
-  disconnectedCallback() {
-    var e;
-    super.disconnectedCallback(), (e = this.container) != null && e.matches(":popover-open") && this.container.hidePopover(), window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handlePointerDown);
-  }
-  updated(e) {
-    var t;
-    document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handlePointerDown), this.show && this.container && !this.container.matches(":popover-open") ? this.container.showPopover() : !this.show && ((t = this.container) != null && t.matches(":popover-open")) && this.container.hidePopover(), this.updatePosition(), e.has("show") && (this.show ? (window.addEventListener("resize", this.handleResize), document.addEventListener("pointerdown", this.handlePressOutside)) : (window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside)));
-  }
-  updatePosition() {
-    requestAnimationFrame(() => {
-      var e;
-      !this.anchorContainer || !this.container || !this.show || !((e = this.anchorElements) != null && e[0]) || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (g(this.anchorContainer, this.container, {
-        strategy: "fixed",
-        placement: "bottom-start",
-        middleware: [
-          P(),
-          $(),
-          L({ mainAxis: 8, crossAxis: -8 }),
-          E({ element: this.arrow }),
-          x({
-            apply({ availableWidth: t, availableHeight: o, elements: n }) {
-              Object.assign(n.floating.style, {
-                maxWidth: `${Math.min(240, t - 8)}px`,
-                maxHeight: `${Math.max(0, o - 8)}px`
-              });
-            }
-          })
-        ]
-      }).then((t) => {
-        const { x: o, y: n, middlewareData: r, placement: h } = t;
-        if (this.tooltopPlacement = h, Object.assign(this.container.style, {
-          left: `${o ?? 0}px`,
-          top: `${n ?? 0}px`
-        }), r.arrow) {
-          const { x: a, y: w } = r.arrow;
-          Object.assign(this.arrow.style, {
-            left: a != null ? `${a}px` : "",
-            top: w != null ? `${w}px` : ""
-          });
-        }
-      }), this.requestUpdate());
-    });
-  }
-  get arrowClasses() {
-    var e;
-    return {
-      arrow: !0,
-      [this.mode]: !0,
-      "not-positionable": (this == null ? void 0 : this.offsetWidth) > ((e = this.container) == null ? void 0 : e.offsetWidth)
-    };
-  }
-  get containerClasses() {
-    return {
-      container: !0,
-      [this.tooltopPlacement]: !!this.tooltopPlacement,
-      [this.mode]: !0
-    };
-  }
-  get headerClasses() {
-    var e, t;
-    return {
-      "header-container": !0,
-      hidden: ((e = this.headerElements) == null ? void 0 : e.length) === 0 && ((t = this.closeButtonElements) == null ? void 0 : t.length) === 0
-    };
-  }
-  get contentClasses() {
-    var e;
-    return {
-      "content-container": !0,
-      "ds-scroll": !0,
-      "ds-scroll--size-s": !0,
-      hidden: ((e = this.contentElements) == null ? void 0 : e.length) === 0
-    };
-  }
-  get arrowTemplate() {
-    return u`
+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.122.0/helpers/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 { htmlWithTokens as u } from "../../utils/htmlWithTokens.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 { debounce as f } from "../../utils/debounce.js";
+import { arrow as p, computePosition as m, flip as h, offset as g, shift as _, size as v } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { commonStyles as y } from "./styles/common.styles.js";
+//#region src/components/ds-tooltip/ds-tooltip.ts
+var b = class extends s {
+	constructor(...e) {
+		super(...e), this.mode = "light", this.show = !1, this.disableHoverListener = !1, this.disableFocusListener = !1, this.disablePressListener = !1, this.tooltipId = `ds-tooltip-${Date.now()}-${Math.floor(Math.random() * 1e6)}`, this.usingKeyboard = !1, this.handleKeyDown = () => {
+			this.usingKeyboard = !0;
+		}, this.handlePointerDown = () => {
+			this.usingKeyboard = !1;
+		}, this.handleTooltipPointerDown = (e) => {
+			e.stopImmediatePropagation();
+		}, this.handleResize = f({ func: () => this.requestUpdate() }), this.handleClose = () => {
+			this.show = !1;
+		}, this.handleAnchorPointerDown = (e) => {
+			this.disablePressListener || e.button === 0 && (this.show = !this.show);
+		}, this.handleAnchorMouseOver = () => {
+			this.disableHoverListener || (this.show = !0);
+		}, this.handleAnchorMouseOut = () => {
+			this.disableHoverListener || setTimeout(() => {
+				!this.container?.matches?.(":hover") && !this.arrow?.matches?.(":hover") && !this?.matches?.(":hover") && (this.show = !1);
+			}, 150);
+		}, this.handleAnchorFocusIn = () => {
+			this.usingKeyboard && (this.disableFocusListener || (this.show = !0));
+		}, this.handleAnchorFocusOut = () => {
+			this.usingKeyboard && (this.disableFocusListener || (this.show = !1));
+		}, this.handlePressOutside = (e) => {
+			if (this.disablePressListener || e.button !== 0) return;
+			let t = e.target;
+			t === this || this.contains(t) || this.shadowRoot?.contains(t) || this.anchorElements[0] === t || this.anchorElements[0].contains(t) || (this.show = !1);
+		};
+	}
+	static {
+		this.styles = [y];
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.container?.matches(":popover-open") && this.container.hidePopover(), window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handlePointerDown);
+	}
+	updated(e) {
+		document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handlePointerDown), this.show && this.container && !this.container.matches(":popover-open") ? this.container.showPopover() : !this.show && this.container?.matches(":popover-open") && this.container.hidePopover(), this.updatePosition(), e.has("show") && (this.show ? (window.addEventListener("resize", this.handleResize), document.addEventListener("pointerdown", this.handlePressOutside)) : (window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside)));
+	}
+	updatePosition() {
+		requestAnimationFrame(() => {
+			!this.anchorContainer || !this.container || !this.show || !this.anchorElements?.[0] || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (m(this.anchorContainer, this.container, {
+				strategy: "fixed",
+				placement: "bottom-start",
+				middleware: [
+					h(),
+					_(),
+					g({
+						mainAxis: 8,
+						crossAxis: -8
+					}),
+					p({ element: this.arrow }),
+					v({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
+						Object.assign(n.floating.style, {
+							maxWidth: `${Math.min(240, e - 8)}px`,
+							maxHeight: `${Math.max(0, t - 8)}px`
+						});
+					} })
+				]
+			}).then((e) => {
+				let { x: t, y: n, middlewareData: r, placement: i } = e;
+				if (this.tooltopPlacement = i, Object.assign(this.container.style, {
+					left: `${t ?? 0}px`,
+					top: `${n ?? 0}px`
+				}), r.arrow) {
+					let { x: e, y: t } = r.arrow;
+					Object.assign(this.arrow.style, {
+						left: e == null ? "" : `${e}px`,
+						top: t == null ? "" : `${t}px`
+					});
+				}
+			}), this.requestUpdate());
+		});
+	}
+	get arrowClasses() {
+		return {
+			arrow: !0,
+			[this.mode]: !0,
+			"not-positionable": this?.offsetWidth > this.container?.offsetWidth
+		};
+	}
+	get containerClasses() {
+		return {
+			container: !0,
+			[this.tooltopPlacement]: !!this.tooltopPlacement,
+			[this.mode]: !0
+		};
+	}
+	get headerClasses() {
+		return {
+			"header-container": !0,
+			hidden: this.headerElements?.length === 0 && this.closeButtonElements?.length === 0
+		};
+	}
+	get contentClasses() {
+		return {
+			"content-container": !0,
+			"ds-scroll": !0,
+			"ds-scroll--size-s": !0,
+			hidden: this.contentElements?.length === 0
+		};
+	}
+	get arrowTemplate() {
+		return t`
             <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none" class=${d(this.arrowClasses)} @mouseout="${this.handleAnchorMouseOut}" aria-hidden="true" focusable="false">
                 <path d="M5.77946 4.38048L0.5 9L16 9L11.1427 4.46656C9.88663 3.29419 9.25858 2.708 8.48883 2.69565C7.71909 2.68329 7.07255 3.24902 5.77946 4.38048Z" class="ds-tooltip-arrow-background"/>
                 <path d="M0.5 8.5L5.89467 4.11683C7.1398 3.10516 7.76236 2.59933 8.49029 2.6109C9.21822 2.62246 9.8244 3.14782 11.0368 4.19853L16 8.5" stroke-opacity="1" stroke-linecap="round" class="ds-tooltip-arrow-border"/>
             </svg>`;
-  }
-  get tooltipTemplate() {
-    return u`
+	}
+	get tooltipTemplate() {
+		return t`
             <div
                 id=${this.tooltipId}
                 part="container"
@@ -151,18 +145,18 @@ let s = class extends b {
                 ${this.arrowTemplate}
             </div>
         `;
-  }
-  get styleTokens() {
-    return O`
+	}
+	get styleTokens() {
+		return u`
             <style>
                 :host {
                     color-scheme: ${this.mode};
                 }
             </style>
         `;
-  }
-  render() {
-    return u`
+	}
+	render() {
+		return t`
             <style>
                 .anchor {
                     cursor: ${this.disablePressListener ? "default" : "pointer"};
@@ -173,10 +167,10 @@ let s = class extends b {
                 id="button"
                 class="anchor"
                 tabindex="0"
-                role=${this.disablePressListener ? m : "button"}
+                role=${this.disablePressListener ? e : "button"}
                 aria-controls=${this.tooltipId}
-                aria-expanded=${this.disablePressListener ? m : String(this.show)}
-                aria-describedby=${this.show ? this.tooltipId : m}
+                aria-expanded=${this.disablePressListener ? e : String(this.show)}
+                aria-describedby=${this.show ? this.tooltipId : e}
                 aria-label="open tooltip"
                 @mouseover="${this.handleAnchorMouseOver}"
                 @mouseout="${this.handleAnchorMouseOut}"
@@ -188,54 +182,30 @@ let s = class extends b {
             </div>
             ${this.tooltipTemplate}
         `;
-  }
-};
-s.styles = [A];
-i([
-  l({ type: String, reflect: !0 })
-], s.prototype, "mode", 2);
-i([
-  l({ type: Boolean, reflect: !0, converter: c })
-], s.prototype, "show", 2);
-i([
-  l({ type: Boolean, reflect: !0, converter: c, attribute: "disable-hover-listener" })
-], s.prototype, "disableHoverListener", 2);
-i([
-  l({ type: Boolean, reflect: !0, converter: c, attribute: "disable-focus-listener" })
-], s.prototype, "disableFocusListener", 2);
-i([
-  l({ type: Boolean, reflect: !0, converter: c, attribute: "disable-press-listener" })
-], s.prototype, "disablePressListener", 2);
-i([
-  v()
-], s.prototype, "tooltopPlacement", 2);
-i([
-  v()
-], s.prototype, "tooltipId", 2);
-i([
-  f(".container")
-], s.prototype, "container", 2);
-i([
-  f("#button")
-], s.prototype, "anchorContainer", 2);
-i([
-  f("#arrow")
-], s.prototype, "arrow", 2);
-i([
-  p({ slot: "" })
-], s.prototype, "anchorElements", 2);
-i([
-  p({ slot: "header" })
-], s.prototype, "headerElements", 2);
-i([
-  p({ slot: "close-button" })
-], s.prototype, "closeButtonElements", 2);
-i([
-  p({ slot: "content" })
-], s.prototype, "contentElements", 2);
-s = i([
-  y("ds-tooltip")
-], s);
-export {
-  s as DsTooltip
+	}
 };
+o([n({
+	type: String,
+	reflect: !0
+})], b.prototype, "mode", void 0), o([n({
+	type: Boolean,
+	reflect: !0,
+	converter: l
+})], b.prototype, "show", void 0), o([n({
+	type: Boolean,
+	reflect: !0,
+	converter: l,
+	attribute: "disable-hover-listener"
+})], b.prototype, "disableHoverListener", void 0), o([n({
+	type: Boolean,
+	reflect: !0,
+	converter: l,
+	attribute: "disable-focus-listener"
+})], b.prototype, "disableFocusListener", void 0), o([n({
+	type: Boolean,
+	reflect: !0,
+	converter: l,
+	attribute: "disable-press-listener"
+})], b.prototype, "disablePressListener", void 0), o([r()], b.prototype, "tooltopPlacement", void 0), o([r()], b.prototype, "tooltipId", void 0), o([i(".container")], b.prototype, "container", void 0), o([i("#button")], b.prototype, "anchorContainer", void 0), o([i("#arrow")], b.prototype, "arrow", void 0), o([a({ slot: "" })], b.prototype, "anchorElements", void 0), o([a({ slot: "header" })], b.prototype, "headerElements", void 0), o([a({ slot: "close-button" })], b.prototype, "closeButtonElements", void 0), o([a({ slot: "content" })], b.prototype, "contentElements", void 0), b = o([c("ds-tooltip")], b);
+//#endregion
+export { b as DsTooltip };

package/dist/esm/components/ds-tooltip/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 t } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const n = 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-tooltip/styles/common.styles.ts
+var t = e`
     :host {
         position: relative;
         display: inline-block;
@@ -132,6 +131,5 @@ const n = t`
         transform: rotate(270deg);
     }
 `;
-export {
-  n as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-value-unit/ds-value-unit.js

@@ -1,51 +1,41 @@
-import { UiKitElement as u } from "../base/UiKitElement.js";
-import { customUiKitElement as c } 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 v } 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 m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as l } 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 h = Object.defineProperty, g = Object.getOwnPropertyDescriptor, p = (r, e, o, i) => {
-  for (var t = i > 1 ? void 0 : i ? g(e, o) : e, a = r.length - 1, n; a >= 0; a--)
-    (n = r[a]) && (t = (i ? n(e, o, t) : n(t)) || t);
-  return i && t && h(e, o, t), t;
-};
-let s = class extends u {
-  constructor() {
-    super(...arguments), this.size = "medium", this.weight = "regular";
-  }
-  render() {
-    const r = {
-      value: !0,
-      [`size-${this.size}`]: !0,
-      [`weight-${this.weight}`]: !0
-    }, e = {
-      unit: !0,
-      [`size-${this.size}`]: !0
-    };
-    return v`
+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.122.0/helpers/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 { commonStyles as o } from "./styles/common.styles.js";
+//#region src/components/ds-value-unit/ds-value-unit.ts
+var s = class extends r {
+	constructor(...e) {
+		super(...e), this.size = "medium", this.weight = "regular";
+	}
+	static {
+		this.styles = [o];
+	}
+	render() {
+		let t = {
+			value: !0,
+			[`size-${this.size}`]: !0,
+			[`weight-${this.weight}`]: !0
+		}, n = {
+			unit: !0,
+			[`size-${this.size}`]: !0
+		};
+		return e`
             <div class="container" part="container">
-                <span class=${l(r)} part="value">
+                <span class=${a(t)} part="value">
                     <slot name="value"></slot>
                 </span>
-                <span class=${l(e)} part="unit">
+                <span class=${a(n)} part="unit">
                     <slot name="unit"></slot>
                 </span>
             </div>
         `;
-  }
-};
-s.styles = [f];
-p([
-  m({ type: String })
-], s.prototype, "size", 2);
-p([
-  m({ type: String })
-], s.prototype, "weight", 2);
-s = p([
-  c("ds-value-unit")
-], s);
-export {
-  s as DsValueUnit
+	}
 };
+n([t({ type: String })], s.prototype, "size", void 0), n([t({ type: String })], s.prototype, "weight", void 0), s = n([i("ds-value-unit")], s);
+//#endregion

package/dist/esm/components/ds-value-unit/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 e = 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-value-unit/styles/common.styles.ts
+var t = e`
     :host {
         display: inline;
     }
@@ -12,6 +11,5 @@ const e = i`
         align-items: baseline;
     }
 `;
-export {
-  e as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/index.js

@@ -0,0 +1,83 @@
+import "./ds-accordion/ds-accordion.js";
+import "./ds-avatar/ds-avatar.js";
+import "./ds-badge/ds-badge.js";
+import "./ds-basic-card/ds-basic-card.js";
+import "./ds-basic-card-image/ds-basic-card-image.js";
+import "./ds-basic-card-header/ds-basic-card-header.js";
+import "./ds-basic-card-section/ds-basic-card-section.js";
+import "./ds-breadcrumbs-item/ds-breadcrumbs-item.js";
+import "./ds-breadcrumbs/ds-breadcrumbs.js";
+import "./ds-bullets/ds-bullets.js";
+import "./ds-button/ds-button.js";
+import "./ds-calendar-day/ds-calendar-day.js";
+import "./ds-calendar/ds-calendar.js";
+import "./ds-carousel-indicator/ds-carousel-indicator.js";
+import "./ds-checkbox-group/ds-checkbox-group.js";
+import "./ds-checkbox/ds-checkbox.js";
+import "./ds-chip/ds-chip.js";
+import "./ds-chips/ds-chips.js";
+import "./ds-currency/ds-currency.js";
+import "./ds-date-picker/ds-date-picker.js";
+import "./ds-dialog/ds-dialog.js";
+import "./ds-dialog-body/ds-dialog-body.js";
+import "./ds-dialog-footer/ds-dialog-footer.js";
+import "./ds-dialog-fullscreen/ds-dialog-fullscreen.js";
+import "./ds-dialog-header/ds-dialog-header.js";
+import "./ds-divider/ds-divider.js";
+import "./ds-drawer/ds-drawer.js";
+import "./ds-favourite-action/ds-favourite-action.js";
+import "./ds-hyperlink/ds-hyperlink.js";
+import "./ds-icon/ds-icon.js";
+import "./ds-icon-button/ds-icon-button.js";
+import "./ds-input/ds-input.js";
+import "./ds-interactive-card/ds-interactive-card.js";
+import "./ds-link-button/ds-link-button.js";
+import "./ds-loader-bar/ds-loader-bar.js";
+import "./ds-loader-dots/ds-loader-dots.js";
+import "./ds-loader-logo/ds-loader-logo.js";
+import "./ds-loader-spinner/ds-loader-spinner.js";
+import "./ds-logo/ds-logo.js";
+import "./ds-main-title/ds-main-title.js";
+import "./ds-map-pin/ds-map-pin.js";
+import "./ds-modal/ds-modal.js";
+import "./ds-text-input/ds-text-input.js";
+import "./ds-password-input/ds-password-input.js";
+import "./ds-picker-item/ds-picker-item.js";
+import "./ds-portal/ds-portal.js";
+import "./ds-progress-bar/ds-progress-bar.js";
+import "./ds-radio/ds-radio.js";
+import "./ds-radio-button-group/ds-radio-button-group.js";
+import "./ds-radio-button/ds-radio-button.js";
+import "./ds-radio-group/ds-radio-group.js";
+import "./ds-rating/ds-rating.js";
+import "./ds-search/ds-search.js";
+import "./ds-search-input/ds-search-input.js";
+import "./ds-secondary-navigation/ds-secondary-navigation.js";
+import "./ds-segmented-control/ds-segmented-control.js";
+import "./ds-select/ds-select.js";
+import "./ds-selection/ds-selection.js";
+import "./ds-skeleton/ds-skeleton.js";
+import "./ds-sidebar-navigation/ds-sidebar-navigation.js";
+import "./ds-slider/ds-slider.js";
+import "./ds-static-box/ds-static-box.js";
+import "./ds-stepper/ds-stepper.js";
+import "./ds-tabs/ds-tabs.js";
+import "./ds-tag/ds-tag.js";
+import "./ds-text/ds-text.js";
+import "./ds-textarea/ds-textarea.js";
+import "./ds-theme-provider/ds-theme-provider.js";
+import "./ds-toast/ds-toast.js";
+import "./ds-toast-message/ds-toast-message.js";
+import "./ds-inline-alert/ds-inline-alert.js";
+import "./ds-toggle-button/ds-toggle-button.js";
+import "./ds-toggle-switch/ds-toggle-switch.js";
+import "./ds-tooltip/ds-tooltip.js";
+import "./ds-value-unit/ds-value-unit.js";
+import "./ds-media-control/ds-media-control.js";
+import "./ds-list-item/ds-list-item.js";
+import "./ds-list/ds-list.js";
+import "./ds-icon-button-group/ds-icon-button-group.js";
+import "./ds-navigation-controls/ds-navigation-controls.js";
+import "./ds-table/ds-table.js";
+import "./ds-table-row/ds-table-row.js";
+import "./ds-table-cell/ds-table-cell.js";

package/dist/esm/core/theme.constants.js

@@ -1,4 +1,4 @@
-const t = "@cupra/ui-kit/theme";
-export {
-  t as THEME_STORAGE_KEY
-};
+//#region src/core/theme.constants.ts
+var e = "@cupra/ui-kit/theme";
+//#endregion
+export { e as THEME_STORAGE_KEY };