@cupra/ui-kit 2.0.0-canary.217 → 2.0.0-canary.219

package/dist/esm/components/ds-search-input/ds-search-input.js

@@ -1,24 +1,24 @@
-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.133.0/helpers/esm/decorate.js";
+import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import r from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as i } from "../base/UiKitElement.js";
 import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
 import "../ds-icon/ds-icon.js";
 import { booleanConverter as o } from "../../utils/booleanConverter.js";
 import { uiKitHtml as s } from "../../utils/uiKitHtml.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 { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { classMap as c } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
+import { ifDefined as l } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.js";
 import "../ds-icon-button/ds-icon-button.js";
 import { inputStatesMixin as u } from "../../mixins/inputStatesMixin.js";
 import "../ds-loader-spinner/ds-loader-spinner.js";
 import { validateMaxLength as d } from "../../utils/validateMaxLength.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-search-input/ds-search-input.ts
-var p, m = (p = class extends u(i) {
+var p = class extends u(i) {
 	constructor(...e) {
 		super(...e), this.size = "large", this.variant = "primary", this.loading = !1, this.helperText = "", this.forcedError = "", this.invalidError = "", this.dataAriaLabelRemoveButton = "", this.dataAriaLabelPositionButton = "", this.withPositionButton = !0, this.handleRemove = () => {
 			this.nativeInput.value = "", this.nativeInput.focus(), ["input", "change"].forEach((e) => this.nativeInput.dispatchEvent(new Event(e, {
@@ -47,7 +47,7 @@ var p, m = (p = class extends u(i) {
 		};
 	}
 	render() {
-		return t`
+		return e`
             <div part="container" class=${c(this.classes)}>
                 <div part="input-container" class="input-container">
                     ${this.searchIconTemplate}
@@ -66,8 +66,8 @@ var p, m = (p = class extends u(i) {
 		return s`<ds-icon class="icon" icon-name="magnifying-glass"></ds-icon>`;
 	}
 	get removeTemplate() {
-		var t, n;
-		return !(!((t = this.nativeInput) == null || (t = t.value) == null) && t.length) || this.loading ? e : s`<ds-icon-button
+		var e, n;
+		return !((e = this.nativeInput) != null && (e = e.value) != null && e.length) || this.loading ? t : s`<ds-icon-button
             class="remove-icon-button"
             icon-name="cross"
             ?disabled=${!!((n = this.nativeInput) != null && n.disabled)}
@@ -78,11 +78,11 @@ var p, m = (p = class extends u(i) {
         ></ds-icon-button>`;
 	}
 	get positionTemplate() {
-		var t;
-		return this.loading || !this.withPositionButton ? e : s`<ds-icon-button
+		var e;
+		return this.loading || !this.withPositionButton ? t : s`<ds-icon-button
             class="position-icon-button"
             icon-name="position"
-            ?disabled=${!!((t = this.nativeInput) != null && t.disabled)}
+            ?disabled=${!!((e = this.nativeInput) != null && e.disabled)}
             size=${l(this.size)}
             variant="naked"
             @click=${this.handleClickPositionButton}
@@ -94,7 +94,7 @@ var p, m = (p = class extends u(i) {
 	}
 	get footerTemplate() {
 		var n, r;
-		return !((n = this.helperText) != null && n.length) && !this.forcedError && (!this.inputStates.invalid || !this.invalidError) && Number((r = this.nativeInput) == null ? void 0 : r.maxLength) < 0 ? e : t`
+		return !((n = this.helperText) != null && n.length) && !this.forcedError && (!this.inputStates.invalid || !this.invalidError) && Number((r = this.nativeInput) == null ? void 0 : r.maxLength) < 0 ? t : e`
             <div class="footer">
                 ${this.helperTextTemplate}
                 ${this.forcedErrorTemplate}
@@ -105,20 +105,20 @@ var p, m = (p = class extends u(i) {
 	}
 	get helperTextTemplate() {
 		var n;
-		return this.forcedError || this.inputStates.invalid && this.invalidError || !((n = this.helperText) != null && n.length) ? e : t`<span class="support-text helper-text">${this.helperText}</span>`;
+		return this.forcedError || this.inputStates.invalid && this.invalidError || !((n = this.helperText) != null && n.length) ? t : e`<span class="support-text helper-text">${this.helperText}</span>`;
 	}
 	get forcedErrorTemplate() {
-		return this.forcedError ? t`<span class="support-text error-text forced-error">${this.forcedError}</span>` : e;
+		return this.forcedError ? e`<span class="support-text error-text forced-error">${this.forcedError}</span>` : t;
 	}
 	get invalidErrorTemplate() {
-		return this.forcedError || !this.inputStates.invalid || !this.invalidError ? e : t`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
+		return this.forcedError || !this.inputStates.invalid || !this.invalidError ? t : e`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
 	}
 	get lengthTemplate() {
 		var n, r;
 		let i = (n = this.nativeInput) == null || (n = n.maxLength) == null ? void 0 : n.toString();
-		return d(i) ? t`<span class="char-counter">${((r = this.inputStates.currentValue) == null ? void 0 : r.length) || 0}/${i}</span>` : e;
+		return d(i) ? e`<span class="char-counter">${((r = this.inputStates.currentValue) == null ? void 0 : r.length) || 0}/${i}</span>` : t;
 	}
-}, p.styles = [f], p);
+}, m = (p.styles = [f], p);
 r([n({ type: String })], m.prototype, "size", void 0), r([n({ type: String })], m.prototype, "variant", void 0), r([n({
 	type: Boolean,
 	converter: o
@@ -143,3 +143,4 @@ r([n({ type: String })], m.prototype, "size", void 0), r([n({ type: String })],
 	attribute: "with-position-button"
 })], m.prototype, "withPositionButton", void 0), m = r([a("ds-search-input")], m);
 //#endregion
+export { m as DsSearchInput };

package/dist/esm/components/ds-search-input/styles/common.styles.js

@@ -1,5 +1,5 @@
-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";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-search-input/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-secondary-navigation/ds-secondary-navigation.js

@@ -1,23 +1,23 @@
-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.133.0/helpers/esm/decorate.js";
+import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { query as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
+import { queryAssignedElements as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import o from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as s } from "../base/UiKitElement.js";
 import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
 import "../ds-icon/ds-icon.js";
 import { uiKitHtml as l } from "../../utils/uiKitHtml.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 { classMap as u } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { ViewportMixin as d } from "../../mixins/ViewportMixin.js";
 import "../ds-icon-button/ds-icon-button.js";
 import "../ds-button/ds-button.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-secondary-navigation/ds-secondary-navigation.ts
-var p, m, h = (p = class extends d(s) {
+var p = class extends d(s) {
 	constructor(...e) {
 		super(...e), this.dropdownButtonText = "Menu", this.keepDropdownButtonText = !1, this.itemsMode = "auto", this.actionsMode = "auto", this.openItems = !1, this.openCtas = !1, this.hasScrollLeft = !1, this.hasScrollRight = !1, this.actionsCount = 0, this.resizeObserver = new ResizeObserver(() => {
 			this.handleScroll();
@@ -122,7 +122,7 @@ var p, m, h = (p = class extends d(s) {
 		].includes(this.viewport);
 	}
 	get shouldShowItemsDropdownButton() {
-		return this.resolvedItemsMode === "inline" ? !1 : this.resolvedItemsMode === "select" || this.resolvedItemsMode === "icon-button" ? !0 : [
+		return this.resolvedItemsMode === "inline" ? !1 : this.resolvedItemsMode === "select" || this.resolvedItemsMode === "icon-button" || [
 			"xxs",
 			"xs",
 			"s",
@@ -145,14 +145,14 @@ var p, m, h = (p = class extends d(s) {
 		].includes(this.viewport) || e && !this.shouldShowActionsDropdownButton;
 	}
 	get shouldShowActionsDropdownButton() {
-		return this.resolvedActionsMode === "inline" ? !1 : this.resolvedActionsMode === "dropdown" ? !0 : [
+		return this.resolvedActionsMode === "inline" ? !1 : this.resolvedActionsMode === "dropdown" || [
 			"xxs",
 			"xs",
 			"s"
 		].includes(this.viewport) && this.actionsCount > 1;
 	}
 	render() {
-		return t`
+		return e`
             ${this.backdropTemplate}
             <div class="container gutter">
                 <nav data-testid="ds-secondary-navigation-container" class=${u(this.classes)}>
@@ -167,20 +167,20 @@ var p, m, h = (p = class extends d(s) {
         `;
 	}
 	get itemsTemplate() {
-		return this.shouldShowItemsInline ? t`
+		return this.shouldShowItemsInline ? e`
             <div class="items-container">
                 <div>
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        ` : e;
+        ` : t;
 	}
 	get actionsTemplate() {
-		return this.shouldShowActionsInline ? t`
+		return this.shouldShowActionsInline ? e`
             <div class="actions-container">
                 <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
             </div>
-        ` : e;
+        ` : t;
 	}
 	get iconTemplate() {
 		return l`<ds-icon class="icon" icon-name=${this.openItems ? "arrow-down" : "arrow-up"} size="20"></ds-icon>`;
@@ -202,10 +202,10 @@ var p, m, h = (p = class extends d(s) {
             @click=${this.toggleItemsDropdown}
             aria-expanded=${this.openItems}
             aria-haspopup="true"
-        ><span>${this.selectedItemText}</span></ds-button>` : e;
+        ><span>${this.selectedItemText}</span></ds-button>` : t;
 	}
 	get itemsDropdownTemplate() {
-		return this.shouldShowItemsDropdownButton ? t`
+		return this.shouldShowItemsDropdownButton ? e`
             <div
                 class=${u({
 			gutter: !0,
@@ -221,7 +221,7 @@ var p, m, h = (p = class extends d(s) {
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        ` : e;
+        ` : t;
 	}
 	get actionsDropdownButtonTemplate() {
 		return this.shouldShowActionsDropdownButton ? l`<ds-icon-button
@@ -230,10 +230,10 @@ var p, m, h = (p = class extends d(s) {
             @click=${this.toggleActionsDropdown}
             size=${m.RESPONSIVE_BUTTON_SIZE}
             icon-name="triple-dot-v"
-        ></ds-icon-button>` : e;
+        ></ds-icon-button>` : t;
 	}
 	get actionsDropdownTemplate() {
-		return this.shouldShowActionsDropdownButton ? t`
+		return this.shouldShowActionsDropdownButton ? e`
             <div
                 class=${u({
 			gutter: !0,
@@ -249,12 +249,12 @@ var p, m, h = (p = class extends d(s) {
                     <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
                 </div>
             </div>
-        ` : e;
+        ` : t;
 	}
 	get backdropTemplate() {
-		return !this.openItems && !this.openCtas ? e : t`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`;
+		return !this.openItems && !this.openCtas ? t : e`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`;
 	}
-}, m = p, p.styles = [f], p.RESPONSIVE_BUTTON_SIZE = JSON.stringify({
+}, m = p, h = (p.styles = [f], p.RESPONSIVE_BUTTON_SIZE = JSON.stringify({
 	xs: "medium",
 	s: "medium",
 	m: "medium",
@@ -286,3 +286,4 @@ o([n({
 	attribute: "actions-mode"
 })], h.prototype, "actionsMode", void 0), o([r()], h.prototype, "openItems", void 0), o([r()], h.prototype, "openCtas", void 0), o([r()], h.prototype, "hasScrollLeft", void 0), o([r()], h.prototype, "hasScrollRight", void 0), o([r()], h.prototype, "actionsCount", void 0), o([a({ slot: "items" })], h.prototype, "items", void 0), o([a({ slot: "actions" })], h.prototype, "ctas", void 0), o([i(".items-container")], h.prototype, "itemsContainer", void 0), h = m = o([c("ds-secondary-navigation")], h);
 //#endregion
+export { h as DsSecondaryNavigation };

package/dist/esm/components/ds-secondary-navigation/styles/common.styles.js

@@ -1,5 +1,5 @@
-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";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-secondary-navigation/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-segmented-control/ds-segmented-control.js

@@ -1,17 +1,17 @@
-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 { o as n } 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 r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { queryAssignedElements as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import r from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as i } from "../base/UiKitElement.js";
 import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as o } from "../../utils/booleanConverter.js";
-import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { classMap as s } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-segmented-control/ds-segmented-control.ts
-var l, u = (l = class extends i {
+var l = class extends i {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.fullWidth = !1;
 	}
@@ -44,7 +44,7 @@ var l, u = (l = class extends i {
             </fieldset>
         `;
 	}
-}, l.styles = [c], l);
+}, u = (l.styles = [c], l);
 r([t({ type: String })], u.prototype, "size", void 0), r([t({
 	type: Boolean,
 	converter: o,
@@ -54,3 +54,4 @@ r([t({ type: String })], u.prototype, "size", void 0), r([t({
 	flatten: !0
 })], u.prototype, "slottedElements", void 0), u = r([a("ds-segmented-control")], u);
 //#endregion
+export { u as DsSegmentedControl };

package/dist/esm/components/ds-segmented-control/styles/common.styles.js

@@ -1,5 +1,5 @@
-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";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-segmented-control/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-select/controllers/SelectKeyboardController.js

@@ -18,16 +18,14 @@ var e, t = class {
 			case "End":
 				t.navigateLast();
 				break;
-			case "Escape":
-				t.close();
-				break;
+			case "Escape": t.close();
 		}
 	}
 	static handleKeydownWhenClosed(e, t) {
 		this.KEYS_WHEN_CLOSED.has(e.key) && (e.preventDefault(), t.open());
 	}
 };
-e = t, e.KEYS_WHEN_OPEN = new Set([
+e = t, e.KEYS_WHEN_OPEN = /* @__PURE__ */ new Set([
 	"ArrowDown",
 	"ArrowUp",
 	"Home",
@@ -35,7 +33,7 @@ e = t, e.KEYS_WHEN_OPEN = new Set([
 	"Enter",
 	"Escape",
 	" "
-]), e.KEYS_WHEN_CLOSED = new Set([
+]), e.KEYS_WHEN_CLOSED = /* @__PURE__ */ new Set([
 	"ArrowDown",
 	"ArrowUp",
 	" "

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

@@ -1,26 +1,26 @@
 import "../ds-theme-provider/themeContext.js";
-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.133.0/helpers/esm/decorate.js";
+import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { query as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
+import { queryAssignedElements as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import o from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as s } from "../base/UiKitElement.js";
 import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
 import "../ds-icon/ds-icon.js";
 import { booleanConverter as l } from "../../utils/booleanConverter.js";
 import { uiKitHtml as u } from "../../utils/uiKitHtml.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 { o as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { classMap as d } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
+import { ifDefined as f } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.js";
 import "../ds-loader-spinner/ds-loader-spinner.js";
 import { SelectKeyboardController as p } from "./controllers/SelectKeyboardController.js";
 import { commonStyles as m } from "./styles/common.styles.js";
 //#region src/components/ds-select/ds-select.ts
-var h, g, _ = (h = class extends s {
+var h = class extends s {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.variant = "primary", this.readonly = !1, this.loading = !1, this.loadingAriaLabel = "Loading", this.iconName = void 0, this.dataAriaLabel = void 0, this._open = !1, this._keyboardNavigating = !1, this.nativeSelect = null, this.nativeLabel = null, this.nativeOptions = [], this.keyboardFocusIndex = -1, this.hasForcedError = !1, this.handleMutations = (e) => {
 			e.forEach((e) => {
@@ -132,7 +132,7 @@ var h, g, _ = (h = class extends s {
 			disabled: !!((e = this.nativeSelect) != null && e.disabled),
 			readonly: !!this.readonly,
 			loading: !!this.loading,
-			filled: !!(!((t = this.nativeOptions) == null || (t = t.find((e) => e.selected && !e.hidden)) == null) && t.selected),
+			filled: !!((t = this.nativeOptions) != null && (t = t.find((e) => e.selected && !e.hidden)) != null && t.selected),
 			invalid: !((n = this.nativeSelect) != null && n.validity.valid),
 			error: this.hasForcedError,
 			[this.size]: !!this.size,
@@ -147,7 +147,7 @@ var h, g, _ = (h = class extends s {
 		return this._open;
 	}
 	render() {
-		return t`
+		return e`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
             <div class=${d(this.containerClasses)}>
                 ${this.displaySelectTemplate}
@@ -171,7 +171,7 @@ var h, g, _ = (h = class extends s {
             ></ds-loader-spinner>` : u`<ds-icon class="icon" icon-name=${this._open ? "arrow-up" : "arrow-down"}></ds-icon>`;
 	}
 	get leftIconTemplate() {
-		return this.iconName ? u`<ds-icon class="left-icon" icon-name=${f(this.iconName)}></ds-icon>` : e;
+		return this.iconName ? u`<ds-icon class="left-icon" icon-name=${f(this.iconName)}></ds-icon>` : t;
 	}
 	get displaySelectTemplate() {
 		var n, r;
@@ -181,8 +181,8 @@ var h, g, _ = (h = class extends s {
 			if (e.textContent.trim() === "") return "";
 			let n = document.createElement("span");
 			return n.classList.add("text"), n.appendChild(t), n;
-		}), o = this.nativeLabel ? t`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>` : e, s = this.nativeLabel ? "display-label" : void 0, c = this.nativeLabel ? void 0 : this.dataAriaLabel;
-		return t`
+		}), o = this.nativeLabel ? e`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>` : t, s = this.nativeLabel ? "display-label" : void 0, c = this.nativeLabel ? void 0 : this.dataAriaLabel;
+		return e`
             <div class="select-outline">
                 <div class="select-container">
                     ${o}
@@ -212,24 +212,24 @@ var h, g, _ = (h = class extends s {
 		return this._open && this.keyboardFocusIndex >= 0 ? `${g.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}` : "";
 	}
 	get optionsContainerTemplate() {
-		return t`
+		return e`
             <div id="options-container" class="options-container" role="listbox">
-                ${this.nativeOptions.map((t, n) => t.hidden ? e : this.renderOptionClone(t, n))}
+                ${this.nativeOptions.map((e, n) => e.hidden ? t : this.renderOptionClone(e, n))}
             </div>
         `;
 	}
-	renderOptionClone(e, n) {
-		let r = Array.from(e.childNodes).map((e) => e.cloneNode(!0));
-		return t`
+	renderOptionClone(t, n) {
+		let r = Array.from(t.childNodes).map((e) => e.cloneNode(!0));
+		return e`
             <div
-                id="${g.ARIA_OPTION_PREFIX}${e.value}"
+                id="${g.ARIA_OPTION_PREFIX}${t.value}"
                 class=${d({
 			option: !0,
 			"keyboard-focused": n === this.keyboardFocusIndex && this._keyboardNavigating,
-			selected: e.value === this.nativeSelect.value
+			selected: t.value === this.nativeSelect.value
 		})}
                 role="option"
-                aria-selected="${e.value === this.nativeSelect.value}"
+                aria-selected="${t.value === this.nativeSelect.value}"
                 tabindex="-1"
                 @mousedown=${() => this.commitSelection(n)}
             >
@@ -237,7 +237,7 @@ var h, g, _ = (h = class extends s {
             </div>
         `;
 	}
-}, g = h, h.styles = [m], h.ARIA_OPTION_PREFIX = "option-", h);
+}, g = h, _ = (h.styles = [m], h.ARIA_OPTION_PREFIX = "option-", h);
 o([n({ type: String })], _.prototype, "mode", void 0), o([n({ type: String })], _.prototype, "size", void 0), o([n({ type: String })], _.prototype, "variant", void 0), o([n({
 	type: Boolean,
 	converter: l,
@@ -268,3 +268,4 @@ o([n({ type: String })], _.prototype, "mode", void 0), o([n({ type: String })],
 	flatten: !0
 })], _.prototype, "forcedError", void 0), o([i(".select")], _.prototype, "displaySelect", void 0), _ = g = o([c("ds-select")], _);
 //#endregion
+export { _ as DsSelect };

package/dist/esm/components/ds-select/styles/common.styles.js

@@ -1,5 +1,5 @@
-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";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-select/styles/common.styles.ts
 var t = e`
     :host {

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

@@ -1,20 +1,20 @@
-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.133.0/helpers/esm/decorate.js";
+import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import n from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import "../ds-icon/ds-icon.js";
 import { booleanConverter as a } from "../../utils/booleanConverter.js";
 import { uiKitHtml as o } from "../../utils/uiKitHtml.js";
-import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { o as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { classMap as s } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
+import { ifDefined as c } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.js";
 import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-selection/ds-selection.ts
-var u, d = (u = class extends r {
+var u = class extends r {
 	get iconTemplate() {
 		return o`<ds-icon class="icon" size="40" icon-name=${this.checked ? "check" : "plus"}></ds-icon>`;
 	}
@@ -45,7 +45,7 @@ var u, d = (u = class extends r {
             </span>
         `;
 	}
-}, u.styles = [l], u);
+}, d = (u.styles = [l], u);
 n([t({
 	type: Boolean,
 	converter: a
@@ -54,3 +54,4 @@ n([t({
 	attribute: "data-aria-label"
 })], d.prototype, "dataAriaLabel", void 0), d = n([i("ds-selection")], d);
 //#endregion
+export { d as DsSelection };

package/dist/esm/components/ds-selection/styles/common.styles.js

@@ -1,5 +1,5 @@
-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";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-selection/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-sidebar-navigation/ds-sidebar-navigation.js

@@ -1,20 +1,20 @@
-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 { o as n } 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 r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { queryAssignedElements as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
+import r from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UiKitElement as i } from "../base/UiKitElement.js";
 import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as o } from "../../utils/booleanConverter.js";
 import { uiKitHtml as s } from "../../utils/uiKitHtml.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 { classMap as c } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import "../ds-icon-button/ds-icon-button.js";
 import { scrollLock as l } from "../../utils/scrollLock.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-sidebar-navigation/ds-sidebar-navigation.ts
-var d, f = (d = class extends i {
+var d = class extends i {
 	constructor(...e) {
 		super(...e), this.open = !1, this.scrollLocked = !1, this.toggleModal = () => {
 			this.open = !this.open, this.open ? this.dispatchEvent(new Event("ds-sidebar-navigation:open", {
@@ -104,7 +104,7 @@ var d, f = (d = class extends i {
             </div>
         `;
 	}
-}, d.styles = [u], d);
+}, f = (d.styles = [u], d);
 r([t({
 	type: Boolean,
 	converter: o,
@@ -117,3 +117,4 @@ r([t({
 	flatten: !0
 })], f.prototype, "ctasButtons", void 0), f = r([a("ds-sidebar-navigation")], f);
 //#endregion
+export { f as DsSidebarNavigation };

package/dist/esm/components/ds-sidebar-navigation/styles/common.styles.js

@@ -1,5 +1,5 @@
-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";
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
 //#region src/components/ds-sidebar-navigation/styles/common.styles.ts
 var t = e`
     :host {