@solid-design-system/components 6.0.0-next.8 → 6.0.0-next.9

package/dist/chunks/{chunk.WSXRRFIW.js → chunk.OAT2OUR3.js}

@@ -56,11 +56,11 @@ var SdTeaserMedia = class extends SolidElement {
 };
 SdTeaserMedia.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}:host([variant=white]) .background:focus-within{background-color:var(--sd-color-background-white)}@supports (color:color-mix(in lab,red,red)){:host([variant=white]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-white) var(--sd-opacity-90),transparent)}}:host([variant=neutral-100]) .background:focus-within{background-color:var(--sd-color-background-neutral-100)}@supports (color:color-mix(in lab,red,red)){:host([variant=neutral-100]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-neutral-100) var(--sd-opacity-90),transparent)}}:host([variant=primary]) .background:focus-within{background-color:var(--sd-color-background-primary)}@supports (color:color-mix(in lab,red,red)){:host([variant=primary]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-primary) var(--sd-opacity-90),transparent)}}:host([variant=primary-100]) .background:focus-within{background-color:var(--sd-color-background-primary-100)}@supports (color:color-mix(in lab,red,red)){:host([variant=primary-100]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-primary-100) var(--sd-opacity-90),transparent)}}:host([variant=gradient-light]) .bg-gradient-to-t{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([variant=gradient-dark]) .bg-gradient-to-t{--sd-color-background-primary-800:var(
+  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}:host([variant=white]) .background:focus-within{background-color:var(--sd-color-background-white)}@supports (color:color-mix(in lab,red,red)){:host([variant=white]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-white) var(--sd-opacity-90),transparent)}}:host([variant=neutral-100]) .background:focus-within{background-color:var(--sd-color-background-neutral-100)}@supports (color:color-mix(in lab,red,red)){:host([variant=neutral-100]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-neutral-100) var(--sd-opacity-90),transparent)}}:host([variant=primary]) .background:focus-within{background-color:var(--sd-color-background-primary)}@supports (color:color-mix(in lab,red,red)){:host([variant=primary]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-primary) var(--sd-opacity-90),transparent)}}:host([variant=primary-100]) .background:focus-within{background-color:var(--sd-color-background-primary-100)}@supports (color:color-mix(in lab,red,red)){:host([variant=primary-100]) .background:focus-within{background-color:color-mix(in oklab,var(--sd-color-background-primary-100) var(--sd-opacity-90),transparent)}}:host([variant=gradient-light]) .bg-gradient-to-t{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([variant=gradient-dark]) .bg-gradient-to-t{--sd-color-background-primary-800:var(
           --sd-informational-gradient--primary-800-color-background,
           var(--sd-color-primary-800)
-        )}@property --tw-font-weight{syntax:"*";inherits:false}`
+        )}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })

package/dist/components/teaser-media/teaser-media.js

@@ -1,6 +1,6 @@
 import {
   SdTeaserMedia
-} from "../../chunks/chunk.WSXRRFIW.js";
+} from "../../chunks/chunk.OAT2OUR3.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.RY4KWEME.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/custom-elements.json

@@ -21849,7 +21849,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.0.0-next.8",
+    "version": "6.0.0-next.9",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -28,7 +28,7 @@ import {
 } from "./chunks/chunk.PJOYWTXL.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.WSXRRFIW.js";
+} from "./chunks/chunk.OAT2OUR3.js";
 import {
   SdTextarea
 } from "./chunks/chunk.WTFF4KWO.js";
@@ -95,8 +95,8 @@ import {
   SdNavigationItem
 } from "./chunks/chunk.DJ3WYVWV.js";
 import {
-  SdInclude
-} from "./chunks/chunk.YBIM4TC7.js";
+  SdFlipcard
+} from "./chunks/chunk.E7L2RBML.js";
 import {
   SdDatepicker
 } from "./chunks/chunk.NKPJM2WV.js";
@@ -113,12 +113,12 @@ import {
 import {
   SdExpandable
 } from "./chunks/chunk.QHUH3UZT.js";
-import {
-  SdFlipcard
-} from "./chunks/chunk.E7L2RBML.js";
 import {
   SdHeader
 } from "./chunks/chunk.5WAWAUSM.js";
+import {
+  SdInclude
+} from "./chunks/chunk.YBIM4TC7.js";
 import {
   SdCheckbox
 } from "./chunks/chunk.OK3VBJRJ.js";
@@ -143,12 +143,12 @@ import {
 import {
   SdBrandshape
 } from "./chunks/chunk.7XXRAMBH.js";
-import {
-  SdBreadcrumb
-} from "./chunks/chunk.7RSL7EOY.js";
 import {
   SdBreadcrumbItem
 } from "./chunks/chunk.4FY6QRJ7.js";
+import {
+  SdBreadcrumb
+} from "./chunks/chunk.7RSL7EOY.js";
 import "./chunks/chunk.BFDY2E6R.js";
 import {
   SdCarousel

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.0.0-next.8",
+  "version": "6.0.0-next.9",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/chunks/chunk.2ER4MXZC.js

@@ -173,7 +173,7 @@ __decorateClass([
   watch(["checked"], { waitUntilFirstUpdate: true })
 ], SdSwitch.prototype, "handleStateChange", 1);
 SdSwitch = __decorateClass([
-  customElement("sd-6-0-0-next-8-switch")
+  customElement("sd-6-0-0-next-9-switch")
 ], SdSwitch);
 
 export {

package/dist-versioned/chunks/chunk.3BVNSUFD.js

@@ -209,7 +209,7 @@ __decorateClass([
   watch("playbackRate")
 ], SdAnimation.prototype, "handlePlaybackRateChange", 1);
 SdAnimation = __decorateClass([
-  customElement("sd-6-0-0-next-8-animation")
+  customElement("sd-6-0-0-next-9-animation")
 ], SdAnimation);
 
 export {

package/dist-versioned/chunks/chunk.4FY6QRJ7.js

@@ -38,13 +38,13 @@ var SdBreadcrumbItem = class extends SolidElement {
     requestAnimationFrame(() => this.handleCurrentChange());
   }
   render() {
-    return html`<sd-6-0-0-next-8-link part="base" href="${ifDefined(!this.current ? this.href : void 0)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-6-0-0-next-8-link>`;
+    return html`<sd-6-0-0-next-9-link part="base" href="${ifDefined(!this.current ? this.href : void 0)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-6-0-0-next-9-link>`;
   }
 };
 SdBreadcrumbItem.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:inline-flex;align-items:center}sd-6-0-0-next-8-link::part(base){align-items:center}sd-6-0-0-next-8-link::part(icon-left){margin-right:calc(var(--sd-spacing-1) * 0);display:inline-flex}:host([current]) sd-6-0-0-next-8-link::part(base){color:var(--sd-color-text-neutral-700)}:host([current]) sd-6-0-0-next-8-link::part(label){text-decoration-line:none}`
+:host{display:inline-flex;align-items:center}sd-6-0-0-next-9-link::part(base){align-items:center}sd-6-0-0-next-9-link::part(icon-left){margin-right:calc(var(--sd-spacing-1) * 0);display:inline-flex}:host([current]) sd-6-0-0-next-9-link::part(base){color:var(--sd-color-text-neutral-700)}:host([current]) sd-6-0-0-next-9-link::part(label){text-decoration-line:none}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -62,7 +62,7 @@ __decorateClass([
   watch("current")
 ], SdBreadcrumbItem.prototype, "handleCurrentChange", 1);
 SdBreadcrumbItem = __decorateClass([
-  customElement("sd-6-0-0-next-8-breadcrumb-item")
+  customElement("sd-6-0-0-next-9-breadcrumb-item")
 ], SdBreadcrumbItem);
 
 export {

package/dist-versioned/chunks/chunk.5D7C4MXB.js

@@ -93,7 +93,7 @@ var SdOption = class extends SolidElement {
     )}"></span> ${this.checkbox ? html`<span id="control" part="control ${this.selected ? " control--checked" : "control--unchecked"}" class="${cx(
       "relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",
       this.disabled ? "border-neutral-500" : this.selected ? "bg-accent border-accent" : "bg-white form-control-color-border"
