npm - @solid-design-system/components - Versions diffs - 6.28.0 → 7.0.0-next.1 - Mend

@solid-design-system/components 6.28.0 → 7.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (666) hide show

package/dist-versioned/chunks/{chunk.WC6QJGPY.js → chunk.NVTCRCR2.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -22,7 +22,7 @@ var SdDivider = class extends SolidElement {
   }
   render() {
     return html`<hr part="main" aria-orientation="${this.orientation}" class="${cx(
-      this.inverted ? "sd-6-28-0-divider--inverted-color-border" : "border-neutral-400",
+      this.inverted ? "sd-7-0-0-next-1-divider--inverted-color-border" : "border-neutral-400",
       this.orientation === "horizontal" ? "border-t w-full" : " border-l h-full"
     )}">`;
   }
@@ -33,7 +33,7 @@ var SdDivider = class extends SolidElement {
 SdDivider.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{margin:calc(var(--sd-spacing-1) * 0)}:host(sd-6-28-0-divider[orientation=horizontal]){display:block}:host(sd-6-28-0-divider[orientation=vertical]){display:inline-block}`
+:host{margin:calc(var(--sd-spacing-1) * 0)}:host(sd-7-0-0-next-1-divider[orientation=horizontal]){display:block}:host(sd-7-0-0-next-1-divider[orientation=vertical]){display:inline-block}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -42,7 +42,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdDivider.prototype, "inverted", 2);
 SdDivider = __decorateClass([
-  customElement("sd-6-28-0-divider")
+  customElement("sd-7-0-0-next-1-divider")
 ], SdDivider);
 export {

package/dist-versioned/chunks/{chunk.43WIFSAV.js → chunk.OGTWG7PX.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.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-6-28-0-icon")) == null ? void 0 : _c.setAttribute("label", label);
+    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-7-0-0-next-1-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-6-28-0-icon")) == null ? void 0 : _a.setAttribute("label", label);
+    (_a = button.querySelector("sd-7-0-0-next-1-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-6-28-0-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-28-0-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-0-0-next-1-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-1-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-6-28-0-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-28-0-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-0-0-next-1-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-1-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-6-28-0-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-28-0-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-0-0-next-1-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-1-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-6-28-0-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-28-0-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-0-0-next-1-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-1-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.0 | 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)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.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-6-28-0-icon--top{align-self:flex-start}.sd-6-28-0-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)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.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-0-next-1-icon--top{align-self:flex-start}.sd-7-0-0-next-1-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-6-28-0-scrollable")
+  customElement("sd-7-0-0-next-1-scrollable")
 ], SdScrollable);
 export {

package/dist-versioned/chunks/{chunk.HSMX4JWE.js → chunk.OMWYWBPW.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.LVUKQ7ZS.js";
+} from "./chunk.YTITLVWX.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -88,14 +88,14 @@ var SdRadioGroup = class extends SolidElement {
     }
   }
   getAllRadios() {
-    const radios = [...this.querySelectorAll("sd-6-28-0-radio, sd-6-28-0-radio-button")];
+    const radios = [...this.querySelectorAll("sd-7-0-0-next-1-radio, sd-7-0-0-next-1-radio-button")];
     if (radios.length === 0) {
       console.warn("No radios found in the radio group.");
     }
     return radios;
   }
   handleRadioClick(event) {
-    const target = event.target.closest("sd-6-28-0-radio, sd-6-28-0-radio-button");
+    const target = event.target.closest("sd-7-0-0-next-1-radio, sd-7-0-0-next-1-radio-button");
     const oldValue = this.value;
     const radios = this.getAllRadios();
     if (radios.length === 0) {
@@ -185,7 +185,7 @@ var SdRadioGroup = class extends SolidElement {
         }
       })
     );
-    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-6-28-0-radio-button");
+    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-7-0-0-next-1-radio-button");
     if (!radios.some((radio) => radio.checked)) {
       if (this.hasButtonGroup) {
         const buttonRadio = (_a = radios[0].shadowRoot) == null ? void 0 : _a.querySelector("button");
@@ -197,26 +197,26 @@ var SdRadioGroup = class extends SolidElement {
       }
     }
     if (this.hasButtonGroup) {
-      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-6-28-0-button-group");
+      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-7-0-0-next-1-button-group");
       if (buttonGroup) {
         buttonGroup.disableRole = true;
       }
     }
   }
   syncRadios() {
-    if (customElements.get("sd-6-28-0-radio") && customElements.get("sd-6-28-0-radio-button")) {
+    if (customElements.get("sd-7-0-0-next-1-radio") && customElements.get("sd-7-0-0-next-1-radio-button")) {
       this.syncRadioElements();
       return;
     }
-    if (customElements.get("sd-6-28-0-radio")) {
+    if (customElements.get("sd-7-0-0-next-1-radio")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-6-28-0-radio").then(() => this.syncRadios());
+      customElements.whenDefined("sd-7-0-0-next-1-radio").then(() => this.syncRadios());
     }
-    if (customElements.get("sd-6-28-0-radio-button")) {
+    if (customElements.get("sd-7-0-0-next-1-radio-button")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-6-28-0-radio-button").then(() => this.syncRadios());
+      customElements.whenDefined("sd-7-0-0-next-1-radio-button").then(() => this.syncRadios());
     }
   }
   updateCheckedRadio() {
@@ -294,7 +294,7 @@ var SdRadioGroup = class extends SolidElement {
         vertical: "flex-col",
         horizontal: "flex-row"
       }[this.orientation]
-    )}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup ? html`<sd-6-28-0-button-group class="border border-primary sd-6-28-0-radio-button-group-border-radius sd-6-28-0-radio-button-group-border-width sd-6-28-0-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-6-28-0-button-group>` : defaultSlot}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-6-28-0-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-6-28-0-icon>` : ""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`;
+    )}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup ? html`<sd-7-0-0-next-1-button-group class="border border-primary sd-7-0-0-next-1-radio-button-group-border-radius sd-7-0-0-next-1-radio-button-group-border-width sd-7-0-0-next-1-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-7-0-0-next-1-button-group>` : defaultSlot}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-7-0-0-next-1-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-7-0-0-next-1-icon>` : ""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`;
   }
 };
 /**
@@ -303,7 +303,7 @@ var SdRadioGroup = class extends SolidElement {
 SdRadioGroup.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-28-0-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-28-0-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-28-0-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-28-0-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-28-0-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-28-0-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-28-0-button-group){display:inline-flex}`
+:host{display:block}:host([orientation=vertical]) ::slotted(sd-7-0-0-next-1-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-0-next-1-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-7-0-0-next-1-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-7-0-0-next-1-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-next-1-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-next-1-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-7-0-0-next-1-button-group){display:inline-flex}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -357,7 +357,7 @@ __decorateClass([
   watch("value")
 ], SdRadioGroup.prototype, "handleValueChange", 1);
 SdRadioGroup = __decorateClass([
-  customElement("sd-6-28-0-radio-group")
+  customElement("sd-7-0-0-next-1-radio-group")
 ], SdRadioGroup);
 export {

package/dist-versioned/chunks/{chunk.P7WF3BP4.js → chunk.PH4JLH76.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -64,33 +64,33 @@ var SdTag = class extends SolidElement {
     const tag = isLink ? literal`a` : isRemovable ? literal`div` : literal`button`;
     return html`<${tag} part="base" type="${ifDefined(isLink ? void 0 : "button")}" href="${ifDefined(isLink ? this.href : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled ? "true" : "false"}" aria-pressed="${ifDefined(this.toggleable ? this.selected : void 0)}" tabindex="${this.disabled || isRemovable ? "-1" : "0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${cx(
       /* basic styles of the wrapper */
