@solid-design-system/components 5.13.13 → 5.13.15

package/dist/solid-components.js

@@ -1,191 +1,187 @@
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdVideo
-} from "./chunks/chunk.Z67EE23U.js";
+} from "./chunks/chunk.APSWM435.js";
 import {
   setupAutocomplete
 } from "./chunks/chunk.6DKXZWRN.js";
 import {
   SdTab
-} from "./chunks/chunk.E5QDRLG5.js";
+} from "./chunks/chunk.JHK2DZYG.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.VVBDKQHI.js";
+} from "./chunks/chunk.DM545Z72.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.SORC72SZ.js";
+} from "./chunks/chunk.FJ6CIGEZ.js";
 import {
   SdTeaser
-} from "./chunks/chunk.JF4YKLM4.js";
+} from "./chunks/chunk.MQCEWOME.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.H2H7UKLB.js";
+} from "./chunks/chunk.6OFEZDAX.js";
 import {
   SdTextarea
-} from "./chunks/chunk.G6IBNC3A.js";
+} from "./chunks/chunk.L7A2WBK5.js";
 import {
   SdTooltip
-} from "./chunks/chunk.GXUXYUOG.js";
+} from "./chunks/chunk.2E5VDWX4.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.BN2JSIUV.js";
+} from "./chunks/chunk.YWWS36UB.js";
 import {
   SdScrollable
-} from "./chunks/chunk.7HM3D5ZB.js";
+} from "./chunks/chunk.E37HGL2B.js";
 import {
   SdSelect
-} from "./chunks/chunk.EMEGC6Q7.js";
+} from "./chunks/chunk.5IT7K6WX.js";
 import {
   SdSpinner
-} from "./chunks/chunk.GJM2UBD5.js";
+} from "./chunks/chunk.VVUWBUCI.js";
 import {
   SdStep
-} from "./chunks/chunk.GZ3JKXQ2.js";
+} from "./chunks/chunk.N5AWKOH4.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.X3POGM3M.js";
+} from "./chunks/chunk.ODS4MUKK.js";
 import {
   SdSwitch
-} from "./chunks/chunk.ECTNQOHT.js";
+} from "./chunks/chunk.WCHGPDEZ.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.KUG4JFNY.js";
+} from "./chunks/chunk.CNAPQPLW.js";
 import {
   SdOption
-} from "./chunks/chunk.H6E4C5UY.js";
+} from "./chunks/chunk.O7ZM3RIK.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.43MFVINX.js";
+} from "./chunks/chunk.7V5CTLDN.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.PJ5SMSQP.js";
+} from "./chunks/chunk.KHWQZ42A.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.57HIVEJA.js";
+} from "./chunks/chunk.VPYEBEXI.js";
 import {
   SdRadio
-} from "./chunks/chunk.ENHM6QPI.js";
+} from "./chunks/chunk.GYVQXFCK.js";
 import {
   SdRange
-} from "./chunks/chunk.IORKEN4C.js";
+} from "./chunks/chunk.3HQ7FVJK.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdLink
-} from "./chunks/chunk.OIC3RK54.js";
+} from "./chunks/chunk.IRHIOSQX.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.G6CZTG7Q.js";
+} from "./chunks/chunk.HEYYWYTD.js";
 import {
   SdMenu
-} from "./chunks/chunk.W257EQK6.js";
+} from "./chunks/chunk.32GKKX5D.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.3T7MEK7F.js";
+} from "./chunks/chunk.VCVWQNJY.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.AII7ENVH.js";
+} from "./chunks/chunk.4XRIWBCR.js";
 import {
   SdNotification
-} from "./chunks/chunk.KLFBH24N.js";
+} from "./chunks/chunk.43K5SVK7.js";
 import {
   SdInclude
-} from "./chunks/chunk.QBUQZLK4.js";
+} from "./chunks/chunk.4EF3UGCC.js";
 import {
   SdInput
-} from "./chunks/chunk.AOZYVZSI.js";
+} from "./chunks/chunk.EGXUQDEC.js";
 import {
   SdDialog
-} from "./chunks/chunk.ULN3BADF.js";
+} from "./chunks/chunk.HGN5B2BC.js";
 import {
   SdDivider
-} from "./chunks/chunk.CEVD4PPV.js";
+} from "./chunks/chunk.L4ZRLPWI.js";
 import {
   SdDropdown
-} from "./chunks/chunk.3ABKOHAW.js";
+} from "./chunks/chunk.N25TJU4N.js";
 import {
   SdExpandable
-} from "./chunks/chunk.SLM2NJ64.js";
+} from "./chunks/chunk.OBFORTKA.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.4W52UQUR.js";
+} from "./chunks/chunk.VW6BT5OS.js";
 import {
   SdHeader
-} from "./chunks/chunk.HKATDXCW.js";
+} from "./chunks/chunk.O37WOXIM.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.KP2X7UDC.js";
+} from "./chunks/chunk.57VJBUKO.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.RBS2XRPG.js";
+} from "./chunks/chunk.L5PQR4HE.js";
 import {
   SdCombobox
-} from "./chunks/chunk.BYBDNBDE.js";
+} from "./chunks/chunk.OEOP6F5U.js";
 import {
   SdTag
-} from "./chunks/chunk.XTNJGYI7.js";
+} from "./chunks/chunk.W3P3QH7K.js";
 import {
   SdPopup
-} from "./chunks/chunk.ZS7PGX4E.js";
+} from "./chunks/chunk.G4W5RMR2.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.ZQ5Z7U7A.js";
+} from "./chunks/chunk.MAIJAEKT.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.TYT467JR.js";
+} from "./chunks/chunk.27LYUN6Y.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.QQUOW5WM.js";
+} from "./chunks/chunk.2NGWIHT5.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.CQUTC7N3.js";
-import "./chunks/chunk.7LZ5ZQ7G.js";
+} from "./chunks/chunk.GWEGFIDM.js";
+import "./chunks/chunk.22TF2EIE.js";
 import {
   SdCarousel
-} from "./chunks/chunk.UPQH3D5U.js";
+} from "./chunks/chunk.TR5SJ2LZ.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.QGTSHDWW.js";
+} from "./chunks/chunk.GCDHV6F5.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.BDKNOJYX.js";
+} from "./chunks/chunk.L2WFENRS.js";
 import {
   SdAccordion
-} from "./chunks/chunk.MSMR7NPP.js";
-import {
-  SdAnimation
-} from "./chunks/chunk.G5HAUM5L.js";
-import "./chunks/chunk.TJOP7HQP.js";
+} from "./chunks/chunk.K4AMWTZ4.js";
 import {
   SdAudio
-} from "./chunks/chunk.TGYBKEY2.js";
+} from "./chunks/chunk.IOTONILE.js";
 import {
   SdDrawer
-} from "./chunks/chunk.3ARIWNKQ.js";
+} from "./chunks/chunk.KS5ISFOK.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.JGFET2UA.js";
+} from "./chunks/chunk.4VAT3JGP.js";
 import {
   SdLoader
-} from "./chunks/chunk.ETFAVTWL.js";
-import "./chunks/chunk.KVKRZJS7.js";
+} from "./chunks/chunk.RWIE3FDX.js";
+import "./chunks/chunk.XCQC3F3H.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.OZ6OXBJC.js";
+} from "./chunks/chunk.E34B4T4D.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -199,11 +195,15 @@ import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
 import "./chunks/chunk.HIAKAB7R.js";
