@solid-design-system/components 6.16.3 → 6.16.5

package/dist/chunks/{chunk.SMPFJ52B.js → chunk.A4LR62QO.js}

@@ -22,22 +22,14 @@ var DateUtils = {
   },
   parseLocalISO: (iso) => {
     if (!iso) return null;
-    let y;
-    let m;
-    let d;
-    if (/^\d{4}-\d{2}-\d{2}$/.test(iso)) {
-      const parts = iso.split("-");
-      y = Number(parts[0]);
-      m = Number(parts[1]) - 1;
-      d = Number(parts[2]);
-    } else if (/^\d{4}\.\d{2}\.\d{2}$/.test(iso)) {
-      const parts = iso.split(".");
-      y = Number(parts[0]);
-      m = Number(parts[1]) - 1;
-      d = Number(parts[2]);
-    } else {
-      return null;
-    }
+    const trimmed = iso.trim();
+    if (!trimmed) return null;
+    const normalized = trimmed.replace(/[./]/g, "-");
+    const match = normalized.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+    if (!match) return null;
+    const y = Number(match[1]);
+    const m = Number(match[2]) - 1;
+    const d = Number(match[3]);
     const date = new Date(y, m, d);
     return Number.isNaN(date.getTime()) ? null : date;
   },

package/dist/chunks/{chunk.QF4M6XJ6.js → chunk.XDGNL4X6.js}

@@ -1,6 +1,6 @@
 import {
   DateUtils
-} from "./chunk.SMPFJ52B.js";
+} from "./chunk.A4LR62QO.js";
 import {
   FormControlController
 } from "./chunk.C3WIBDGG.js";
@@ -656,8 +656,22 @@ var SdDatepicker = class extends SolidElement {
     return DateUtils.parseLocalISO(iso);
   }
   inMinMax(d) {
-    const min = this.min === null ? null : this.parseISO(String(this.min));
-    const max = this.max === null ? null : this.parseISO(String(this.max));
+    const normalizeBound = (value) => {
+      if (value === void 0 || value === null) return null;
+      if (value instanceof Date) {
+        return DateUtils.startOfDayLocal(value);
+      }
+      if (typeof value === "number") {
+        return DateUtils.startOfDayLocal(new Date(value));
+      }
+      if (typeof value === "string") {
+        const parsed = this.parseISO(value);
+        return parsed ? DateUtils.startOfDayLocal(parsed) : null;
+      }
+      return null;
+    };
+    const min = normalizeBound(this.min);
+    const max = normalizeBound(this.max);
     if (min && d < min) return false;
     if (max && d > max) return false;
     return true;

package/dist/components/datepicker/datepicker.js

@@ -1,7 +1,7 @@
 import {
   SdDatepicker
-} from "../../chunks/chunk.QF4M6XJ6.js";
-import "../../chunks/chunk.SMPFJ52B.js";
+} from "../../chunks/chunk.XDGNL4X6.js";
+import "../../chunks/chunk.A4LR62QO.js";
 import "../../chunks/chunk.6JXHY72O.js";
 import "../../chunks/chunk.X7XDUKGF.js";
 import "../../chunks/chunk.C3WIBDGG.js";

package/dist/custom-elements.json

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

package/dist/solid-components.js

@@ -26,12 +26,12 @@ import {
 import {
   SdTabPanel
 } from "./chunks/chunk.FXZL5TSR.js";
-import {
-  SdTeaserMedia
-} from "./chunks/chunk.OQ5QEVJF.js";
 import {
   SdTeaser
 } from "./chunks/chunk.ZN4E3BW3.js";
+import {
+  SdTeaserMedia
+} from "./chunks/chunk.OQ5QEVJF.js";
 import {
   SdRange
 } from "./chunks/chunk.Y226ELYU.js";
@@ -99,8 +99,8 @@ import {
 } from "./chunks/chunk.EGVMKWID.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.QF4M6XJ6.js";
-import "./chunks/chunk.SMPFJ52B.js";
+} from "./chunks/chunk.XDGNL4X6.js";
+import "./chunks/chunk.A4LR62QO.js";
 import {
   SdDialog
 } from "./chunks/chunk.2EDPY2A5.js";

