@solid-design-system/components 7.0.2 → 7.1.0

package/dist-versioned/chunks/chunk.XQMBT64Z.js

@@ -129,7 +129,7 @@ var SdScrollable = class extends SolidElement {
       down: this.upButton
     }[direction];
     const label = reachedStart ? `${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}` : `${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;
-    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-7-0-2-icon")) == null ? void 0 : _c.setAttribute("label", label);
+    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-7-1-0-icon")) == null ? void 0 : _c.setAttribute("label", label);
     if (isKeyboardTriggered) {
       oppositeButton == null ? void 0 : oppositeButton.focus();
     } else {
@@ -141,7 +141,7 @@ var SdScrollable = class extends SolidElement {
     const scrollTo = ["left", "up"].includes(direction) ? "start" : "end";
     const label = scrollTo === "start" ? this.localize.term("scrollToStart") : this.localize.term("scrollToEnd");
     const button = e.target;
-    (_a = button.querySelector("sd-7-0-2-icon")) == null ? void 0 : _a.setAttribute("label", label);
+    (_a = button.querySelector("sd-7-1-0-icon")) == null ? void 0 : _a.setAttribute("label", label);
   }
   render() {
     const scrollButtonClasses = "relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg";
@@ -158,16 +158,16 @@ var SdScrollable = class extends SolidElement {
     )}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons ? html`${this.isScrollHorizontalEnabled ? html`<div part="button-left" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.left && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-7-0-2-icon library="_internal" name="chevron-top" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-7-0-2-icon></slot></button></div><div part="button-right" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-7-1-0-icon library="_internal" name="chevron-top" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-7-1-0-icon></slot></button></div><div part="button-right" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.right && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-7-0-2-icon library="_internal" name="chevron-bottom" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-7-0-2-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-7-1-0-icon library="_internal" name="chevron-bottom" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-7-1-0-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.up && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-7-0-2-icon library="_internal" name="chevron-top" label="${this.localize.term("scrollToStart")}"></sd-7-0-2-icon></slot></button></div><div part="button-bottom" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-7-1-0-icon library="_internal" name="chevron-top" label="${this.localize.term("scrollToStart")}"></sd-7-1-0-icon></slot></button></div><div part="button-bottom" class="${cx(
       "absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.down && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-7-0-2-icon library="_internal" name="chevron-bottom" label="${this.localize.term("scrollToEnd")}"></sd-7-0-2-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-7-1-0-icon library="_internal" name="chevron-bottom" label="${this.localize.term("scrollToEnd")}"></sd-7-1-0-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
       "left top-0 left-0 w-[6px] h-full",
       scrollShadowClasses,
       this.canScroll.left ? "opacity-100" : "opacity-0"
@@ -189,7 +189,7 @@ var SdScrollable = class extends SolidElement {
 SdScrollable.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-7-0-2-icon--top{align-self:flex-start}.sd-7-0-2-icon--down{align-self:flex-end}`
+:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-7-1-0-icon--top{align-self:flex-start}.sd-7-1-0-icon--down{align-self:flex-end}`
 ];
 __decorateClass([
   query('[part="button-right"] button')
@@ -237,7 +237,7 @@ __decorateClass([
   state()
 ], SdScrollable.prototype, "isScrollVerticalEnabled", 2);
 SdScrollable = __decorateClass([
-  customElement("sd-7-0-2-scrollable")
+  customElement("sd-7-1-0-scrollable")
 ], SdScrollable);
 
 export {

package/dist-versioned/chunks/chunk.YJ46MX3X.js

@@ -55,19 +55,19 @@ var SdProgressBar = class extends SolidElement {
       this.isLoading ? this.localize.term("loading") : this.valueFormatter(this.clampedValue)
     )}" aria-label="${ifDefined(!hasLabel ? this.label || this.localize.term("progress") : void 0)}" aria-labelledby="${ifDefined(hasLabel ? "label" : this.label)}" style="${`--percentage: ${this.percentage}%;`}">${this.isLoading ? html`<div part="track" class="${cx(
       "absolute top-0 left-0 h-full progress-bar__track--loading-left",
-      this.inverted ? "sd-7-0-2-progress-bar__slide-bar--inverted-color-background" : "sd-7-0-2-progress-bar__slide-bar-color-background"
+      this.inverted ? "sd-7-1-0-progress-bar__slide-bar--inverted-color-background" : "sd-7-1-0-progress-bar__slide-bar-color-background"
     )}"></div><div part="track" class="${cx(
       "absolute top-0 right-0 h-full progress-bar__track--loading-right",
-      this.inverted ? "sd-7-0-2-progress-bar__slide-bar--inverted-color-background" : "sd-7-0-2-progress-bar__slide-bar-color-background"
+      this.inverted ? "sd-7-1-0-progress-bar__slide-bar--inverted-color-background" : "sd-7-1-0-progress-bar__slide-bar-color-background"
     )}"></div><div part="indicator" class="${cx(
       "absolute top-0 h-full progress-bar__indicator--loading",
-      this.inverted ? "sd-7-0-2-progress-bar--active--inverted-color-background" : "bg-accent"
+      this.inverted ? "sd-7-1-0-progress-bar--active--inverted-color-background" : "bg-accent"
     )}"></div>` : html`<div part="indicator" class="${cx(
       "w-[var(--percentage)]",
-      this.inverted ? "sd-7-0-2-progress-bar--active--inverted-color-background" : "bg-accent"
+      this.inverted ? "sd-7-1-0-progress-bar--active--inverted-color-background" : "bg-accent"
     )}"></div>${this.value && this.value > 0 && this.value < this.safeMax ? html`<div class="w-0.5 shrink-0"></div>` : nothing}<div part="track" class="${cx(
       "flex-1",
-      this.inverted ? "sd-7-0-2-progress-bar__slide-bar--inverted-color-background" : "sd-7-0-2-progress-bar__slide-bar-color-background"
+      this.inverted ? "sd-7-1-0-progress-bar__slide-bar--inverted-color-background" : "sd-7-1-0-progress-bar__slide-bar-color-background"
     )}"></div>`}</div>${this.showValue ? html`<span class="${cx(
       "text-neutral-700 text-xs w-shrink-0",
       this.inverted ? "text-white" : "text-neutral-700",
@@ -103,7 +103,7 @@ __decorateClass([
   property({ attribute: false })
 ], SdProgressBar.prototype, "valueFormatter", 2);
 SdProgressBar = __decorateClass([
-  customElement("sd-7-0-2-progress-bar")
+  customElement("sd-7-1-0-progress-bar")
 ], SdProgressBar);
 
 export {

package/dist-versioned/chunks/chunk.YKGIJFJM.js

@@ -98,11 +98,11 @@ var SdCombobox = class extends SolidElement {
       return normalizedOption.includes(normalizedQuery) || normalizedOptionLabel.includes(normalizedQuery);
     };
     this.getTag = (option) => {
-      return html`<sd-7-0-2-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
+      return html`<sd-7-1-0-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
-            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagKeyDown(event, option)}" @sd-remove="${(event) => this.handleTagRemove(event, option)}">${option.getTextLabel()}</sd-7-0-2-tag>`;
+            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagKeyDown(event, option)}" @sd-remove="${(event) => this.handleTagRemove(event, option)}">${option.getTextLabel()}</sd-7-1-0-tag>`;
     };
     this.handleDocumentFocusIn = (event) => {
       const path = event.composedPath();
@@ -241,9 +241,9 @@ var SdCombobox = class extends SolidElement {
       return html`${typeof optionHtml === "string" ? unsafeHTML(optionHtml) : optionHtml}`;
     };
     return this.filteredOptions.map((item) => {
-      if (item.tagName.toLowerCase() === "sd-7-0-2-optgroup") {
+      if (item.tagName.toLowerCase() === "sd-7-1-0-optgroup") {
         Array.from(item.children).forEach((option) => {
-          if (option.tagName.toLowerCase() === "sd-7-0-2-option") {
+          if (option.tagName.toLowerCase() === "sd-7-1-0-option") {
             renderOption(option);
           }
         });
@@ -263,11 +263,11 @@ var SdCombobox = class extends SolidElement {
       });
     } else {
       return [
-        html`<sd-7-0-2-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
+        html`<sd-7-1-0-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
-            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagMaxOptionsKeyDown(event)}" @sd-remove="${(event) => this.handleTagRemove(event)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-7-0-2-tag>`
+            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagMaxOptionsKeyDown(event)}" @sd-remove="${(event) => this.handleTagRemove(event)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-7-1-0-tag>`
       ];
     }
   }
@@ -403,7 +403,7 @@ var SdCombobox = class extends SolidElement {
   }
   handleOptionClick(event) {
     const target = event.target;
-    const option = target.closest("sd-7-0-2-option");
+    const option = target.closest("sd-7-1-0-option");
     const oldValue = this.value;
     if (option && !option.disabled) {
       if (this.multiple) {
@@ -455,7 +455,7 @@ var SdCombobox = class extends SolidElement {
     scrollIntoView(this.getCurrentOption(), this.listbox, "vertical", "auto");
   }
   getAllFilteredOptions() {
-    return [...this.filteredWrapper.querySelectorAll("sd-7-0-2-option")];
+    return [...this.filteredWrapper.querySelectorAll("sd-7-1-0-option")];
   }
   getCurrentOption() {
     return this.getAllFilteredOptions().find((option) => option.current);
@@ -585,7 +585,7 @@ var SdCombobox = class extends SolidElement {
       clonedOption.selected = option.selected;
       clonedOption.checkbox = option.checkbox;
       clonedOption.size = option.size;
-      const hasOptgroup = ((_b = option.parentElement) == null ? void 0 : _b.tagName.toLowerCase()) === "sd-7-0-2-optgroup";
+      const hasOptgroup = ((_b = option.parentElement) == null ? void 0 : _b.tagName.toLowerCase()) === "sd-7-1-0-optgroup";
       if (!hasOptgroup) {
         return clonedOption;
       }
@@ -609,7 +609,7 @@ var SdCombobox = class extends SolidElement {
     this.formControlController.emitInvalidEvent(event);
     this.invalidMessage.textContent = event.target.validationMessage;
   }
-  /** Receives incoming event detail from sd-7-0-2-popup and updates local state for conditional styling. */
+  /** Receives incoming event detail from sd-7-1-0-popup and updates local state for conditional styling. */
   handleCurrentPlacement(e) {
     const incomingPlacement = e.detail;
     if (incomingPlacement) {
@@ -621,7 +621,7 @@ var SdCombobox = class extends SolidElement {
   }
   handleUseTagsChange() {
     const allOptions = this.getAllFilteredOptions();
-    if (customElements.get("sd-7-0-2-option")) {
+    if (customElements.get("sd-7-1-0-option")) {
       allOptions.forEach((option) => {
         option.checkbox = this.multiple;
       });
@@ -750,8 +750,8 @@ var SdCombobox = class extends SolidElement {
     return filterOnlyOptgroups(getAssignedElementsForSlot(this.defaultSlot));
   }
   async handleDefaultSlotChange() {
-    if (!customElements.get("sd-7-0-2-option")) {
-      customElements.whenDefined("sd-7-0-2-option").then(() => this.handleDefaultSlotChange());
+    if (!customElements.get("sd-7-1-0-option")) {
+      customElements.whenDefined("sd-7-1-0-option").then(() => this.handleDefaultSlotChange());
       return;
     }
     const slottedOptions = this.getSlottedOptions();
@@ -763,10 +763,10 @@ var SdCombobox = class extends SolidElement {
       if (this.multiple) {
         option.checkbox = true;
       }
-      option.id = option.id || `sd-7-0-2-combobox-option-${index}`;
+      option.id = option.id || `sd-7-1-0-combobox-option-${index}`;
     });
     slottedOptgroups.forEach((optgroup, index) => {
-      optgroup.id = optgroup.id || `sd-7-0-2-combobox-optgroup-${index}`;
+      optgroup.id = optgroup.id || `sd-7-1-0-combobox-optgroup-${index}`;
     });
     await this.syncSelectedOptionsAndValue();
     if (this.multiple) {
@@ -831,7 +831,7 @@ var SdCombobox = class extends SolidElement {
         default: "form-control-color-border"
       }[selectState],
       this.open && (this.currentPlacement === "bottom" ? "rounded-bl-none rounded-br-none" : "rounded-tl-none rounded-tr-none")
-    )}"></div><sd-7-0-2-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${cx(
+    )}"></div><sd-7-1-0-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${cx(
       "inline-flex relative w-full",
       this.currentPlacement === "bottom" ? "origin-top" : "origin-bottom"
     )}" placement="${this.placement}" strategy="${this.hoist ? "fixed" : "absolute"}" flip shift sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
@@ -860,18 +860,18 @@ var SdCombobox = class extends SolidElement {
       "flex justify-center",
       iconMarginLeft,
       this.value.length > 0 ? "visible" : "invisible"
-    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.preventLoosingFocus}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-7-0-2-icon class="${cx("text-neutral-700", iconSize)}" name="close-circle" library="_internal"></sd-7-0-2-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-7-0-2-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="_internal" name="risk"></sd-7-0-2-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-7-0-2-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-7-0-2-icon>` : ""}<slot name="right" part="right" class="${cx(
+    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.preventLoosingFocus}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-7-1-0-icon class="${cx("text-neutral-700", iconSize)}" name="close-circle" library="_internal"></sd-7-1-0-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-7-1-0-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="_internal" name="risk"></sd-7-1-0-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-7-1-0-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-7-1-0-icon>` : ""}<slot name="right" part="right" class="${cx(
       "inline-flex ml-2 leading-[0]",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "form-control-color-icon-fill",
       iconSize
-    )}">${this.type !== "search" ? html`<sd-7-0-2-icon class="${cx(
+    )}">${this.type !== "search" ? html`<sd-7-1-0-icon class="${cx(
       "transition-transform duration-medium ease-in-out",
       this.open ? "rotate-180" : "rotate-0"
-    )}" name="chevron-bottom" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-7-0-2-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center", iconMarginLeft)}" type="button" @mousedown="${this.preventLoosingFocus}" @click="${this.handleSearchClick}"><sd-7-0-2-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-7-0-2-icon></button>` : html`<button class="combobox-button absolute top-2" tabindex="-1" aria-hidden="true" @keydown="${this.handleComboboxMouseDown}" type="button"><span class="sr-only">${this.localize.term("open")}</span></button>`}</div><div id="listbox" role="${ifDefined(!this.multiple ? "listbox" : void 0)}" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${cx(
+    )}" name="chevron-bottom" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-7-1-0-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center", iconMarginLeft)}" type="button" @mousedown="${this.preventLoosingFocus}" @click="${this.handleSearchClick}"><sd-7-1-0-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-7-1-0-icon></button>` : html`<button class="combobox-button absolute top-2" tabindex="-1" aria-hidden="true" @keydown="${this.handleComboboxMouseDown}" type="button"><span class="sr-only">${this.localize.term("open")}</span></button>`}</div><div id="listbox" role="${ifDefined(!this.multiple ? "listbox" : void 0)}" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${cx(
       "bg-white px-2 py-3 relative border-primary overflow-y-auto",
       this.open && "shadow-listbox transition-shadow duration-medium ease-in-out",
       this.currentPlacement === "bottom" ? "border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius" : "border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius"
-    )}" tabindex="-1" @mousedown="${this.preventLoosingFocus}" @mouseup="${this.handleOptionClick}"><div part="filtered-listbox">${this.filteredOptions.length === 0 ? html`<span id="noResults" class="px-4 flex items-center w-full transition-all text-left text-base relative text-black py-3" aria-hidden="true" @click="${this.handleNoResultsClick}">${this.localize.term("noResults")}</span>` : this.options}</div><slot id="defaultOptionsSlot" class="hidden" @slotchange="${this.handleDefaultSlotChange}"></slot></div></sd-7-0-2-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
+    )}" tabindex="-1" @mousedown="${this.preventLoosingFocus}" @mouseup="${this.handleOptionClick}"><div part="filtered-listbox">${this.filteredOptions.length === 0 ? html`<span id="noResults" class="px-4 flex items-center w-full transition-all text-left text-base relative text-black py-3" aria-hidden="true" @click="${this.handleNoResultsClick}">${this.localize.term("noResults")}</span>` : this.options}</div><slot id="defaultOptionsSlot" class="hidden" @slotchange="${this.handleDefaultSlotChange}"></slot></div></sd-7-1-0-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
       "text-sm mt-1",
       hasHelpText ? "block" : "hidden",
       this.visuallyDisabled || this.disabled ? "text-neutral-500" : "text-neutral-700"