-import "./chunks/chunk.IL7UPX5U.js";
+import "./chunks/chunk.7VEM2IPR.js";
+import "./chunks/chunk.POFWU6ZT.js";
+import {
+  SdAnimation
+} from "./chunks/chunk.C34AQMYN.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.VRFFOJAC.js";
+import "./chunks/chunk.KMI7LMK3.js";
 import "./chunks/chunk.HQWAKJBV.js";
-import "./chunks/chunk.POFWU6ZT.js";
+import "./chunks/chunk.TJOP7HQP.js";
 import "./chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController,

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.IL7UPX5U.js";
+} from "../chunks/chunk.7VEM2IPR.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   en_default as default

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.ZS7PGX4E.js";
-import "../chunks/chunk.VRFFOJAC.js";
+import "../chunks/chunk.G4W5RMR2.js";
+import "../chunks/chunk.KMI7LMK3.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/form.js

@@ -1,6 +1,6 @@
 import {
   formCollections
-} from "../chunks/chunk.KVKRZJS7.js";
+} from "../chunks/chunk.XCQC3F3H.js";
 import "../chunks/chunk.S3NI7NKU.js";
 
 // src/utilities/form.ts

package/dist/utilities/localize.js

@@ -2,7 +2,7 @@ import {
   LocalizeController
 } from "../chunks/chunk.YKM42GKF.js";
 import "../chunks/chunk.HIAKAB7R.js";
