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

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

@@ -1,40 +1,39 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { customUiKitElement as m } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as h } 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 { nothing as d, html as y } 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 { state as f } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.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 v } from "./styles/common.styles.js";
-var g = Object.defineProperty, T = Object.getOwnPropertyDescriptor, o = (e, l, n, s) => {
-  for (var i = s > 1 ? void 0 : s ? T(l, n) : l, a = e.length - 1, c; a >= 0; a--)
-    (c = e[a]) && (i = (s ? c(l, n, i) : c(i)) || i);
-  return s && i && g(l, n, i), i;
-};
-let t = class extends p {
-  constructor() {
-    super(...arguments), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "";
-  }
-  firstUpdated(e) {
-    super.firstUpdated(e);
-    const n = this.shadowRoot.querySelector("slot").assignedNodes({ flatten: !0 });
-    this.slottedText = n.filter((s) => s.nodeType === Node.TEXT_NODE).map((s) => s.textContent.trim()).join(" ");
-  }
-  get classes() {
-    return {
-      container: !0,
-      "ds-blur": !0,
-      [this.size]: !0,
-      [this.mode]: !!this.mode,
-      selected: this.selected,
-      deselectable: this.deselectable
-    };
-  }
-  get styleTokens() {
-    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 "../../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 { booleanConverter as s } from "../../utils/booleanConverter.js";
+import { htmlWithTokens as c } from "../../utils/htmlWithTokens.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 } from "./styles/common.styles.js";
+//#region src/components/ds-chip/ds-chip.ts
+var d = class extends a {
+	constructor(...e) {
+		super(...e), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "";
+	}
+	static {
+		this.styles = [u];
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), this.slottedText = this.shadowRoot.querySelector("slot").assignedNodes({ flatten: !0 }).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.textContent.trim()).join(" ");
+	}
+	get classes() {
+		return {
+			container: !0,
+			"ds-blur": !0,
+			[this.size]: !0,
+			[this.mode]: !!this.mode,
+			selected: this.selected,
+			deselectable: this.deselectable
+		};
+	}
+	get styleTokens() {
+		return c`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -42,65 +41,57 @@ let t = class extends p {
                     }
                 </style>
         `;
-  }
-  handleClick() {
-    this.selected || this.dispatchEvent(
-      new CustomEvent("select", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          value: this.value
-        }
-      })
-    );
-  }
-  handleKeyDown(e) {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick());
-  }
-  handleClickIcon(e) {
-    e.stopImmediatePropagation(), !(!this.deselectable || !this.selected) && this.dispatchEvent(
-      new CustomEvent("deselect", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          value: this.value
-        }
-      })
-    );
-  }
-  handleKeyDownIcon(e) {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClickIcon(e));
-  }
-  get leadingIconTemplate() {
-    return this.iconName ? this.componentFactory.createIcon({
-      class: "icon",
-      "icon-name": this.iconName
-    }) : d;
-  }
-  get iconTemplate() {
-    if (!this.selected || !this.deselectable) return d;
-    const e = this.mode === "light" ? "dark" : "light";
-    return this.componentFactory.createIcon({
-      class: "icon",
-      "icon-name": "cross",
-      "data-testid": "ds-chip-icon",
-      "@click": this.handleClickIcon,
-      "@keydown": this.handleKeyDownIcon,
-      role: "button",
-      "aria-label": `deselect ${this.slottedText}`,
-      tabindex: "0",
-      mode: e
-    });
-  }
-  render() {
-    return y`
+	}
+	handleClick() {
+		this.selected || this.dispatchEvent(new CustomEvent("select", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.value }
+		}));
+	}
+	handleKeyDown(e) {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick());
+	}
+	handleClickIcon(e) {
+		e.stopImmediatePropagation(), !(!this.deselectable || !this.selected) && this.dispatchEvent(new CustomEvent("deselect", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.value }
+		}));
+	}
+	handleKeyDownIcon(e) {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClickIcon(e));
+	}
+	get leadingIconTemplate() {
+		return this.iconName ? this.componentFactory.createIcon({
+			class: "icon",
+			"icon-name": this.iconName
+		}) : e;
+	}
+	get iconTemplate() {
+		if (!this.selected || !this.deselectable) return e;
+		let t = this.mode === "light" ? "dark" : "light";
+		return this.componentFactory.createIcon({
+			class: "icon",
+			"icon-name": "cross",
+			"data-testid": "ds-chip-icon",
+			"@click": this.handleClickIcon,
+			"@keydown": this.handleKeyDownIcon,
+			role: "button",
+			"aria-label": `deselect ${this.slottedText}`,
+			tabindex: "0",
+			mode: t
+		});
+	}
+	render() {
+		return t`
             ${this.styleTokens}
             <div
                 role="button"
                 aria-label=${`chip ${this.slottedText}`}
                 tabindex="0"
                 data-testid="ds-chip-container"
-                class=${b(this.classes)}
+                class=${l(this.classes)}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
@@ -109,33 +100,23 @@ let t = class extends p {
                 ${this.iconTemplate}
             </div>
         `;
-  }
-};
-t.styles = [v];
-o([
-  r({ type: String })
-], t.prototype, "value", 2);
-o([
-  r({ type: String, reflect: !0 })
-], t.prototype, "mode", 2);
-o([
-  r({ type: String, reflect: !0 })
-], t.prototype, "size", 2);
-o([
-  r({ type: Boolean, converter: h, reflect: !0 })
-], t.prototype, "selected", 2);
-o([
-  r({ type: Boolean, converter: h })
-], t.prototype, "deselectable", 2);
-o([
-  r({ type: String, attribute: "icon-name" })
-], t.prototype, "iconName", 2);
-o([
-  f()
-], t.prototype, "slottedText", 2);
-t = o([
-  m("ds-chip")
-], t);
-export {
-  t as DsChip
+	}
 };
+i([n({ type: String })], d.prototype, "value", void 0), i([n({
+	type: String,
+	reflect: !0
+})], d.prototype, "mode", void 0), i([n({
+	type: String,
+	reflect: !0
+})], d.prototype, "size", void 0), i([n({
+	type: Boolean,
+	converter: s,
+	reflect: !0
+})], d.prototype, "selected", void 0), i([n({
+	type: Boolean,
+	converter: s
+})], d.prototype, "deselectable", void 0), i([n({
+	type: String,
+	attribute: "icon-name"
+})], d.prototype, "iconName", void 0), i([r()], d.prototype, "slottedText", void 0), d = i([o("ds-chip")], d);
+//#endregion

package/dist-react/esm/components/ds-chip/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 r = 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-chip/styles/common.styles.ts
+var t = e`
     :host {
         display: inline-block;
     }
@@ -20,6 +19,5 @@ const r = e`
         pointer-events: visible;
     }
 `;
-export {
-  r as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,100 +1,94 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
-import { arrayConverter as m } from "../../utils/arrayConverter.js";
-import { booleanConverter as u } 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 C, 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 o } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as n } 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 S } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.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 g = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? z(t, s) : t, a = e.length - 1, c; a >= 0; a--)
-    (c = e[a]) && (r = (i ? c(t, s, r) : c(r)) || r);
-  return i && r && g(t, s, r), r;
-};
-let l = class extends p {
-  constructor() {
-    super(...arguments), this.multiChoice = null, this.size = "medium", this.mode = "light", this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
-      this.handleScrollNav();
-    }), this.handleScrollNav = () => {
-      var t, s, i, r;
-      const e = ((t = this.chipsContainer) == null ? void 0 : t.scrollLeft) + ((s = this.chipsContainer) == null ? void 0 : s.clientWidth);
-      this.hasScrollLeft = ((i = this.chipsContainer) == null ? void 0 : i.scrollLeft) > 0, this.hasScrollRight = e < ((r = this.chipsContainer) == null ? void 0 : r.scrollWidth);
-    }, this.handleScrollLeft = () => {
-      this.chipsContainer.scrollBy({ left: -150, behavior: "smooth" });
-    }, this.handleScrollRight = () => {
-      this.chipsContainer.scrollBy({ left: 150, behavior: "smooth" });
-    };
-  }
-  firstUpdated() {
-    this.handleScrollNav(), this.resizeObserver.observe(this.chipsContainer), this.chips.forEach((e) => this.resizeObserver.observe(e)), window.addEventListener("resize", this.handleScrollNav), this.chipsContainer.addEventListener("scroll", this.handleScrollNav);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.resizeObserver.disconnect(), window.removeEventListener("resize", this.handleScrollNav), this.chipsContainer.removeEventListener("scroll", this.handleScrollNav);
-  }
-  getScrollButtonTemplate(e, t) {
-    if (e === "left" && !this.hasScrollLeft || e === "right" && !this.hasScrollRight)
-      return C;
-    const s = `arrow-${e}`;
-    return this.componentFactory.createIconButton({
-      class: `scroll-button ${e}`,
-      "data-testid": `scroll-button-${e}`,
-      "data-aria-label": `scroll-button-${e}`,
-      "@click": t,
-      size: this.size || "large",
-      "icon-name": s,
-      variant: "rounded",
-      mode: this.mode
-    });
-  }
-  updated(e) {
-    super.updated(e), (e.has("selectedChips") || e.has("multiChoice") || e.has("size") || e.has("mode")) && this.updateChildChips();
-  }
-  updateChildChips() {
-    var e;
-    (e = this.chips) == null || e.forEach((t) => {
-      var s, i;
-      t.size = this.size, t.selected = (i = (s = this.selectedChips) == null ? void 0 : s.includes) == null ? void 0 : i.call(s, t.value), t.deselectable = !!this.multiChoice, t.mode = this.mode;
-    });
-  }
-  get chipsContainerClasses() {
-    return {
-      "chips-container": !0,
-      "scroll-left": this.hasScrollLeft,
-      "scroll-right": this.hasScrollRight
-    };
-  }
-  handleSelect(e) {
-    var s, i;
-    let t;
-    this.multiChoice && !((i = (s = this.selectedChips) == null ? void 0 : s.includes) != null && i.call(s, e.detail.value)) ? t = [...this.selectedChips || [], e.detail.value] : t = [e.detail.value], this.selectedChips = t, this.updateChildChips(), this.dispatchEvent(
-      new CustomEvent("ds-chips:change", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          selectedChips: t
-        }
-      })
-    );
-  }
-  handleDeselect(e) {
-    const t = [...(this.selectedChips || []).filter((s) => s !== e.detail.value)];
-    this.selectedChips = t, this.updateChildChips(), this.dispatchEvent(
-      new CustomEvent("ds-chips:change", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          selectedChips: t
-        }
-      })
-    );
-  }
-  render() {
-    return v`
+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 { e as u } 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 { arrayConverter as d } from "../../utils/arrayConverter.js";
+import { commonStyles as f } from "./styles/common.styles.js";
+//#region src/components/ds-chips/ds-chips.ts
+var p = class extends s {
+	constructor(...e) {
+		super(...e), this.multiChoice = null, this.size = "medium", this.mode = "light", this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
+			this.handleScrollNav();
+		}), this.handleScrollNav = () => {
+			let e = this.chipsContainer?.scrollLeft + this.chipsContainer?.clientWidth;
+			this.hasScrollLeft = this.chipsContainer?.scrollLeft > 0, this.hasScrollRight = e < this.chipsContainer?.scrollWidth;
+		}, this.handleScrollLeft = () => {
+			this.chipsContainer.scrollBy({
+				left: -150,
+				behavior: "smooth"
+			});
+		}, this.handleScrollRight = () => {
+			this.chipsContainer.scrollBy({
+				left: 150,
+				behavior: "smooth"
+			});
+		};
+	}
+	static {
+		this.styles = [f];
+	}
+	firstUpdated() {
+		this.handleScrollNav(), this.resizeObserver.observe(this.chipsContainer), this.chips.forEach((e) => this.resizeObserver.observe(e)), window.addEventListener("resize", this.handleScrollNav), this.chipsContainer.addEventListener("scroll", this.handleScrollNav);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.resizeObserver.disconnect(), window.removeEventListener("resize", this.handleScrollNav), this.chipsContainer.removeEventListener("scroll", this.handleScrollNav);
+	}
+	getScrollButtonTemplate(t, n) {
+		if (t === "left" && !this.hasScrollLeft || t === "right" && !this.hasScrollRight) return e;
+		let r = `arrow-${t}`;
+		return this.componentFactory.createIconButton({
+			class: `scroll-button ${t}`,
+			"data-testid": `scroll-button-${t}`,
+			"data-aria-label": `scroll-button-${t}`,
+			"@click": n,
+			size: this.size || "large",
+			"icon-name": r,
+			variant: "rounded",
+			mode: this.mode
+		});
+	}
+	updated(e) {
+		super.updated(e), (e.has("selectedChips") || e.has("multiChoice") || e.has("size") || e.has("mode")) && this.updateChildChips();
+	}
+	updateChildChips() {
+		this.chips?.forEach((e) => {
+			e.size = this.size, e.selected = this.selectedChips?.includes?.(e.value), e.deselectable = !!this.multiChoice, e.mode = this.mode;
+		});
+	}
+	get chipsContainerClasses() {
+		return {
+			"chips-container": !0,
+			"scroll-left": this.hasScrollLeft,
+			"scroll-right": this.hasScrollRight
+		};
+	}
+	handleSelect(e) {
+		let t;
+		t = this.multiChoice && !this.selectedChips?.includes?.(e.detail.value) ? [...this.selectedChips || [], e.detail.value] : [e.detail.value], this.selectedChips = t, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { selectedChips: t }
+		}));
+	}
+	handleDeselect(e) {
+		let t = [...(this.selectedChips || []).filter((t) => t !== e.detail.value)];
+		this.selectedChips = t, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { selectedChips: t }
+		}));
+	}
+	render() {
+		return t`
             <div
                 class="container"
                 data-testid="ds-chips-container"
@@ -102,42 +96,25 @@ let l = class extends p {
                 @deselect=${this.handleDeselect}
             >
                 ${this.getScrollButtonTemplate("left", this.handleScrollLeft)}
-                <nav tabindex="0" class=${b(this.chipsContainerClasses)}>
+                <nav tabindex="0" class=${u(this.chipsContainerClasses)}>
                     <slot @slotchange=${this.updateChildChips}></slot>
                 </nav>
                 ${this.getScrollButtonTemplate("right", this.handleScrollRight)}
             </div>
         `;
-  }
-};
-l.styles = [y];
-h([
-  o({ type: Array, attribute: "selected-chips", converter: m, reflect: !0 })
-], l.prototype, "selectedChips", 2);
-h([
-  o({ type: Boolean, attribute: "multi-choice", converter: u })
-], l.prototype, "multiChoice", 2);
-h([
-  o({ type: String })
-], l.prototype, "size", 2);
-h([
-  o({ type: String, reflect: !0 })
-], l.prototype, "mode", 2);
-h([
-  n()
-], l.prototype, "hasScrollLeft", 2);
-h([
-  n()
-], l.prototype, "hasScrollRight", 2);
-h([
-  S({ slot: "" })
-], l.prototype, "chips", 2);
-h([
-  f(".chips-container")
-], l.prototype, "chipsContainer", 2);
-l = h([
-  d("ds-chips")
-], l);
-export {
-  l as DsChips
+	}
 };
+o([n({
+	type: Array,
+	attribute: "selected-chips",
+	converter: d,
+	reflect: !0
+})], p.prototype, "selectedChips", void 0), o([n({
+	type: Boolean,
+	attribute: "multi-choice",
+	converter: l
+})], p.prototype, "multiChoice", void 0), o([n({ type: String })], p.prototype, "size", void 0), o([n({
+	type: String,
+	reflect: !0
+})], p.prototype, "mode", void 0), o([r()], p.prototype, "hasScrollLeft", void 0), o([r()], p.prototype, "hasScrollRight", void 0), o([a({ slot: "" })], p.prototype, "chips", void 0), o([i(".chips-container")], p.prototype, "chipsContainer", void 0), p = o([c("ds-chips")], p);
+//#endregion

package/dist-react/esm/components/ds-chips/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 o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const a = 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-chips/styles/common.styles.ts
+var t = e`
     .container {
         display: inline-flex;
         position: relative;
@@ -56,6 +55,5 @@ const a = o`
         right: 0;
     }
 `;
-export {
-  a as commonStyles
-};
+//#endregion
+export { t as commonStyles };