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

package/dist-versioned/chunks/{chunk.UQAZ7Y4O.js → chunk.HQZ5Y72U.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -84,7 +84,7 @@ var SdRange = class extends SolidElement {
       var _a, _b;
       const tooltip = thumb.parentElement;
       await tooltip.updateComplete;
-      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-7-0-0-next-1-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
+      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-7-0-0-next-3-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
     });
   }
   willUpdate(changedProperties) {
@@ -260,7 +260,7 @@ var SdRange = class extends SolidElement {
   _preventTextSelection() {
     if (!this._dragStyleElement) {
       const style = document.createElement("style");
-      style.setAttribute("data-sd-7-0-0-next-1-range-drag", "");
+      style.setAttribute("data-sd-7-0-0-next-3-range-drag", "");
       style.textContent = "*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }";
       document.head.appendChild(style);
       this._dragStyleElement = style;
@@ -445,10 +445,10 @@ var SdRange = class extends SolidElement {
           ariaLabel = this.tooltipFormatter(value);
         }
       }
-      return html`<sd-7-0-0-next-1-tooltip trigger="${this.tooltip === "on-interaction" ? "focus" : "manual"}" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.tooltip === "hidden" ? true : void 0)}"><div id="${id}" part="thumb" role="slider" tabindex="${this.disabled || this.visuallyDisabled ? -1 : 0}" aria-disabled="${ifDefined(this.disabled || this.visuallyDisabled ? "true" : void 0)}" aria-labelledby="${ariaLabeledBy}" aria-label="${ariaLabel}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${value}" aria-valuetext="${this.tooltipFormatter(value)}" data-range-id="${rangeId}" data-disabled="${ifDefined(this.disabled || this.visuallyDisabled || void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
+      return html`<sd-7-0-0-next-3-tooltip trigger="${this.tooltip === "on-interaction" ? "focus" : "manual"}" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.tooltip === "hidden" ? true : void 0)}"><div id="${id}" part="thumb" role="slider" tabindex="${this.disabled || this.visuallyDisabled ? -1 : 0}" aria-disabled="${ifDefined(this.disabled || this.visuallyDisabled ? "true" : void 0)}" aria-labelledby="${ariaLabeledBy}" aria-label="${ariaLabel}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${value}" aria-valuetext="${this.tooltipFormatter(value)}" data-range-id="${rangeId}" data-disabled="${ifDefined(this.disabled || this.visuallyDisabled || void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
         "rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",
         this.disabled || this.visuallyDisabled ? "outline-none" : "cursor-pointer focus-visible:focus-outline"
-      )}"></div></sd-7-0-0-next-1-tooltip>`;
+      )}"></div></sd-7-0-0-next-3-tooltip>`;
     });
   }
   render() {
@@ -463,7 +463,7 @@ var SdRange = class extends SolidElement {
 };
 SdRange.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 [part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}`
 ];
 __decorateClass([
@@ -518,7 +518,7 @@ __decorateClass([
   property({ type: String })
 ], SdRange.prototype, "value", 1);
 SdRange = __decorateClass([
-  customElement("sd-7-0-0-next-1-range")
+  customElement("sd-7-0-0-next-3-range")
 ], SdRange);
 
 export {

package/dist-versioned/chunks/{chunk.LB3F2QDN.js → chunk.HVKZA5Q2.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -49,11 +49,11 @@ var SdThemeListener = class extends SolidElement {
 };
 SdThemeListener.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`
 ];
 SdThemeListener = __decorateClass([
-  customElement("sd-7-0-0-next-1-theme-listener")
+  customElement("sd-7-0-0-next-3-theme-listener")
 ], SdThemeListener);
 
 export {

package/dist-versioned/chunks/{chunk.3T4RF2D2.js → chunk.HX75WC4T.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -54,7 +54,7 @@ var SdNavigationItem = class extends SolidElement {
       }
       if (node.nodeType === Node.ELEMENT_NODE) {
         const element = node;
-        return element.tagName.toLowerCase() === "sd-7-0-0-next-1-icon";
+        return element.tagName.toLowerCase() === "sd-7-0-0-next-3-icon";
       }
       return false;
     });