-import "../chunks/chunk.IL7UPX5U.js";
+import "../chunks/chunk.7VEM2IPR.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController

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": "5.13.13",
+  "version": "5.13.15",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/chunks/{chunk.7LZ5ZQ7G.js → chunk.22TF2EIE.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.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-5-13-13-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-5-13-15-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-5-13-13-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-5-13-15-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-5-13-13-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-5-13-15-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-5-13-13-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-5-13-15-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-5-13-13-button-group__button");
-        button.classList.toggle("sd-5-13-13-button-group__button--first", index === 0);
-        button.classList.toggle("sd-5-13-13-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-5-13-13-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-5-13-13-button-group__button--radio", button.tagName.toLowerCase() === "sd-5-13-13-radio-button");
+        button.classList.add("sd-5-13-15-button-group__button");
+        button.classList.toggle("sd-5-13-15-button-group__button--first", index === 0);
+        button.classList.toggle("sd-5-13-15-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-5-13-15-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-5-13-15-button-group__button--radio", button.tagName.toLowerCase() === "sd-5-13-15-radio-button");
       }
     });
   }
@@ -63,11 +63,11 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-5-13-13-button-group")
+  customElement("sd-5-13-15-button-group")
 ], SdButtonGroup);
 function findButton(el) {
   var _a;
-  const selector = "sd-5-13-13-button, sd-5-13-13-radio-button";
+  const selector = "sd-5-13-15-button, sd-5-13-15-radio-button";
   return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
 }
 

