@cupra/ui-kit 2.0.0-canary.16 → 2.0.0-canary.160

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

@@ -1,27 +1,25 @@
-import { cssWithTokens as t } from "../../../utils/cssWithTokens.js";
-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 s = 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-slider/styles/common.styles.ts
+var t = e`
     :host {
         display: block;
     }
-`, l = t`
+`, n = e`
     .current-value-container {
         position: relative;
     }
-    
+
     .current-value-text {
         display: inline-flex;
         position: absolute;
     }
-`, c = t`
+`, r = e`
     .range-value-container {
         display: flex;
         justify-content: space-between;
     }
-    
+
     .range-value-text {
         display: inline-flex;
     }
@@ -29,7 +27,7 @@ const s = e`
     .range-value-label:after {
         content: ':';
     }
-`, p = t`
+`, i = e`
     .track {
         position: relative;
         cursor: pointer;
@@ -43,19 +41,28 @@ const s = e`
         position: absolute;
     }
 
-    .track, .track-range {
+    .track,
+    .track-range {
         background-clip: content-box;
     }
-`, u = t`
+`, a = e`
     .thumb {
         z-index: 2;
         position: absolute;
     }
+`, o = e`
+    .input-value::-webkit-inner-spin-button,
+    .input-value::-webkit-outer-spin-button,
+    .secondary-input-value::-webkit-inner-spin-button,
+    .secondary-input-value::-webkit-outer-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input-value[type='number'],
+    .secondary-input-value[type='number'] {
+        -moz-appearance: textfield;
+    }
 `;
-export {
-  s as commonStyles,
-  l as currentValueStyles,
-  c as rangeValueStyles,
-  u as thumbStyles,
-  p as trackStyles
-};
+//#endregion
+export { t as commonStyles, n as currentValueStyles, o as inputResetStyles, r as rangeValueStyles, a as thumbStyles, i as trackStyles };

package/dist-react/esm/components/ds-slider/utils/getStepValue/getStepValue.js

@@ -1,28 +1,55 @@
-function M({ value: a, min: n, max: l }) {
-  return Math.min(Math.max(a, n), l);
+//#region src/components/ds-slider/utils/getStepValue/getStepValue.ts
+function e({ value: e, min: t, max: n }) {
+	return Math.min(Math.max(e, t), n);
 }
-const d = (a, n, l = 10) => {
-  const f = Math.pow(10, l), m = Math.round(a * f), o = Math.round(n * f);
-  return (m + o) / f;
-}, S = ({ step: a = 1, min: n = 0, max: l = 100, proposedValue: f, role: m, currentValues: o }) => {
-  const c = m === "min" ? 1 : 2, u = f;
-  let i, t = n, e = l;
-  return Number.isFinite(u) ? (Object.keys(o).forEach((h) => {
-    if (Number(h) < c && o[h] >= t) {
-      if (t = o[h], a === 0) return;
-      let r = n;
-      for (; r <= t; ) r = d(r, a);
-      t = r;
-    }
-    if (Number(h) > c && o[h] <= e) {
-      if (e = o[h], a === 0) return;
-      let r = n;
-      for (; r + a < e; ) r = d(r, a);
-      e = r;
-    }
-    t = M({ value: t, min: n, max: l }), e = M({ value: e, min: n, max: l });
-  }), u <= t || u >= e ? (i = Math.max(t, Math.min(e, u)), { stepValue: i, minLimit: t, maxLimit: e }) : a === 0 ? { stepValue: u, minLimit: t, maxLimit: e } : (i = Math.round((u - t) / a) * a + t, i = u - i > e - u ? e : i, i = M({ value: i, min: t, max: e }), { stepValue: i, minLimit: t, maxLimit: e })) : { stepValue: o[String(c)], minLimit: t, maxLimit: e };
-};
-export {
-  S as getStepValue
+var t = (e, t, n = 10) => {
+	let r = 10 ** n;
+	return (Math.round(e * r) + Math.round(t * r)) / r;
+}, n = ({ step: n = 1, min: r = 0, max: i = 100, proposedValue: a, role: o, currentValues: s }) => {
+	let c = o === "min" ? 1 : 2, l = a, u, d = r, f = i;
+	return Number.isFinite(l) ? (Object.keys(s).forEach((a) => {
+		if (Number(a) < c && s[a] >= d) {
+			if (d = s[a], n === 0) return;
+			let e = r;
+			for (; e <= d;) e = t(e, n);
+			d = e;
+		}
+		if (Number(a) > c && s[a] <= f) {
+			if (f = s[a], n === 0) return;
+			let e = r;
+			for (; e + n < f;) e = t(e, n);
+			f = e;
+		}
+		d = e({
+			value: d,
+			min: r,
+			max: i
+		}), f = e({
+			value: f,
+			min: r,
+			max: i
+		});
+	}), l <= d || l >= f ? (u = Math.max(d, Math.min(f, l)), {
+		stepValue: u,
+		minLimit: d,
+		maxLimit: f
+	}) : n === 0 ? {
+		stepValue: l,
+		minLimit: d,
+		maxLimit: f
+	} : (u = Math.round((l - d) / n) * n + d, u = l - u > f - l ? f : u, u = e({
+		value: u,
+		min: d,
+		max: f
+	}), {
+		stepValue: u,
+		minLimit: d,
+		maxLimit: f
+	})) : {
+		stepValue: s[String(c)],
+		minLimit: d,
+		maxLimit: f
+	};
 };
+//#endregion
+export { n as getStepValue };

package/dist-react/esm/components/ds-slider/utils/roundToDecimals/roundToDecimals.js

@@ -1,7 +1,7 @@
-const n = ({ value: t, fractionDigits: r }) => {
-  const o = Math.pow(10, r);
-  return Math.round(t * o) / o;
-};
-export {
-  n as roundToDecimals
+//#region src/components/ds-slider/utils/roundToDecimals/roundToDecimals.ts
+var e = ({ value: e, fractionDigits: t }) => {
+	let n = 10 ** t;
+	return Math.round(e * n) / n;
 };
+//#endregion
+export { e as roundToDecimals };

package/dist-react/esm/components/ds-static-box/ds-static-box.js

@@ -1,55 +1,77 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
-import { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
-import { htmlWithTokens as f } from "../../utils/htmlWithTokens.js";
-import { objectConverter as h } from "../../utils/objectConverter.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 y } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { queryAssignedNodes as m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js";
-import { classMap as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as b } from "./styles/common.styles.js";
-var g = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (t, e, a, o) => {
-  for (var s = o > 1 ? void 0 : o ? x(e, a) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (o ? l(e, a, s) : l(s)) || s);
-  return o && s && g(e, a, s), s;
-};
-let r = class extends c(p) {
-  constructor() {
-    super(...arguments), this.size = "medium";
-  }
-  get classes() {
-    const t = typeof this.size == "string" ? this.size : this.size[this.viewport];
-    return {
-      container: !0,
-      [t]: !!t
-    };
-  }
-  get styleTokens() {
-    var t, e;
-    return f`
+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 { r as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import { e as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.js";
+import { n as i } 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 a } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as o } from "../base/UiKitElement.js";
+import { customUiKitElement as s } from "../../decorators/customUiKitElement.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 { ViewportMixin as l } from "../../mixins/ViewportMixin.js";
+import { objectConverter as u } from "../../utils/objectConverter.js";
+import { observeScroll as d } from "../../utils/observeScroll/observeScroll.js";
+import { commonStyles as f } from "./styles/common.styles.js";
+//#region src/components/ds-static-box/ds-static-box.ts
+var p = class extends l(o) {
+	constructor(...e) {
+		super(...e), this.size = "medium", this.showTopShadow = !1, this.showBottomShadow = !1;
+	}
+	static {
+		this.styles = [f];
+	}
+	get classes() {
+		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
+		return {
+			container: !0,
+			[e]: !!e
+		};
+	}
+	get mainWrapperClasses() {
+		return {
+			"main-wrapper": !0,
+			"shadow-top": this.showTopShadow,
+			"shadow-bottom": this.showBottomShadow
+		};
+	}
+	get styleTokens() {
+		return e`
             <style>
                 .header {
-                    display: ${((t = this.headerItems) == null ? void 0 : t.length) > 0 ? "block" : "none"};
+                    display: ${this.headerItems?.length > 0 ? "block" : "none"};
                 }
-                
+
                 .footer {
-                    display: ${((e = this.footerItems) == null ? void 0 : e.length) > 0 ? "block" : "none"};
+                    display: ${this.footerItems?.length > 0 ? "block" : "none"};
                 }
             </style>
         `;
-  }
-  render() {
-    return v`
+	}
+	onSlotChange() {
+		this.cleanupScrollObserver && this.cleanupScrollObserver(), this.cleanupScrollObserver = d(this.mainElement, ({ top: e, bottom: t }) => {
+			this.showTopShadow = e, this.showBottomShadow = t;
+		});
+	}
+	firstUpdated() {
+		this.onSlotChange();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.cleanupScrollObserver?.();
+	}
+	render() {
+		return e`
             ${this.styleTokens}
-            <div part="container" data-testid="ds-static-box-container" class=${u(this.classes)}>
+            <div part="container" data-testid="ds-static-box-container" class=${c(this.classes)}>
                 <div class="body">
                     <div part="header" class="header">
                         <slot name="header"></slot>
                     </div>
-                    <div part="main" class="main ds-scroll">
-                        <slot name="main"></slot>
+                    <div class=${c(this.mainWrapperClasses)}>
+                        <div part="main" class="main ds-scroll" tabindex="0">
+                            <slot name="main" @slotchange=${this.onSlotChange}></slot>
+                        </div>
                     </div>
                 </div>
                 <div part="footer" class="footer">
@@ -57,21 +79,16 @@ let r = class extends c(p) {
                 </div>
             </div>
         `;
-  }
-};
-r.styles = [b];
-i([
-  y({ type: String, converter: h })
-], r.prototype, "size", 2);
-i([
-  m({ slot: "header", flatten: !0 })
-], r.prototype, "headerItems", 2);
-i([
-  m({ slot: "footer", flatten: !0 })
-], r.prototype, "footerItems", 2);
-r = i([
-  d("ds-static-box")
-], r);
-export {
-  r as DsStaticBox
+	}
 };
+a([t({
+	type: String,
+	converter: u
+})], p.prototype, "size", void 0), a([i({
+	slot: "header",
+	flatten: !0
+})], p.prototype, "headerItems", void 0), a([i({
+	slot: "footer",
+	flatten: !0
+})], p.prototype, "footerItems", void 0), a([r(".main")], p.prototype, "mainElement", void 0), a([n()], p.prototype, "showTopShadow", void 0), a([n()], p.prototype, "showBottomShadow", void 0), p = a([s("ds-static-box")], p);
+//#endregion

package/dist-react/esm/components/ds-static-box/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-static-box/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  p as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,57 +1,80 @@
-import { UiKitElement as u } from "../base/UiKitElement.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 h, 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 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 v } from "./styles/common.styles.js";
-var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (r, p, e, s) => {
-  for (var t = s > 1 ? void 0 : s ? b(p, e) : p, a = r.length - 1, o; a >= 0; a--)
-    (o = r[a]) && (t = (s ? o(p, e, t) : o(t)) || t);
-  return s && t && y(p, e, t), t;
-};
-let i = class extends u {
-  constructor() {
-    super(...arguments), this.steps = 0, this.currentStep = -1;
-  }
-  get classes() {
-    return {
-      container: !0
-    };
-  }
-  render() {
-    if (!this.steps) return h;
-    const r = Math.max(-1, Math.min(this.currentStep, this.steps));
-    return 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 { commonStyles as s } from "./styles/common.styles.js";
+//#region src/components/ds-stepper/ds-stepper.ts
+var c = class extends i {
+	constructor(...e) {
+		super(...e), this.steps = 0, this.currentStep = -1, this.sectionName = "";
+	}
+	static {
+		this.styles = [s];
+	}
+	get classes() {
+		return { container: !0 };
+	}
+	get clampedCurrentStep() {
+		return Math.max(-1, Math.min(this.currentStep, this.steps));
+	}
+	get sectionNumberText() {
+		return `${Math.min(this.clampedCurrentStep + 1, this.steps)}/${this.steps}`;
+	}
+	get headerTemplate() {
+		return t`
+            <div class="header" data-testid="ds-stepper-header">
+                <span class="section-name" data-testid="ds-stepper-section-name">${this.sectionName}</span>
+                <span class="section-number" data-testid="ds-stepper-section-number">${this.sectionNumberText}</span>
+            </div>
+        `;
+	}
+	get stepsRowTemplate() {
+		return t`
             <div
-                data-testid="ds-stepper-container"
-                class=${l(this.classes)}
+                data-testid="ds-stepper-steps-row"
+                class="steps-row"
                 role="list"
                 aria-label="Steps"
             >
-                ${Array.from({ length: this.steps }, (p, e) => {
-      const s = e <= r, t = e === r;
-      return c`<span class=${l({
-        step: !0,
-        active: s,
-        current: t
-      })} role="listitem" aria-posinset=${e + 1} aria-setsize=${this.steps} aria-current=${t ? "step" : "false"}></span>`;
-    })}
+                ${Array.from({ length: this.steps }, (e, n) => {
+			let r = n <= this.clampedCurrentStep, i = n === this.clampedCurrentStep;
+			return t`<span class=${o({
+				step: !0,
+				active: r,
+				current: i
+			})} role="listitem" aria-posinset=${n + 1} aria-setsize=${this.steps} aria-current=${i ? "step" : "false"}></span>`;
+		})}
             </div>
         `;
-  }
-};
-i.styles = [v];
-n([
-  m({ type: Number, attribute: "steps", reflect: !0 })
-], i.prototype, "steps", 2);
-n([
-  m({ type: Number, attribute: "current-step", reflect: !0 })
-], i.prototype, "currentStep", 2);
-i = n([
-  f("ds-stepper")
-], i);
-export {
-  i as DsStepper
+	}
+	render() {
+		return this.steps ? t`
+            <div
+                data-testid="ds-stepper-container"
+                class=${o(this.classes)}
+            >
+                ${this.headerTemplate}
+                ${this.stepsRowTemplate}
+            </div>
+        ` : e;
+	}
 };
+r([n({
+	type: Number,
+	attribute: "steps",
+	reflect: !0
+})], c.prototype, "steps", void 0), r([n({
+	type: Number,
+	attribute: "current-step",
+	reflect: !0
+})], c.prototype, "currentStep", void 0), r([n({
+	type: String,
+	attribute: "section-name",
+	reflect: !0
+})], c.prototype, "sectionName", void 0), c = r([a("ds-stepper")], c);
+//#endregion

package/dist-react/esm/components/ds-stepper/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-stepper/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  p as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -0,0 +1,54 @@
+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 { o as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
+import { commonStyles as c } from "./styles/common.styles.js";
+//#region src/components/ds-table/ds-table.ts
+var l = class extends a {
+	constructor(...e) {
+		super(...e), this.emptyMessage = "", this.hasHeaderContent = !1, this.hasBodyContent = !1;
+	}
+	static {
+		this.styles = [c];
+	}
+	handleHeaderSlotChange(e) {
+		this.hasHeaderContent = e.target.assignedElements({ flatten: !0 }).length > 0;
+	}
+	handleBodySlotChange(e) {
+		this.hasBodyContent = e.target.assignedElements({ flatten: !0 }).length > 0;
+	}
+	get columnCount() {
+		let e = this.querySelector("[data-column-count]");
+		return e ? Number(e.getAttribute("data-column-count")) : 0;
+	}
+	get showEmptyState() {
+		return !this.hasBodyContent && this.emptyMessage;
+	}
+	render() {
+		return this.columnCount === 0 ? e : t`
+            <div class="table-wrapper" role="table" style=${s({ "--ui-kit-private-table-grid-template-columns-default": `repeat(${this.columnCount}, 1fr)` })}>
+                <div class="header" role="rowgroup">
+                    <slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>
+                </div>
+                <div class="body" role="rowgroup">
+                    <slot name="body" @slotchange=${this.handleBodySlotChange}></slot>
+                </div>
+                ${this.showEmptyState ? t`<div class="empty-state" role="row">
+                          <span role="cell">${this.emptyMessage}</span>
+                      </div>` : e}
+            </div>
+        `;
+	}
+};
+i([n({
+	type: String,
+	reflect: !0,
+	attribute: "empty-message"
+})], l.prototype, "emptyMessage", void 0), i([r()], l.prototype, "hasHeaderContent", void 0), i([r()], l.prototype, "hasBodyContent", void 0), l = i([o("ds-table")], l);
+//#endregion

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

@@ -0,0 +1,10 @@
+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-table/styles/common.styles.ts
+var t = e`
+    :host {
+        display: contents;
+    }
+`;
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-table-cell/ds-table-cell.js

@@ -0,0 +1,29 @@
+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 { commonStyles as a } from "./styles/common.styles.js";
+//#region src/components/ds-table-cell/ds-table-cell.ts
+var o = class extends r {
+	constructor(...e) {
+		super(...e), this.variant = "default";
+	}
+	static {
+		this.styles = [a];
+	}
+	render() {
+		return e`
+            <div class="cell" role="cell">
+                <slot></slot>
+            </div>
+        `;
+	}
+};
+n([t({
+	type: String,
+	reflect: !0
+})], o.prototype, "variant", void 0), o = n([i("ds-table-cell")], o);
+//#endregion

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

@@ -0,0 +1,11 @@
+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-table-cell/styles/common.styles.ts
+var t = e`
+    :host {
+        display: table-cell;
+        box-sizing: border-box;
+    }
+`;
+//#endregion
+export { t as commonStyles };