@@ -881,10 +881,10 @@ var SdCombobox = class extends SolidElement {
 SdCombobox.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block;width:100%}:host([required]) #label::after{content:' *'}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([visually-disabled]) input{caret-color:transparent}:host([size=sm]) .combobox-button{right:var(--sd-spacing-4,1rem);height:var(--sd-spacing-4,1rem);width:var(--sd-spacing-4,1rem)}:host([size=md]) .combobox-button{right:.85rem;height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}:host([size=lg]) .combobox-button{right:var(--sd-spacing-3,.75rem);height:var(--sd-spacing-8,2rem);width:var(--sd-spacing-8,2rem)}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-7-0-2-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-7-0-2-tag::part(base){border-radius:var(--sd-radius,.25rem);border-width:var(--sd-combobox__tag-border-width,.0625rem);padding-inline:var(--sd-spacing-1,.25rem)}sd-7-0-2-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-7-0-2-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2,.5rem)}sd-7-0-2-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100,236 240 249))}[part=filtered-listbox] sd-7-0-2-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold, 600);font-weight:var(--sd-font-weight-bold,600);color:inherit}:host([type=search]) sd-7-0-2-icon[name=magnifying-glass],[part=chevron]{color:rgba(var(--sd-form-control-color-icon-fill))}:host([disabled])::part(chevron),:host([type=search][disabled]) sd-7-0-2-icon[name=magnifying-glass],:host([type=search][visually-disabled]) sd-7-0-2-icon[name=magnifying-glass],:host([visually-disabled])::part(chevron){color:rgba(var(--sd-color-icon-fill-neutral-500,--sd-color-neutral-500))}@property --tw-font-weight{syntax:"*";inherits:false}`
