@solid-design-system/components 4.6.12 → 4.6.13

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

@@ -29,8 +29,8 @@ var SdTabGroup = class extends SolidElement {
   }
   connectedCallback() {
     const whenAllDefined = Promise.all([
-      customElements.whenDefined("sd-4-6-12-tab"),
-      customElements.whenDefined("sd-4-6-12-tab-panel")
+      customElements.whenDefined("sd-4-6-13-tab"),
+      customElements.whenDefined("sd-4-6-13-tab-panel")
     ]);
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(() => {
@@ -70,20 +70,20 @@ var SdTabGroup = class extends SolidElement {
   }
   getAllTabs(options = { includeDisabled: true }) {
     const slot = this.shadowRoot.querySelector('slot[name="nav"]');
-    return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-4-6-12-tab" ? el : el.querySelector("sd-4-6-12-tab")).filter((el) => {
-      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-4-6-12-tab" : el.tagName.toLowerCase() === "sd-4-6-12-tab" && !el.disabled;
+    return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-4-6-13-tab" ? el : el.querySelector("sd-4-6-13-tab")).filter((el) => {
+      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-4-6-13-tab" : el.tagName.toLowerCase() === "sd-4-6-13-tab" && !el.disabled;
     });
   }
   getAllPanels() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-4-6-12-tab-panel");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-4-6-13-tab-panel");
   }
   getActiveTab() {
     return this.tabs.find((t) => t.matches(":focus"));
   }
   handleClick(event) {
     const target = event.target;
-    const tab = target.closest("sd-4-6-12-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-6-12-tab-group");
+    const tab = target.closest("sd-4-6-13-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-6-13-tab-group");
     if (tabGroup !== this) {
       return;
     }
@@ -93,8 +93,8 @@ var SdTabGroup = class extends SolidElement {
   }
   handleKeyDown(event) {
     const target = event.target;
-    const tab = target.closest("sd-4-6-12-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-6-12-tab-group");
+    const tab = target.closest("sd-4-6-13-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-6-13-tab-group");
     if (tabGroup !== this) {
       return;
     }
@@ -119,7 +119,7 @@ var SdTabGroup = class extends SolidElement {
     if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
       const activeEl = this.tabs.find((t) => t.matches(":focus"));
       const isRtl = this.localize.dir() === "rtl";
-      if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-4-6-12-tab") {
+      if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-4-6-13-tab") {
         let index = this.tabs.indexOf(activeEl);
         if (event.key === "Home") {
           index = 0;
@@ -215,15 +215,15 @@ var SdTabGroup = class extends SolidElement {
     return html`<div part="base" class="${cx("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${cx(this.hasScrollControls && "relative py-0 px-12")}">${this.hasScrollControls ? html`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${cx(
       "sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",
       this.localize.dir() === "rtl" && "left-auto right-0"
-    )}" @click="${this.handleScrollToStart}"><sd-4-6-12-icon library="system" name="${isRtl ? "chevron-up" : "chevron-down"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-6-12-icon></button>` : ""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${cx("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls ? html`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${cx(
+    )}" @click="${this.handleScrollToStart}"><sd-4-6-13-icon library="system" name="${isRtl ? "chevron-up" : "chevron-down"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-6-13-icon></button>` : ""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${cx("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls ? html`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${cx(
       "sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",
       this.localize.dir() === "rtl" && "right-auto left-0"
-    )}" @click="${this.handleScrollToEnd}"><sd-4-6-12-icon library="system" name="${isRtl ? "chevron-down" : "chevron-up"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-6-12-icon></button>` : ""}</div><slot part="body" class="${cx("block auto py-8 px-6", this.variant === "container" && "border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`;
+    )}" @click="${this.handleScrollToEnd}"><sd-4-6-13-icon library="system" name="${isRtl ? "chevron-down" : "chevron-up"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-6-13-icon></button>` : ""}</div><slot part="body" class="${cx("block auto py-8 px-6", this.variant === "container" && "border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`;
   }
 };
 SdTabGroup.styles = [
   ...SolidElement.styles,
-  css`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-4-6-12-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-6-12-tab-panel){--padding:1rem 0}`
+  css`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-4-6-13-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-6-13-tab-panel){--padding:1rem 0}`
 ];
 __decorateClass([
   query("[part=base]")
@@ -244,7 +244,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdTabGroup.prototype, "activation", 2);
 SdTabGroup = __decorateClass([
-  customElement("sd-4-6-12-tab-group")
+  customElement("sd-4-6-13-tab-group")
 ], SdTabGroup);
 
 export {

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

@@ -288,10 +288,10 @@ var SdAudio = class extends SolidElement {
     )}" part="audio-controls"><button class="${cx(
       "playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",
       this.inverted && "sd-interactive--inverted"
-    )}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-4-6-12-button ?inverted="${this.inverted ? true : false}" part="play-button" size="lg" @click="${!this.isPlaying ? this.playAudio : this.pauseAudio}" aria-label="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" title="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" class="text-3xl">${this.isPlaying ? html`<slot name="pause-icon"><sd-4-6-12-icon class="text-3xl" name="pause" library="system"></sd-4-6-12-icon></slot>` : html`<slot name="play-icon"><sd-4-6-12-icon class="text-3xl" name="start" library="system"></sd-4-6-12-icon></slot>`}</sd-4-6-12-button><div class="flex items-center justify-self-end">${this.hasSlotController.test("transcript") ? html`<button class="${cx(
+    )}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-4-6-13-button ?inverted="${this.inverted ? true : false}" part="play-button" size="lg" @click="${!this.isPlaying ? this.playAudio : this.pauseAudio}" aria-label="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" title="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" class="text-3xl">${this.isPlaying ? html`<slot name="pause-icon"><sd-4-6-13-icon class="text-3xl" name="pause" library="system"></sd-4-6-13-icon></slot>` : html`<slot name="play-icon"><sd-4-6-13-icon class="text-3xl" name="start" library="system"></sd-4-6-13-icon></slot>`}</sd-4-6-13-button><div class="flex items-center justify-self-end">${this.hasSlotController.test("transcript") ? html`<button class="${cx(
       "mr-6 w-6 h-6 hover:cursor-pointer sd-interactive",
       this.inverted && "sd-interactive--inverted"
-    )}" aria-label="${this.isTranscriptOpen ? this.localize.term("transcriptIsOpen") : this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-4-6-12-icon class="w-6 h-6" name="transcript" library="system"></sd-4-6-12-icon></button>` : null} <button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" part="volume" aria-label="${!this.isMuted ? this.localize.term("mute") : this.localize.term("unmute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-4-6-12-icon class="w-6 h-6" name="${this.isMuted ? "mute" : "volume"}" library="system"></sd-4-6-12-icon></button></div></div>`;
+    )}" aria-label="${this.isTranscriptOpen ? this.localize.term("transcriptIsOpen") : this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-4-6-13-icon class="w-6 h-6" name="transcript" library="system"></sd-4-6-13-icon></button>` : null} <button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" part="volume" aria-label="${!this.isMuted ? this.localize.term("mute") : this.localize.term("unmute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-4-6-13-icon class="w-6 h-6" name="${this.isMuted ? "mute" : "volume"}" library="system"></sd-4-6-13-icon></button></div></div>`;
     const renderTimestamps = html`<div class="${cx(
       "w-full flex justify-between",
       this.reversedLayout ? "mb-2" : "mt-2",
@@ -301,12 +301,12 @@ var SdAudio = class extends SolidElement {
     return html`<div class="${cx("w-full flex relative", this.reversedLayout ? "flex-col-reverse" : "flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated || this.animated && this.reversedLayout ? renderAudioControls : null}<div class="relative">${this.animated && !this.reversedLayout ? html`${renderAudioControls}` : null} ${this.animated ? html`<canvas class="w-full h-16"></canvas>` : null} ${!this.hideTimestamps && this.animated && this.reversedLayout ? renderTimestamps : null} <input class="${cx(
       "progress-slider bg-primary appearance-none w-full cursor-pointer outline-none h-1 flex items-center sd-interactive",
       this.inverted && "sd-interactive--inverted"
-    )}" type="range" max="100" step="0.001" value="${this.progress}" @input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}" aria-label="${this.localize.term("seekBar")}" part="progress-slider" style="background:linear-gradient(to right,${this.inverted ? "rgb(var(--sd-color-white, 255 255 255) / 1)" : "rgb(var(--sd-color-primary, 0 53 142) / 1)"} ${progressPercentage}%,${this.animated ? "transparent" : this.inverted ? "rgb(var(--sd-color-primary-400, 153 171 208) / 1)" : "rgb(var(--sd-color-grey-400, 195 195 195) / 1)"} ${progressPercentage}%)"></div>${this.hasSlotController.test("transcript") ? html`<sd-4-6-12-drawer><slot name="transcript"></slot></sd-4-6-12-drawer>` : null} ${!this.hideTimestamps && (!this.animated || !this.reversedLayout) ? renderTimestamps : null}</div>`;
+    )}" type="range" max="100" step="0.001" value="${this.progress}" @input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}" aria-label="${this.localize.term("seekBar")}" part="progress-slider" style="background:linear-gradient(to right,${this.inverted ? "rgb(var(--sd-color-white, 255 255 255) / 1)" : "rgb(var(--sd-color-primary, 0 53 142) / 1)"} ${progressPercentage}%,${this.animated ? "transparent" : this.inverted ? "rgb(var(--sd-color-primary-400, 153 171 208) / 1)" : "rgb(var(--sd-color-grey-400, 195 195 195) / 1)"} ${progressPercentage}%)"></div>${this.hasSlotController.test("transcript") ? html`<sd-4-6-13-drawer><slot name="transcript"></slot></sd-4-6-13-drawer>` : null} ${!this.hideTimestamps && (!this.animated || !this.reversedLayout) ? renderTimestamps : null}</div>`;
   }
 };
 SdAudio.styles = [
   ...SolidElement.styles,
-  css`.progress-slider:focus-visible{outline:2px solid transparent;outline-offset:2px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline-style:solid}.progress-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-moz-range-thumb{outline-offset:2px;outline-style:solid}sd-4-6-12-button::part(base){align-items:center;border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-16,4rem);justify-content:center;width:var(--sd-spacing-16,4rem)}sd-4-6-12-button::part(label){align-items:center;display:flex;flex-grow:0}`
+  css`.progress-slider:focus-visible{outline:2px solid transparent;outline-offset:2px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline-style:solid}.progress-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-moz-range-thumb{outline-offset:2px;outline-style:solid}sd-4-6-13-button::part(base){align-items:center;border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-16,4rem);justify-content:center;width:var(--sd-spacing-16,4rem)}sd-4-6-13-button::part(label){align-items:center;display:flex;flex-grow:0}`
 ];
 __decorateClass([
   property({ type: Boolean, reflect: true, attribute: "reversed-layout" })
@@ -348,13 +348,13 @@ __decorateClass([
   query('[part="audio-player"]')
 ], SdAudio.prototype, "audioPlayerContainer", 2);
 __decorateClass([
-  query("sd-4-6-12-drawer")
+  query("sd-4-6-13-drawer")
 ], SdAudio.prototype, "drawer", 2);
 __decorateClass([
   query("canvas")
 ], SdAudio.prototype, "canvas", 2);
 SdAudio = __decorateClass([
-  customElement("sd-4-6-12-audio")
+  customElement("sd-4-6-13-audio")
 ], SdAudio);
 
 export {

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

@@ -103,7 +103,7 @@ var SdVideo = class extends SolidElement {
       this.playing ? "opacity-0" : "opacity-100",
       this.isBelowBreakpoint ? "w-[48px] h-[48px]" : "w-[96px] h-[96px]",
       "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white bg-opacity-75 rounded-full play-pause-transition outline-2 outline-offset-2 group-focus-visible:outline"
-    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-4-6-12-icon id="default-play-icon" library="system" name="start"></sd-4-6-12-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>` : null}<slot></slot></div>`;
+    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-4-6-13-icon id="default-play-icon" library="system" name="start"></sd-4-6-13-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>` : null}<slot></slot></div>`;
   }
 };
 SdVideo.styles = [
@@ -120,7 +120,7 @@ __decorateClass([
   property({ type: Boolean })
 ], SdVideo.prototype, "isBelowBreakpoint", 2);
 SdVideo = __decorateClass([
-  customElement("sd-4-6-12-video")
+  customElement("sd-4-6-13-video")
 ], SdVideo);
 
 export {

package/dist-versioned/components/accordion/accordion.d.ts

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-accordion': SdAccordion;
+        'sd-4-6-13-accordion': SdAccordion;
     }
 }

package/dist-versioned/components/accordion-group/accordion-group.d.ts

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-accordion-group': SdAccordionGroup;
+        'sd-4-6-13-accordion-group': SdAccordionGroup;
     }
 }

