@solid-design-system/components 6.16.5 → 6.17.1

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

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.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-16-5-icon name="${{
+    )}"><sd-6-17-1-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-16-5-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-17-1-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-16-5-notification-color-border",
+      "border-solid border-[1px] border-l-0 sd-6-17-1-notification-color-border",
       {
-        info: "sd-6-16-5-notification--info-color-background",
-        success: "sd-6-16-5-notification--success-color-background",
-        warning: "sd-6-16-5-notification--warning-color-background",
-        error: "sd-6-16-5-notification--error-color-background"
+        info: "sd-6-17-1-notification--info-color-background",
+        success: "sd-6-17-1-notification--success-color-background",
+        warning: "sd-6-17-1-notification--warning-color-background",
+        error: "sd-6-17-1-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-16-5-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-16-5-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-5-icon></sd-6-16-5-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-16-5-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-17-1-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-17-1-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-17-1-icon></sd-6-17-1-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-1-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-16-5-notification")
+  customElement("sd-6-17-1-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [

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

@@ -7,13 +7,13 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.37VMM4OR.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
 
 // src/components/step/step.ts
-import { css } from "lit";
+import { css, nothing } from "lit";
 import { html, literal } from "lit/static-html.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { property } from "lit/decorators.js";
@@ -73,6 +73,10 @@ var SdStep = class extends SolidElement {
     }
   }
   render() {
+    if (this.size === "xs" && this.orientation !== "vertical") {
+      console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.');
+      return nothing;
+    }
     const isLink = this.isLink();
     const tag = this.notInteractive || this.waiting ? literal`div` : isLink ? literal`a` : literal`button`;
     const hasLabelSlot = this.hasSlotController.test("label");
@@ -85,27 +89,29 @@ var SdStep = class extends SolidElement {
       this.noTail && !isHorizontalInline && "w-max",
       this.orientation === "horizontal" ? "flex-row" : "flex-col items-stretch",
       isHorizontalInline && "items-start",
-      this.orientation === "horizontal" && !this.horizontalInline ? this.size === "lg" ? "translateLg" : "translateSm" : this.size === "lg" ? "mt-1" : "mt-3"
+      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-16-5-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
+      "border sd-6-17-1-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" : "w-12" : this.size === "lg" ? "w-12" : "w-8",
+      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",
       this.waiting && "border-neutral-400 text-neutral-700",
+      this.waiting && this.size === "xs" && "border-neutral-700",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "border-primary hover:bg-primary-100 hover:border-primary-500",
-      this.notInteractive && "border-neutral-400",
+      this.notInteractive && (this.size === "xs" ? "border-primary" : "border-neutral-400"),
       this.current && "bg-accent border-none text-white"
     );
+    const listItemClasses = "flex-row items-stretch h-full w-full overflow-hidden";
     return html`<div role="listitem" part="base" class="${cx(
       "flex pt-1",
-      this.orientation === "horizontal" ? "flex-col w-full" : "flex-row gap-4 items-stretch h-full w-full overflow-hidden",
+      this.orientation === "horizontal" ? "flex-col w-full" : this.size === "xs" ? `${listItemClasses} gap-2` : `${listItemClasses} gap-4`,
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "group"
     )}" @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-16-5-step-color-text"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-6-16-5-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-16-5-icon>` : 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-17-1-step-color-text"
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting && this.size !== "xs" ? html`<sd-6-17-1-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-17-1-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"
@@ -118,19 +124,20 @@ var SdStep = class extends SolidElement {
       "border-t flex-1 mr-2 mt-3",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting ? "border-primary group-hover:border-primary-500" : "border-neutral-500"
     )}"></div>` : ""}</div>${hasDescription ? html`<div part="description" id="description" class="${cx(
-      "sd-paragraph sd-paragraph--size-sm break-words",
+      "sd-paragraph sd-paragraph--size-sm wrap-break-word",
       hasDescription ? "flex-1" : "w-0 h-0 overflow-hidden",
       hasDescription && !this.noTail && "pr-4",
       (this.disabled || this.waiting) && "!text-neutral-700"
     )}">${this.description || html`<slot></slot>`}</div>` : ""}</div>` : this.noTail ? "" : html`<div part="tail" class="${cx(
