@solid-design-system/components 6.0.0-next.2 → 6.0.0-next.21

package/dist-versioned/chunks/{chunk.DJ3WYVWV.js → chunk.WCXEVJIG.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.KXLUF5NH.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -53,7 +53,7 @@ var SdNavigationItem = class extends SolidElement {
       }
       if (node.nodeType === Node.ELEMENT_NODE) {
         const element = node;
-        return element.tagName.toLowerCase() === "sd-6-0-0-next-2-icon";
+        return element.tagName.toLowerCase() === "sd-6-0-0-next-21-icon";
       }
       return false;
     });
@@ -126,8 +126,8 @@ var SdNavigationItem = class extends SolidElement {
     const root = html`<${tag} part="base" class="${cx(
       "flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",
       { md: "navigable-font-size", lg: "text-lg", sm: "text-[14px]" }[this.size],
-      this.disabled ? "text-neutral-500 pointer-events-none" : "sd-navigation-color-text",
-      this.current && "font-bold sd-navigation--current-color-text",
+      this.disabled ? "text-neutral-500 pointer-events-none" : "sd-6-0-0-next-21-navigation-item-color-text",
+      this.current && "font-bold sd-6-0-0-next-21-navigation-item--current-color-text",
       !isAccordion && "w-full",
       this.divider && this.vertical && "mt-0.25",
       !this.vertical && "inline-flex items-center",
@@ -143,19 +143,19 @@ var SdNavigationItem = class extends SolidElement {
       slots["description"] && "pt-3",
       !slots["description"] && !this.separated && horizontalPadding,
       this.calculatePaddingX
-    )}">${this.divider && this.vertical ? html`<sd-6-0-0-next-2-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-6-0-0-next-2-divider>` : ""} <span id="content" part="content-container" class="inline-flex items-center flex-auto"><slot part="content" class="inline-flex text-start"></slot></span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-6-0-0-next-2-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+    )}">${this.divider && this.vertical ? html`<sd-6-0-0-next-21-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-6-0-0-next-21-divider>` : ""} <span id="content" part="content-container" class="inline-flex items-center flex-auto"><slot part="content" class="inline-flex text-start"></slot></span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-6-0-0-next-21-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
       "h-6 w-6 ml-2 transition-all",
       isAccordion ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
-    )}"></sd-6-0-0-next-2-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot id="description" name="description" part="description" class="${cx(
+    )}"></sd-6-0-0-next-21-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot id="description" name="description" part="description" class="${cx(
       "inline-block text-sm text-left font-normal text-black pb-3",
       isAccordion || this.separated ? "grow" : "w-full",
       this.calculatePaddingX
     )}"></slot>` : ""}</div></${tag}>`;
     if (this.separated) {
-      return html`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${root} ${slots["children"] && this.vertical ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-6-0-0-next-2-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+      return html`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${root} ${slots["children"] && this.vertical ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-6-0-0-next-21-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
         "m-4 h-6 w-6 transition-all",
         isAccordion || this.separated ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
-      )}"></sd-6-0-0-next-2-icon></button>` : ""}</div>${this.open ? html`<slot name="children"></slot>` : ""}</div>`;
+      )}"></sd-6-0-0-next-21-icon></button>` : ""}</div>${this.open ? html`<slot name="children"></slot>` : ""}</div>`;
     }
     if (isAccordion) {
       return html`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${root}<slot name="children"></slot></details>`;
@@ -168,7 +168,7 @@ var SdNavigationItem = class extends SolidElement {
  */
 SdNavigationItem.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`
 ];
 __decorateClass([
@@ -217,7 +217,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdNavigationItem.prototype, "separated", 2);
 SdNavigationItem = __decorateClass([
-  customElement("sd-6-0-0-next-2-navigation-item")
+  customElement("sd-6-0-0-next-21-navigation-item")
 ], SdNavigationItem);
 
 export {

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

@@ -15,7 +15,7 @@ var FormControlController = class {
       const disabled = this.options.disabled(this.host);
       const name = this.options.name(this.host);
       const value = this.options.value(this.host);
-      const isButton = this.host.tagName.toLowerCase() === "sd-6-0-0-next-2-button";
+      const isButton = this.host.tagName.toLowerCase() === "sd-6-0-0-next-21-button";
       if (!disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
         if (Array.isArray(value)) {
           value.forEach((val) => {
@@ -40,7 +40,7 @@ var FormControlController = class {
         event.stopImmediatePropagation();
         const invalidElements = (_b = this.form) == null ? void 0 : _b.querySelectorAll("[data-invalid]");
         const sdRadioGroups = Array.from(invalidElements).filter(
-          (element) => element.tagName.toLowerCase() === "sd-6-0-0-next-2-radio-group"
+          (element) => element.tagName.toLowerCase() === "sd-6-0-0-next-21-radio-group"
         );
         sdRadioGroups.forEach((radioGroup) => {
           var _a2, _b2;
@@ -88,7 +88,7 @@ var FormControlController = class {
       },
       reportValidity: (input) => typeof input.reportValidity === "function" ? input.reportValidity() : true,
       setValue: (input, value) => input.value = value,
-      assumeInteractionOn: ["sd-6-0-0-next-2-input"]
+      assumeInteractionOn: ["sd-6-0-0-next-21-input"]
     }, options);
   }
   hostConnected() {

package/dist-versioned/chunks/{chunk.E7L2RBML.js → chunk.XMDDEC3A.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.KXLUF5NH.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -87,7 +87,7 @@ var SdFlipcard = class extends SolidElement {
         "gradient-light": this.placement === "top" ? "bg-gradient-to-b from-white/60 to-white/0 mb-auto" : "bg-gradient-to-t from-white/60 to-white/0 mt-auto",
         "gradient-dark": this.placement === "bottom" ? "bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto" : "bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"
       }[this.frontVariant]
-    )}"></div><sd-6-0-0-next-2-button part="front-button" size="md" variant="${{
+    )}"></div><sd-6-0-0-next-21-button part="front-button" size="md" variant="${{
       primary: "tertiary",
       "primary-100": "tertiary",
       "gradient-light": "primary",
@@ -97,7 +97,7 @@ var SdFlipcard = class extends SolidElement {
       "primary-100": false,
       "gradient-light": true,
       "gradient-dark": true
-    }[this.frontVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-6-0-0-next-2-icon library="_internal" name="reload" label="Flip to Back"></sd-6-0-0-next-2-icon></sd-6-0-0-next-2-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide === "front"}" inert="${ifDefined(this.activeSide === "front" || void 0)}" class="${cx(
+    }[this.frontVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-6-0-0-next-21-icon library="_internal" name="reload" label="Flip to Back"></sd-6-0-0-next-21-icon></sd-6-0-0-next-21-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide === "front"}" inert="${ifDefined(this.activeSide === "front" || void 0)}" class="${cx(
       "flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out",
       "flex focus-visible:focus-outline",
       "absolute top-0 left-0 w-full h-full justify-end text-left",
@@ -130,7 +130,7 @@ var SdFlipcard = class extends SolidElement {
         "gradient-light": this.placement === "top" ? "bg-gradient-to-b from-white/60 to-white/0 mb-auto" : "bg-gradient-to-t from-white/60 to-white/0 mt-auto",
         "gradient-dark": this.placement === "bottom" ? "bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto" : "bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"
       }[this.backVariant]
-    )}"></div><sd-6-0-0-next-2-button size="md" part="back-button" variant="${{
+    )}"></div><sd-6-0-0-next-21-button size="md" part="back-button" variant="${{
       primary: "tertiary",
       "primary-100": "tertiary",
       "gradient-light": "primary",
@@ -140,7 +140,7 @@ var SdFlipcard = class extends SolidElement {
       "primary-100": false,
       "gradient-light": true,
       "gradient-dark": true
-    }[this.backVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-6-0-0-next-2-icon library="_internal" name="reload" label="Flip to Front"></sd-6-0-0-next-2-icon></sd-6-0-0-next-2-button></div></div>`;
+    }[this.backVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-6-0-0-next-21-icon library="_internal" name="reload" label="Flip to Front"></sd-6-0-0-next-21-icon></sd-6-0-0-next-21-button></div></div>`;
   }
 };
 /**
@@ -148,10 +148,11 @@ var SdFlipcard = class extends SolidElement {
  */
 SdFlipcard.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block;aspect-ratio:var(--sd-aspect-3\\/4);--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}:host([front-variant=gradient-light]) [part=front-secondary-gradient],:host([front-variant=gradient-light]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([front-variant=gradient-dark]) [part=front-secondary-gradient],:host([front-variant=gradient-dark]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-primary-800:var(
-          --sd-informational-gradient--primary-800-color-background,
-          var(--sd-color-primary-800)
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block;aspect-ratio:var(--sd-aspect-3\\/4);--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}:host([front-variant=gradient-light]) [part=front-secondary-gradient],:host([front-variant=gradient-light]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-white:rgba(
+          var(--sd-informational-gradient--white-color-background, rgba(var(--sd-color-white)))
+        )}:host([front-variant=gradient-dark]) [part=front-secondary-gradient],:host([front-variant=gradient-dark]) [part=front-slot-container] .bg-gradient-to-b{--sd-color-background-primary-800:rgba(
+          var(--sd-informational-gradient--primary-800-color-background, rgba(var(--sd-color-primary-800)))
         )}`
 ];
 __decorateClass([
@@ -176,7 +177,7 @@ __decorateClass([
   state()
 ], SdFlipcard.prototype, "activeSide", 2);
 SdFlipcard = __decorateClass([
-  customElement("sd-6-0-0-next-2-flipcard")
+  customElement("sd-6-0-0-next-21-flipcard")
 ], SdFlipcard);
 
 export {

package/dist-versioned/chunks/{chunk.YBIM4TC7.js → chunk.XNSWXKES.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.KXLUF5NH.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -53,7 +53,7 @@ var SdInclude = class extends SolidElement {
 };
 SdInclude.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block}`
 ];
 __decorateClass([
@@ -69,7 +69,7 @@ __decorateClass([
   watch("src")
 ], SdInclude.prototype, "handleSrcChange", 1);
 SdInclude = __decorateClass([
-  customElement("sd-6-0-0-next-2-include")
+  customElement("sd-6-0-0-next-21-include")
 ], SdInclude);
 
 export {

package/dist-versioned/chunks/{chunk.NK5K5MMW.js → chunk.Y2FZWCLC.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.KXLUF5NH.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -35,14 +35,14 @@ var SdSpinner = class extends SolidElement {
  */
 SdSpinner.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:inline-block;width:1em;height:1em}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
 ], SdSpinner.prototype, "color", 2);
 SdSpinner = __decorateClass([
-  customElement("sd-6-0-0-next-2-spinner")
+  customElement("sd-6-0-0-next-21-spinner")
 ], SdSpinner);
 
 export {

package/dist-versioned/chunks/{chunk.5H7CWETG.js → chunk.Y6FWMZCH.js}

@@ -2,7 +2,7 @@ import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.GYXMDYGY.js";
+} from "./chunk.UVPXOOB4.js";
 import {
   requestIcon
 } from "./chunk.P52GZVKG.js";
@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.KXLUF5NH.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -100,13 +100,13 @@ var SdIcon = class extends SolidElement {
     }
   }
   render() {
-    return html`<sd-6-0-0-next-2-theme-listener></sd-6-0-0-next-2-theme-listener>${unsafeSVG(this.svg)}`;
+    return html`<sd-6-0-0-next-21-theme-listener></sd-6-0-0-next-21-theme-listener>${unsafeSVG(this.svg)}`;
   }
 };
 SdIcon.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:var(--sd-color-text-primary)}:host([color=white]) svg{color:var(--sd-color-text-white)}`
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-text-primary))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white))}`
 ];
 __decorateClass([
   state()
@@ -133,7 +133,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-6-0-0-next-2-icon")
+  customElement("sd-6-0-0-next-21-icon")
 ], SdIcon);
 
 export {

package/dist-versioned/chunks/{chunk.RIWKWSAL.js → chunk.YE7KLRVW.js}

@@ -30,7 +30,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.KXLUF5NH.js";
 import {
   animateTo,
   stopAnimations
@@ -208,12 +208,12 @@ var SdDrawer = class extends SolidElement {
         end: "top-0 end-0 bottom-auto start-auto w-[var(--width)] h-full",
         start: "top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"
       }[this.placement]
-    )}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-6-0-0-next-2-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-6-0-0-next-2-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-0-0-next-2-icon></sd-6-0-0-next-2-button></div></header>` : html`<sd-6-0-0-next-2-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-0-0-next-2-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-0-0-next-2-icon></sd-6-0-0-next-2-button>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${cx(this.hasSlotController.test("footer") ? "text-left p-4" : "hidden")}"><slot name="footer"></slot></footer></div></section>`;
+    )}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-6-0-0-next-21-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-6-0-0-next-21-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-0-0-next-21-icon></sd-6-0-0-next-21-button></div></header>` : html`<sd-6-0-0-next-21-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-0-0-next-21-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-0-0-next-21-icon></sd-6-0-0-next-21-button>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${cx(this.hasSlotController.test("footer") ? "text-left p-4" : "hidden")}"><slot name="footer"></slot></footer></div></section>`;
   }
 };
 SdDrawer.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid var(--sd-panel-color-border,transparent)}`
 ];
 __decorateClass([
@@ -250,7 +250,7 @@ __decorateClass([
   watch("contained", { waitUntilFirstUpdate: true })
 ], SdDrawer.prototype, "handleNoModalChange", 1);
 SdDrawer = __decorateClass([
-  customElement("sd-6-0-0-next-2-drawer")
+  customElement("sd-6-0-0-next-21-drawer")
 ], SdDrawer);
 setDefaultAnimation("drawer.showStart", {
   keyframes: [

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

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

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

@@ -1,20 +1,20 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.4CD5TTGT.js";
+} from "../../chunks/chunk.PPWK76KX.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.5H7CWETG.js";
-import "../../chunks/chunk.GYXMDYGY.js";
-import "../../chunks/chunk.KPAQRMCC.js";
-import "../../chunks/chunk.O6MXNSO7.js";
+import "../../chunks/chunk.Y6FWMZCH.js";
+import "../../chunks/chunk.UVPXOOB4.js";
+import "../../chunks/chunk.2BO5LK23.js";
+import "../../chunks/chunk.LS3MCK4L.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.ID6DABAJ.js";
-import "../../chunks/chunk.3S7EW72P.js";
+import "../../chunks/chunk.GWKDETUD.js";
+import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RY4KWEME.js";
+import "../../chunks/chunk.KXLUF5NH.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-0-0-next-2-accordion-group': SdAccordionGroup;
+        'sd-6-0-0-next-21-accordion-group': SdAccordionGroup;
     }
 }

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

@@ -1,21 +1,21 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.WSRHW32L.js";
-import "../../chunks/chunk.4CD5TTGT.js";
+} from "../../chunks/chunk.VWI6VX73.js";
+import "../../chunks/chunk.PPWK76KX.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.5H7CWETG.js";
-import "../../chunks/chunk.GYXMDYGY.js";
-import "../../chunks/chunk.KPAQRMCC.js";
-import "../../chunks/chunk.O6MXNSO7.js";
+import "../../chunks/chunk.Y6FWMZCH.js";
+import "../../chunks/chunk.UVPXOOB4.js";
+import "../../chunks/chunk.2BO5LK23.js";
+import "../../chunks/chunk.LS3MCK4L.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.ID6DABAJ.js";
-import "../../chunks/chunk.3S7EW72P.js";
+import "../../chunks/chunk.GWKDETUD.js";
+import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RY4KWEME.js";
+import "../../chunks/chunk.KXLUF5NH.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-0-0-next-2-animation': SdAnimation;
+        'sd-6-0-0-next-21-animation': SdAnimation;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.3BVNSUFD.js";
+} from "../../chunks/chunk.TZNS32YB.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RY4KWEME.js";
+import "../../chunks/chunk.KXLUF5NH.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-0-0-next-2-audio': SdAudio;
+        'sd-6-0-0-next-21-audio': SdAudio;
     }
 }

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

@@ -1,29 +1,29 @@
 import {
   SdAudio
-} from "../../chunks/chunk.CT4BIUEI.js";
-import "../../chunks/chunk.RIWKWSAL.js";
+} from "../../chunks/chunk.QCQ7A7DT.js";
+import "../../chunks/chunk.YE7KLRVW.js";
 import "../../chunks/chunk.SF6AUNJF.js";
 import "../../chunks/chunk.EDMG7C5H.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.N5XK43AK.js";
-import "../../chunks/chunk.HB45IF2T.js";
+import "../../chunks/chunk.56ZWAQO5.js";
+import "../../chunks/chunk.MGFBQQLB.js";
 import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.5H7CWETG.js";
-import "../../chunks/chunk.GYXMDYGY.js";
-import "../../chunks/chunk.KPAQRMCC.js";
-import "../../chunks/chunk.O6MXNSO7.js";
+import "../../chunks/chunk.Y6FWMZCH.js";
+import "../../chunks/chunk.UVPXOOB4.js";
+import "../../chunks/chunk.2BO5LK23.js";
+import "../../chunks/chunk.LS3MCK4L.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.ID6DABAJ.js";
-import "../../chunks/chunk.3S7EW72P.js";
+import "../../chunks/chunk.GWKDETUD.js";
+import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RY4KWEME.js";
+import "../../chunks/chunk.KXLUF5NH.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-0-0-next-2-badge': SdBadge;
+        'sd-6-0-0-next-21-badge': SdBadge;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.ZBAABZKL.js";
-import "../../chunks/chunk.RY4KWEME.js";
+} from "../../chunks/chunk.JCRS5M2Y.js";
+import "../../chunks/chunk.KXLUF5NH.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-0-0-next-2-brandshape': SdBrandshape;
+        'sd-6-0-0-next-21-brandshape': SdBrandshape;
     }
 }
 export {};

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

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.7XXRAMBH.js";
-import "../../chunks/chunk.RY4KWEME.js";
+} from "../../chunks/chunk.EUBZSNHP.js";
+import "../../chunks/chunk.KXLUF5NH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,3 +1,5 @@
+import '../dropdown/dropdown';
+import '../icon/icon';
 import { LocalizeController } from '../../utilities/localize';
 import SolidElement from '../../internal/solid-element';
 export default class SdBreadcrumb extends SolidElement {
@@ -22,6 +24,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-2-breadcrumb': SdBreadcrumb;
+        'sd-6-0-0-next-21-breadcrumb': SdBreadcrumb;
     }
 }

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

@@ -1,10 +1,24 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.7RSL7EOY.js";
+} from "../../chunks/chunk.OTKB2VRV.js";
+import "../../chunks/chunk.RGKPJPQL.js";
+import "../../chunks/chunk.7MKQP77O.js";
+import "../../chunks/chunk.UMIKFOMI.js";
+import "../../chunks/chunk.WDWV53JP.js";
+import "../../chunks/chunk.N4LHE3QK.js";
+import "../../chunks/chunk.B4BZKR24.js";
+import "../../chunks/chunk.Y6FWMZCH.js";
+import "../../chunks/chunk.UVPXOOB4.js";
+import "../../chunks/chunk.2BO5LK23.js";
+import "../../chunks/chunk.LS3MCK4L.js";
+import "../../chunks/chunk.4TPOL3LB.js";
+import "../../chunks/chunk.P52GZVKG.js";
+import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.ID6DABAJ.js";
-import "../../chunks/chunk.3S7EW72P.js";
-import "../../chunks/chunk.RY4KWEME.js";
+import "../../chunks/chunk.GWKDETUD.js";
+import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.X2OQMWGY.js";
+import "../../chunks/chunk.KXLUF5NH.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,3 +1,4 @@
+import '../link/link';
 import { LocalizeController } from '../../utilities/localize';
 import SolidElement from '../../internal/solid-element';
 export default class SdBreadcrumbItem extends SolidElement {
@@ -14,6 +15,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-2-breadcrumb-item': SdBreadcrumbItem;
+        'sd-6-0-0-next-21-breadcrumb-item': SdBreadcrumbItem;
     }
 }

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

@@ -1,11 +1,13 @@
 import {
   SdBreadcrumbItem
-} from "../../chunks/chunk.4FY6QRJ7.js";
+} from "../../chunks/chunk.CJR7IAF2.js";
+import "../../chunks/chunk.LL6JDZ2J.js";
+import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.ID6DABAJ.js";
-import "../../chunks/chunk.3S7EW72P.js";
+import "../../chunks/chunk.GWKDETUD.js";
+import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RY4KWEME.js";
+import "../../chunks/chunk.KXLUF5NH.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-0-0-next-2-button': SdButton;
+        'sd-6-0-0-next-21-button': SdButton;
     }
 }

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

@@ -1,14 +1,14 @@
 import {
   SdButton
-} from "../../chunks/chunk.N5XK43AK.js";
-import "../../chunks/chunk.HB45IF2T.js";
+} from "../../chunks/chunk.56ZWAQO5.js";
+import "../../chunks/chunk.MGFBQQLB.js";
 import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.ID6DABAJ.js";
-import "../../chunks/chunk.3S7EW72P.js";
+import "../../chunks/chunk.GWKDETUD.js";
+import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RY4KWEME.js";
+import "../../chunks/chunk.KXLUF5NH.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-0-0-next-2-button-group': SdButtonGroup;
+        'sd-6-0-0-next-21-button-group': SdButtonGroup;
     }
 }