package/dist-versioned/components/animation/animation.d.ts

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-animation': SdAnimation;
+        'sd-4-6-13-animation': SdAnimation;
     }
 }

package/dist-versioned/components/audio/audio.d.ts

@@ -53,6 +53,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-audio': SdAudio;
+        'sd-4-6-13-audio': SdAudio;
     }
 }

package/dist-versioned/components/badge/badge.d.ts

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-badge': SdBadge;
+        'sd-4-6-13-badge': SdBadge;
     }
 }

package/dist-versioned/components/brandshape/brandshape.d.ts

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-brandshape': SdBrandshape;
+        'sd-4-6-13-brandshape': SdBrandshape;
     }
 }
 export {};

package/dist-versioned/components/button/button.d.ts

@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-button': SdButton;
+        'sd-4-6-13-button': SdButton;
     }
 }

package/dist-versioned/components/button-group/button-group.d.ts

@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-button-group': SdButtonGroup;
+        'sd-4-6-13-button-group': SdButtonGroup;
     }
 }

package/dist-versioned/components/carousel/carousel.d.ts

@@ -55,6 +55,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-carousel': SdCarousel;
+        'sd-4-6-13-carousel': SdCarousel;
     }
 }

package/dist-versioned/components/carousel-item/carousel-item.d.ts