-      this.orientation === "horizontal" ? "border-t w-full my-auto mr-2" : "border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",
+      this.orientation === "horizontal" ? "border-t w-full my-auto mr-2" : "border-l grow shrink-0 basis-auto h-full w-[1px] mx-auto",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting ? "border-primary group-hover:border-primary-500" : "border-neutral-400"
     )}"></div>`}</div>${!isHorizontalInline ? html`<div part="text-container" class="${cx(
-      "mt-4 break-words flex flex-col gap-2",
+      "wrap-break-word flex flex-col gap-2",
+      this.size === "xs" ? "-mt-1 mb-4" : "mt-4",
       this.orientation === "horizontal" ? "text-center w-40" : "text-left",
       this.disabled && "text-neutral-500",
       this.waiting && "text-neutral-700",
-      this.notInteractive ? "ml-2" : "mr-4"
+      this.notInteractive ? this.size === "xs" ? "ml-0" : "ml-2" : "mr-4"
     )}"><div part="label" id="label" class="${cx(
       "font-bold",
       this.disabled && "text-neutral-500",
@@ -145,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-16-5-icon,slot[name=circle-content]::slotted(sd-6-16-5-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-16-5-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-16-5-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-17-1-icon,slot[name=circle-content]::slotted(sd-6-17-1-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-17-1-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-17-1-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 })
@@ -196,7 +203,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-6-16-5-step")
+  customElement("sd-6-17-1-step")
 ], SdStep);
 
 export {

package/dist-versioned/chunks/{chunk.27CORLGD.js → chunk.XF6FDNUR.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.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-16-5-header-color-background sd-6-16-5-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-17-1-header-color-background sd-6-17-1-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-16-5-header")
+  customElement("sd-6-17-1-header")
 ], SdHeader);
 
 export {

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

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.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-16-5-spinner")
+  customElement("sd-6-17-1-spinner")
 ], SdSpinner);
 
 export {

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

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.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-16-5-tab-${this.attrId}`;
+    this.componentId = `sd-6-17-1-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-16-5-tab--hover-color-background",
-      this.active && "z-20 sd-6-16-5-tab--active-color-text"
+      this.disabled || this.visuallyDisabled ? "!cursor-not-allowed" : "hover:sd-6-17-1-tab--hover-color-background",
+      this.active && "z-20 sd-6-17-1-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-16-5-tab--active-color-text" : "sd-6-16-5-tab-color-text"
+      this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.active ? "sd-6-17-1-tab--active-color-text" : "sd-6-17-1-tab-color-text"
     )}"></slot><slot class="${cx(
-      this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.active ? "sd-6-16-5-tab--active-color-text" : "sd-6-16-5-tab-color-text"
+      this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.active ? "sd-6-17-1-tab--active-color-text" : "sd-6-17-1-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-16-5-tab-color-border"
+      !this.active && !this.disabled && "absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-17-1-tab-color-border"
     )}"></div></div></div>`;
   }
 };
@@ -112,7 +112,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"])
 ], SdTab.prototype, "handleDisabledChange", 1);
 SdTab = __decorateClass([
-  customElement("sd-6-16-5-tab")
+  customElement("sd-6-17-1-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-16-5-accordion': SdAccordion;
+        'sd-6-17-1-accordion': SdAccordion;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.4YGFM4I2.js";
+} from "../../chunks/chunk.4VG6NHCU.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.FJM4XRBD.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.XNTGIC2L.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-16-5-accordion-group': SdAccordionGroup;
+        'sd-6-17-1-accordion-group': SdAccordionGroup;
     }
 }

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

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.JCFYB72C.js";
-import "../../chunks/chunk.4YGFM4I2.js";
+} from "../../chunks/chunk.VSWXW4QR.js";
+import "../../chunks/chunk.4VG6NHCU.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.FJM4XRBD.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.XNTGIC2L.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-16-5-animation': SdAnimation;
+        'sd-6-17-1-animation': SdAnimation;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.FRVVZRCH.js";
+} from "../../chunks/chunk.T27MZUKA.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.XNTGIC2L.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-16-5-audio': SdAudio;
+        'sd-6-17-1-audio': SdAudio;
     }
 }

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