-    )}">${this.selected ? html`<sd-6-0-0-next-8-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-6-0-0-next-8-icon>` : ""}</span>` : ""} ${slots["left"] ? html`<slot name="left" part="left" class="inline-flex mr-2"></slot>` : ""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${slots["right"] ? html`<slot name="right" part="right" class="inline-flex ml-2"></slot>` : ""}</div>`;
+    )}">${this.selected ? html`<sd-6-0-0-next-9-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-6-0-0-next-9-icon>` : ""}</span>` : ""} ${slots["left"] ? html`<slot name="left" part="left" class="inline-flex mr-2"></slot>` : ""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${slots["right"] ? html`<slot name="right" part="right" class="inline-flex ml-2"></slot>` : ""}</div>`;
   }
 };
 /**
@@ -141,7 +141,7 @@ __decorateClass([
   watch("value")
 ], SdOption.prototype, "handleValueChange", 1);
 SdOption = __decorateClass([
-  customElement("sd-6-0-0-next-8-option")
+  customElement("sd-6-0-0-next-9-option")
 ], SdOption);
 
 export {

package/dist-versioned/chunks/chunk.5H7CWETG.js

@@ -100,7 +100,7 @@ var SdIcon = class extends SolidElement {
     }
   }
   render() {
-    return html`<sd-6-0-0-next-8-theme-listener></sd-6-0-0-next-8-theme-listener>${unsafeSVG(this.svg)}`;
+    return html`<sd-6-0-0-next-9-theme-listener></sd-6-0-0-next-9-theme-listener>${unsafeSVG(this.svg)}`;
   }
 };
 SdIcon.styles = [
@@ -133,7 +133,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-6-0-0-next-8-icon")
+  customElement("sd-6-0-0-next-9-icon")
 ], SdIcon);
 
 export {

package/dist-versioned/chunks/chunk.5WAWAUSM.js

@@ -54,7 +54,7 @@ var SdHeader = class extends SolidElement {
     }
   }
   render() {
-    return html`<header class="w-full sd-6-0-0-next-8-header-color-background relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
+    return html`<header class="w-full sd-6-0-0-next-9-header-color-background relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
   }
 };
 SdHeader.styles = [
@@ -72,7 +72,7 @@ __decorateClass([
   debounce(100)
 ], SdHeader.prototype, "updateCalculatedHeight", 1);
 SdHeader = __decorateClass([
-  customElement("sd-6-0-0-next-8-header")
+  customElement("sd-6-0-0-next-9-header")
 ], SdHeader);
 
 export {

package/dist-versioned/chunks/chunk.5ZRRM6UH.js

@@ -105,7 +105,7 @@ var SdStep = class extends SolidElement {
       "text-lg",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
       this.notInteractive && "text-primary"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-6-0-0-next-8-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-0-0-next-8-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-6-0-0-next-9-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-0-0-next-9-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
       "flex w-full",
       hasLabel && "gap-2",
       this.size === "sm" && !hasDescription ? "mt-1" : "mt-3"
@@ -196,7 +196,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-6-0-0-next-8-step")
+  customElement("sd-6-0-0-next-9-step")
 ], SdStep);
 
 export {

package/dist-versioned/chunks/chunk.662O4CMZ.js

@@ -97,7 +97,7 @@ var SdDropdown = class extends SolidElement {
    * within the slotted trigger. This could be the slotted element itself, a child of the slotted element,
    * or an element within the slotted elements shadow root.
    *
-   * e.g. the accessible trigger of an <sd-6-0-0-next-8-button> is a <button> located inside its shadow root.
+   * e.g. the accessible trigger of an <sd-6-0-0-next-9-button> is a <button> located inside its shadow root.
    *
    * To determine this, we assume the first tabbable element in the trigger slot is the "accessible trigger."
    * */