package/dist/utilities/date.js

@@ -1,6 +1,6 @@
 import {
   DateUtils
-} from "../chunks/chunk.SMPFJ52B.js";
+} from "../chunks/chunk.A4LR62QO.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   DateUtils

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.16.3",
+  "version": "6.16.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/chunks/chunk.27CORLGD.js

@@ -54,7 +54,7 @@ var SdHeader = class extends SolidElement {
     }
   }
   render() {
-    return html`<header class="w-full sd-6-16-3-header-color-background sd-6-16-3-header-padding-bottom 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-16-5-header-color-background sd-6-16-5-header-padding-bottom 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-16-3-header")
+  customElement("sd-6-16-5-header")
 ], SdHeader);
 
 export {

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

@@ -183,7 +183,7 @@ 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-6-16-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-6-16-3-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-3-icon></sd-6-16-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>`;
+    )}" 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-6-16-5-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-6-16-5-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-5-icon></sd-6-16-5-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 = [
@@ -213,7 +213,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdDialog.prototype, "handleOpenChange", 1);
 SdDialog = __decorateClass([
-  customElement("sd-6-16-3-dialog")
+  customElement("sd-6-16-5-dialog")
 ], SdDialog);
 setDefaultAnimation("dialog.show", {
   keyframes: [

package/dist-versioned/chunks/chunk.36OESV3O.js

@@ -56,7 +56,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdLoader.prototype, "color", 2);
 SdLoader = __decorateClass([
-  customElement("sd-6-16-3-loader")
+  customElement("sd-6-16-5-loader")
 ], SdLoader);
 
 export {

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

@@ -211,22 +211,22 @@ var SdNotification = class extends SolidElement {
         warning: "bg-warning",
         error: "bg-error"
       }[this.variant]
-    )}"><sd-6-16-3-icon name="${{
+    )}"><sd-6-16-5-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-16-3-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-16-5-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 sd-6-16-3-notification-color-border",
+      "border-solid border-[1px] border-l-0 sd-6-16-5-notification-color-border",
       {
-        info: "sd-6-16-3-notification--info-color-background",
-        success: "sd-6-16-3-notification--success-color-background",
-        warning: "sd-6-16-3-notification--warning-color-background",
-        error: "sd-6-16-3-notification--error-color-background"
+        info: "sd-6-16-5-notification--info-color-background",
+        success: "sd-6-16-5-notification--success-color-background",
+        warning: "sd-6-16-5-notification--warning-color-background",
+        error: "sd-6-16-5-notification--error-color-background"
       }[this.variant]
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-16-3-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-16-3-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-3-icon></sd-6-16-3-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 sd-6-16-3-notification__duration-indicator-color-background z-10 animate-grow`
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-16-5-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-16-5-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-5-icon></sd-6-16-5-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 sd-6-16-5-notification__duration-indicator-color-background 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>`;
   }
 };