@@ -130,8 +130,8 @@ var SdNavigationItem = class extends SolidElement {
     const root = html`<${tag} part="base" class="${cx(
       "flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",
       this.isStackedHorizontal ? "text-xs leading-4.5" : { md: "navigable-font-size", lg: "text-lg", sm: "text-[14px]" }[this.size],
-      this.disabled ? "text-neutral-500 pointer-events-none" : "sd-7-0-0-next-1-navigation-item--default-color-text",
-      this.current && !this.disabled && "sd-7-0-0-next-1-navigation-item--current-color-text",
+      this.disabled ? "text-neutral-500 pointer-events-none" : "sd-7-0-0-next-3-navigation-item--default-color-text",
+      this.current && !this.disabled && "sd-7-0-0-next-3-navigation-item--current-color-text",
       this.current && !this.isStackedHorizontal && "font-bold",
       !this.current && !this.isStackedHorizontal && "choice-control-font-weight",
       !isAccordion && "w-full",
@@ -154,7 +154,7 @@ var SdNavigationItem = class extends SolidElement {
       slots["description"] && "pt-3",
       !slots["description"] && !this.separated && horizontalPadding,
       this.calculatePaddingX
-    )}">${this.divider && this.vertical ? html`<sd-7-0-0-next-1-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-7-0-0-next-1-divider>` : ""} <span id="content" part="content-container" class="${cx(
+    )}">${this.divider && this.vertical ? html`<sd-7-0-0-next-3-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-7-0-0-next-3-divider>` : ""} <span id="content" part="content-container" class="${cx(
       "inline-flex items-center",
       this.vertical ? "flex-auto gap-2" : this.isStackedHorizontal ? "relative text-center pb-1" : "flex-auto flex-col justify-center gap-1 text-center"
     )}"><slot part="content" class="${cx(
@@ -163,19 +163,19 @@ var SdNavigationItem = class extends SolidElement {
     )}"></slot>${this.isStackedHorizontal ? html`<span part="current-indicator" aria-hidden="true" class="${cx(
       "absolute left-0 right-0 bottom-0 h-[2px] pointer-events-none bg-accent navigable__current-indicator-border-radius",
       this.disabled && "bg-neutral-500"
-    )}"></span>` : ""} </span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-7-0-0-next-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+    )}"></span>` : ""} </span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-7-0-0-next-3-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
       "h-6 w-6 ml-2 transition-all",
       isAccordion ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
-    )}"></sd-7-0-0-next-1-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot id="description" name="description" part="description" class="${cx(
+    )}"></sd-7-0-0-next-3-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot id="description" name="description" part="description" class="${cx(
       "inline-block text-sm text-left font-normal text-black pb-3",
       isAccordion || this.separated ? "grow" : "w-full",
       this.calculatePaddingX
     )}"></slot>` : ""}</div></${tag}>`;
     if (this.separated) {
-      return html`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${root} ${slots["children"] && this.vertical ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-7-0-0-next-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+      return html`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${root} ${slots["children"] && this.vertical ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-7-0-0-next-3-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
         "m-4 h-6 w-6 transition-all",
         isAccordion || this.separated ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
-      )}"></sd-7-0-0-next-1-icon></button>` : ""}</div>${this.open ? html`<slot name="children"></slot>` : ""}</div>`;
+      )}"></sd-7-0-0-next-3-icon></button>` : ""}</div>${this.open ? html`<slot name="children"></slot>` : ""}</div>`;
     }
     if (isAccordion) {
       return html`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${root}<slot name="children"></slot></details>`;
@@ -188,8 +188,8 @@ var SdNavigationItem = class extends SolidElement {
  */
 SdNavigationItem.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-7-0-0-next-1-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-7-0-0-next-1-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-7-0-0-next-3-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-7-0-0-next-3-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -240,7 +240,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdNavigationItem.prototype, "separated", 2);
 SdNavigationItem = __decorateClass([
-  customElement("sd-7-0-0-next-1-navigation-item")
+  customElement("sd-7-0-0-next-3-navigation-item")
 ], SdNavigationItem);
 
 export {

package/dist-versioned/chunks/{chunk.MU6BOIQP.js → chunk.HXXLOMBL.js}

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   stopAnimations
@@ -183,12 +183,12 @@ var SdDialog = class extends SolidElement {
     )}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${() => this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${cx(
       "panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",
       this.open && "flex opacity-100"
-    )}" role="dialog" aria-modal="true" aria-hidden="${this.open ? "false" : "true"}" aria-label="${ifDefined(this.headline ? this.headline : void 0)}" aria-labelledby="${ifDefined(!this.headline ? "title" : void 0)}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length > 0 ? html`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>` : html`<slot name="headline"></slot>`}</h2>${!this.noCloseButton ? html`<sd-7-0-0-next-1-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${cx("absolute top-2 right-2")}" name="x-lg" @click="${() => this.requestClose("close-button")}" type="button"><sd-7-0-0-next-1-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-7-0-0-next-1-icon></sd-7-0-0-next-1-button>` : ""}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`;
+    )}" role="dialog" aria-modal="true" aria-hidden="${this.open ? "false" : "true"}" aria-label="${ifDefined(this.headline ? this.headline : void 0)}" aria-labelledby="${ifDefined(!this.headline ? "title" : void 0)}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length > 0 ? html`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>` : html`<slot name="headline"></slot>`}</h2>${!this.noCloseButton ? html`<sd-7-0-0-next-3-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${cx("absolute top-2 right-2")}" name="x-lg" @click="${() => this.requestClose("close-button")}" type="button"><sd-7-0-0-next-3-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-7-0-0-next-3-icon></sd-7-0-0-next-3-button>` : ""}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`;
   }
 };
 SdDialog.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`
 ];
 __decorateClass([
@@ -213,7 +213,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdDialog.prototype, "handleOpenChange", 1);
 SdDialog = __decorateClass([
-  customElement("sd-7-0-0-next-1-dialog")
+  customElement("sd-7-0-0-next-3-dialog")
 ], SdDialog);
 setDefaultAnimation("dialog.show", {
   keyframes: [

package/dist-versioned/chunks/{chunk.WEGQKE7P.js → chunk.I5TVWNGY.js}

@@ -1,13 +1,13 @@
 import {
   SdAccordion
-} from "./chunk.7MA7NTM5.js";
+} from "./chunk.H4N3X443.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -31,24 +31,24 @@ var SdQuickfact = class extends SdAccordion {
       this.expandable && "cursor-pointer select-none"
     )}" role="${ifDefined(this.expandable ? "button" : void 0)}" aria-expanded="${ifDefined(this.expandable ? this.open ? "true" : "false" : void 0)}" aria-controls="${ifDefined(this.expandable ? "content" : void 0)}" tabindex="${this.expandable ? "0" : "-1"}" @click="${this.expandable ? this.handleSummaryClick : null}" @keydown="${this.expandable ? this.handleSummaryKeyDown : null}"><div part="icon" class="${cx("flex flex-grow-0 flex-shrink-0 flex-auto items-center", !this.expandable && "cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${cx(
       "flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",
-      this.expandable ? "sd-7-0-0-next-1-quickfact--expandable-color-text" : "text-black cursor-default"
+      this.expandable ? "sd-7-0-0-next-3-quickfact--expandable-color-text" : "text-black cursor-default"
     )}">${this.summary}</slot><span part="summary-icon" class="${cx(
       "flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",
       this.open && "rotate-180",
       !this.expandable && "hidden"
-    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-7-0-0-next-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-7-0-0-next-1-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-7-0-0-next-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-7-0-0-next-1-icon></slot></span></${header}><div part="content" id="content" class="${cx("overflow-hidden", !this.expandable && "hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${base}>`;
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-7-0-0-next-3-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-7-0-0-next-3-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-7-0-0-next-3-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-7-0-0-next-3-icon></slot></span></${header}><div part="content" id="content" class="${cx("overflow-hidden", !this.expandable && "hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${base}>`;
   }
 };
 SdQuickfact.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block}[part=header]::-webkit-details-marker{display:none}[part=summary-icon]{color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=icon]{font-size:var(--sd-spacing-12,3rem);color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`
 ];
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdQuickfact.prototype, "expandable", 2);
 SdQuickfact = __decorateClass([
-  customElement("sd-7-0-0-next-1-quickfact")
+  customElement("sd-7-0-0-next-3-quickfact")
 ], SdQuickfact);
 setDefaultAnimation("quickfact.show", {
   keyframes: [{ height: "0" }, { height: "auto" }],

package/dist-versioned/chunks/{chunk.LFOMFT6A.js → chunk.ICBYOTXZ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -64,9 +64,9 @@ var SdRadioButton = class extends SolidElement {
     const hasIconSlot = this.hasSlotController.test("icon");
     const buttonSizeClass = `${this.size}-${hasDefaultSlot ? "label" : "no-label"}`;
     return html`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked ? " button--checked" : ""}`}" role="radio" aria-checked="${this.checked}" class="${cx(
-      "relative text-center sd-7-0-0-next-1-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",
+      "relative text-center sd-7-0-0-next-3-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",
       this.size === "sm" ? "text-sm" : "text-base",
-      this.checked && !this.disabled && !this.visuallyDisabled ? "sd-7-0-0-next-1-button--primary--default-color-background sd-7-0-0-next-1-button--primary--default-color-text hover:sd-7-0-0-next-1-button--primary--hover-color-background hover:text-primary-100" : !this.checked && (this.disabled || this.visuallyDisabled) ? "text-neutral-500 hover:cursor-not-allowed" : this.checked && (this.disabled || this.visuallyDisabled) ? "bg-neutral-400 text-white hover:cursor-not-allowed " : "bg-transparent sd-7-0-0-next-1-radio-button-color-text border-primary cursor-pointer hover:sd-7-0-0-next-1-radio-button--hover-color-background hover:sd-7-0-0-next-1-radio-button--hover-color-text",
+      this.checked && !this.disabled && !this.visuallyDisabled ? "sd-7-0-0-next-3-button--primary--default-color-background sd-7-0-0-next-3-button--primary--default-color-text hover:sd-7-0-0-next-3-button--primary--hover-color-background hover:text-primary-100" : !this.checked && (this.disabled || this.visuallyDisabled) ? "text-neutral-500 hover:cursor-not-allowed" : this.checked && (this.disabled || this.visuallyDisabled) ? "bg-neutral-400 text-white hover:cursor-not-allowed " : "bg-transparent sd-7-0-0-next-3-radio-button-color-text border-primary cursor-pointer hover:sd-7-0-0-next-3-radio-button--hover-color-background hover:sd-7-0-0-next-3-radio-button--hover-color-text",
       hasDefaultSlot && {
         sm: "px-3",
         md: "px-4",
@@ -88,8 +88,8 @@ var SdRadioButton = class extends SolidElement {
 };
 SdRadioButton.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-7-0-0-next-1-button-group__button:not(.sd-7-0-0-next-1-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-7-0-0-next-1-button-group__button:not(.sd-7-0-0-next-1-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-7-0-0-next-1-button-group__button:not(.sd-7-0-0-next-1-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-7-0-0-next-1-button-group__button--hover){z-index:20}:host(.sd-7-0-0-next-1-button-group__button--focus){z-index:30}:host(.sd-7-0-0-next-1-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:0;z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-7-0-0-next-3-button-group__button:not(.sd-7-0-0-next-3-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-7-0-0-next-3-button-group__button:not(.sd-7-0-0-next-3-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-7-0-0-next-3-button-group__button:not(.sd-7-0-0-next-3-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-7-0-0-next-3-button-group__button--hover){z-index:20}:host(.sd-7-0-0-next-3-button-group__button--focus){z-index:30}:host(.sd-7-0-0-next-3-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
 ];
 __decorateClass([
   query(".button")
@@ -119,7 +119,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
 ], SdRadioButton.prototype, "handleDisabledChange", 1);
 SdRadioButton = __decorateClass([
-  customElement("sd-7-0-0-next-1-radio-button")
+  customElement("sd-7-0-0-next-3-radio-button")
 ], SdRadioButton);
 
 export {

package/dist-versioned/chunks/{chunk.MKQMOE4O.js → chunk.IJQGWINY.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -83,8 +83,8 @@ var SdLink = class extends SolidElement {
 };
 SdLink.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-::slotted(sd-7-0-0-next-1-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-7-0-0-next-1-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-7-0-0-next-1-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+::slotted(sd-7-0-0-next-3-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-7-0-0-next-3-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-7-0-0-next-3-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
 ];
 __decorateClass([
   query("a")
@@ -111,7 +111,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdLink.prototype, "download", 2);
 SdLink = __decorateClass([
-  customElement("sd-7-0-0-next-1-link")
+  customElement("sd-7-0-0-next-3-link")
 ], SdLink);
 
 export {

package/dist-versioned/chunks/{chunk.W2FPAWSD.js → chunk.IU2IAYUW.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -112,14 +112,14 @@ var SdSwitch = class extends SolidElement {
       "group flex items-center text-base leading-normal text-black cursor-pointer",
       this.disabled && "hover:cursor-not-allowed"
     )}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${ifDefined(this.value)}" .checked="${live(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked ? " control--checked" : "control--unchecked"}" class="${cx(
-      `relative flex flex-initial items-center justify-center sd-7-0-0-next-1-switch-border-width rounded-full h-4 w-8 transition-colors ease duration-100
+      `relative flex flex-initial items-center justify-center sd-7-0-0-next-3-switch-border-width rounded-full h-4 w-8 transition-colors ease duration-100
             peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
             peer-focus-visible:outline-primary outline-transparent transition-colors ease-in-out duration-medium hover:duration-fast`,