@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-carousel-item': SdCarouselItem;
+        'sd-4-6-13-carousel-item': SdCarouselItem;
     }
 }

package/dist-versioned/components/checkbox/checkbox.d.ts

@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-checkbox': SdCheckbox;
+        'sd-4-6-13-checkbox': SdCheckbox;
     }
 }

package/dist-versioned/components/checkbox-group/checkbox-group.d.ts

@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-checkbox-group': SdCheckboxGroup;
+        'sd-4-6-13-checkbox-group': SdCheckboxGroup;
     }
 }

package/dist-versioned/components/combobox/combobox.d.ts

@@ -120,6 +120,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-combobox': SdCombobox;
+        'sd-4-6-13-combobox': SdCombobox;
     }
 }

package/dist-versioned/components/dialog/dialog.d.ts

@@ -28,6 +28,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-dialog': SdDialog;
+        'sd-4-6-13-dialog': SdDialog;
     }
 }

package/dist-versioned/components/divider/divider.d.ts

@@ -8,6 +8,6 @@ export default class SdDivider extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-divider': SdDivider;
+        'sd-4-6-13-divider': SdDivider;
     }
 }

package/dist-versioned/components/drawer/drawer.d.ts

@@ -31,6 +31,6 @@ export default class SdDrawer extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-drawer': SdDrawer;
+        'sd-4-6-13-drawer': SdDrawer;
     }
 }