@@ -272,7 +272,7 @@ __decorateClass([
   watch("duration")
 ], SdNotification.prototype, "handleDurationChange", 1);
 SdNotification = __decorateClass([
-  customElement("sd-6-16-3-notification")
+  customElement("sd-6-16-5-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [

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

@@ -113,7 +113,7 @@ var SdMenu = class extends SolidElement {
   }
   isMenuItem(item) {
     var _a;
-    return item.tagName.toLowerCase() === "sd-6-16-3-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+    return item.tagName.toLowerCase() === "sd-6-16-5-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
   }
   /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
   getAllItems() {
@@ -148,13 +148,13 @@ var SdMenu = class extends SolidElement {
 SdMenu.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-16-3-divider){padding-block:var(--sd-spacing-3)}@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}`
+:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-16-5-divider){padding-block:var(--sd-spacing-3)}@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}`
 ];
 __decorateClass([
   query("slot")
 ], SdMenu.prototype, "defaultSlot", 2);
 SdMenu = __decorateClass([
-  customElement("sd-6-16-3-menu")
+  customElement("sd-6-16-5-menu")
 ], SdMenu);
 
 export {

package/dist-versioned/chunks/chunk.4OJXQ3S3.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-6-16-3-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-6-16-5-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-6-16-3-button--primary--default-color-background sd-6-16-3-button--primary--default-color-text hover:sd-6-16-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-6-16-3-radio-button-color-text border-primary cursor-pointer hover:sd-6-16-3-radio-button--hover-color-background hover:sd-6-16-3-radio-button--hover-color-text",
+      this.checked && !this.disabled && !this.visuallyDisabled ? "sd-6-16-5-button--primary--default-color-background sd-6-16-5-button--primary--default-color-text hover:sd-6-16-5-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-6-16-5-radio-button-color-text border-primary cursor-pointer hover:sd-6-16-5-radio-button--hover-color-background hover:sd-6-16-5-radio-button--hover-color-text",
       hasDefaultSlot && {
         sm: "px-3",
         md: "px-4",
@@ -89,7 +89,7 @@ var SdRadioButton = class extends SolidElement {
 SdRadioButton.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.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: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: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-6-16-3-button-group__button:not(.sd-6-16-3-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-6-16-3-button-group__button:not(.sd-6-16-3-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-6-16-3-button-group__button:not(.sd-6-16-3-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-6-16-3-button-group__button--hover){z-index:20}:host(.sd-6-16-3-button-group__button--focus),:host(.sd-6-16-3-button-group__button[checked]){z-index:10}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
+: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: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-6-16-5-button-group__button:not(.sd-6-16-5-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-6-16-5-button-group__button:not(.sd-6-16-5-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-6-16-5-button-group__button:not(.sd-6-16-5-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-6-16-5-button-group__button--hover){z-index:20}:host(.sd-6-16-5-button-group__button--focus),:host(.sd-6-16-5-button-group__button[checked]){z-index:10}@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-6-16-3-radio-button")
+  customElement("sd-6-16-5-radio-button")
 ], SdRadioButton);
 
 export {

package/dist-versioned/chunks/chunk.4WJBOMWG.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-16-3-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-6-16-5-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-16-3-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-6-16-5-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-6-16-3-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-6-16-5-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-16-3-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-6-16-5-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-16-3-button-group__button");
-        button.classList.toggle("sd-6-16-3-button-group__button--first", index === 0);
-        button.classList.toggle("sd-6-16-3-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-6-16-3-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-6-16-3-button-group__button--radio", button.tagName.toLowerCase() === "sd-6-16-3-radio-button");
+        button.classList.add("sd-6-16-5-button-group__button");
+        button.classList.toggle("sd-6-16-5-button-group__button--first", index === 0);
+        button.classList.toggle("sd-6-16-5-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-6-16-5-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-6-16-5-button-group__button--radio", button.tagName.toLowerCase() === "sd-6-16-5-radio-button");
       }
     });
   }
@@ -64,11 +64,11 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-6-16-3-button-group")
+  customElement("sd-6-16-5-button-group")
 ], SdButtonGroup);
 function findButton(el) {
   var _a;
-  const selector = "sd-6-16-3-button, sd-6-16-3-radio-button";
+  const selector = "sd-6-16-5-button, sd-6-16-5-radio-button";
   return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
 }
 

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

@@ -135,20 +135,20 @@ var SdAccordion = class extends SolidElement {
   }
   render() {
     return html`<details part="base" class="border-neutral-400"><summary part="header" id="header" class="${cx(
-      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-6-16-3-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200"
+      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-6-16-5-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200"
     )}" aria-expanded="${this.open ? "true" : "false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${cx(
       !this.open && "opacity-0",
-      "w-1 sd-6-16-3-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full"
-    )}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left sd-6-16-3-accordion-color-text">${this.summary}</slot><span part="summary-icon" class="${cx(
+      "w-1 sd-6-16-5-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full"
+    )}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left sd-6-16-5-accordion-color-text">${this.summary}</slot><span part="summary-icon" class="${cx(
       "flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",
       this.open && "rotate-180"
-    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-16-3-icon library="_internal" name="chevron-down"></sd-6-16-3-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-6-16-3-icon library="_internal" name="chevron-down"></sd-6-16-3-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`;
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-16-5-icon library="_internal" name="chevron-down"></sd-6-16-5-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-6-16-5-icon library="_internal" name="chevron-down"></sd-6-16-5-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`;
   }
 };
 SdAccordion.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-block-width:var(--sd-accordion-border-width)}[part=summary-icon] sd-6-16-3-icon{color:rgb(var(--sd-accordion__chevron-color-text,var(--sd-accordion-color-icon-fill)))}`
+:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-block-width:var(--sd-accordion-border-width)}[part=summary-icon] sd-6-16-5-icon{color:rgb(var(--sd-accordion__chevron-color-text,var(--sd-accordion-color-icon-fill)))}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -169,7 +169,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdAccordion.prototype, "handleOpenChange", 1);
 SdAccordion = __decorateClass([
-  customElement("sd-6-16-3-accordion")
+  customElement("sd-6-16-5-accordion")
 ], SdAccordion);
 setDefaultAnimation("accordion.show", {
   keyframes: [

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

@@ -414,14 +414,14 @@ var SdInput = class extends SolidElement {
       !isFloatingLabelActive || !hasValue && (this.readonly || this.visuallyDisabled) ? textSize : "text-xs",
       (this.visuallyDisabled || this.disabled) && "text-neutral-500",
       isFloatingLabelActive && !this.visuallyDisabled && !this.disabled && "form-control--filled__floating-label-color-text"
-    )}">${this.label}</span></label>` : null} ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-16-3-icon class="${cx(
+    )}">${this.label}</span></label>` : null} ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-16-5-icon class="${cx(
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-neutral-700",
       iconSize
-    )}" library="_internal" name="closing-round"></sd-6-16-3-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx(
+    )}" library="_internal" name="closing-round"></sd-6-16-5-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx(
       "flex items-center sd-interactive",
       iconMarginLeft,
       this.floatingLabel && !isFloatingLabelActive && "hide-password-toggle"
-    )}" type="button" @click="${this.handlePasswordToggle}" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-6-16-3-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-6-16-3-icon></slot>` : html`<slot name="hide-password-icon"><sd-6-16-3-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-6-16-3-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-6-16-3-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-6-16-3-icon>` : ""} ${this.type === "time" ? html`<sd-6-16-3-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-6-16-3-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-6-16-3-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-6-16-3-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-6-16-3-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-6-16-3-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-6-16-3-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-16-3-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}"><slot name="decrement-number-stepper"><sd-6-16-3-icon library="_internal" name="minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-16-3-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-6-16-3-icon library="_internal" name="plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-16-3-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText && !this.showInvalidStyle ? "block" : "hidden")}" aria-hidden="${!hasHelpText || this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`;
+    )}" type="button" @click="${this.handlePasswordToggle}" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-6-16-5-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-6-16-5-icon></slot>` : html`<slot name="hide-password-icon"><sd-6-16-5-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-6-16-5-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-6-16-5-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-6-16-5-icon>` : ""} ${this.type === "time" ? html`<sd-6-16-5-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-6-16-5-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-6-16-5-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-6-16-5-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-6-16-5-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-6-16-5-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-6-16-5-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-16-5-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}"><slot name="decrement-number-stepper"><sd-6-16-5-icon library="_internal" name="minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-16-5-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-6-16-5-icon library="_internal" name="plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-16-5-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText && !this.showInvalidStyle ? "block" : "hidden")}" aria-hidden="${!hasHelpText || this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`;
   }
 };
 /**
@@ -430,7 +430,7 @@ var SdInput = class extends SolidElement {
 SdInput.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0;display:none;-webkit-appearance:none}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-6-16-3-icon{color:rgba(var(--sd-color-text-neutral-500))}.hide-password-toggle{display:none}.has-floating-label input[type=date]:not(.has-value),.has-floating-label input[type=datetime-local]:not(.has-value),.has-floating-label input[type=time]:not(.has-value){color:transparent}.has-floating-label input[type=date]:focus,.has-floating-label input[type=datetime-local]:focus,.has-floating-label input[type=time]:focus{color:inherit}.icon-color{color:rgb(var(--sd-color-icon-fill-primary))}`
+:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0;display:none;-webkit-appearance:none}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-6-16-5-icon{color:rgba(var(--sd-color-text-neutral-500))}.hide-password-toggle{display:none}.has-floating-label input[type=date]:not(.has-value),.has-floating-label input[type=datetime-local]:not(.has-value),.has-floating-label input[type=time]:not(.has-value){color:transparent}.has-floating-label input[type=date]:focus,.has-floating-label input[type=datetime-local]:focus,.has-floating-label input[type=time]:focus{color:inherit}.icon-color{color:rgb(var(--sd-color-icon-fill-primary))}`
 ];
 __decorateClass([
   query("#input")
@@ -569,7 +569,7 @@ __decorateClass([
   watch(["size", "floatingLabel"])
 ], SdInput.prototype, "handleSizeChange", 1);
 SdInput = __decorateClass([
-  customElement("sd-6-16-3-input")
+  customElement("sd-6-16-5-input")
 ], SdInput);
 
 export {

package/dist-versioned/chunks/chunk.6GDF7RP6.js

@@ -88,7 +88,7 @@ var SdStep = class extends SolidElement {
       this.orientation === "horizontal" && !this.horizontalInline ? this.size === "lg" ? "translateLg" : "translateSm" : this.size === "lg" ? "mt-1" : "mt-3"
     );
     const circleButtonClasses = cx(
-      "border sd-6-16-3-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
+      "border sd-6-16-5-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
       this.disabled ? "focus-visible:outline-none cursor-not-allowed" : !this.notInteractive && !this.waiting ? "focus-visible:focus-outline hover:cursor-pointer" : "",
       this.notInteractive ? this.size === "lg" ? "not-interactive-lg" : "w-12" : this.size === "lg" ? "w-12" : "w-8",
       this.disabled && "border-neutral-500 text-neutral-500",
@@ -104,8 +104,8 @@ var SdStep = class extends SolidElement {
     )}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${circleAndTailContainerClasses}"><${tag} part="circle" href="${ifDefined(isLink ? this.href : void 0)}" aria-disabled="${ifDefined(this.disabled || this.waiting || void 0)}" aria-current="${this.current ? "step" : void 0}" aria-labelledby="${ifDefined(this.notInteractive || this.waiting || !hasLabel ? void 0 : "label")}" aria-describedby="${ifDefined(this.notInteractive || this.waiting || !hasDescription ? void 0 : "description")}" class="${circleButtonClasses}"><slot name="circle-content" class="${cx(
       "text-lg",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
-      this.notInteractive && "sd-6-16-3-step-color-text"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-6-16-3-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-16-3-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
+      this.notInteractive && "sd-6-16-5-step-color-text"
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-6-16-5-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-16-5-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"
@@ -145,7 +145,7 @@ var SdStep = class extends SolidElement {
 SdStep.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-16-3-icon,slot[name=circle-content]::slotted(sd-6-16-3-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-16-3-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-16-3-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`
+:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-16-5-icon,slot[name=circle-content]::slotted(sd-6-16-5-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-16-5-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-16-5-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -196,7 +196,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-6-16-3-step")
+  customElement("sd-6-16-5-step")
 ], SdStep);
 
 export {

package/dist-versioned/chunks/chunk.6JXHY72O.js

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

package/dist-versioned/chunks/chunk.6SZCCE7T.js

@@ -84,7 +84,7 @@ var SdLink = class extends SolidElement {
 SdLink.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-::slotted(sd-6-16-3-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-16-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-6-16-3-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
+::slotted(sd-6-16-5-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-16-5-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-6-16-5-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-6-16-3-link")
+  customElement("sd-6-16-5-link")
 ], SdLink);
 
 export {

package/dist-versioned/chunks/chunk.6WM4R2DA.js

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