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

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

@@ -1,34 +1,29 @@
-import { UiKitElement as n } from "../base/UiKitElement.js";
-import { customUiKitElement as a } 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 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 f } 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 u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, i = (p, t, o, e) => {
-  for (var r = e > 1 ? void 0 : e ? _(t, o) : t, s = p.length - 1, m; s >= 0; s--)
-    (m = p[s]) && (r = (e ? m(t, o, r) : m(r)) || r);
-  return e && r && u(t, o, r), r;
-};
-let l = class extends n {
-  constructor() {
-    super(...arguments), this.variant = "default";
-  }
-  render() {
-    return c`
+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>
         `;
-  }
-};
-l.styles = [v];
-i([
-  f({ type: String, reflect: !0 })
-], l.prototype, "variant", 2);
-l = i([
-  a("ds-table-cell")
-], l);
-export {
-  l as DsTableCell
+	}
 };
+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

@@ -1,10 +1,10 @@
-import { cssWithTokens as o } from "../../../utils/cssWithTokens.js";
-const t = o`
+import { cssWithTokens as e } from "../../../utils/cssWithTokens.js";
+//#region src/components/ds-table-cell/styles/common.styles.ts
+var t = e`
     :host {
         display: table-cell;
         box-sizing: border-box;
     }
 `;
-export {
-  t as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,38 +1,33 @@
-import { UiKitElement as i } from "../base/UiKitElement.js";
-import { customUiKitElement as p } 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 u } 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 c } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { commonStyles as f } from "./styles/common.styles.js";
-var h = Object.defineProperty, d = Object.getOwnPropertyDescriptor, a = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? d(e, o) : e, n = r.length - 1, m; n >= 0; n--)
-    (m = r[n]) && (t = (s ? m(e, o, t) : m(t)) || t);
-  return s && t && h(e, o, t), t;
-};
-let l = class extends i {
-  constructor() {
-    super(...arguments), this.columnCount = 0;
-  }
-  handleSlotChange(r) {
-    const o = r.target.assignedElements({ flatten: !0 });
-    this.columnCount = o.length;
-  }
-  render() {
-    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 "../../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-row/ds-table-row.ts
+var o = class extends r {
+	constructor(...e) {
+		super(...e), this.columnCount = 0;
+	}
+	static {
+		this.styles = [a];
+	}
+	handleSlotChange(e) {
+		this.columnCount = e.target.assignedElements({ flatten: !0 }).length;
+	}
+	render() {
+		return e`
             <div class="row" role="row">
                 <slot @slotchange=${this.handleSlotChange}></slot>
             </div>
         `;
-  }
-};
-l.styles = [f];
-a([
-  c({ type: Number, reflect: !0, attribute: "data-column-count" })
-], l.prototype, "columnCount", 2);
-l = a([
-  p("ds-table-row")
-], l);
-export {
-  l as DsTableRow
+	}
 };
+n([t({
+	type: Number,
+	reflect: !0,
+	attribute: "data-column-count"
+})], o.prototype, "columnCount", void 0), o = n([i("ds-table-row")], o);
+//#endregion

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

@@ -1,9 +1,9 @@
-import { cssWithTokens as o } from "../../../utils/cssWithTokens.js";
-const t = o`
+import { cssWithTokens as e } from "../../../utils/cssWithTokens.js";
+//#region src/components/ds-table-row/styles/common.styles.ts
+var t = e`
     :host {
         display: table-row;
     }
 `;