package/dist-versioned/components/dropdown/dropdown.d.ts

@@ -45,6 +45,6 @@ export default class SdDropdown extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-dropdown': SdDropdown;
+        'sd-4-6-13-dropdown': SdDropdown;
     }
 }

package/dist-versioned/components/expandable/expandable.d.ts

@@ -19,6 +19,6 @@ export default class SdExpandable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-expandable': SdExpandable;
+        'sd-4-6-13-expandable': SdExpandable;
     }
 }

package/dist-versioned/components/flipcard/flipcard.d.ts

@@ -19,6 +19,6 @@ export default class SdFlipcard extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-flipcard': SdFlipcard;
+        'sd-4-6-13-flipcard': SdFlipcard;
     }
 }

package/dist-versioned/components/header/header.d.ts

@@ -18,6 +18,6 @@ export default class SdHeader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-header': SdHeader;
+        'sd-4-6-13-header': SdHeader;
     }
 }

package/dist-versioned/components/icon/icon.d.ts

@@ -17,6 +17,6 @@ export default class SdIcon extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-icon': SdIcon;
+        'sd-4-6-13-icon': SdIcon;
     }
 }

package/dist-versioned/components/include/include.d.ts

@@ -10,6 +10,6 @@ export default class SdInclude extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-include': SdInclude;
+        'sd-4-6-13-include': SdInclude;
     }
 }