package/dist-versioned/chunks/{chunk.TYT467JR.js → chunk.27LYUN6Y.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -137,7 +137,7 @@ __decorateClass([
   state()
 ], SdBrandshape.prototype, "componentBreakpoint", 2);
 SdBrandshape = __decorateClass([
-  customElement("sd-5-13-13-brandshape")
+  customElement("sd-5-13-15-brandshape")
 ], SdBrandshape);
 
 export {

package/dist-versioned/chunks/{chunk.GXUXYUOG.js → chunk.2E5VDWX4.js}

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   animateTo,
   parseDuration,
@@ -206,15 +206,15 @@ var SdTooltip = class extends SolidElement {
   render() {
     const isStart = this.placement.endsWith("-start");
     const isEnd = this.placement.endsWith("-end");
-    return html`<sd-5-13-13-popup part="base" exportparts="
+    return html`<sd-5-13-15-popup part="base" exportparts="
           popup:base__popup,
           arrow:base__arrow
-        " class="${cx(this.open && "tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{ start: 2, end: -2, default: 0 }[isStart ? "start" : isEnd ? "end" : "default"] * (this.size === "sm" ? -1 : 1)}" strategy="${this.hoist ? "fixed" : "absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0">${this.hasCustomTrigger ? html`<slot slot="anchor"></slot>` : html`<button slot="anchor" aria-describedby="tooltip" class="${cx("flex sd-interactive rounded-full", this.size === "lg" ? "text-xl" : "text-base")}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="tooltip"><sd-5-13-13-icon library="_internal" name="info-circle" label="Tooltip" class="${cx(this.disabled && "sd-interactive--disabled")}"></sd-5-13-13-icon></button>`}<slot name="content" part="body" id="tooltip" class="bg-primary text-white py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="${this.content}" aria-live="${this.open ? "polite" : "off"}">${this.content}</slot></sd-5-13-13-popup>`;
+        " class="${cx(this.open && "tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{ start: 2, end: -2, default: 0 }[isStart ? "start" : isEnd ? "end" : "default"] * (this.size === "sm" ? -1 : 1)}" strategy="${this.hoist ? "fixed" : "absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0">${this.hasCustomTrigger ? html`<slot slot="anchor"></slot>` : html`<button slot="anchor" aria-describedby="tooltip" class="${cx("flex sd-interactive rounded-full", this.size === "lg" ? "text-xl" : "text-base")}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="tooltip"><sd-5-13-15-icon library="_internal" name="info-circle" label="Tooltip" class="${cx(this.disabled && "sd-interactive--disabled")}"></sd-5-13-15-icon></button>`}<slot name="content" part="body" id="tooltip" class="bg-primary text-white py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="${this.content}" aria-live="${this.open ? "polite" : "off"}">${this.content}</slot></sd-5-13-15-popup>`;
   }
 };
 SdTooltip.styles = [
   ...SolidElement.styles,
-  css`:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-5-13-13-popup{--arrow-color:rgb(var(--sd-color-primary,0 53 142)/1);--arrow-size:10px}sd-5-13-13-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-5-13-13-popup::part(arrow){--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-5-13-13-popup[placement^=top]::part(popup){transform-origin:bottom}sd-5-13-13-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important;overflow:auto}`
+  css`:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-5-13-15-popup{--arrow-color:rgb(var(--sd-color-primary,0 53 142)/1);--arrow-size:10px}sd-5-13-15-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-5-13-15-popup::part(arrow){--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-5-13-15-popup[placement^=top]::part(popup){transform-origin:bottom}sd-5-13-15-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important;overflow:auto}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -223,7 +223,7 @@ __decorateClass([
   query("#tooltip")
 ], SdTooltip.prototype, "body", 2);
 __decorateClass([
-  query("sd-5-13-13-popup")
+  query("sd-5-13-15-popup")
 ], SdTooltip.prototype, "popup", 2);
 __decorateClass([
   property({ type: String, reflect: true })
@@ -256,7 +256,7 @@ __decorateClass([
   watch("disabled")
 ], SdTooltip.prototype, "handleDisabledChange", 1);
 SdTooltip = __decorateClass([
-  customElement("sd-5-13-13-tooltip")
+  customElement("sd-5-13-15-tooltip")
 ], SdTooltip);
 setDefaultAnimation("tooltip.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],

package/dist-versioned/chunks/{chunk.QQUOW5WM.js → chunk.2NGWIHT5.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -22,7 +22,7 @@ var SdBreadcrumb = class extends SolidElement {
     this.isTruncated = false;
   }
   get items() {
-    return this.querySelectorAll("sd-5-13-13-breadcrumb-item");
+    return this.querySelectorAll("sd-5-13-15-breadcrumb-item");
   }
   cacheItemPositions() {
     this.items.forEach((item) => {
@@ -67,12 +67,12 @@ var SdBreadcrumb = class extends SolidElement {
   }
   handleMobileChevron() {
     var _a, _b, _c;
-    const icon = document.createElement("sd-5-13-13-icon");
+    const icon = document.createElement("sd-5-13-15-icon");
     icon.setAttribute("slot", "icon-left");
     icon.setAttribute("library", "_internal");
     icon.setAttribute("name", "chevron-left");
     icon.setAttribute("class", "text-base me-1 lg:hidden");
-    (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-13-13-link")) == null ? void 0 : _c.appendChild(icon);
+    (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-13-15-link")) == null ? void 0 : _c.appendChild(icon);
   }
   handleSlotChange() {
     this.handleMobileChevron();
@@ -87,12 +87,12 @@ var SdBreadcrumb = class extends SolidElement {
     this.resizeObserver.unobserve(this);
   }
   render() {
-    return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-5-13-13-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-5-13-13-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
+    return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-5-13-15-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-5-13-15-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
   }
 };
 SdBreadcrumb.styles = [
   ...SolidElement.styles,
-  css`:host{display:block;position:relative}::slotted(sd-5-13-13-breadcrumb-item:not(:last-of-type)):after,sd-5-13-13-dropdown:after{border-radius:var(--sd-border-radius-full,9999px);content:var(--tw-content);display:none;height:var(--sd-spacing-1,.25rem);margin-left:var(--sd-spacing-2,.5rem);margin-right:var(--sd-spacing-2,.5rem);width:var(--sd-spacing-1,.25rem);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-bg-opacity,1))}@media (min-width:1024px){::slotted(sd-5-13-13-breadcrumb-item:not(:last-of-type)):after,sd-5-13-13-dropdown:after{content:var(--tw-content);display:inline-block}}::slotted(sd-5-13-13-breadcrumb-item:nth-last-child(2)){display:flex}@media (min-width:1024px){::slotted(sd-5-13-13-breadcrumb-item:nth-last-child(2)):after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity,1))}}::slotted(sd-5-13-13-breadcrumb-item),sd-5-13-13-dropdown{align-items:center;display:none}@media (min-width:1024px){::slotted(sd-5-13-13-breadcrumb-item),sd-5-13-13-dropdown{display:flex}}`
+  css`:host{display:block;position:relative}::slotted(sd-5-13-15-breadcrumb-item:not(:last-of-type)):after,sd-5-13-15-dropdown:after{border-radius:var(--sd-border-radius-full,9999px);content:var(--tw-content);display:none;height:var(--sd-spacing-1,.25rem);margin-left:var(--sd-spacing-2,.5rem);margin-right:var(--sd-spacing-2,.5rem);width:var(--sd-spacing-1,.25rem);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-bg-opacity,1))}@media (min-width:1024px){::slotted(sd-5-13-15-breadcrumb-item:not(:last-of-type)):after,sd-5-13-15-dropdown:after{content:var(--tw-content);display:inline-block}}::slotted(sd-5-13-15-breadcrumb-item:nth-last-child(2)){display:flex}@media (min-width:1024px){::slotted(sd-5-13-15-breadcrumb-item:nth-last-child(2)):after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity,1))}}::slotted(sd-5-13-15-breadcrumb-item),sd-5-13-15-dropdown{align-items:center;display:none}@media (min-width:1024px){::slotted(sd-5-13-15-breadcrumb-item),sd-5-13-15-dropdown{display:flex}}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -116,7 +116,7 @@ __decorateClass([
   state()
 ], SdBreadcrumb.prototype, "isTruncated", 2);
 SdBreadcrumb = __decorateClass([
-  customElement("sd-5-13-13-breadcrumb")
+  customElement("sd-5-13-15-breadcrumb")
 ], SdBreadcrumb);
 
 export {

package/dist-versioned/chunks/{chunk.W257EQK6.js → chunk.32GKKX5D.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -97,7 +97,7 @@ var SdMenu = class extends SolidElement {
   }
   isMenuItem(item) {
     var _a;
-    return item.tagName.toLowerCase() === "sd-5-13-13-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+    return item.tagName.toLowerCase() === "sd-5-13-15-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() {
@@ -131,13 +131,13 @@ var SdMenu = class extends SolidElement {
 };
 SdMenu.styles = [
   ...SolidElement.styles,
-  css`:host{border-radius:var(--sd-border-radius-md,.375rem);display:block;overflow:auto;overscroll-behavior:auto;padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);position:relative;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75))!important;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}::slotted(sd-5-13-13-divider){padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}`
+  css`:host{border-radius:var(--sd-border-radius-md,.375rem);display:block;overflow:auto;overscroll-behavior:auto;padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);position:relative;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75))!important;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}::slotted(sd-5-13-15-divider){padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}`
 ];
 __decorateClass([
   query("slot")
 ], SdMenu.prototype, "defaultSlot", 2);
 SdMenu = __decorateClass([
-  customElement("sd-5-13-13-menu")
+  customElement("sd-5-13-15-menu")
 ], SdMenu);
 
 export {

package/dist-versioned/chunks/{chunk.IORKEN4C.js → chunk.3HQ7FVJK.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk.GI7VDIWX.js";
 import {
   FormControlController
-} from "./chunk.KVKRZJS7.js";
+} from "./chunk.XCQC3F3H.js";
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -398,10 +398,10 @@ var SdRange = class extends SolidElement {
           ariaLabel = this.tooltipFormatter(value);
         }
       }
-      return html`<sd-5-13-13-tooltip hoist trigger="focus" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.noTooltip ? 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}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @pointerleave="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
+      return html`<sd-5-13-15-tooltip hoist trigger="focus" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.noTooltip ? 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}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @pointerleave="${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 ? "bg-neutral-500 outline-none" : "bg-primary hover:bg-primary-500 cursor-pointer focus-visible:focus-outline"
-      )}"></div></sd-5-13-13-tooltip>`;
+      )}"></div></sd-5-13-15-tooltip>`;
     });
   }
   render() {
@@ -414,7 +414,7 @@ var SdRange = class extends SolidElement {
     return html`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${hasLabel ? html`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${hasLabel ? "false" : "true"}" class="${cx("w-full", hasLabel ? "inline-block" : "hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>` : null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${cx("inline-flex w-full", this.visuallyDisabled && "focus-visible:focus-outline")}" tabindex="${ifDefined(this.visuallyDisabled ? "0" : void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" class="${cx("h-1 my-[6px]", this.disabled || this.visuallyDisabled ? "bg-neutral-500" : "bg-neutral-400")}"></div><div part="active-track" hidden="${ifDefined(this.noTrackBar ? true : void 0)}" class="${cx(
       "absolute top-0 h-1",
       this.disabled || this.visuallyDisabled ? "bg-neutral-500" : "bg-primary"
-    )}"></div></div>${this.renderThumbs(hasLabel)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>`;
+    )}"></div></div>${this.renderThumbs(hasLabel)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>`;
   }
 };
 SdRange.styles = [
@@ -473,7 +473,7 @@ __decorateClass([
   property({ type: String })
 ], SdRange.prototype, "value", 1);
 SdRange = __decorateClass([
-  customElement("sd-5-13-13-range")
+  customElement("sd-5-13-15-range")
 ], SdRange);
 
 export {

package/dist-versioned/chunks/{chunk.KLFBH24N.js → chunk.43K5SVK7.js}

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