+:host{position:relative;display:block;width:100%}:host([required]) #label::after{content:' *'}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([visually-disabled]) input{caret-color:transparent}:host([size=sm]) .combobox-button{right:var(--sd-spacing-4,1rem);height:var(--sd-spacing-4,1rem);width:var(--sd-spacing-4,1rem)}:host([size=md]) .combobox-button{right:.85rem;height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}:host([size=lg]) .combobox-button{right:var(--sd-spacing-3,.75rem);height:var(--sd-spacing-8,2rem);width:var(--sd-spacing-8,2rem)}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-7-1-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-7-1-0-tag::part(base){border-radius:var(--sd-radius,.25rem);border-width:var(--sd-combobox__tag-border-width,.0625rem);padding-inline:var(--sd-spacing-1,.25rem)}sd-7-1-0-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-7-1-0-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2,.5rem)}sd-7-1-0-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100,236 240 249))}[part=filtered-listbox] sd-7-1-0-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold, 600);font-weight:var(--sd-font-weight-bold,600);color:inherit}:host([type=search]) sd-7-1-0-icon[name=magnifying-glass],[part=chevron]{color:rgba(var(--sd-form-control-color-icon-fill))}:host([disabled])::part(chevron),:host([type=search][disabled]) sd-7-1-0-icon[name=magnifying-glass],:host([type=search][visually-disabled]) sd-7-1-0-icon[name=magnifying-glass],:host([visually-disabled])::part(chevron){color:rgba(var(--sd-color-icon-fill-neutral-500,--sd-color-neutral-500))}@property --tw-font-weight{syntax:"*";inherits:false}`
 ];
 __decorateClass([
-  query("sd-7-0-2-popup")
+  query("sd-7-1-0-popup")
 ], SdCombobox.prototype, "popup", 2);
 __decorateClass([
   query('[part="combobox"]')
@@ -1048,7 +1048,7 @@ __decorateClass([
   watch(["size", "floatingLabel"])
 ], SdCombobox.prototype, "handleSizeChange", 1);
 SdCombobox = __decorateClass([
-  customElement("sd-7-0-2-combobox")
+  customElement("sd-7-1-0-combobox")
 ], SdCombobox);
 setDefaultAnimation("combobox.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],

package/dist-versioned/chunks/chunk.YRKHHYV5.js

@@ -17,7 +17,7 @@ var SdSkeleton = class extends SolidElement {
   }
   render() {
     return html`<div part="base" aria-hidden="true" class="${cx(
-      "sd-7-0-2-skeleton-color w-full h-full animate-pulse",
+      "sd-7-1-0-skeleton-color w-full h-full animate-pulse",
       {
         rectangular: "rounded-sm",
         circular: "rounded-full inline-block"
@@ -34,7 +34,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdSkeleton.prototype, "variant", 2);
 SdSkeleton = __decorateClass([
-  customElement("sd-7-0-2-skeleton")
+  customElement("sd-7-1-0-skeleton")
 ], SdSkeleton);
 
 export {

package/dist-versioned/chunks/{chunk.I46TZJHO.js → chunk.Z4IULIBO.js}

@@ -64,15 +64,15 @@ var SdCarousel = class extends SolidElement {
       if (!this.isFocused) this.next();
     });
     this.scrollController = new ScrollController(this);
-    this.slides = this.getElementsByTagName("sd-7-0-2-carousel-item");
+    this.slides = this.getElementsByTagName("sd-7-1-0-carousel-item");
     // determines which slide is displayed
     // A map containing the state of all the slides
     this.intersectionObserverEntries = /* @__PURE__ */ new Map();
     this.localize = new LocalizeController(this);
     this.userInteracted = false;
     this.fadeController = new FadeController(this);
-    this.handleUserInteraction = () => {
-      this.userInteracted = true;
+    this.handleUserInteraction = (e) => {
+      this.userInteracted = e.type === "keydown";
     };
     this.handleSlotChange = (mutations) => {
       const needsInitialization = mutations.some(
@@ -93,7 +93,7 @@ var SdCarousel = class extends SolidElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    ["click", "keydown"].forEach((event) => this.addEventListener(event, this.handleUserInteraction));
+    ["mousedown", "keydown"].forEach((event) => this.addEventListener(event, this.handleUserInteraction));
     this.addEventListener("focusin", this.handleFocus);
     this.addEventListener("focusout", this.handleBlur);
     this.addEventListener("keydown", this.handleKeyDown);
@@ -121,7 +121,7 @@ var SdCarousel = class extends SolidElement {
     super.disconnectedCallback();
     this.intersectionObserver.disconnect();
     this.mutationObserver.disconnect();
-    ["click", "keydown"].forEach((event) => this.removeEventListener(event, this.handleUserInteraction));
+    ["mousedown", "keydown"].forEach((event) => this.removeEventListener(event, this.handleUserInteraction));
     this.removeEventListener("focusin", this.handleFocus);
     this.removeEventListener("focusout", this.handleBlur);
     this.removeEventListener("keydown", this.handleKeyDown);
@@ -476,7 +476,7 @@ var SdCarousel = class extends SolidElement {
       if (e.detail) {
         this.autoplayControls.blur();
       }
-    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-7-0-2-icon class="h-6 w-6 grid place-items-center" library="_internal" name="play"></sd-7-0-2-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-7-0-2-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-7-0-2-icon></slot></button><div class="carousel__announcement sr-only" aria-live="${!this.autoplay || this.pausedAutoplay || this.isFocused ? "polite" : "off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${cx(
+    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-7-1-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="play"></sd-7-1-0-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-7-1-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-7-1-0-icon></slot></button><div class="carousel__announcement sr-only" aria-live="${!this.autoplay || this.pausedAutoplay || this.isFocused ? "polite" : "off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${cx(
       `carousel__slides mb-6 max-h-full w-full items-center justify-items-center`,
       this.inverted ? "focus-visible:focus-outline-inverted" : "focus-visible:focus-outline",
       this.fade ? "relative overflow-hidden" : `grid overflow-auto overscroll-x-contain grid-flow-col auto-rows-[100%] snap-x snap-mandatory overflow-y-hidden`
@@ -490,25 +490,25 @@ var SdCarousel = class extends SolidElement {
     )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @click="${prevEnabled ? (e) => {
       this.previous();
       this.unblockAutoplay(e, this.previousButton);
-    } : null}"><slot name="previous-icon"><sd-7-0-2-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-bottom" : "chevron-top"}"></sd-7-0-2-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
+    } : null}"><slot name="previous-icon"><sd-7-1-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-bottom" : "chevron-top"}"></sd-7-1-0-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
       const isActive = index + 1 === currentPage;
       return html`<button part="pagination-item ${isActive ? "pagination-item--active" : ""}" class="${cx(
         "carousel__pagination-item",
         "block cursor-pointer bg-none border-0 rounded-full",
         isActive ? "bg-accent" : "",
         this.inverted ? "focus-within:focus-outline-inverted" : "focus-within:focus-outline"
-      )}" role="tab" tabindex="0" aria-selected="${isActive ? "true" : "false"}" aria-label="${this.localize.term("goToSlide", index + 1, pagesCount)}" @click="${(e) => {
+      )}" role="tab" tabindex="0" aria-selected="${isActive ? "true" : "false"}" aria-label="${this.localize.term("goToSlide", index + 1, pagesCount)}" @mousedown="${(e) => e.preventDefault()}" @click="${(e) => {
         this.goToSlide(index * slidesPerMove);
         this.unblockAutoplay(e, this.paginationItems[index]);
       }}"><span class="${cx(
-        "h-4 w-4 block border sd-7-0-2-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
-        this.inverted ? "sd-7-0-2-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
+        "h-4 w-4 block border sd-7-1-0-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
+        this.inverted ? "sd-7-1-0-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
         isActive && "border-none",
-        isActive ? this.inverted ? "sd-7-0-2-carousel__pager-dot--inverted-background hover:sd-7-0-2-carousel__pager-dot--inverted--hovered-background" : "sd-7-0-2-carousel__pager-dot-background hover:bg-accent-550" : ""
+        isActive ? this.inverted ? "sd-7-1-0-carousel__pager-dot--inverted-background hover:sd-7-1-0-carousel__pager-dot--inverted--hovered-background" : "sd-7-1-0-carousel__pager-dot-background hover:bg-accent-550" : ""
       )}"></span></button>`;
     })}</div>` : html`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${cx(
       "w-5 text-center border-b-2",
-      this.inverted ? "text-white sd-7-0-2-carousel--active--inverted-color-border" : "text-black sd-7-0-2-carousel--active-color-border"
+      this.inverted ? "text-white sd-7-1-0-carousel--active--inverted-color-border" : "text-black sd-7-1-0-carousel--active-color-border"
     )}">${currentPage}</span> <span part="pagination-divider" class="${cx("scale-y-[1.5]", "text-center", this.inverted ? "text-white" : "text-black")}">/</span> <span part="pagination-item" class="${cx("w-5 text-center", this.inverted ? "text-white" : "text-black")}">${pagesCount}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!nextEnabled ? true : false}" class="${cx(
       "!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",
       !nextEnabled && "sd-interactive--disabled",