package/dist-versioned/components/input/input.d.ts

@@ -83,6 +83,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-input': SdInput;
+        'sd-4-6-13-input': SdInput;
     }
 }

package/dist-versioned/components/link/link.d.ts

@@ -19,6 +19,6 @@ export default class SdLink extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-link': SdLink;
+        'sd-4-6-13-link': SdLink;
     }
 }

package/dist-versioned/components/map-marker/map-marker.d.ts

@@ -19,6 +19,6 @@ export default class SdMapMarker extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-map-marker': SdMapMarker;
+        'sd-4-6-13-map-marker': SdMapMarker;
     }
 }

package/dist-versioned/components/navigation-item/navigation-item.d.ts

@@ -32,6 +32,6 @@ export default class SdNavigationItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-navigation-item': SdNavigationItem;
+        'sd-4-6-13-navigation-item': SdNavigationItem;
     }
 }

package/dist-versioned/components/notification/notification.d.ts

@@ -15,8 +15,6 @@ export default class SdNotification extends SolidElement {
     toastStack: 'top-right' | 'bottom-center';
     private remainingDuration;
     private startTime;
-    private tabDirection;
-    private focused;
     get stack(): HTMLElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -25,8 +23,6 @@ export default class SdNotification extends SolidElement {
     private onHover;
     private onHoverEnd;
     private handleCloseClick;
-    private checkFocus;
-    private handleFocusIn;
     private handleKeyDown;
     handleOpenChange(): Promise<void>;
     handleDurationChange(): void;
@@ -38,6 +34,6 @@ export default class SdNotification extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-notification': SdNotification;
+        'sd-4-6-13-notification': SdNotification;
     }
 }

package/dist-versioned/components/notification/notification.js

@@ -1,6 +1,6 @@
 import {
   SdNotification
-} from "../../chunks/chunk.SYPP74RS.js";
+} from "../../chunks/chunk.QB4ZOKFD.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";

package/dist-versioned/components/optgroup/optgroup.d.ts

@@ -3,7 +3,7 @@ import SolidElement from '../../internal/solid-element';
 export default class SdOptgroup extends SolidElement {
     private readonly localize;
     static dependencies: {
-        'sd-4-6-12-divider': typeof SdDivider;
+        'sd-4-6-13-divider': typeof SdDivider;
     };
     defaultSlot: HTMLSlotElement;
     private handleDisableOptions;
@@ -15,6 +15,6 @@ export default class SdOptgroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-optgroup': SdOptgroup;
+        'sd-4-6-13-optgroup': SdOptgroup;
     }
 }

package/dist-versioned/components/option/option.d.ts

@@ -25,6 +25,6 @@ export default class SdOption extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-option': SdOption;
+        'sd-4-6-13-option': SdOption;
     }
 }