@@ -1,18 +1,18 @@
 import {
   SdAudio
-} from "../../chunks/chunk.E2USZ7GU.js";
-import "../../chunks/chunk.MMI44BVI.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.ANNKBF6X.js";
-import "../../chunks/chunk.36OESV3O.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.FJM4XRBD.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.XNTGIC2L.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-16-5-badge': SdBadge;
+        'sd-6-17-1-badge': SdBadge;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.CDI4YMFV.js";
-import "../../chunks/chunk.XNTGIC2L.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-16-5-brandshape': SdBrandshape;
+        'sd-6-17-1-brandshape': SdBrandshape;
     }
 }
 export {};

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

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.KJN55623.js";
-import "../../chunks/chunk.XNTGIC2L.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-16-5-breadcrumb': SdBreadcrumb;
+        'sd-6-17-1-breadcrumb': SdBreadcrumb;
     }
 }

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

@@ -1,13 +1,13 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.IXAGOL3L.js";
-import "../../chunks/chunk.FV63VR7F.js";
-import "../../chunks/chunk.X7XDUKGF.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.FJM4XRBD.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.XNTGIC2L.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-16-5-breadcrumb-item': SdBreadcrumbItem;
+        'sd-6-17-1-breadcrumb-item': SdBreadcrumbItem;
     }
 }

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

@@ -1,13 +1,13 @@
 import {
   SdBreadcrumbItem
-} from "../../chunks/chunk.6WM4R2DA.js";
-import "../../chunks/chunk.6SZCCE7T.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.XNTGIC2L.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-16-5-button': SdButton;
+        'sd-6-17-1-button': SdButton;
     }
 }

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

@@ -1,14 +1,14 @@
 import {
   SdButton
-} from "../../chunks/chunk.ANNKBF6X.js";
-import "../../chunks/chunk.36OESV3O.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.XNTGIC2L.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-16-5-button-group': SdButtonGroup;
+        'sd-6-17-1-button-group': SdButtonGroup;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdButtonGroup
-} from "../../chunks/chunk.4WJBOMWG.js";
-import "../../chunks/chunk.XNTGIC2L.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

@@ -64,6 +64,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-16-5-carousel': SdCarousel;
+        'sd-6-17-1-carousel': SdCarousel;
     }
 }

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

@@ -1,13 +1,13 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.ELS2J6VM.js";
+} from "../../chunks/chunk.DOQJMWSI.js";
 import "../../chunks/chunk.W2YDXTG5.js";
 import "../../chunks/chunk.6RE6UZ72.js";
 import "../../chunks/chunk.UVI5HHLF.js";
-import "../../chunks/chunk.FQAUOX63.js";
+import "../../chunks/chunk.6RD6BJ43.js";
 import "../../chunks/chunk.F4VGSDIW.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.FJM4XRBD.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.XNTGIC2L.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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-6-16-5-carousel-item': SdCarouselItem;
+        'sd-6-17-1-carousel-item': SdCarouselItem;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdCarouselItem
-} from "../../chunks/chunk.FQAUOX63.js";
-import "../../chunks/chunk.XNTGIC2L.js";
+} from "../../chunks/chunk.6RD6BJ43.js";
+import "../../chunks/chunk.37VMM4OR.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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-6-16-5-checkbox': SdCheckbox;
+        'sd-6-17-1-checkbox': SdCheckbox;
     }
 }