@@ -516,13 +516,13 @@ var SdCarousel = class extends SolidElement {
     )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @click="${nextEnabled ? (e) => {
       this.next();
       this.unblockAutoplay(e, this.nextButton);
-    } : null}"><slot name="next-icon"><sd-7-0-2-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-top" : "chevron-bottom"}"></sd-7-0-2-icon></slot></button></div></div></div>`;
+    } : null}"><slot name="next-icon"><sd-7-1-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-top" : "chevron-bottom"}"></sd-7-1-0-icon></slot></button></div></div></div>`;
   }
 };
 SdCarousel.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}[part=autoplay-controls]{z-index:1}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-7-0-2-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}`
+:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}[part=autoplay-controls]{z-index:1}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-7-1-0-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}`
 ];
 __decorateClass([
   query('[part~="autoplay-controls"]')
@@ -607,7 +607,7 @@ __decorateClass([
   watch("autoplayInterval")
 ], SdCarousel.prototype, "handleautoplayIntervalChange", 1);
 SdCarousel = __decorateClass([
-  customElement("sd-7-0-2-carousel")
+  customElement("sd-7-1-0-carousel")
 ], SdCarousel);
 
 export {

package/dist-versioned/chunks/chunk.ZLPWCNY6.js

@@ -37,8 +37,8 @@ var SdTabGroup = class extends SolidElement {
   }
   connectedCallback() {
     const whenAllDefined = Promise.all([
-      customElements.whenDefined("sd-7-0-2-tab"),
-      customElements.whenDefined("sd-7-0-2-tab-panel")
+      customElements.whenDefined("sd-7-1-0-tab"),
+      customElements.whenDefined("sd-7-1-0-tab-panel")
     ]);
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(() => {
@@ -86,20 +86,20 @@ var SdTabGroup = class extends SolidElement {
   }
   getAllTabs(options = { includeDisabled: true }) {
     const slot = this.shadowRoot.querySelector('slot[name="nav"]');
-    return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-7-0-2-tab" ? el : el.querySelector("sd-7-0-2-tab")).filter((el) => {
-      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-7-0-2-tab" : el.tagName.toLowerCase() === "sd-7-0-2-tab" && !el.disabled;
+    return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-7-1-0-tab" ? el : el.querySelector("sd-7-1-0-tab")).filter((el) => {
+      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-7-1-0-tab" : el.tagName.toLowerCase() === "sd-7-1-0-tab" && !el.disabled;
     });
   }
   getAllPanels() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-7-0-2-tab-panel");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-7-1-0-tab-panel");
   }
   getActiveTab() {
     return this.tabs.find((t) => t.matches(":focus"));
   }
   handleClick(event) {
     const target = event.target;
-    const tab = target.closest("sd-7-0-2-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-7-0-2-tab-group");
+    const tab = target.closest("sd-7-1-0-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-7-1-0-tab-group");
     if (tabGroup !== this) {
       return;
     }
@@ -109,8 +109,8 @@ var SdTabGroup = class extends SolidElement {
   }
   handleKeyDown(event) {
     const target = event.target;
-    const tab = target.closest("sd-7-0-2-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-7-0-2-tab-group");
+    const tab = target.closest("sd-7-1-0-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-7-1-0-tab-group");
     if (tabGroup !== this) {
       return;
     }
@@ -137,7 +137,7 @@ var SdTabGroup = class extends SolidElement {
     if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
       const activeEl = this.tabs.find((t) => t.matches(":focus"));
       const isRtl = this.localize.dir() === "rtl";
-      if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-7-0-2-tab") {
+      if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-7-1-0-tab") {
         let index = this.tabs.indexOf(activeEl);
         if (event.key === "Home") {
           index = 0;
@@ -258,16 +258,16 @@ var SdTabGroup = class extends SolidElement {
     return html`<div part="base" class="${cx("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${cx(this.hasScrollControls && "relative py-0 px-12")}">${this.hasScrollControls ? html`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${ifDefined(!this.canScroll.left || void 0)}" class="${cx(
       "sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",
       this.localize.dir() === "rtl" && "left-auto right-0"
-    )}" @click="${this.handleScrollToStart}"><sd-7-0-2-icon library="_internal" name="${isRtl ? "chevron-top" : "chevron-bottom"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-7-0-2-icon></button>` : ""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${cx("flex flex-auto relative flex-row")}" role="tablist">${((_a = this.activeTab) == null ? void 0 : _a.variant) !== "container" ? html`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>` : ""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls ? html`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${ifDefined(!this.canScroll.right || void 0)}" class="${cx(
+    )}" @click="${this.handleScrollToStart}"><sd-7-1-0-icon library="_internal" name="${isRtl ? "chevron-top" : "chevron-bottom"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-7-1-0-icon></button>` : ""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${cx("flex flex-auto relative flex-row")}" role="tablist">${((_a = this.activeTab) == null ? void 0 : _a.variant) !== "container" ? html`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>` : ""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls ? html`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${ifDefined(!this.canScroll.right || void 0)}" class="${cx(
       "sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",
       this.localize.dir() === "rtl" && "right-auto left-0"
-    )}" @click="${this.handleScrollToEnd}"><sd-7-0-2-icon library="_internal" name="${isRtl ? "chevron-bottom" : "chevron-top"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-7-0-2-icon></button>` : ""}</div><slot part="body" class="${cx("block auto py-8 px-6", this.variant === "container" && "border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`;
+    )}" @click="${this.handleScrollToEnd}"><sd-7-1-0-icon library="_internal" name="${isRtl ? "chevron-bottom" : "chevron-top"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-7-1-0-icon></button>` : ""}</div><slot part="body" class="${cx("block auto py-8 px-6", this.variant === "container" && "border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`;
   }
 };
 SdTabGroup.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:0;width:0}::slotted(sd-7-0-2-tab-panel){--padding:1rem 0}::slotted(sd-7-0-2-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary)}`
+:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:0;width:0}::slotted(sd-7-1-0-tab-panel){--padding:1rem 0}::slotted(sd-7-1-0-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary)}`
 ];
 __decorateClass([
   query("[part=base]")
@@ -300,7 +300,7 @@ __decorateClass([
   debounce(20)
 ], SdTabGroup.prototype, "handleScroll", 1);
 SdTabGroup = __decorateClass([
-  customElement("sd-7-0-2-tab-group")
+  customElement("sd-7-1-0-tab-group")
 ], SdTabGroup);
 
 export {

package/dist-versioned/chunks/chunk.ZQ6CXL6H.js

@@ -57,13 +57,13 @@ var SdTeaser = class extends SolidElement {
       "teaser-has-headline": this.hasSlotController.test("headline")
     };
     return html`<div class="${cx(
-      "flex sd-7-0-2-teaser-border-radius",
+      "flex sd-7-1-0-teaser-border-radius",
       {
         white: "bg-white",
-        "white border-neutral-400": "bg-white border sd-7-0-2-teaser--neutral-400-color-border",
-        "neutral-100": "sd-7-0-2-teaser--neutral-100-color-background",
+        "white border-neutral-400": "bg-white border sd-7-1-0-teaser--neutral-400-color-border",
+        "neutral-100": "sd-7-1-0-teaser--neutral-100-color-background",
         primary: "bg-primary text-white",
-        "primary-100": "sd-7-0-2-teaser--primary-100-color-background"
+        "primary-100": "sd-7-1-0-teaser--primary-100-color-background"
       }[this.variant],
       this._orientation === "vertical" && "flex-col",
       this._orientation === "horizontal" && "flex-row gap-8",
@@ -105,7 +105,7 @@ __decorateClass([
   state()
 ], SdTeaser.prototype, "_orientation", 2);
 SdTeaser = __decorateClass([
-  customElement("sd-7-0-2-teaser")
+  customElement("sd-7-1-0-teaser")
 ], SdTeaser);
 
 export {

package/dist-versioned/components/accordion/accordion.d.ts

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-accordion': SdAccordion;
+        'sd-7-1-0-accordion': SdAccordion;
     }
 }

package/dist-versioned/components/accordion-group/accordion-group.d.ts

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-accordion-group': SdAccordionGroup;
+        'sd-7-1-0-accordion-group': SdAccordionGroup;
     }
 }

package/dist-versioned/components/animation/animation.d.ts

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-animation': SdAnimation;
+        'sd-7-1-0-animation': SdAnimation;
     }
 }

package/dist-versioned/components/audio/audio.d.ts

@@ -58,6 +58,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-audio': SdAudio;
+        'sd-7-1-0-audio': SdAudio;
     }
 }

package/dist-versioned/components/badge/badge.d.ts

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-badge': SdBadge;
+        'sd-7-1-0-badge': SdBadge;
     }
 }

package/dist-versioned/components/brandshape/brandshape.d.ts

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-brandshape': SdBrandshape;
+        'sd-7-1-0-brandshape': SdBrandshape;
     }
 }
 export {};

package/dist-versioned/components/breadcrumb/breadcrumb.d.ts

@@ -24,6 +24,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-breadcrumb': SdBreadcrumb;
+        'sd-7-1-0-breadcrumb': SdBreadcrumb;
     }
 }

package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts

@@ -15,6 +15,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-2-breadcrumb-item': SdBreadcrumbItem;
+        'sd-7-1-0-breadcrumb-item': SdBreadcrumbItem;
     }
 }