package/dist-versioned/components/popup/popup.d.ts

@@ -40,6 +40,6 @@ export default class SdPopup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-popup': SdPopup;
+        'sd-4-6-13-popup': SdPopup;
     }
 }

package/dist-versioned/components/quickfact/quickfact.d.ts

@@ -7,6 +7,6 @@ export default class SdQuickfact extends SdAccordion {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-quickfact': SdQuickfact;
+        'sd-4-6-13-quickfact': SdQuickfact;
     }
 }

package/dist-versioned/components/radio/radio.d.ts

@@ -22,6 +22,6 @@ export default class SdRadio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-radio': SdRadio;
+        'sd-4-6-13-radio': SdRadio;
     }
 }

package/dist-versioned/components/radio-button/radio-button.d.ts

@@ -21,6 +21,6 @@ export default class SdRadioButton extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-radio-button': SdRadioButton;
+        'sd-4-6-13-radio-button': SdRadioButton;
     }
 }

package/dist-versioned/components/radio-group/radio-group.d.ts

@@ -4,7 +4,7 @@ import SolidElement from '../../internal/solid-element';
 import type { SolidFormControl } from '../../internal/solid-element';
 export default class SdRadioGroup extends SolidElement implements SolidFormControl {
     static dependencies: {
-        'sd-4-6-12-button-group': typeof SdButtonGroup;
+        'sd-4-6-13-button-group': typeof SdButtonGroup;
     };
     protected readonly formControlController: FormControlController;
     private readonly hasSlotController;
@@ -49,6 +49,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-radio-group': SdRadioGroup;
+        'sd-4-6-13-radio-group': SdRadioGroup;
     }
 }

package/dist-versioned/components/scrollable/scrollable.d.ts

@@ -32,6 +32,6 @@ export default class SdScrollable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-scrollable': SdScrollable;
+        'sd-4-6-13-scrollable': SdScrollable;
     }
 }

package/dist-versioned/components/select/select.d.ts

@@ -97,6 +97,6 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-select': SdSelect;
+        'sd-4-6-13-select': SdSelect;
     }
 }

package/dist-versioned/components/spinner/spinner.d.ts

@@ -8,6 +8,6 @@ export default class SdSpinner extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-spinner': SdSpinner;
+        'sd-4-6-13-spinner': SdSpinner;
     }
 }

package/dist-versioned/components/step/step.d.ts

@@ -24,6 +24,6 @@ export default class SdStep extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-step': SdStep;
+        'sd-4-6-13-step': SdStep;
     }
 }

package/dist-versioned/components/step-group/step-group.d.ts

@@ -18,6 +18,6 @@ export default class SdStepGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-step-group': SdStepGroup;
+        'sd-4-6-13-step-group': SdStepGroup;
     }
 }

package/dist-versioned/components/switch/switch.d.ts

@@ -34,6 +34,6 @@ export default class SdSwitch extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-switch': SdSwitch;
+        'sd-4-6-13-switch': SdSwitch;
     }
 }

package/dist-versioned/components/tab/tab.d.ts

@@ -19,6 +19,6 @@ export default class SdTab extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-tab': SdTab;
+        'sd-4-6-13-tab': SdTab;
     }
 }

package/dist-versioned/components/tab-group/tab-group.d.ts

@@ -33,6 +33,6 @@ export default class SdTabGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-tab-group': SdTabGroup;
+        'sd-4-6-13-tab-group': SdTabGroup;
     }
 }

package/dist-versioned/components/tab-panel/tab-panel.d.ts

@@ -11,6 +11,6 @@ export default class SdTabPanel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-tab-panel': SdTabPanel;
+        'sd-4-6-13-tab-panel': SdTabPanel;
     }
 }

package/dist-versioned/components/tag/tag.d.ts

@@ -23,6 +23,6 @@ export default class SdTag extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-6-12-tag': SdTag;
+        'sd-4-6-13-tag': SdTag;
     }
 }