@solid-design-system/components 6.14.1 → 6.15.1

package/dist/chunks/{chunk.PEJ2JW45.js → chunk.2EW7BYJZ.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.S3Z7E2XZ.js → chunk.2FVZOVKD.js}

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.5S63GKYX.js → chunk.2KAT6BIE.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.SMHZXEFP.js → chunk.2LQUJBN6.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4WNXRUZH.js → chunk.2MAKCGJO.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.356O7DWM.js → chunk.36LQO3TW.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.BB7TXOED.js → chunk.3CHCXOIV.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -67,12 +67,12 @@ var SdBrandshape = class extends SolidElement {
     )}"><div part="shape-middle" class="${cx(
       {
         "neutral-100": "sd-brandshape--neutral-100-color-background",
-        primary: "bg-primary",
+        primary: "sd-brandshape--primary-color-background",
         white: "sd-brandshape--white-color-background",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
-        "primary|80": "bg-primary/80",
-        "white|80": "bg-white/80",
+        "primary|80": "sd-brandshape--primary-80-color-background",
+        "white|80": "sd-brandshape--white-80-color-background",
         image: "bg-transparent"
       }[this.variant],
       "w-full block absolute h-full top-0 left-0 z-0"
@@ -88,12 +88,12 @@ var SdBrandshape = class extends SolidElement {
     return html`<div class="${cx(
       {
         "neutral-100": "sd-brandshape--neutral-100-color-background",
-        primary: "bg-primary",
+        primary: "sd-brandshape--primary-color-background",
         white: "sd-brandshape--white-color-background",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
-        "primary|80": "bg-primary/80",
-        "white|80": "bg-white/80",
+        "primary|80": "sd-brandshape--primary-80-color-background",
+        "white|80": "sd-brandshape--white-80-color-background",
         image: "bg-transparent"
       }[this.variant],
       { top: "bottom-0", bottom: "top-0" }[position],
@@ -120,7 +120,7 @@ SdBrandshape.styles = [
   css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{display:block;container-type:inline-size;--angle:11deg;--radius:60px;--tan:tan(var(--angle));--adjacent:100cqw;--opposite:calc(var(--tan) * var(--adjacent));--curve:calc(
           (var(--opposite) - (var(--radius) / 3)) * 0.5
-        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-color-border-primary, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:calc(var(--sd-spacing-1) * 0);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-color-background-white,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-color-background-primary,rgba(var(--sd-color-primary))))}:host([variant='primary|80']) [part=base]{fill:rgba(var(--sd-color-background-primary,rgba(var(--sd-color-primary))) / .8)}:host([variant='white|80']) [part=base]{fill:rgba(var(--sd-color-background-white,rgba(var(--sd-color-white))) / .8)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`
+        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-brandshape--primary-color-border, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-brandshape-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:calc(var(--sd-spacing-1) * 0);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-brandshape--white-color-background,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-brandshape--primary-color-background,rgba(var(--sd-color-primary))))}:host([variant='primary|80']) [part=base]{fill:rgba(var(--sd-brandshape--primary-80-color-background,rgba(var(--sd-color-primary))))}:host([variant='white|80']) [part=base]{fill:rgba(var(--sd-brandshape--white-80-color-background,rgba(var(--sd-color-white))))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`
 ];
 __decorateClass([
   query("[part=base]")

package/dist/chunks/{chunk.LODUNUOS.js → chunk.3EWWVPVW.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.LLSWFCWE.js → chunk.3IATPYUU.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.BWOOL6ZP.js → chunk.4DD46TI2.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.C2RQLDNG.js → chunk.4OTHCSXL.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.2RZOV7LP.js → chunk.4PVDPEDP.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.VLEOHES2.js → chunk.4UDWRELW.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.6D5WVMOB.js → chunk.63RKU7YA.js}

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.356O7DWM.js";
+} from "./chunk.36LQO3TW.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4K7KXABW.js → chunk.64ZBVBUO.js}

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.LDJ3KULX.js → chunk.7BBBC4LC.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.RKBIK6DJ.js → chunk.7MRFW5WU.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.7NZW7WLQ.js → chunk.AFXQPWOT.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.52QW7ROK.js → chunk.B3QOYMWK.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.G3UJC544.js → chunk.BN5RGZ7X.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.32TUDE3B.js → chunk.E6I6KKTK.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.BL6NQ5XT.js → chunk.F4SSJ3OK.js}

@@ -30,7 +30,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.OGGB7MS4.js → chunk.FIJX3VUF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6RE6UZ72.js";
 import {
   SdCarouselItem
-} from "./chunk.25M2JPPZ.js";
+} from "./chunk.YIT6KCWE.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";
@@ -58,7 +58,10 @@ var SdCarousel = class extends SolidElement {
     this.activeSlide = 0;
     this.currentPage = 1;
     this.pausedAutoplay = false;
-    this.autoplayController = new AutoplayController(this, () => this.next());
+    this.isFocused = false;
+    this.autoplayController = new AutoplayController(this, () => {
+      if (!this.isFocused) this.next();
+    });
     this.scrollController = new ScrollController(this);
     this.slides = this.getElementsByTagName("sd-carousel-item");
     // determines which slide is displayed
@@ -90,6 +93,9 @@ var SdCarousel = class extends SolidElement {
   connectedCallback() {
     super.connectedCallback();
     ["click", "keydown"].forEach((event) => this.addEventListener(event, this.handleUserInteraction));
+    this.addEventListener("focusin", this.handleFocus);
+    this.addEventListener("focusout", this.handleBlur);
+    this.addEventListener("keydown", this.handleKeyDown);
     const intersectionObserver = new IntersectionObserver(
       (entries) => {
         entries.forEach((entry) => {
@@ -115,6 +121,9 @@ var SdCarousel = class extends SolidElement {
     this.intersectionObserver.disconnect();
     this.mutationObserver.disconnect();
     ["click", "keydown"].forEach((event) => this.removeEventListener(event, this.handleUserInteraction));
+    this.removeEventListener("focusin", this.handleFocus);
+    this.removeEventListener("focusout", this.handleBlur);
+    this.removeEventListener("keydown", this.handleKeyDown);
     if (this.fade) {
       this.fadeController.disable();
     }
@@ -206,14 +215,26 @@ var SdCarousel = class extends SolidElement {
     }
   }
   handleFocus() {
-    if (this.autoplay) {
-      this.scrollContainer.setAttribute("aria-live", "polite");
-    }
+    this.isFocused = true;
   }
   handleBlur() {
-    if (this.autoplay) {
-      this.scrollContainer.setAttribute("aria-live", "off");
+    this.isFocused = false;
+  }
+  getSlideText(slide) {
+    var _a;
+    const parts = [];
+    const walker = document.createTreeWalker(slide, NodeFilter.SHOW_ALL);
+    let node = walker.nextNode();
+    while (node) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        const text = (_a = node.textContent) == null ? void 0 : _a.trim();
+        if (text) parts.push(text);
+      } else if (node instanceof HTMLImageElement && node.alt) {
+        parts.push(node.alt);
+      }
+      node = walker.nextNode();
     }
+    return parts.join(" ");
   }
   /**
    * Pause the autoplay.
@@ -303,6 +324,13 @@ var SdCarousel = class extends SolidElement {
           slide: slides[this.activeSlide]
         }
       });
+      if (this.announcementRegion) {
+        const text = this.getSlideText(slides[this.activeSlide]);
+        const position = this.localize.term("slideNum", this.activeSlide + 1, slides.length);
+        requestAnimationFrame(() => {
+          this.announcementRegion.textContent = text ? `${text} ${position}` : position;
+        });
+      }
     }
     const pageCount = this.getPageCount(slides.length, this.slidesPerPage, this.slidesPerMove);
     if (this.currentPage > pageCount) {
@@ -435,18 +463,18 @@ var SdCarousel = class extends SolidElement {
     const prevEnabled = this.loop || currentPage > 1;
     const nextEnabled = this.loop || currentPage < pagesCount;
     const isLtr = this.localize.dir() === "ltr";
-    return html`<div part="base" class="${cx(`carousel h-full w-full`)}"><div id="scroll-container" part="scroll-container" class="${cx(
+    return html`<div part="base" class="${cx(`carousel h-full w-full`)}"><div class="carousel__announcement sr-only" aria-live="${!this.autoplay || this.pausedAutoplay || this.isFocused ? "polite" : "off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${cx(
       `carousel__slides mb-6 max-h-full w-full items-center justify-items-center`,
       this.inverted ? "focus-visible:focus-outline-inverted" : "focus-visible:focus-outline",
       this.fade ? "relative overflow-hidden" : `grid overflow-auto 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"}" aria-label="${this.localize.term(
       "carouselContainer",
       Array.from(this.slides).filter((el) => !el.hasAttribute("data-clone")).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(
+    )}" tabindex="0" @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(
       "!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",
       !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"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${prevEnabled ? (e) => {