-      this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-7-0-0-next-1-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:border-accent-550 group-hover:sd-7-0-0-next-1-switch--checked--hover-color-background" : "sd-7-0-0-next-1-switch--unchecked-color-border bg-white hover:sd-7-0-0-next-1-switch--unchecked--hover-color-background group-hover:sd-7-0-0-next-1-switch--unchecked--hover-color-background"
+      this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-7-0-0-next-3-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:border-accent-550 group-hover:sd-7-0-0-next-3-switch--checked--hover-color-background" : "sd-7-0-0-next-3-switch--unchecked-color-border bg-white hover:sd-7-0-0-next-3-switch--unchecked--hover-color-background group-hover:sd-7-0-0-next-3-switch--unchecked--hover-color-background"
     )}"><span id="thumb" part="thumb" class="${cx(
       "w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",
-      this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-7-0-0-next-1-switch--unchecked__icon-color-background"
-    )}"></span> </span><span part="label" id="label" class="${cx("select-none inline-block ml-2", this.disabled ? "text-neutral-500" : "sd-7-0-0-next-1-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip") ? html`<slot name="tooltip"></slot>` : null}</div><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("lg")}</div>`;
+      this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-7-0-0-next-3-switch--unchecked__icon-color-background"
+    )}"></span> </span><span part="label" id="label" class="${cx("select-none inline-block ml-2", this.disabled ? "text-neutral-500" : "sd-7-0-0-next-3-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip") ? html`<slot name="tooltip"></slot>` : null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-7-0-0-next-3-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-7-0-0-next-3-icon>` : ""} ${this.formControlController.renderInvalidMessage("lg")}</div>`;
   }
 };
 /**
@@ -127,7 +127,7 @@ var SdSwitch = class extends SolidElement {
  */
 SdSwitch.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([disabled][checked]) #control{border-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}:host([checked]) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([disabled]:not([checked])) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`
 ];
 __decorateClass([
@@ -170,7 +170,7 @@ __decorateClass([
   watch(["checked"], { waitUntilFirstUpdate: true })
 ], SdSwitch.prototype, "handleStateChange", 1);
 SdSwitch = __decorateClass([
-  customElement("sd-7-0-0-next-1-switch")
+  customElement("sd-7-0-0-next-3-switch")
 ], SdSwitch);
 
 export {

package/dist-versioned/chunks/{chunk.SRSERHD5.js → chunk.JO4VO3DE.js}

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   stopAnimations
@@ -98,11 +98,11 @@ var SdCombobox = class extends SolidElement {
       return normalizedOption.includes(normalizedQuery) || normalizedOptionLabel.includes(normalizedQuery);
     };
     this.getTag = (option) => {
-      return html`<sd-7-0-0-next-1-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
+      return html`<sd-7-0-0-next-3-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-0-next-1-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-0-0-next-3-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-0-next-1-optgroup") {
+      if (item.tagName.toLowerCase() === "sd-7-0-0-next-3-optgroup") {
         Array.from(item.children).forEach((option) => {
-          if (option.tagName.toLowerCase() === "sd-7-0-0-next-1-option") {
+          if (option.tagName.toLowerCase() === "sd-7-0-0-next-3-option") {
             renderOption(option);
           }
         });
@@ -263,11 +263,11 @@ var SdCombobox = class extends SolidElement {
       });
     } else {
       return [
-        html`<sd-7-0-0-next-1-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
+        html`<sd-7-0-0-next-3-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-0-next-1-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-0-0-next-3-tag>`
       ];
     }
   }
@@ -403,7 +403,7 @@ var SdCombobox = class extends SolidElement {
   }
   handleOptionClick(event) {
     const target = event.target;
-    const option = target.closest("sd-7-0-0-next-1-option");
+    const option = target.closest("sd-7-0-0-next-3-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-0-next-1-option")];
+    return [...this.filteredWrapper.querySelectorAll("sd-7-0-0-next-3-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-0-next-1-optgroup";
+      const hasOptgroup = ((_b = option.parentElement) == null ? void 0 : _b.tagName.toLowerCase()) === "sd-7-0-0-next-3-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-0-next-1-popup and updates local state for conditional styling. */
+  /** Receives incoming event detail from sd-7-0-0-next-3-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-0-next-1-option")) {
+    if (customElements.get("sd-7-0-0-next-3-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-0-next-1-option")) {
-      customElements.whenDefined("sd-7-0-0-next-1-option").then(() => this.handleDefaultSlotChange());
+    if (!customElements.get("sd-7-0-0-next-3-option")) {
+      customElements.whenDefined("sd-7-0-0-next-3-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-0-next-1-combobox-option-${index}`;
+      option.id = option.id || `sd-7-0-0-next-3-combobox-option-${index}`;
     });
     slottedOptgroups.forEach((optgroup, index) => {
-      optgroup.id = optgroup.id || `sd-7-0-0-next-1-combobox-optgroup-${index}`;
+      optgroup.id = optgroup.id || `sd-7-0-0-next-3-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-0-next-1-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${cx(
+    )}"></div><sd-7-0-0-next-3-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-0-next-1-icon class="${cx("text-neutral-700", iconSize)}" name="closing-round" library="_internal"></sd-7-0-0-next-1-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-7-0-0-next-1-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="_internal" name="risk"></sd-7-0-0-next-1-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-7-0-0-next-1-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-7-0-0-next-1-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-0-0-next-3-icon class="${cx("text-neutral-700", iconSize)}" name="closing-round" library="_internal"></sd-7-0-0-next-3-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-7-0-0-next-3-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="_internal" name="risk"></sd-7-0-0-next-3-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-7-0-0-next-3-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-7-0-0-next-3-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-0-next-1-icon class="${cx(
+    )}">${this.type !== "search" ? html`<sd-7-0-0-next-3-icon class="${cx(
       "transition-transform duration-medium ease-in-out",
       this.open ? "rotate-180" : "rotate-0"
-    )}" name="chevron-down" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-7-0-0-next-1-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center", iconMarginLeft)}" type="button" @mousedown="${this.preventLoosingFocus}" @click="${this.handleSearchClick}"><sd-7-0-0-next-1-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-7-0-0-next-1-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-down" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-7-0-0-next-3-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center", iconMarginLeft)}" type="button" @mousedown="${this.preventLoosingFocus}" @click="${this.handleSearchClick}"><sd-7-0-0-next-3-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-7-0-0-next-3-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-0-next-1-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-0-0-next-3-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"
@@ -880,11 +880,11 @@ var SdCombobox = class extends SolidElement {
 };
 SdCombobox.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | 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))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([visually-disabled]) input{caret-color:transparent}:host([size=sm]) .combobox-button{right:var(--sd-spacing-4);height:var(--sd-spacing-4);width:var(--sd-spacing-4)}:host([size=md]) .combobox-button{right:.85rem;height:var(--sd-spacing-6);width:var(--sd-spacing-6)}:host([size=lg]) .combobox-button{right:var(--sd-spacing-3);height:var(--sd-spacing-8);width:var(--sd-spacing-8)}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-7-0-0-next-1-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-7-0-0-next-1-tag::part(base){border-radius:var(--sd-radius);border-width:var(--sd-combobox__tag-border-width,var(--sd-spacing-0\\.25));padding-inline:var(--sd-spacing-1)}sd-7-0-0-next-1-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-7-0-0-next-1-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2)}sd-7-0-0-next-1-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100))}[part=filtered-listbox] sd-7-0-0-next-1-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold);color:inherit}:host([type=search]) sd-7-0-0-next-1-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-0-next-1-icon[name=magnifying-glass],:host([type=search][visually-disabled]) sd-7-0-0-next-1-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}`
+  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))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([visually-disabled]) input{caret-color:transparent}:host([size=sm]) .combobox-button{right:var(--sd-spacing-4);height:var(--sd-spacing-4);width:var(--sd-spacing-4)}:host([size=md]) .combobox-button{right:.85rem;height:var(--sd-spacing-6);width:var(--sd-spacing-6)}:host([size=lg]) .combobox-button{right:var(--sd-spacing-3);height:var(--sd-spacing-8);width:var(--sd-spacing-8)}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-7-0-0-next-3-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-7-0-0-next-3-tag::part(base){border-radius:var(--sd-radius);border-width:var(--sd-combobox__tag-border-width,var(--sd-spacing-0\\.25));padding-inline:var(--sd-spacing-1)}sd-7-0-0-next-3-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-7-0-0-next-3-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2)}sd-7-0-0-next-3-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100))}[part=filtered-listbox] sd-7-0-0-next-3-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold);color:inherit}:host([type=search]) sd-7-0-0-next-3-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-0-next-3-icon[name=magnifying-glass],:host([type=search][visually-disabled]) sd-7-0-0-next-3-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-0-next-1-popup")
+  query("sd-7-0-0-next-3-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-0-next-1-combobox")
+  customElement("sd-7-0-0-next-3-combobox")
 ], SdCombobox);
 setDefaultAnimation("combobox.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],

package/dist-versioned/chunks/{chunk.YHQDUFIA.js → chunk.K5UVAUSH.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -241,7 +241,7 @@ var SdPopup = class extends SolidElement {
 };
 SdPopup.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{--arrow-color:var(--sd-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}[part=popup]{max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}[part=arrow]{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color)}`
 ];
 __decorateClass([
@@ -324,7 +324,7 @@ __decorateClass([
   property({ attribute: "auto-size-padding", type: Number })
 ], SdPopup.prototype, "autoSizePadding", 2);
 SdPopup = __decorateClass([
-  customElement("sd-7-0-0-next-1-popup")
+  customElement("sd-7-0-0-next-3-popup")
 ], SdPopup);
 
 export {