-export {
-  t as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,155 +1,159 @@
-import { UiKitElement as u } from "../base/UiKitElement.js";
-import { customUiKitElement as p } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as v } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as m, html as g } 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 { state as c } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { query as S } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.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, navigationStyles as T, tabsStyles as x, panelsStyles as L } from "./styles/common.styles.js";
-import { themeConfig as E } from "./theme-config.js";
-var w = Object.defineProperty, A = Object.getOwnPropertyDescriptor, l = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? A(e, s) : e, o = t.length - 1, h; o >= 0; o--)
-    (h = t[o]) && (a = (i ? h(e, s, a) : h(a)) || a);
-  return i && a && w(e, s, a), a;
-};
-let r = class extends u {
-  constructor() {
-    super(...arguments), this.selectedTab = 0, this.mode = "light", this.variant = "primary", this.size = "large", this.disabled = !1, this.focusedTabIndex = -1, this.handleKeyDown = (t) => {
-      var e, s, i, a;
-      if (!(this.focusedTabIndex < 0))
-        switch (t.key) {
-          case "ArrowRight":
-          case "Right":
-            t.preventDefault(), this.focusedTabIndex + 1 < ((e = this.tabs) == null ? void 0 : e.length) && (this.focusedTabIndex += 1, (s = this.tabs[this.focusedTabIndex]) == null || s.focus());
-            break;
-          case "ArrowLeft":
-          case "Left":
-            t.preventDefault(), this.focusedTabIndex - 1 >= 0 && (this.focusedTabIndex -= 1, (i = this.tabs[this.focusedTabIndex]) == null || i.focus());
-            break;
-          case "Enter":
-          case " ":
-            t.preventDefault(), this.focusedTabIndex >= 0 && this.focusedTabIndex < ((a = this.tabs) == null ? void 0 : a.length) && this.handleChangeSelectedTab(this.focusedTabIndex);
-            break;
-        }
-    }, this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
-      this.handleScrollNav();
-    }), this.handleScrollNav = () => {
-      var e, s, i, a;
-      const t = ((e = this.nav) == null ? void 0 : e.scrollLeft) + ((s = this.nav) == null ? void 0 : s.clientWidth);
-      this.hasScrollLeft = ((i = this.nav) == null ? void 0 : i.scrollLeft) > 0, this.hasScrollRight = t < ((a = this.nav) == null ? void 0 : a.scrollWidth);
-    }, this.handleScrollLeft = () => {
-      this.nav.scrollBy({ left: -150, behavior: "smooth" });
-    }, this.handleScrollRight = () => {
-      this.nav.scrollBy({ left: 150, behavior: "smooth" });
-    }, this.handleFocus = (t) => {
-      var i;
-      const e = t.target, s = ((i = this.tabs) == null ? void 0 : i.findIndex((a) => a === e)) ?? -1;
-      if (s < 0 || this.disabled) {
-        t.preventDefault();
-        return;
-      }
-      this.focusedTabIndex = s;
-    }, this.handleBlur = () => {
-      this.focusedTabIndex = -1;
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.tabs = Array.from(this.querySelectorAll("[slot=tab]")), this.panels = Array.from(this.querySelectorAll("[slot=panel]"));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.resizeObserver.disconnect(), window.removeEventListener("resize", this.handleScrollNav);
-  }
-  getScrollButtonTemplate(t, e) {
-    var a;
-    if (!this.theme || t === "left" && !this.hasScrollLeft || t === "right" && !this.hasScrollRight)
-      return m;
-    const s = `arrow-${t}`, i = (a = E[this.theme]) == null ? void 0 : a["icon-button-variant"];
-    return this.componentFactory.createIconButton({
-      class: `nav-arrow ${t}`,
-      "data-aria-label": `nav-arrow-${t}`,
-      "@click": e,
-      size: ["xxsmall", "xsmall", "small"].includes(this.size) ? "medium" : "large",
-      "icon-name": s,
-      mode: this.mode,
-      variant: i
-    });
-  }
-  firstUpdated() {
-    this.handleScrollNav(), this.resizeObserver.observe(this.nav), this.tabs.forEach((t) => this.resizeObserver.observe(t)), window.addEventListener("resize", this.handleScrollNav), this.nav.addEventListener("scroll", this.handleScrollNav), this.setTabsFocusable();
-  }
-  updated(t) {
-    if (super.updated(t), t.has("selectedTab") && this.selectTab(this.selectedTab), t.has("variant")) {
-      const e = this.variant === "secondary" || this.variant === "primary" ? this.variant : "primary";
-      this.variant !== e && (this.variant = e);
-    }
-    this.setupTabAccessibility();
-  }
-  handleTabsSlotchange(t) {
-    this.tabs = t.target.assignedNodes({ flatten: !0 }), this.setTabsFocusable();
-  }
-  handlePanelSlotchange(t) {
-    this.panels = t.target.assignedNodes({ flatten: !0 }), this.setTabsFocusable();
-  }
-  setTabsFocusable() {
-    var t;
-    (t = this.tabs) == null || t.forEach((e) => {
-      e.setAttribute("tabindex", "0");
-    });
-  }
-  selectTab(t) {
-    var s, i, a, o, h;
-    (s = this.tabs) == null || s.forEach((d, f) => {
-      d.removeAttribute("selected"), d.setAttribute("aria-selected", f === t ? "true" : "false");
-    }), (i = this.tabs[t]) == null || i.setAttribute("selected", ""), this.panels.forEach((d) => d.removeAttribute("selected")), (a = this.panels[t]) == null || a.setAttribute("selected", "");
-    const e = (o = this.tabs) == null ? void 0 : o[this.selectedTab];
-    this.nav.scrollLeft = (e == null ? void 0 : e.offsetLeft) - ((h = this.nav) == null ? void 0 : h.offsetWidth) / 2;
-  }
-  setupTabAccessibility() {
-    var t;
-    (t = this.tabs) == null || t.forEach((e, s) => {
-      e.setAttribute("role", "tab"), e.setAttribute("tabindex", s === this.selectedTab && !this.disabled ? "0" : "-1"), e.addEventListener("focus", this.handleFocus), e.addEventListener("blur", this.handleBlur);
-    });
-  }
-  handleChangeSelectedTab(t) {
-    this.dispatchEvent(
-      new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          selectedTab: t
-        }
-      })
-    ), this.selectedTab = t;
-  }
-  handleSelect(t) {
-    let e;
-    this.tabs.forEach((s, i) => {
-      (s === t.target || s.contains(t.target)) && (e = i);
-    }), !(typeof e != "number" || e === this.selectedTab) && this.handleChangeSelectedTab(e);
-  }
-  get classes() {
-    return {
-      container: !0,
-      [this.size]: !0,
-      [this.mode]: !0,
-      [this.variant]: !0,
-      disabled: this.disabled
-    };
-  }
-  get navContainerClasses() {
-    return {
-      "nav-container": !0,
-      "scroll-left": this.hasScrollLeft,
-      "scroll-right": this.hasScrollRight
-    };
-  }
-  render() {
-    return g`
-            <div part="container" class=${b(this.classes)}>
-                <div class=${b(this.navContainerClasses)}>
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import { e as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as o } from "../base/UiKitElement.js";
+import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as c } from "../../utils/booleanConverter.js";
+import { e as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { commonStyles as u, navigationStyles as d, panelsStyles as f, tabsStyles as p } from "./styles/common.styles.js";
+import { themeConfig as m } from "./theme-config.js";
+//#region src/components/ds-tabs/ds-tabs.ts
+var h = class extends o {
+	constructor(...e) {
+		super(...e), this.selectedTab = 0, this.mode = "light", this.variant = "primary", this.size = "large", this.disabled = !1, this.focusedTabIndex = -1, this.handleKeyDown = (e) => {
+			if (!(this.focusedTabIndex < 0)) switch (e.key) {
+				case "ArrowRight":
+				case "Right":
+					e.preventDefault(), this.focusedTabIndex + 1 < this.tabs?.length && (this.focusedTabIndex += 1, this.tabs[this.focusedTabIndex]?.focus());
+					break;
+				case "ArrowLeft":
+				case "Left":
+					e.preventDefault(), this.focusedTabIndex - 1 >= 0 && (--this.focusedTabIndex, this.tabs[this.focusedTabIndex]?.focus());
+					break;
+				case "Enter":
+				case " ":
+					e.preventDefault(), this.focusedTabIndex >= 0 && this.focusedTabIndex < this.tabs?.length && this.handleChangeSelectedTab(this.focusedTabIndex);
+					break;
+				default: break;
+			}
+		}, this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
+			this.handleScrollNav();
+		}), this.handleScrollNav = () => {
+			let e = this.nav?.scrollLeft + this.nav?.clientWidth;
+			this.hasScrollLeft = this.nav?.scrollLeft > 0, this.hasScrollRight = e < this.nav?.scrollWidth;
+		}, this.handleScrollLeft = () => {
+			this.nav.scrollBy({
+				left: -150,
+				behavior: "smooth"
+			});
+		}, this.handleScrollRight = () => {
+			this.nav.scrollBy({
+				left: 150,
+				behavior: "smooth"
+			});
+		}, this.handleFocus = (e) => {
+			let t = e.target, n = this.tabs?.findIndex((e) => e === t) ?? -1;
+			if (n < 0 || this.disabled) {
+				e.preventDefault();
+				return;
+			}
+			this.focusedTabIndex = n;
+		}, this.handleBlur = () => {
+			this.focusedTabIndex = -1;
+		};
+	}
+	static {
+		this.styles = [
+			u,
+			d,
+			p,
+			f
+		];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.tabs = Array.from(this.querySelectorAll("[slot=tab]")), this.panels = Array.from(this.querySelectorAll("[slot=panel]"));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.resizeObserver.disconnect(), window.removeEventListener("resize", this.handleScrollNav);
+	}
+	getScrollButtonTemplate(t, n) {
+		if (!this.theme || t === "left" && !this.hasScrollLeft || t === "right" && !this.hasScrollRight) return e;
+		let r = `arrow-${t}`, i = m[this.theme]?.["icon-button-variant"];
+		return this.componentFactory.createIconButton({
+			class: `nav-arrow ${t}`,
+			"data-aria-label": `nav-arrow-${t}`,
+			"@click": n,
+			size: [
+				"xxsmall",
+				"xsmall",
+				"small"
+			].includes(this.size) ? "medium" : "large",
+			"icon-name": r,
+			mode: this.mode,
+			variant: i
+		});
+	}
+	firstUpdated() {
+		this.handleScrollNav(), this.resizeObserver.observe(this.nav), this.tabs.forEach((e) => this.resizeObserver.observe(e)), window.addEventListener("resize", this.handleScrollNav), this.nav.addEventListener("scroll", this.handleScrollNav), this.setTabsFocusable();
+	}
+	updated(e) {
+		if (super.updated(e), e.has("selectedTab") && this.selectTab(this.selectedTab), e.has("variant")) {
+			let e = this.variant === "secondary" || this.variant === "primary" ? this.variant : "primary";
+			this.variant !== e && (this.variant = e);
+		}
+		this.setupTabAccessibility();
+	}
+	handleTabsSlotchange(e) {
+		this.tabs = e.target.assignedNodes({ flatten: !0 }), this.setTabsFocusable();
+	}
+	handlePanelSlotchange(e) {
+		this.panels = e.target.assignedNodes({ flatten: !0 }), this.setTabsFocusable();
+	}
+	setTabsFocusable() {
+		this.tabs?.forEach((e) => {
+			e.setAttribute("tabindex", "0");
+		});
+	}
+	selectTab(e) {
+		this.tabs?.forEach((t, n) => {
+			t.removeAttribute("selected"), t.setAttribute("aria-selected", n === e ? "true" : "false");
+		}), this.tabs[e]?.setAttribute("selected", ""), this.panels.forEach((e) => e.removeAttribute("selected")), this.panels[e]?.setAttribute("selected", "");
+		let t = this.tabs?.[this.selectedTab];
+		this.nav.scrollLeft = t?.offsetLeft - this.nav?.offsetWidth / 2;
+	}
+	setupTabAccessibility() {
+		this.tabs?.forEach((e, t) => {
+			e.setAttribute("role", "tab"), e.setAttribute("tabindex", t === this.selectedTab && !this.disabled ? "0" : "-1"), e.addEventListener("focus", this.handleFocus), e.addEventListener("blur", this.handleBlur);
+		});
+	}
+	handleChangeSelectedTab(e) {
+		this.dispatchEvent(new CustomEvent("change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { selectedTab: e }
+		})), this.selectedTab = e;
+	}
+	handleSelect(e) {
+		let t;
+		this.tabs.forEach((n, r) => {
+			(n === e.target || n.contains(e.target)) && (t = r);
+		}), !(typeof t != "number" || t === this.selectedTab) && this.handleChangeSelectedTab(t);
+	}
+	get classes() {
+		return {
+			container: !0,
+			[this.size]: !0,
+			[this.mode]: !0,
+			[this.variant]: !0,
+			disabled: this.disabled
+		};
+	}
+	get navContainerClasses() {
+		return {
+			"nav-container": !0,
+			"scroll-left": this.hasScrollLeft,
+			"scroll-right": this.hasScrollRight
+		};
+	}
+	render() {
+		return t`
+            <div part="container" class=${l(this.classes)}>
+                <div class=${l(this.navContainerClasses)}>
                     ${this.getScrollButtonTemplate("left", this.handleScrollLeft)}
                     <nav tabindex="-1" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
                         <slot @slotchange=${this.handleTabsSlotchange} name="tab" @click=${this.handleSelect}></slot>
@@ -159,45 +163,20 @@ let r = class extends u {
                 <slot @slotchange=${this.handlePanelSlotchange} name="panel"></slot>
             </div>
         `;
-  }
-};
-r.styles = [y, T, x, L];
-l([
-  n({ type: Number, attribute: "selected-tab", reflect: !0 })
-], r.prototype, "selectedTab", 2);
-l([
-  n({ type: String, reflect: !0 })
-], r.prototype, "mode", 2);
-l([
-  n({ type: String, reflect: !0 })
-], r.prototype, "variant", 2);
-l([
-  n({ type: String })
-], r.prototype, "size", 2);
-l([
-  n({ type: Boolean, converter: v })
-], r.prototype, "disabled", 2);
-l([
-  c()
-], r.prototype, "focusedTabIndex", 2);
-l([
-  S("nav")
-], r.prototype, "nav", 2);
-l([
-  c()
-], r.prototype, "tabs", 2);
-l([
-  c()
-], r.prototype, "panels", 2);
-l([
-  c()
-], r.prototype, "hasScrollLeft", 2);
-l([
-  c()
-], r.prototype, "hasScrollRight", 2);
-r = l([
-  p("ds-tabs")
-], r);
-export {
-  r as DsTabs
+	}
 };
+a([n({
+	type: Number,
+	attribute: "selected-tab",
+	reflect: !0
+})], h.prototype, "selectedTab", void 0), a([n({
+	type: String,
+	reflect: !0
+})], h.prototype, "mode", void 0), a([n({
+	type: String,
+	reflect: !0
+})], h.prototype, "variant", void 0), a([n({ type: String })], h.prototype, "size", void 0), a([n({
+	type: Boolean,
+	converter: c
+})], h.prototype, "disabled", void 0), a([r()], h.prototype, "focusedTabIndex", void 0), a([i("nav")], h.prototype, "nav", void 0), a([r()], h.prototype, "tabs", void 0), a([r()], h.prototype, "panels", void 0), a([r()], h.prototype, "hasScrollLeft", void 0), a([r()], h.prototype, "hasScrollRight", void 0), h = a([s("ds-tabs")], h);
+//#endregion

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

@@ -1,13 +1,12 @@
-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-tabs/styles/common.styles.ts
+var t = e`
     :host {
         display: block;
         width: 100%;
     }
-`, i = t`
+`, n = e`
     nav {
         display: flex;
         justify-content: flex-start;
@@ -63,7 +62,7 @@ const n = t`
     .nav-container:hover .nav-arrow {
         visibility: visible;
     }
-`, l = t`
+`, r = e`
     ::slotted([slot='tab']) {
         white-space: nowrap;
         -webkit-user-select: none;
@@ -81,7 +80,7 @@ const n = t`
     ::slotted([slot='tab'][selected]) {
         cursor: auto;
     }
-`, s = t`
+`, i = e`
     ::slotted([slot='panel']) {
         display: none;
     }
@@ -89,9 +88,5 @@ const n = t`
         display: block;
     }
 `;
-export {
-  n as commonStyles,
-  i as navigationStyles,
-  s as panelsStyles,
-  l as tabsStyles
-};
+//#endregion
+export { t as commonStyles, n as navigationStyles, i as panelsStyles, r as tabsStyles };

package/dist-react/esm/components/ds-tabs/theme-config.js

@@ -1,14 +1,8 @@
-const a = {
-  cupra: {
-    "icon-button-variant": "primary"
-  },
-  "cupra-diagonal": {
-    "icon-button-variant": "naked"
-  },
-  seat: {
-    "icon-button-variant": "primary"
-  }
-};
-export {
-  a as themeConfig
+//#region src/components/ds-tabs/theme-config.ts
+var e = {
+	cupra: { "icon-button-variant": "primary" },
+	"cupra-diagonal": { "icon-button-variant": "naked" },
+	seat: { "icon-button-variant": "primary" }
 };
+//#endregion
+export { e as themeConfig };