+    )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @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="_internal" 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) => {
@@ -459,7 +487,7 @@ var SdCarousel = class extends SolidElement {
       )}" role="tab" tabindex="0" aria-selected="${isActive ? "true" : "false"}" aria-label="${this.localize.term("goToSlide", index + 1, pagesCount)}" @click="${(e) => {
         this.goToSlide(index * slidesPerMove);
         this.unblockAutoplay(e, this.paginationItems[index]);
-      }}" @keydown="${this.handleKeyDown}"><span class="${cx(
+      }}"><span class="${cx(
         "h-4 w-4 block border sd-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
         this.inverted ? "sd-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
         isActive && "border-none",
@@ -472,7 +500,7 @@ var SdCarousel = class extends SolidElement {
       "!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",
       !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"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${nextEnabled ? (e) => {
+    )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @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="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-icon></slot></button></div><button class="${cx(
@@ -535,6 +563,9 @@ __decorateClass([
 __decorateClass([
   query(".carousel__pagination")
 ], SdCarousel.prototype, "paginationContainer", 2);
+__decorateClass([
+  query(".carousel__announcement")
+], SdCarousel.prototype, "announcementRegion", 2);
 __decorateClass([
   state()
 ], SdCarousel.prototype, "activeSlide", 2);
@@ -544,6 +575,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], SdCarousel.prototype, "pausedAutoplay", 2);
+__decorateClass([
+  state()
+], SdCarousel.prototype, "isFocused", 2);
 __decorateClass([
   watch("pausedAutoplay")
 ], SdCarousel.prototype, "handlePausedAutoplay", 1);

package/dist/chunks/{chunk.YBF7Q5H5.js → chunk.GGTTE3O5.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.3ZQ52GF4.js → chunk.GYT2MOIG.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.EJTQJNQR.js → chunk.JTMX3R54.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.B5KFI4YW.js → chunk.K35ZY362.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.32FFCLCJ.js → chunk.LQFP4TQA.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.GWJE3EEL.js → chunk.LVXSD6QO.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ATPSUELO.js → chunk.M5DERDHH.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.6526NKSA.js → chunk.MSAZP6MW.js}

@@ -4,13 +4,13 @@ import {
 import {
   LocalizeController
 } from "./chunk.X3FE7OHE.js";
-import {
-  Wave
-} from "./chunk.POFWU6ZT.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
+import {
+  Wave
+} from "./chunk.POFWU6ZT.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.GTONH2LP.js → chunk.NJDWX5QK.js}

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   animateTo,
   stopAnimations
@@ -853,7 +853,7 @@ var SdCombobox = class extends SolidElement {
     )}">${this.type !== "search" ? html`<sd-icon class="${cx(
       "transition-transform duration-medium ease-in-out",
       this.open ? "rotate-180" : "rotate-0"
-    )}" name="chevron-down" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>` : html`<button class="sd-interactive combobox-button absolute top-2 sd-icon-fill-primary" tabindex="-1" aria-hidden="true" class="sd-interactive combobox-button absolute top-2" @keydown="${this.handleComboboxMouseDown}" type="button"><span class="sr-only">${this.localize.term("open")}</span></button>`}</div><div id="listbox" role="${ifDefined(!this.multiple ? "listbox" : void 0)}" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${cx(
+    )}" name="chevron-down" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>` : html`<button class="sd-interactive combobox-button absolute top-2 sd-color-icon-fill-primary" tabindex="-1" aria-hidden="true" @keydown="${this.handleComboboxMouseDown}" type="button"><span class="sr-only">${this.localize.term("open")}</span></button>`}</div><div id="listbox" role="${ifDefined(!this.multiple ? "listbox" : void 0)}" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${cx(
       "bg-white px-2 py-3 relative border-primary overflow-y-auto",
       this.open && "shadow-listbox transition-shadow duration-medium ease-in-out",
       this.currentPlacement === "bottom" ? "border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius" : "border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius"

package/dist/chunks/{chunk.ZIYRKF5E.js → chunk.NMCXKPQT.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.A3S43CBC.js → chunk.OXOO3KJR.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SDFRWZBX.js → chunk.OYGPRSLI.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.VEQRI72U.js → chunk.OYNQ7MZD.js}

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.UOCG3QGS.js → chunk.PBISMPN4.js}

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KVMOK7TX.js → chunk.PIOYH3TM.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.PJQS5I6W.js → chunk.PZF3TKOL.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KS27P673.js → chunk.QGQMA2DH.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CYUGTWDW.js → chunk.R6MGPVBY.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HKLHB7GS.js";
+} from "./chunk.V7PNN6GB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";