@solid-design-system/components 4.6.4 → 4.6.6

package/dist/chunks/{chunk.YHTQE7Z5.js → chunk.7EZP47DO.js}

@@ -1,6 +1,9 @@
 import {
   HasSlotController
 } from "./chunk.YEZS5ZR2.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   SolidElement,
   customElement
@@ -19,6 +22,7 @@ var SdNavigationItem = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "[default]", "description", "children");
+    this.localize = new LocalizeController(this);
     this.vertical = false;
     this.size = "md";
     this.current = false;
@@ -102,7 +106,7 @@ var SdNavigationItem = class extends SolidElement {
       this.divider && this.vertical && "mt-0.25",
       !this.vertical && "inline-flex items-center",
       !this.separated && "hover:bg-neutral-200 group transition-all min-h-[48px] px-4"
-    )}" aria-controls="${ifDefined(isAccordion ? "navigation-item-details" : void 0)}" aria-current="${ifDefined(this.current ? "page" : void 0)}" aria-disabled="${this.disabled}" ?disabled="${ifDefined(isButton ? this.disabled : void 0)}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" role="${isLink ? "link" : "button"}" tabindex="${this.disabled || this.separated ? "-1" : "0"}" @click="${this.separated ? void 0 : isAccordion ? this.handleClickSummary : isButton ? this.handleClickButton : void 0}"><div part="current-indicator" class="${cx(
+    )}" aria-current="${ifDefined(this.current ? "page" : void 0)}" aria-disabled="${this.disabled}" ?disabled="${ifDefined(isButton ? this.disabled : void 0)}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" role="${isLink ? "link" : "button"}" tabindex="${this.disabled || this.separated ? "-1" : "0"}" @click="${this.separated ? void 0 : isAccordion ? this.handleClickSummary : isButton ? this.handleClickButton : void 0}"><div part="current-indicator" class="${cx(
       "absolute left-0 pointer-events-none transition-all duration-150",
       this.vertical ? "w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0" : "h-1 w-full bottom-0",
       this.current ? "bg-accent" : "bg-transparent",
@@ -115,7 +119,7 @@ var SdNavigationItem = class extends SolidElement {
     )}">${this.divider && this.vertical ? html`<sd-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-divider>` : ""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated ? html`<a class="${cx(
       "mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-all min-h-[48px]",
       !slots["description"] && "py-4"
-    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline"></slot></a>` : html`<slot part="content" class="inline"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="toggle-details" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${cx(
+    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline"></slot></a>` : html`<slot part="content" class="inline"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${cx(
       "mr-4 h-6 w-6 transition-all",
       isAccordion || this.separated ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
     )}"></sd-icon></button>` : html`<sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${cx(

package/{dist-versioned/chunks/chunk.3WMXHPM4.js → dist/chunks/chunk.CX3GTFZI.js}

@@ -4,14 +4,17 @@ var translation = {
   $code: "en",
   $name: "English",
   $dir: "ltr",
-  autoplay: "Autoplay",
   audioPlayer: "Audio Player",
+  autoplay: "Autoplay",
+  carousel: "Carousel",
+  carouselContainer: (count) => `Carousel has ${count} slides`,
   clearEntry: "Clear entry",
   close: "Close",
+  collapseNavigationItem: "Collapse navigation item",
   comboboxDefaultPlaceholder: "Please search and select",
   copy: "Copy",
-  carousel: "Carousel",
   currentValue: "Current value",
+  expandNavigationItem: "Expand navigation item",
   goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,
   hidePassword: "Hide password",
   loading: "Loading",

package/dist/chunks/{chunk.45UIKPTU.js → chunk.RZ3E76KV.js}

@@ -174,6 +174,16 @@ var SdCarousel = class extends SolidElement {
       this.activeSlide = slides.indexOf(firstIntersecting.target);
     }
   }
+  handleFocus() {
+    if (this.autoplay) {
+      this.scrollContainer.setAttribute("aria-live", "polite");
+    }
+  }
+  handleBlur() {
+    if (this.autoplay) {
+      this.scrollContainer.setAttribute("aria-live", "off");
+    }
+  }
   /**
    * Pause the autoplay.
    */
@@ -363,11 +373,11 @@ var SdCarousel = class extends SolidElement {
       this.inverted ? "focus-visible:focus-outline-inverted" : "focus-visible:focus-outline",
       `overscroll-x-contain grid-flow-col auto-rows-[100%]
             snap-x snap-mandatory overflow-y-hidden`
-    )}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${scrollController.scrolling ? "true" : "false"}" role="status" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${cx("w-full flex items-center justify-center relative")}"><div part="navigation" class="${cx("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!prevEnabled ? true : false}" class="${cx(
+    )}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${scrollController.scrolling ? "true" : "false"}" aria-label="${this.localize.term("carouselContainer", this.slides.length)}" aria-live="${this.autoplay ? "off" : "polite"}" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><slot></slot></div><div part="controls" class="${cx("w-full flex items-center justify-center relative")}"><div part="navigation" class="${cx("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!prevEnabled ? true : false}" class="${cx(
       "!mr-6 !rounded-sm sd-interactive",
       !prevEnabled && "sd-interactive--disabled",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset"
-    )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @click="${prevEnabled ? (e) => {
+    )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${prevEnabled ? (e) => {
       this.previous();
       this.unblockAutoplay(e, this.previousButton);
     } : null}"><slot name="previous-icon"><sd-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