-      "flex border box-border sd-6-28-0-tag-border-radius items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline",
+      "flex border box-border sd-7-0-0-next-1-tag-border-radius items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline",
       {
         /* sizes, fonts */
-        lg: "h-8 sd-6-28-0-tag-font-weight sd-6-28-0-tag--size-lg-font-size gap-2",
-        sm: "h-6 sd-6-28-0-tag-font-weight sd-6-28-0-tag--size-sm-font-size gap-1"
+        lg: "h-8 sd-7-0-0-next-1-tag-font-weight sd-7-0-0-next-1-tag--size-lg-font-size gap-2",
+        sm: "h-6 sd-7-0-0-next-1-tag-font-weight sd-7-0-0-next-1-tag--size-sm-font-size gap-1"
       }[this.size],
       {
         /* padding */
-        lg: !isRemovable ? "py-2 sd-6-28-0-tag--size-lg-padding-inline" : "sd-6-28-0-tag--removable--size-lg-padding-right sd-6-28-0-tag--removable--size-lg-padding-left py-3",
-        sm: !isRemovable ? "py-1 sd-6-28-0-tag--size-sm-padding-inline" : "sd-6-28-0-tag--removable--size-sm-padding-right sd-6-28-0-tag--removable--size-sm-padding-left py-2"
+        lg: !isRemovable ? "py-2 sd-7-0-0-next-1-tag--size-lg-padding-inline" : "sd-7-0-0-next-1-tag--removable--size-lg-padding-right sd-7-0-0-next-1-tag--removable--size-lg-padding-left py-3",
+        sm: !isRemovable ? "py-1 sd-7-0-0-next-1-tag--size-sm-padding-inline" : "sd-7-0-0-next-1-tag--removable--size-sm-padding-right sd-7-0-0-next-1-tag--removable--size-sm-padding-left py-2"
       }[this.size],
       /* colors */
       !this.disabled ? !this.selected ? cx(
-        "sd-6-28-0-tag--default-color-border sd-6-28-0-tag--default-color-text",
-        !isRemovable ? "sd-6-28-0-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-6-28-0-tag--default--hover-color-background" : "sd-6-28-0-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500"
-      ) : "sd-6-28-0-tag--selected-border-width sd-6-28-0-tag--selected--default-color-background sd-6-28-0-tag--selected--default-color-border sd-6-28-0-tag--selected--default-color-text hover:sd-6-28-0-tag--selected--hover-color-background hover:sd-6-28-0-tag--selected--hover-color-border hover:sd-6-28-0-tag--selected--hover-color-text" : cx(
+        "sd-7-0-0-next-1-tag--default-color-border sd-7-0-0-next-1-tag--default-color-text",
+        !isRemovable ? "sd-7-0-0-next-1-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-7-0-0-next-1-tag--default--hover-color-background" : "sd-7-0-0-next-1-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500"
+      ) : "sd-7-0-0-next-1-tag--selected-border-width sd-7-0-0-next-1-tag--selected--default-color-background sd-7-0-0-next-1-tag--selected--default-color-border sd-7-0-0-next-1-tag--selected--default-color-text hover:sd-7-0-0-next-1-tag--selected--hover-color-background hover:sd-7-0-0-next-1-tag--selected--hover-color-border hover:sd-7-0-0-next-1-tag--selected--hover-color-text" : cx(
         !isLink && "cursor-not-allowed",
         this.selected && "bg-neutral-500 text-white",
-        "sd-6-28-0-tag--disabled-color-border sd-6-28-0-tag--disabled-color-text"
+        "sd-7-0-0-next-1-tag--disabled-color-border sd-7-0-0-next-1-tag--disabled-color-text"
       )
