@solid-design-system/components 6.17.0 → 6.18.0

package/dist-versioned/chunks/{chunk.A65XKMJZ.js → chunk.VSWXW4QR.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.VU4ZPVVA.js";
+} from "./chunk.37VMM4OR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -42,16 +42,16 @@ var SdAccordionGroup = class extends SolidElement {
 SdAccordionGroup.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}::slotted(sd-6-17-0-accordion:not(:first-of-type)){margin-top:calc(-1 * var(--sd-accordion-border-width))!important}`
+:host{display:block}::slotted(sd-6-18-0-accordion:not(:first-of-type)){margin-top:calc(-1 * var(--sd-accordion-border-width))!important}`
 ];
 __decorateClass([
-  queryAssignedElements({ selector: "sd-6-17-0-accordion" })
+  queryAssignedElements({ selector: "sd-6-18-0-accordion" })
 ], SdAccordionGroup.prototype, "_accordionsInDefaultSlot", 2);
 __decorateClass([
   property({ attribute: "close-others", type: Boolean, reflect: true })
 ], SdAccordionGroup.prototype, "closeOthers", 2);
 SdAccordionGroup = __decorateClass([
-  customElement("sd-6-17-0-accordion-group")
+  customElement("sd-6-18-0-accordion-group")
 ], SdAccordionGroup);
 
 export {

package/dist-versioned/chunks/{chunk.ZJQST7NT.js → chunk.W76DK5Q3.js}

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VU4ZPVVA.js";
+} from "./chunk.37VMM4OR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -100,7 +100,7 @@ var SdIcon = class extends SolidElement {
     }
   }
   render() {
-    return html`<sd-6-17-0-theme-listener></sd-6-17-0-theme-listener>${unsafeSVG(this.svg)}`;
+    return html`<sd-6-18-0-theme-listener></sd-6-18-0-theme-listener>${unsafeSVG(this.svg)}`;
   }
 };
 SdIcon.styles = [
@@ -133,7 +133,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-6-17-0-icon")
+  customElement("sd-6-18-0-icon")
 ], SdIcon);
 
 export {

package/dist-versioned/chunks/{chunk.OD4O32CW.js → chunk.WC2SM7KI.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VU4ZPVVA.js";
+} from "./chunk.37VMM4OR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -114,12 +114,12 @@ var SdSwitch = class extends SolidElement {
     )}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${ifDefined(this.value)}" .checked="${live(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked ? " control--checked" : "control--unchecked"}" class="${cx(
       `relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
             peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
-            peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,
-      this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-6-17-0-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:sd-6-17-0-switch--checked--hover-color-background" : "sd-6-17-0-switch--unchecked-color-border bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
+            peer-focus-visible:outline-primary outline-transparent transition-colors ease-in-out duration-medium hover:duration-fast`,
+      this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-6-18-0-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:sd-6-18-0-switch--checked--hover-color-background" : "sd-6-18-0-switch--unchecked-color-border bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
     )}"><span id="thumb" part="thumb" class="${cx(
       "w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",
-      this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-6-17-0-switch--unchecked__icon-color-background"
-    )}"></span> </span><span part="label" id="label" class="${cx("select-none inline-block ml-2", this.disabled ? "text-neutral-500" : "sd-6-17-0-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip") ? html`<slot name="tooltip"></slot>` : null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-6-17-0-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-6-17-0-icon>` : ""} ${this.formControlController.renderInvalidMessage("lg")}</div>`;
+      this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-6-18-0-switch--unchecked__icon-color-background"
+    )}"></span> </span><span part="label" id="label" class="${cx("select-none inline-block ml-2", this.disabled ? "text-neutral-500" : "sd-6-18-0-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip") ? html`<slot name="tooltip"></slot>` : null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-6-18-0-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-6-18-0-icon>` : ""} ${this.formControlController.renderInvalidMessage("lg")}</div>`;
   }
 };
 /**
@@ -170,7 +170,7 @@ __decorateClass([
   watch(["checked"], { waitUntilFirstUpdate: true })
 ], SdSwitch.prototype, "handleStateChange", 1);
 SdSwitch = __decorateClass([
-  customElement("sd-6-17-0-switch")
+  customElement("sd-6-18-0-switch")
 ], SdSwitch);
 
 export {

package/dist-versioned/chunks/{chunk.O72HG6IC.js → chunk.WG6PNLWA.js}

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

package/dist-versioned/chunks/{chunk.PR5RDVMQ.js → chunk.WOZA4YTR.js}

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

package/dist-versioned/chunks/{chunk.2RT2QZ7M.js → chunk.XF6FDNUR.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VU4ZPVVA.js";
+} from "./chunk.37VMM4OR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -54,7 +54,7 @@ var SdHeader = class extends SolidElement {
     }
   }
   render() {
-    return html`<header class="w-full sd-6-17-0-header-color-background sd-6-17-0-header-padding-bottom relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
+    return html`<header class="w-full sd-6-18-0-header-color-background sd-6-18-0-header-padding-bottom relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
   }
 };
 SdHeader.styles = [
@@ -72,7 +72,7 @@ __decorateClass([
   debounce(100)
 ], SdHeader.prototype, "updateCalculatedHeight", 1);
 SdHeader = __decorateClass([
-  customElement("sd-6-17-0-header")
+  customElement("sd-6-18-0-header")
 ], SdHeader);
 
 export {

package/dist-versioned/chunks/{chunk.HKWXNTTJ.js → chunk.ZGCNF5LQ.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VU4ZPVVA.js";
+} from "./chunk.37VMM4OR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -42,7 +42,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdSpinner.prototype, "color", 2);
 SdSpinner = __decorateClass([
-  customElement("sd-6-17-0-spinner")
+  customElement("sd-6-18-0-spinner")
 ], SdSpinner);
 
 export {

package/dist-versioned/chunks/{chunk.A5JVBPWO.js → chunk.ZR5RDB6B.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VU4ZPVVA.js";
+} from "./chunk.37VMM4OR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -24,7 +24,7 @@ var SdTab = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-6-17-0-tab-${this.attrId}`;
+    this.componentId = `sd-6-18-0-tab-${this.attrId}`;
     this.hasSlotController = new HasSlotController(this, "left");
     this.localize = new LocalizeController(this);
     this.variant = "default";
@@ -62,20 +62,20 @@ var SdTab = class extends SolidElement {
       "outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",
       this.variant === "container" ? "tab-container-border bg-white rounded-[4px_4px_0_0]" : "navigable-border-radius",
       this.variant === "container" && this.active && "tab--active-container-border bg-white",
-      this.disabled || this.visuallyDisabled ? "!cursor-not-allowed" : "hover:sd-6-17-0-tab--hover-color-background",
-      this.active && "z-20 sd-6-17-0-tab--active-color-text"
+      this.disabled || this.visuallyDisabled ? "!cursor-not-allowed" : "hover:sd-6-18-0-tab--hover-color-background",
+      this.active && "z-20 sd-6-18-0-tab--active-color-text"
     )}" tabindex="${!this.active || this.disabled ? "-1" : "0"}"><div class="${cx(
       "flex h-full items-center justify-center whitespace-nowrap",
       this.disabled || this.visuallyDisabled && "opacity-50 "
     )}"><slot name="left" class="${cx(
       slots.left && "block pr-2",
-      this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.active ? "sd-6-17-0-tab--active-color-text" : "sd-6-17-0-tab-color-text"
+      this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.active ? "sd-6-18-0-tab--active-color-text" : "sd-6-18-0-tab-color-text"
     )}"></slot><slot class="${cx(
-      this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.active ? "sd-6-17-0-tab--active-color-text" : "sd-6-17-0-tab-color-text"
+      this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.active ? "sd-6-18-0-tab--active-color-text" : "sd-6-18-0-tab-color-text"
     )}"></slot>${this.variant === "container" ? html`<div part="active-tab-indicator" class="${cx(
       "absolute bottom-0 h-1 bg-accent w-3/4 bottom-0 group-hover:w-[calc(100%-2px)] navigable__current-indicator-height navigable__current-indicator-border-radius"
     )}"></div>` : ""}<div part="hover-bottom-border" class="${cx(
-      !this.active && !this.disabled && "absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-17-0-tab-color-border"
+      !this.active && !this.disabled && "absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-18-0-tab-color-border"
     )}"></div></div></div>`;
   }
 };
@@ -112,7 +112,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"])
 ], SdTab.prototype, "handleDisabledChange", 1);
 SdTab = __decorateClass([
-  customElement("sd-6-17-0-tab")
+  customElement("sd-6-18-0-tab")
 ], SdTab);
 
 export {

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

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-17-0-accordion': SdAccordion;
+        'sd-6-18-0-accordion': SdAccordion;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.36VZHNCQ.js";
+} from "../../chunks/chunk.4VG6NHCU.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.ZJQST7NT.js";
+import "../../chunks/chunk.W76DK5Q3.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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-6-17-0-accordion-group': SdAccordionGroup;
+        'sd-6-18-0-accordion-group': SdAccordionGroup;
     }
 }

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

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.A65XKMJZ.js";
-import "../../chunks/chunk.36VZHNCQ.js";
+} from "../../chunks/chunk.VSWXW4QR.js";
+import "../../chunks/chunk.4VG6NHCU.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.ZJQST7NT.js";
+import "../../chunks/chunk.W76DK5Q3.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-17-0-animation': SdAnimation;
+        'sd-6-18-0-animation': SdAnimation;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.TWEYUZPD.js";
+} from "../../chunks/chunk.T27MZUKA.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -58,6 +58,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-17-0-audio': SdAudio;
+        'sd-6-18-0-audio': SdAudio;
     }
 }

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

@@ -1,18 +1,18 @@
 import {
   SdAudio
-} from "../../chunks/chunk.QJYIVBDS.js";
-import "../../chunks/chunk.PZYTCHKW.js";
+} from "../../chunks/chunk.MACL5DD6.js";
+import "../../chunks/chunk.GXX7ZVMH.js";
 import "../../chunks/chunk.SF6AUNJF.js";
 import "../../chunks/chunk.EDMG7C5H.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.ZBAZXZGL.js";
-import "../../chunks/chunk.KBYT7BIL.js";
+import "../../chunks/chunk.USC7EHJV.js";
+import "../../chunks/chunk.EQ3WBPH5.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.ZJQST7NT.js";
+import "../../chunks/chunk.W76DK5Q3.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -23,7 +23,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";

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

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-17-0-badge': SdBadge;
+        'sd-6-18-0-badge': SdBadge;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.76V2ISKC.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+} from "../../chunks/chunk.IQMEFOSJ.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

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

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

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.E5L6DQKL.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+} from "../../chunks/chunk.DEYMV3AS.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -24,6 +24,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-17-0-breadcrumb': SdBreadcrumb;
+        'sd-6-18-0-breadcrumb': SdBreadcrumb;
     }
 }

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

@@ -1,13 +1,13 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.PXW33DB7.js";
-import "../../chunks/chunk.QOEAT2YX.js";
-import "../../chunks/chunk.B76GUA7Y.js";
+} from "../../chunks/chunk.AXQ65JS3.js";
+import "../../chunks/chunk.NMS67TKX.js";
+import "../../chunks/chunk.GQEY7HYL.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.ZJQST7NT.js";
+import "../../chunks/chunk.W76DK5Q3.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -18,7 +18,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -15,6 +15,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-17-0-breadcrumb-item': SdBreadcrumbItem;
+        'sd-6-18-0-breadcrumb-item': SdBreadcrumbItem;
     }
 }

package/dist-versioned/components/breadcrumb-item/breadcrumb-item.js

@@ -1,13 +1,13 @@
 import {
   SdBreadcrumbItem
-} from "../../chunks/chunk.3PNN625M.js";
-import "../../chunks/chunk.PQAMJV7M.js";
+} from "../../chunks/chunk.2U32VSHR.js";
+import "../../chunks/chunk.GU6XT67W.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 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-6-17-0-button': SdButton;
+        'sd-6-18-0-button': SdButton;
     }
 }

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

@@ -1,14 +1,14 @@
 import {
   SdButton
-} from "../../chunks/chunk.ZBAZXZGL.js";
-import "../../chunks/chunk.KBYT7BIL.js";
+} from "../../chunks/chunk.USC7EHJV.js";
+import "../../chunks/chunk.EQ3WBPH5.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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-6-17-0-button-group': SdButtonGroup;
+        'sd-6-18-0-button-group': SdButtonGroup;
     }
 }

package/dist-versioned/components/button-group/button-group.js

@@ -1,7 +1,7 @@
 import {
   SdButtonGroup
-} from "../../chunks/chunk.L3ZE5UCG.js";
-import "../../chunks/chunk.VU4ZPVVA.js";
+} from "../../chunks/chunk.KVQN5R3X.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -11,6 +11,7 @@ export default class SdCarousel extends SolidElement {
     inverted: boolean;
     loop: boolean;
     autoplay: boolean;
+    autoplayInterval: number;
     fade: boolean;
     slidesPerPage: number;
     slidesPerMove: number;
@@ -55,6 +56,7 @@ export default class SdCarousel extends SolidElement {
     handleSlideChange(): void;
     handleSlidesPerMoveChange(): void;
     handleAutoplayChange(): void;
+    handleautoplayIntervalChange(): void;
     previous(behavior?: ScrollBehavior): void;
     next(behavior?: ScrollBehavior): void;
     nextTillFirst(behavior?: ScrollBehavior): void;
@@ -64,6 +66,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-17-0-carousel': SdCarousel;
+        'sd-6-18-0-carousel': SdCarousel;
     }
 }