@@ -390,7 +400,7 @@ var SdCarousel = class extends SolidElement {
       "!ml-6 !rounded-sm sd-interactive ",
       !nextEnabled && "sd-interactive--disabled",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset"
-    )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @click="${nextEnabled ? (e) => {
+    )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${nextEnabled ? (e) => {
       this.next();
       this.unblockAutoplay(e, this.nextButton);
     } : null}"><slot name="next-icon"><sd-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-icon></slot></button></div><button class="${cx(

package/{dist-versioned/chunks/chunk.KSVXMAIW.js → dist/chunks/chunk.Y3TGDH7A.js}

@@ -4,14 +4,17 @@ var translation = {
   $code: "de",
   $name: "Deutsch",
   $dir: "ltr",
-  autoplay: "Autoplay",
   audioPlayer: "Audio-Player",
+  autoplay: "Autoplay",
   carousel: "Karussell",
+  carouselContainer: (count) => `Karussell hat ${count} folien`,
   clearEntry: "Eingabe l\xF6schen",
   close: "Schlie\xDFen",
+  collapseNavigationItem: "Navigationspunkt reduzieren",
   comboboxDefaultPlaceholder: "Bitte suchen und ausw\xE4hlen",
   copy: "Kopieren",
   currentValue: "Aktueller Wert",
+  expandNavigationItem: "Navigationspunkt erweitern",
   goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,
   hidePassword: "Passwort verbergen",
   loading: "Wird geladen",
@@ -35,9 +38,9 @@ var translation = {
   removed: (name) => `${name} entfernt`,
   resize: "Gr\xF6\xDFe \xE4ndern",
   scrollToEnd: "Zum Ende scrollen",
+  scrollToStart: "Zum Anfang scrollen",
   search: "Suchen",
   seekBar: "Schieberegler f\xFCr Suche",
-  scrollToStart: "Zum Anfang scrollen",
   selectAColorFromTheScreen: "Farbe vom Bildschirm ausw\xE4hlen",
   selectDefaultPlaceholder: "Bitte ausw\xE4hlen",
   showLess: "Weniger anzeigen",

package/dist/components/accordion/accordion.js

@@ -13,8 +13,8 @@ import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/accordion-group/accordion-group.js

@@ -14,8 +14,8 @@ import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/audio/audio.js

@@ -3,8 +3,8 @@ import {
 } from "../../chunks/chunk.FP7OUGE5.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/button/button.js

@@ -6,8 +6,8 @@ import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -36,6 +36,8 @@ export default class SdCarousel extends SolidElement {
     private handleKeyDown;
     private handleScrollEnd;
     private handleSlotChange;
+    private handleFocus;
+    private handleBlur;
     private unblockAutoplay;
     pause(): void;
     resume(): void;

package/dist/components/carousel/carousel.js

@@ -1,6 +1,6 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.45UIKPTU.js";
+} from "../../chunks/chunk.RZ3E76KV.js";
 import "../../chunks/chunk.F4VGSDIW.js";
 import "../../chunks/chunk.2LMWBUBT.js";
 import "../../chunks/chunk.NOWCQZBS.js";
@@ -16,8 +16,8 @@ import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/combobox/combobox.js

@@ -21,8 +21,8 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/dialog/dialog.js

@@ -20,8 +20,8 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/drawer/drawer.js

@@ -20,8 +20,8 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/dropdown/dropdown.js

@@ -9,8 +9,8 @@ import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/expandable/expandable.js

@@ -4,8 +4,8 @@ import {
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/flipcard/flipcard.js

@@ -14,8 +14,8 @@ import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/input/input.js

@@ -13,8 +13,8 @@ import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,6 +1,7 @@
 import SolidElement from '../../internal/solid-element';
 export default class SdNavigationItem extends SolidElement {
     private readonly hasSlotController;
+    private readonly localize;
     button: HTMLButtonElement | HTMLLinkElement | null;
     vertical: boolean;
     size: 'md' | 'lg' | 'sm';

package/dist/components/navigation-item/navigation-item.js

@@ -1,7 +1,10 @@
 import {
   SdNavigationItem
-} from "../../chunks/chunk.YHTQE7Z5.js";
+} from "../../chunks/chunk.7EZP47DO.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
+import "../../chunks/chunk.YKM42GKF.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/notification/notification.js

@@ -6,8 +6,8 @@ import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/optgroup/optgroup.js

@@ -4,8 +4,8 @@ import {
 import "../../chunks/chunk.I7E7S32P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/quickfact/quickfact.js

@@ -14,8 +14,8 @@ import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/scrollable/scrollable.js

@@ -2,8 +2,8 @@ import {
   SdScrollable
 } from "../../chunks/chunk.K65IEKDH.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/select/select.js

@@ -19,8 +19,8 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/spinner/spinner.js

@@ -2,8 +2,8 @@ import {
   SdSpinner
 } from "../../chunks/chunk.J3RQA6TF.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tab-group/tab-group.js

@@ -3,8 +3,8 @@ import {
 } from "../../chunks/chunk.PJRFKYNK.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tooltip/tooltip.js

@@ -7,8 +7,8 @@ import "../../chunks/chunk.EY4JPJJQ.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/video/video.js

@@ -3,8 +3,8 @@ import {
 } from "../../chunks/chunk.HBJMJ2WP.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
-import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KSVXMAIW.js";
+import "../../chunks/chunk.CX3GTFZI.js";
+import "../../chunks/chunk.Y3TGDH7A.js";
 import "../../chunks/chunk.O27A57VP.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

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

package/dist/solid-components.js

@@ -76,7 +76,7 @@ import {
 } from "./chunks/chunk.7OMCERFC.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.YHTQE7Z5.js";
+} from "./chunks/chunk.7EZP47DO.js";
 import {
   SdDropdown
 } from "./chunks/chunk.QSTI27SQ.js";
@@ -135,7 +135,7 @@ import "./chunks/chunk.KVKRZJS7.js";
 import "./chunks/chunk.VFXEX6KC.js";
 import {
   SdCarousel
-} from "./chunks/chunk.45UIKPTU.js";
+} from "./chunks/chunk.RZ3E76KV.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import "./chunks/chunk.2LMWBUBT.js";
 import "./chunks/chunk.NOWCQZBS.js";
@@ -175,8 +175,8 @@ import "./chunks/chunk.YEZS5ZR2.js";
 import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
-import "./chunks/chunk.3WMXHPM4.js";
-import "./chunks/chunk.KSVXMAIW.js";
+import "./chunks/chunk.CX3GTFZI.js";
+import "./chunks/chunk.Y3TGDH7A.js";
 import "./chunks/chunk.O27A57VP.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

package/dist/translations/de.js

@@ -1,6 +1,6 @@
 import {
   de_default
-} from "../chunks/chunk.KSVXMAIW.js";
+} from "../chunks/chunk.Y3TGDH7A.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   de_default as default

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.3WMXHPM4.js";
+} from "../chunks/chunk.CX3GTFZI.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   en_default as default

package/dist/utilities/localize.d.ts

@@ -18,14 +18,17 @@ export interface Translation extends DefaultTranslation {
     $code: string;
     $name: string;
     $dir: 'ltr' | 'rtl';
-    autoplay: string;
     audioPlayer: string;
+    autoplay: string;
     carousel: string;
+    carouselContainer: (count: number) => string;
     clearEntry: string;
     close: string;
+    collapseNavigationItem: string;
     comboboxDefaultPlaceholder: string;
     copy: string;
     currentValue: string;
+    expandNavigationItem: string;
     goToSlide: (slide: number, count: number) => string;
     hidePassword: string;
     loading: string;

package/dist/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController
 } from "../chunks/chunk.YKM42GKF.js";
-import "../chunks/chunk.3WMXHPM4.js";
-import "../chunks/chunk.KSVXMAIW.js";
+import "../chunks/chunk.CX3GTFZI.js";
+import "../chunks/chunk.Y3TGDH7A.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": "4.6.4",
+  "version": "4.6.6",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/_components/menu/menu.js

@@ -32,7 +32,7 @@ let SdMenu = class SdMenu extends SolidElement {
         if (item.type === 'checkbox') {
             item.checked = !item.checked;
         }
-        this.emit('sd-4-6-4-select', { detail: { item } });
+        this.emit('sd-4-6-6-select', { detail: { item } });
     }
     handleKeyDown(event) {
         if (event.key === 'Enter') {

package/dist-versioned/_components/menu/menu.styles.js

@@ -11,7 +11,7 @@ export default css `
     overscroll-behavior: none;
   }
 
-  ::slotted(sd-4-6-4-divider) {
+  ::slotted(sd-4-6-6-divider) {
     --spacing: var(--sd-spacing-x-small);
   }
 `;

package/dist-versioned/_components/menu-item/menu-item.js

@@ -74,7 +74,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         })}
       >
         <span part="checked-icon" class="menu-item__check">
-          <sd-4-6-4-icon name="check" library="system" aria-hidden="true"></sd-4-6-4-icon>
+          <sd-4-6-6-icon name="check" library="system" aria-hidden="true"></sd-4-6-6-icon>
         </span>
 
         <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
@@ -84,7 +84,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span class="menu-item__chevron">
-          <sd-4-6-4-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-6-4-icon>
+          <sd-4-6-6-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-6-6-icon>
         </span>
       </div>
     `;

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

@@ -71,7 +71,7 @@ var SdTag = class extends SolidElement {
         lg: "text-base",
         sm: "text-[12px]"
       }[this.size]
-    )}"><sd-4-6-4-icon library="system" name="close" label="remove"></sd-4-6-4-icon></slot>` : ""}</${tag}>`;
+    )}"><sd-4-6-6-icon library="system" name="close" label="remove"></sd-4-6-6-icon></slot>` : ""}</${tag}>`;
   }
 };
 SdTag.styles = [
@@ -106,7 +106,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdTag.prototype, "download", 2);
 SdTag = __decorateClass([
-  customElement("sd-4-6-4-tag")
+  customElement("sd-4-6-6-tag")
 ], SdTag);
 
 export {

package/dist-versioned/chunks/chunk.52AA4ZI7.js

@@ -25,7 +25,7 @@ SdCarouselItem.styles = [
   css`:host{align-items:center;aspect-ratio:var(--aspect-ratio);display:flex;flex-direction:column;height:100%;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;width:100%}::slotted(img){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}`
 ];
 SdCarouselItem = __decorateClass([
-  customElement("sd-4-6-4-carousel-item")
+  customElement("sd-4-6-6-carousel-item")
 ], SdCarouselItem);
 
 export {

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

@@ -41,16 +41,16 @@ var SdAccordionGroup = class extends SolidElement {
 };
 SdAccordionGroup.styles = [
   ...SolidElement.styles,
-  css`:host{display:block}::slotted(sd-4-6-4-accordion:not(:first-of-type)){margin-top:-1px}`
+  css`:host{display:block}::slotted(sd-4-6-6-accordion:not(:first-of-type)){margin-top:-1px}`
 ];
 __decorateClass([
-  queryAssignedElements({ selector: "sd-4-6-4-accordion" })
+  queryAssignedElements({ selector: "sd-4-6-6-accordion" })
 ], SdAccordionGroup.prototype, "_accordionsInDefaultSlot", 2);
 __decorateClass([
   property({ attribute: "close-others", type: Boolean, reflect: true })
 ], SdAccordionGroup.prototype, "closeOthers", 2);
 SdAccordionGroup = __decorateClass([
-  customElement("sd-4-6-4-accordion-group")
+  customElement("sd-4-6-6-accordion-group")
 ], SdAccordionGroup);
 
 export {