-    )}"><slot name="icon-left" class="${cx("flex-shrink-0", this.size === "lg" ? "text-base" : "text-[0.75rem]")}"></slot><slot id="content" part="content"></slot>${isRemovable && !isLink ? html`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}"><slot part="removable-indicator" name="removable-indicator" class="${cx(this.disabled && "sd-6-28-0-tag--disabled-color-text")}"><sd-6-28-0-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-6-28-0-icon></slot></button>` : ""}</${tag}>`;
+    )}"><slot name="icon-left" class="${cx("flex-shrink-0", this.size === "lg" ? "text-base" : "text-[0.75rem]")}"></slot><slot id="content" part="content"></slot>${isRemovable && !isLink ? html`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}"><slot part="removable-indicator" name="removable-indicator" class="${cx(this.disabled && "sd-7-0-0-next-1-tag--disabled-color-text")}"><sd-7-0-0-next-1-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-7-0-0-next-1-icon></slot></button>` : ""}</${tag}>`;
   }
 };
 SdTag.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:inline-block;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([size=lg])::part(removable-indicator){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=sm])::part(removable-indicator){font-size:.75rem}.sd-6-28-0-tag--disabled-color-border{border-color:rgb(var(--sd-tag--disabled-color-border))}.sd-6-28-0-tag-font-weight{font-weight:var(--sd-tag-font-weight)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`
+:host{display:inline-block;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([size=lg])::part(removable-indicator){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=sm])::part(removable-indicator){font-size:.75rem}.sd-7-0-0-next-1-tag--disabled-color-border{border-color:rgb(var(--sd-tag--disabled-color-border))}.sd-7-0-0-next-1-tag-font-weight{font-weight:var(--sd-tag-font-weight)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`
 ];
 __decorateClass([
   query("a, button, div")
@@ -120,7 +120,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdTag.prototype, "download", 2);
 SdTag = __decorateClass([
-  customElement("sd-6-28-0-tag")
+  customElement("sd-7-0-0-next-1-tag")
 ], SdTag);
 export {

package/dist-versioned/chunks/{chunk.3YRBYYHB.js → chunk.QELO6X62.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass,
   __spreadValues
@@ -37,8 +37,8 @@ var SdTabGroup = class extends SolidElement {
   }
   connectedCallback() {
     const whenAllDefined = Promise.all([
-      customElements.whenDefined("sd-6-28-0-tab"),
-      customElements.whenDefined("sd-6-28-0-tab-panel")
+      customElements.whenDefined("sd-7-0-0-next-1-tab"),
+      customElements.whenDefined("sd-7-0-0-next-1-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-6-28-0-tab" ? el : el.querySelector("sd-6-28-0-tab")).filter((el) => {
-      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-6-28-0-tab" : el.tagName.toLowerCase() === "sd-6-28-0-tab" && !el.disabled;
+    return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-7-0-0-next-1-tab" ? el : el.querySelector("sd-7-0-0-next-1-tab")).filter((el) => {
+      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-7-0-0-next-1-tab" : el.tagName.toLowerCase() === "sd-7-0-0-next-1-tab" && !el.disabled;
     });
   }
   getAllPanels() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-6-28-0-tab-panel");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-7-0-0-next-1-tab-panel");
   }
   getActiveTab() {
     return this.tabs.find((t) => t.matches(":focus"));
   }
   handleClick(event) {
     const target = event.target;
-    const tab = target.closest("sd-6-28-0-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-6-28-0-tab-group");
+    const tab = target.closest("sd-7-0-0-next-1-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-7-0-0-next-1-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-6-28-0-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-6-28-0-tab-group");
+    const tab = target.closest("sd-7-0-0-next-1-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-7-0-0-next-1-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-6-28-0-tab") {
+      if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-7-0-0-next-1-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-6-28-0-icon library="_internal" name="${isRtl ? "chevron-up" : "chevron-down"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-28-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(
+    )}" @click="${this.handleScrollToStart}"><sd-7-0-0-next-1-icon library="_internal" name="${isRtl ? "chevron-up" : "chevron-down"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-7-0-0-next-1-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-6-28-0-icon library="_internal" name="${isRtl ? "chevron-down" : "chevron-up"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-28-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>`;
+    )}" @click="${this.handleScrollToEnd}"><sd-7-0-0-next-1-icon library="_internal" name="${isRtl ? "chevron-down" : "chevron-up"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-7-0-0-next-1-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.0 | 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:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-6-28-0-tab-panel){--padding:1rem 0}::slotted(sd-6-28-0-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:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-7-0-0-next-1-tab-panel){--padding:1rem 0}::slotted(sd-7-0-0-next-1-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-6-28-0-tab-group")
+  customElement("sd-7-0-0-next-1-tab-group")
 ], SdTabGroup);
 export {

package/dist-versioned/chunks/{chunk.HFD4GVQH.js → chunk.QFAJOIOI.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -45,10 +45,10 @@ var SdTeaserMedia = class extends SolidElement {
     )}"></div><div class="${cx("relative", ["primary", "gradient-dark"].includes(this.variant) && "text-white")}"><div class="${cx(
       "absolute inset-0 pointer-events-none",
       {
-        white: "sd-6-28-0-teaser-media--white-color-background group-hover:sd-6-28-0-teaser-media--white--hover-color-background ",
-        "neutral-100": "sd-6-28-0-teaser-media--neutral-100-color-background group-hover:sd-6-28-0-teaser-media--neutral-100--hover-color-background",
+        white: "sd-7-0-0-next-1-teaser-media--white-color-background group-hover:sd-7-0-0-next-1-teaser-media--white--hover-color-background ",
+        "neutral-100": "sd-7-0-0-next-1-teaser-media--neutral-100-color-background group-hover:sd-7-0-0-next-1-teaser-media--neutral-100--hover-color-background",
         primary: "bg-primary/80 text-white group-hover:bg-primary/90",
-        "primary-100": "sd-6-28-0-teaser-media--primary-100-color-background group-hover:sd-6-28-0-teaser-media--primary-100--hover-color-background",
+        "primary-100": "sd-7-0-0-next-1-teaser-media--primary-100-color-background group-hover:sd-7-0-0-next-1-teaser-media--primary-100--hover-color-background",
         "gradient-light": "bg-gradient-to-t from-white/75 to-white/60",
         "gradient-dark": "bg-gradient-to-t from-primary-800/75 to-primary-800/60"
       }[this.variant]
@@ -58,8 +58,8 @@ var SdTeaserMedia = class extends SolidElement {
       this.open ? "opacity-100" : "opacity-0"
     )}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${slots["teaser-has-expandable"] ? html`<button part="toggle" class="${cx(
       "mt-2",
-      ["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-6-28-0-teaser-media-color-icon-fill"
-    )}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-28-0-icon class="${cx("w-6 h-6 transition-transform", this.open && "rotate-180")}" library="_internal" name="chevron-down"></sd-6-28-0-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
+      ["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-7-0-0-next-1-teaser-media-color-icon-fill"
+    )}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-7-0-0-next-1-icon class="${cx("w-6 h-6 transition-transform", this.open && "rotate-180")}" library="_internal" name="chevron-down"></sd-7-0-0-next-1-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
   }
 };
 SdTeaserMedia.styles = [
@@ -80,7 +80,7 @@ __decorateClass([
   query('[part="base"]')
 ], SdTeaserMedia.prototype, "teaserMedia", 2);
 SdTeaserMedia = __decorateClass([
-  customElement("sd-6-28-0-teaser-media")
+  customElement("sd-7-0-0-next-1-teaser-media")
 ], SdTeaserMedia);
 export {

package/dist-versioned/chunks/{chunk.ON7JW7DZ.js → chunk.RAT2NJIO.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -25,11 +25,11 @@ var SdOptgroup = class extends SolidElement {
     this.label = "";
   }
   /**
-   * Syncs the disabled prop for all slotted sd-6-28-0-options when it is triggered
+   * Syncs the disabled prop for all slotted sd-7-0-0-next-1-options when it is triggered
    */
   handleDisableOptions() {
     const { disabled } = this;
-    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "sd-6-28-0-option").forEach((opt) => {
+    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "sd-7-0-0-next-1-option").forEach((opt) => {
       opt.disabled = disabled;
     });
   }
@@ -38,7 +38,7 @@ var SdOptgroup = class extends SolidElement {
   }
   render() {
     const { disabled } = this;
-    return html`<div role="${disabled ? "presentation" : "group"}" class="${cx(this.disabled ? "text-neutral-500" : "")}" part="base" aria-labelledby="group-label"><sd-6-28-0-divider id="divider" class="pt-2 pb-4" part="divider"></sd-6-28-0-divider><div part="label-container" class="${cx(this.disabled ? "text-neutral-500" : "text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`;
+    return html`<div role="${disabled ? "presentation" : "group"}" class="${cx(this.disabled ? "text-neutral-500" : "")}" part="base" aria-labelledby="group-label"><sd-7-0-0-next-1-divider id="divider" class="pt-2 pb-4" part="divider"></sd-7-0-0-next-1-divider><div part="label-container" class="${cx(this.disabled ? "text-neutral-500" : "text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`;
   }
 };
 SdOptgroup.styles = [
@@ -59,7 +59,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdOptgroup.prototype, "handleDisabledChange", 1);
 SdOptgroup = __decorateClass([
-  customElement("sd-6-28-0-optgroup")
+  customElement("sd-7-0-0-next-1-optgroup")
 ], SdOptgroup);
 export {

package/dist-versioned/chunks/{chunk.6QITMMHT.js → chunk.SBBWYGUE.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -26,7 +26,7 @@ SdCarouselItem.styles = [
 :host{aspect-ratio:var(--aspect-ratio);scroll-snap-align:start;scroll-snap-stop:always;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}::slotted(img){height:100%;width:100%;-o-object-fit:cover;object-fit:cover}`
 ];
 SdCarouselItem = __decorateClass([
-  customElement("sd-6-28-0-carousel-item")
+  customElement("sd-7-0-0-next-1-carousel-item")
 ], SdCarouselItem);
 export {