@@ -108,11 +108,11 @@ var SdDropdown = class extends SolidElement {
     if (accessibleTrigger) {
       switch (accessibleTrigger.tagName.toLowerCase()) {
         // Solid buttons have to update the internal button so it's announced correctly by screen readers
-        case "sd-6-0-0-next-8-button":
-        case "sd-6-0-0-next-8-icon-button":
+        case "sd-6-0-0-next-9-button":
+        case "sd-6-0-0-next-9-icon-button":
           target = accessibleTrigger.button;
           break;
-        case "sd-6-0-0-next-8-navigation-item":
+        case "sd-6-0-0-next-9-navigation-item":
           target = accessibleTrigger.button;
           break;
         default:
@@ -136,7 +136,7 @@ var SdDropdown = class extends SolidElement {
     }
   }
   getMenu() {
-    return this.panel.assignedElements({ flatten: true }).find((el) => el.tagName.toLowerCase() === "sd-6-0-0-next-8-menu");
+    return this.panel.assignedElements({ flatten: true }).find((el) => el.tagName.toLowerCase() === "sd-6-0-0-next-9-menu");
   }
   handleKeyDown(event) {
     if (this.open && event.key === "Escape") {
@@ -148,7 +148,7 @@ var SdDropdown = class extends SolidElement {
   handleDocumentKeyDown(event) {
     var _a;
     if (event.key === "Tab") {
-      if (this.open && ((_a = document.activeElement) == null ? void 0 : _a.tagName.toLowerCase()) === "sd-6-0-0-next-8-menu-item") {
+      if (this.open && ((_a = document.activeElement) == null ? void 0 : _a.tagName.toLowerCase()) === "sd-6-0-0-next-9-menu-item") {
         event.preventDefault();
         this.hide();
         this.focusOnTrigger();
@@ -174,7 +174,7 @@ var SdDropdown = class extends SolidElement {
   }
   handlePanelSelect(event) {
     const target = event.target;
-    if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === "sd-6-0-0-next-8-menu") {
+    if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === "sd-6-0-0-next-9-menu") {
       this.hide();
       this.focusOnTrigger();
     }
@@ -256,7 +256,7 @@ var SdDropdown = class extends SolidElement {
   }
   addOpenListeners() {
     this.panel.addEventListener("sd-activate", this.handleMenuItemActivate);
-    this.panel.addEventListener("sd-6-0-0-next-8-select", this.handlePanelSelect);
+    this.panel.addEventListener("sd-6-0-0-next-9-select", this.handlePanelSelect);
     this.panel.addEventListener("keydown", this.handleKeyDown);
     document.addEventListener("keydown", this.handleDocumentKeyDown);
     document.addEventListener("mousedown", this.handleDocumentMouseDown);
@@ -264,7 +264,7 @@ var SdDropdown = class extends SolidElement {
   removeOpenListeners() {
     if (this.panel) {
       this.panel.removeEventListener("sd-activate", this.handleMenuItemActivate);
-      this.panel.removeEventListener("sd-6-0-0-next-8-select", this.handlePanelSelect);
+      this.panel.removeEventListener("sd-6-0-0-next-9-select", this.handlePanelSelect);
       this.panel.removeEventListener("keydown", this.handleKeyDown);
     }
     document.removeEventListener("keydown", this.handleDocumentKeyDown);
@@ -297,13 +297,13 @@ var SdDropdown = class extends SolidElement {
     }
   }
   render() {
-    return html`<sd-6-0-0-next-8-popup part="base" id="dropdown" exportparts="
+    return html`<sd-6-0-0-next-9-popup part="base" id="dropdown" exportparts="
           popup:base__popup,
         " placement="${this.placement}" distance="${this.rounded && this.distance < 1 ? 1 : this.distance}" skidding="${this.skidding}" strategy="${this.hoist ? "fixed" : "absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${cx(
       "panel-color-border border shadow bg-white block",
       this.open ? "pointer-events-auto" : "pointer-events-none",
       this.rounded && "rounded-md"
-    )}" aria-hidden="${this.open ? "false" : "true"}" aria-labelledby="dropdown"></slot></sd-6-0-0-next-8-popup>`;
+    )}" aria-hidden="${this.open ? "false" : "true"}" aria-labelledby="dropdown"></slot></sd-6-0-0-next-9-popup>`;
   }
 };
 SdDropdown.styles = [
@@ -357,7 +357,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdDropdown.prototype, "handleOpenChange", 1);
 SdDropdown = __decorateClass([
-  customElement("sd-6-0-0-next-8-dropdown")
+  customElement("sd-6-0-0-next-9-dropdown")
 ], SdDropdown);
 setDefaultAnimation("dropdown.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],

package/dist-versioned/chunks/chunk.7RSL7EOY.js

@@ -22,7 +22,7 @@ var SdBreadcrumb = class extends SolidElement {
     this.isTruncated = false;
   }
   get items() {
-    return this.querySelectorAll("sd-6-0-0-next-8-breadcrumb-item");
+    return this.querySelectorAll("sd-6-0-0-next-9-breadcrumb-item");
   }
   cacheItemPositions() {
     this.items.forEach((item) => {
@@ -67,12 +67,12 @@ var SdBreadcrumb = class extends SolidElement {
   }
   handleMobileChevron() {
     var _a, _b, _c;
-    const icon = document.createElement("sd-6-0-0-next-8-icon");
+    const icon = document.createElement("sd-6-0-0-next-9-icon");
     icon.setAttribute("slot", "icon-left");
     icon.setAttribute("library", "_internal");
     icon.setAttribute("name", "chevron-left");
     icon.setAttribute("class", "text-base me-1 lg:hidden");
-    (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-6-0-0-next-8-link")) == null ? void 0 : _c.appendChild(icon);
+    (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-6-0-0-next-9-link")) == null ? void 0 : _c.appendChild(icon);
   }
   handleSlotChange() {
     this.handleMobileChevron();
@@ -87,13 +87,13 @@ var SdBreadcrumb = class extends SolidElement {
     this.resizeObserver.unobserve(this);
   }
   render() {
-    return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-6-0-0-next-8-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-6-0-0-next-8-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
+    return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-6-0-0-next-9-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-6-0-0-next-9-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
   }
 };
 SdBreadcrumb.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block}::slotted(sd-6-0-0-next-8-breadcrumb-item:not(:last-of-type))::after,sd-6-0-0-next-8-dropdown::after{margin-inline:var(--sd-spacing-2);display:none;height:var(--sd-spacing-1);width:var(--sd-spacing-1);border-radius:var(--sd-radius-full);background-color:var(--sd-breadcrumb__separator-color,var(--sd-color-neutral-400));--tw-content:'';content:var(--tw-content)}@media (width >= 64rem){::slotted(sd-6-0-0-next-8-breadcrumb-item:not(:last-of-type))::after,sd-6-0-0-next-8-dropdown::after{display:inline-block}}::slotted(sd-6-0-0-next-8-breadcrumb-item:nth-last-child(2)){display:flex}@media (width >= 64rem){::slotted(sd-6-0-0-next-8-breadcrumb-item:nth-last-child(2))::after{background-color:var(--sd-color-background-accent)}}::slotted(sd-6-0-0-next-8-breadcrumb-item),sd-6-0-0-next-8-dropdown{display:none;align-items:center;font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (width >= 64rem){::slotted(sd-6-0-0-next-8-breadcrumb-item),sd-6-0-0-next-8-dropdown{display:flex}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`
+:host{position:relative;display:block}::slotted(sd-6-0-0-next-9-breadcrumb-item:not(:last-of-type))::after,sd-6-0-0-next-9-dropdown::after{margin-inline:var(--sd-spacing-2);display:none;height:var(--sd-spacing-1);width:var(--sd-spacing-1);border-radius:var(--sd-radius-full);background-color:var(--sd-breadcrumb__separator-color,var(--sd-color-neutral-400));--tw-content:'';content:var(--tw-content)}@media (width >= 64rem){::slotted(sd-6-0-0-next-9-breadcrumb-item:not(:last-of-type))::after,sd-6-0-0-next-9-dropdown::after{display:inline-block}}::slotted(sd-6-0-0-next-9-breadcrumb-item:nth-last-child(2)){display:flex}@media (width >= 64rem){::slotted(sd-6-0-0-next-9-breadcrumb-item:nth-last-child(2))::after{background-color:var(--sd-color-background-accent)}}::slotted(sd-6-0-0-next-9-breadcrumb-item),sd-6-0-0-next-9-dropdown{display:none;align-items:center;font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (width >= 64rem){::slotted(sd-6-0-0-next-9-breadcrumb-item),sd-6-0-0-next-9-dropdown{display:flex}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -117,7 +117,7 @@ __decorateClass([
   state()
 ], SdBreadcrumb.prototype, "isTruncated", 2);
 SdBreadcrumb = __decorateClass([
-  customElement("sd-6-0-0-next-8-breadcrumb")
+  customElement("sd-6-0-0-next-9-breadcrumb")
 ], SdBreadcrumb);
 
 export {

package/dist-versioned/chunks/chunk.7XXRAMBH.js

@@ -130,7 +130,7 @@ __decorateClass([
   state()
 ], SdBrandshape.prototype, "componentBreakpoint", 2);
 SdBrandshape = __decorateClass([
-  customElement("sd-6-0-0-next-8-brandshape")
+  customElement("sd-6-0-0-next-9-brandshape")
 ], SdBrandshape);
 
 export {

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

@@ -210,15 +210,15 @@ var SdNotification = class extends SolidElement {
         warning: "bg-warning",
         error: "bg-error"
       }[this.variant]
-    )}"><sd-6-0-0-next-8-icon name="${{
+    )}"><sd-6-0-0-next-9-icon name="${{
       info: "info-circle",
       success: "confirm-circle",
       warning: "exclamation-circle",
       error: "warning"
-    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-0-0-next-8-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-0-0-next-9-icon></slot><div part="content" class="${cx(
       "h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white",
       "border-solid border-[1px] border-l-0 border-neutral-400"
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-0-0-next-8-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-0-0-next-8-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-0-0-next-8-icon></sd-6-0-0-next-8-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-0-0-next-9-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-0-0-next-9-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-0-0-next-9-icon></sd-6-0-0-next-9-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
   }
 };
 /**
@@ -263,7 +263,7 @@ __decorateClass([
   watch("duration")
 ], SdNotification.prototype, "handleDurationChange", 1);
 SdNotification = __decorateClass([
-  customElement("sd-6-0-0-next-8-notification")
+  customElement("sd-6-0-0-next-9-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [

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

@@ -10,7 +10,7 @@ function setupAutocomplete(selector, { setValueOnSelection, scrollSelectionIntoV
     var _a, _b;
     const ul = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("ul");
     ul == null ? void 0 : ul.setAttribute("part", "listbox");
-    const popup = document.createElement("sd-6-0-0-next-8-popup");
+    const popup = document.createElement("sd-6-0-0-next-9-popup");
     popup.appendChild(ul);
     (_b = sdInput.shadowRoot) == null ? void 0 : _b.appendChild(popup);
     popup == null ? void 0 : popup.setAttribute("exportparts", "popup__content");
@@ -23,7 +23,7 @@ function setupAutocomplete(selector, { setValueOnSelection, scrollSelectionIntoV
       popup.sync = "width";
     }
     const styles = css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-sd-6-0-0-next-8-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:var(--sd-color-border-primary);background-color:var(--sd-color-background-white);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-0-0-next-8-popup li{transition-property:all;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))}sd-6-0-0-next-8-popup li:hover:not([disabled]){background-color:var(--sd-color-background-neutral-100)}sd-6-0-0-next-8-popup li{list-style-type:''}sd-6-0-0-next-8-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-0-0-next-8-popup li:not(:has(sd-6-0-0-next-8-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:var(--sd-color-text-black)}sd-6-0-0-next-8-popup li:not(:has(sd-6-0-0-next-8-option)):hover{background-color:var(--sd-color-background-neutral-200)}sd-6-0-0-next-8-popup li[aria-selected=true]{background-color:var(--sd-color-background-neutral-200)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`;
+sd-6-0-0-next-9-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:var(--sd-color-border-primary);background-color:var(--sd-color-background-white);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-0-0-next-9-popup li{transition-property:all;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))}sd-6-0-0-next-9-popup li:hover:not([disabled]){background-color:var(--sd-color-background-neutral-100)}sd-6-0-0-next-9-popup li{list-style-type:''}sd-6-0-0-next-9-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-0-0-next-9-popup li:not(:has(sd-6-0-0-next-9-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:var(--sd-color-text-black)}sd-6-0-0-next-9-popup li:not(:has(sd-6-0-0-next-9-option)):hover{background-color:var(--sd-color-background-neutral-200)}sd-6-0-0-next-9-popup li[aria-selected=true]{background-color:var(--sd-color-background-neutral-200)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`;
     const styleSheet = new CSSStyleSheet();
     styleSheet.replaceSync(styles);
     sdInput.shadowRoot.adoptedStyleSheets = [...sdInput.shadowRoot.adoptedStyleSheets, styleSheet];
@@ -36,13 +36,13 @@ sd-6-0-0-next-8-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overfl
   }
   input.addEventListener("open", () => {
     var _a, _b, _c, _d, _e, _f;
-    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-0-0-next-8-popup")) == null ? void 0 : _b.setAttribute("active", "true");
+    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-0-0-next-9-popup")) == null ? void 0 : _b.setAttribute("active", "true");
     (_d = (_c = sdInput.shadowRoot) == null ? void 0 : _c.querySelector('[part="border"]')) == null ? void 0 : _d.classList.add("rounded-b-none");
     (_f = (_e = sdInput.shadowRoot) == null ? void 0 : _e.querySelector('[part="form-control"]')) == null ? void 0 : _f.classList.add("z-50");
   });
   input.addEventListener("close", () => {
     var _a, _b, _c, _d, _e, _f;
-    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-0-0-next-8-popup")) == null ? void 0 : _b.removeAttribute("active");
+    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-0-0-next-9-popup")) == null ? void 0 : _b.removeAttribute("active");
     (_d = (_c = sdInput.shadowRoot) == null ? void 0 : _c.querySelector('[part="border"]')) == null ? void 0 : _d.classList.remove("rounded-b-none");
     (_f = (_e = sdInput.shadowRoot) == null ? void 0 : _e.querySelector('[part="form-control"]')) == null ? void 0 : _f.classList.remove("z-50");
   });

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

@@ -74,10 +74,10 @@ var SdRadioGroup = class extends SolidElement {
     this.formControlController.updateValidity();
   }
   getAllRadios() {
-    return [...this.querySelectorAll("sd-6-0-0-next-8-radio, sd-6-0-0-next-8-radio-button")];
+    return [...this.querySelectorAll("sd-6-0-0-next-9-radio, sd-6-0-0-next-9-radio-button")];
   }
   handleRadioClick(event) {
-    const target = event.target.closest("sd-6-0-0-next-8-radio, sd-6-0-0-next-8-radio-button");
+    const target = event.target.closest("sd-6-0-0-next-9-radio, sd-6-0-0-next-9-radio-button");
     const radios = this.getAllRadios();
     const oldValue = this.value;
     if (target.disabled) {
@@ -154,7 +154,7 @@ var SdRadioGroup = class extends SolidElement {
         }
       })
     );
-    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-6-0-0-next-8-radio-button");
+    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-6-0-0-next-9-radio-button");
     if (!radios.some((radio) => radio.checked)) {
       if (this.hasButtonGroup) {
         const buttonRadio = (_a = radios[0].shadowRoot) == null ? void 0 : _a.querySelector("button");
@@ -166,26 +166,26 @@ var SdRadioGroup = class extends SolidElement {
       }
     }
     if (this.hasButtonGroup) {
-      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-6-0-0-next-8-button-group");
+      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-6-0-0-next-9-button-group");
       if (buttonGroup) {
         buttonGroup.disableRole = true;
       }
     }
   }
   syncRadios() {
-    if (customElements.get("sd-6-0-0-next-8-radio") && customElements.get("sd-6-0-0-next-8-radio-button")) {
+    if (customElements.get("sd-6-0-0-next-9-radio") && customElements.get("sd-6-0-0-next-9-radio-button")) {
       this.syncRadioElements();
       return;
     }
-    if (customElements.get("sd-6-0-0-next-8-radio")) {
+    if (customElements.get("sd-6-0-0-next-9-radio")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-6-0-0-next-8-radio").then(() => this.syncRadios());
+      customElements.whenDefined("sd-6-0-0-next-9-radio").then(() => this.syncRadios());
     }
-    if (customElements.get("sd-6-0-0-next-8-radio-button")) {
+    if (customElements.get("sd-6-0-0-next-9-radio-button")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-6-0-0-next-8-radio-button").then(() => this.syncRadios());
+      customElements.whenDefined("sd-6-0-0-next-9-radio-button").then(() => this.syncRadios());
     }
   }
   updateCheckedRadio() {
@@ -264,7 +264,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-0-0-next-8-button-group class="border border-primary rounded-full" part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-6-0-0-next-8-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>${this.formControlController.renderInvalidMessage()}`;
+    )}"><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-0-0-next-9-button-group class="border border-primary rounded-full" part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-6-0-0-next-9-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>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**
@@ -273,7 +273,7 @@ var SdRadioGroup = class extends SolidElement {
 SdRadioGroup.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-8-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-8-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-8-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-8-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-8-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-8-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-0-0-next-8-button-group){display:inline-flex}`
+:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-9-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-9-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-9-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-9-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-9-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-9-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-0-0-next-9-button-group){display:inline-flex}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -330,7 +330,7 @@ __decorateClass([
   watch("value")
 ], SdRadioGroup.prototype, "handleValueChange", 1);
 SdRadioGroup = __decorateClass([
-  customElement("sd-6-0-0-next-8-radio-group")
+  customElement("sd-6-0-0-next-9-radio-group")
 ], SdRadioGroup);
 
 export {

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

@@ -32,7 +32,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdRangeTick.prototype, "subtick", 2);
 SdRangeTick = __decorateClass([
-  customElement("sd-6-0-0-next-8-range-tick")
+  customElement("sd-6-0-0-next-9-range-tick")
 ], SdRangeTick);
 
 export {

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

@@ -17,19 +17,19 @@ var SdButtonGroup = class extends SolidElement {
   }
   handleFocus(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-6-0-0-next-8-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-6-0-0-next-9-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-0-0-next-8-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-6-0-0-next-9-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-6-0-0-next-8-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-6-0-0-next-9-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-0-0-next-8-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-6-0-0-next-9-button-group__button--hover");
   }
   handleSlotChange() {
     const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
@@ -37,11 +37,11 @@ var SdButtonGroup = class extends SolidElement {
       const index = slottedElements.indexOf(el);
       const button = findButton(el);
       if (button !== null) {
-        button.classList.add("sd-6-0-0-next-8-button-group__button");
-        button.classList.toggle("sd-6-0-0-next-8-button-group__button--first", index === 0);
-        button.classList.toggle("sd-6-0-0-next-8-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-6-0-0-next-8-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-6-0-0-next-8-button-group__button--radio", button.tagName.toLowerCase() === "sd-6-0-0-next-8-radio-button");
+        button.classList.add("sd-6-0-0-next-9-button-group__button");
+        button.classList.toggle("sd-6-0-0-next-9-button-group__button--first", index === 0);
+        button.classList.toggle("sd-6-0-0-next-9-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-6-0-0-next-9-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-6-0-0-next-9-button-group__button--radio", button.tagName.toLowerCase() === "sd-6-0-0-next-9-radio-button");
       }
     });
   }
@@ -64,11 +64,11 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-6-0-0-next-8-button-group")
+  customElement("sd-6-0-0-next-9-button-group")
 ], SdButtonGroup);
 function findButton(el) {
   var _a;
-  const selector = "sd-6-0-0-next-8-button, sd-6-0-0-next-8-radio-button";
+  const selector = "sd-6-0-0-next-9-button, sd-6-0-0-next-9-radio-button";
   return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
 }