@solid-design-system/components 5.7.0 → 5.8.0

package/dist-versioned/chunks/{chunk.7ASLASKF.js → chunk.CU3SNWRP.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -118,7 +118,7 @@ var SdCheckbox = class extends SolidElement {
   render() {
     const checkboxState = this.disabled && this.indeterminate ? "disabledIndeterminate" : this.disabled && this.checked ? "disabledChecked" : this.disabled ? "disabled" : this.visuallyDisabled ? "visuallyDisabled" : this.showInvalidStyle && this.indeterminate ? "invalidIndeterminate" : this.showInvalidStyle ? "invalid" : this.checked || this.indeterminate ? "filled" : "default";
     return html`<label part="base" class="${cx(
-      "sd-5-7-0-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
+      "sd-5-8-0-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
       (this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
       {
         /* sizes, fonts */
@@ -157,7 +157,7 @@ var SdCheckbox = class extends SolidElement {
         filled: "bg-accent group-hover:bg-accent-550",
         default: "hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
       }[checkboxState]
-    )}"></div></div>${this.checked ? html`<sd-5-7-0-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-7-0-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-5-7-0-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-7-0-icon>` : ""} </span><span part="label" id="label" class="${cx(
+    )}"></div></div>${this.checked ? html`<sd-5-8-0-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-8-0-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-5-8-0-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-8-0-icon>` : ""} </span><span part="label" id="label" class="${cx(
       "select-none inline-block ml-2",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "text-black"
     )}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`;
@@ -219,7 +219,7 @@ __decorateClass([
   watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
 ], SdCheckbox.prototype, "handleStateChange", 1);
 SdCheckbox = __decorateClass([
-  customElement("sd-5-7-0-checkbox")
+  customElement("sd-5-8-0-checkbox")
 ], SdCheckbox);
 
 export {

package/dist-versioned/chunks/{chunk.EAFZSO6J.js → chunk.DHECGUIH.js}

@@ -2,9 +2,11 @@ import {
   uppercaseFirstLetter
 } from "./chunk.SF6AUNJF.js";
 import {
-  Modal,
+  Modal
+} from "./chunk.EDMG7C5H.js";
+import {
   getDeepActiveElement
-} from "./chunk.UFBRSKVR.js";
+} from "./chunk.UMIKFOMI.js";
 import {
   lockBodyScrolling,
   unlockBodyScrolling
@@ -16,19 +18,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   stopAnimations
@@ -206,7 +208,7 @@ var SdDrawer = class extends SolidElement {
         end: "top-0 end-0 bottom-auto start-auto w-[--width] h-full",
         start: "top-0 end-auto bottom-auto start-0 w-[--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:56px"><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 ml-4 absolute top-2 right-2"><sd-5-7-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-5-7-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-7-0-icon></sd-5-7-0-button></div></header>` : html`<sd-5-7-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-7-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-7-0-icon></sd-5-7-0-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:56px"><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 ml-4 absolute top-2 right-2"><sd-5-8-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-5-8-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-8-0-icon></sd-5-8-0-button></div></header>` : html`<sd-5-8-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-8-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-8-0-icon></sd-5-8-0-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 = [
@@ -247,7 +249,7 @@ __decorateClass([
   watch("contained", { waitUntilFirstUpdate: true })
 ], SdDrawer.prototype, "handleNoModalChange", 1);
 SdDrawer = __decorateClass([
-  customElement("sd-5-7-0-drawer")
+  customElement("sd-5-8-0-drawer")
 ], SdDrawer);
 setDefaultAnimation("drawer.showStart", {
   keyframes: [

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

@@ -0,0 +1,69 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
+import {
+  watch
+} from "./chunk.X2OQMWGY.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.X6WRFCHO.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+
+// src/components/breadcrumb-item/breadcrumb-item.ts
+import { css, html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { property, query } from "lit/decorators.js";
+var SdBreadcrumbItem = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.href = "";
+    this.current = false;
+  }
+  handleCurrentChange() {
+    var _a, _b;
+    if (!this.base || !this.current) return;
+    (_b = (_a = this.base.shadowRoot) == null ? void 0 : _a.querySelector("a")) == null ? void 0 : _b.setAttribute("aria-current", "page");
+  }
+  connectedCallback() {
+    if (!this.hasAttribute("role")) {
+      this.setAttribute("role", "listitem");
+    }
+    super.connectedCallback();
+  }
+  firstUpdated() {
+    requestAnimationFrame(() => this.handleCurrentChange());
+  }
+  render() {
+    return html`<sd-5-8-0-link part="base" href="${ifDefined(!this.current ? this.href : void 0)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-5-8-0-link>`;
+  }
+};
+SdBreadcrumbItem.styles = [
+  ...SolidElement.styles,
+  css`:host{align-items:center;display:inline-flex}sd-5-8-0-link::part(base){align-items:center}sd-5-8-0-link::part(icon-left){display:inline-flex;margin-right:var(--sd-spacing-0,0)}sd-5-8-0-link sd-5-8-0-icon{margin:var(--sd-spacing-0,0)}:host([current]) sd-5-8-0-link::part(base){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}:host([current]) sd-5-8-0-link::part(label){text-decoration-line:none}`
+];
+__decorateClass([
+  query('[part="base"]')
+], SdBreadcrumbItem.prototype, "base", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], SdBreadcrumbItem.prototype, "href", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], SdBreadcrumbItem.prototype, "target", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdBreadcrumbItem.prototype, "current", 2);
+__decorateClass([
+  watch("current")
+], SdBreadcrumbItem.prototype, "handleCurrentChange", 1);
+SdBreadcrumbItem = __decorateClass([
+  customElement("sd-5-8-0-breadcrumb-item")
+], SdBreadcrumbItem);
+
+export {
+  SdBreadcrumbItem
+};

package/{dist/chunks/chunk.UFBRSKVR.js → dist-versioned/chunks/chunk.EDMG7C5H.js}

@@ -1,17 +1,6 @@
 import {
   getTabbableBoundary
-} from "./chunk.XHCTCU2Q.js";
-
-// src/internal/deep-active-element.ts
-function getDeepActiveElement(element = document.activeElement) {
-  if (element == null ? void 0 : element.shadowRoot) {
-    const shadowActiveElement = element.shadowRoot.activeElement;
-    if (shadowActiveElement) {
-      return getDeepActiveElement(shadowActiveElement);
-    }
-  }
-  return element;
-}
+} from "./chunk.UMIKFOMI.js";
 
 // src/internal/modal.ts
 var activeModals = [];
@@ -64,6 +53,5 @@ var Modal = class {
 };
 
 export {
-  getDeepActiveElement,
   Modal
 };

package/dist-versioned/chunks/{chunk.QGQB5JS7.js → chunk.FAY52O5K.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -117,16 +117,16 @@ var SdNavigationItem = class extends SolidElement {
       slots["description"] && "pt-3",
       slots["description"] || this.separated ? "pb-1" : horizontalPadding,
       this.calculatePaddingX
-    )}">${this.divider && this.vertical ? html`<sd-5-7-0-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-5-7-0-divider>` : ""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated ? html`<a class="${cx(
+    )}">${this.divider && this.vertical ? html`<sd-5-8-0-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-5-8-0-divider>` : ""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated ? html`<a class="${cx(
       "mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",
       !slots["description"] && "py-4"
-    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline-flex"></slot></a>` : html`<slot part="content" class="inline-flex"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-5-7-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline-flex"></slot></a>` : html`<slot part="content" class="inline-flex"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-5-8-0-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-5-7-0-icon></button>` : html`<sd-5-7-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+    )}"></sd-5-8-0-icon></button>` : html`<sd-5-8-0-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-5-7-0-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot name="description" part="description" class="${cx(
+    )}"></sd-5-8-0-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot name="description" part="description" class="${cx(
       "inline-block text-sm text-left text-black pb-3",
       isAccordion || this.separated ? "grow" : "w-full",
       this.separated ? "px-4" : this.calculatePaddingX
@@ -190,7 +190,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdNavigationItem.prototype, "separated", 2);
 SdNavigationItem = __decorateClass([
-  customElement("sd-5-7-0-navigation-item")
+  customElement("sd-5-8-0-navigation-item")
 ], SdNavigationItem);
 
 export {

package/dist-versioned/chunks/{chunk.JBZMLWDZ.js → chunk.FQ65C655.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -323,7 +323,7 @@ __decorateClass([
   property({ attribute: "auto-size-padding", type: Number })
 ], SdPopup.prototype, "autoSizePadding", 2);
 SdPopup = __decorateClass([
-  customElement("sd-5-7-0-popup")
+  customElement("sd-5-8-0-popup")
 ], SdPopup);
 
 export {

package/dist-versioned/chunks/{chunk.FSL676RI.js → chunk.G7LKDW7D.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -55,7 +55,7 @@ var SdStepGroup = class extends SolidElement {
     });
   }
   getAllSteps() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-7-0-step");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-8-0-step");
   }
   /**
    * Sets the active step.
@@ -120,7 +120,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStepGroup.prototype, "handleInteractivityChange", 1);
 SdStepGroup = __decorateClass([
-  customElement("sd-5-7-0-step-group")
+  customElement("sd-5-8-0-step-group")
 ], SdStepGroup);
 
 export {

package/dist-versioned/chunks/{chunk.QTRNM73B.js → chunk.GRJDOPAS.js}

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.SHLIEXLI.js";
+} from "./chunk.VTMF55NN.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -74,10 +74,10 @@ var SdRadioGroup = class extends SolidElement {
     this.formControlController.updateValidity();
   }
   getAllRadios() {
-    return [...this.querySelectorAll("sd-5-7-0-radio, sd-5-7-0-radio-button")];
+    return [...this.querySelectorAll("sd-5-8-0-radio, sd-5-8-0-radio-button")];
   }
   handleRadioClick(event) {
-    const target = event.target.closest("sd-5-7-0-radio, sd-5-7-0-radio-button");
+    const target = event.target.closest("sd-5-8-0-radio, sd-5-8-0-radio-button");
     const radios = this.getAllRadios();
     const oldValue = this.value;
     if (target.disabled) {
@@ -154,7 +154,7 @@ var SdRadioGroup = class extends SolidElement {
         }
       })
     );
-    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-5-7-0-radio-button");
+    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-5-8-0-radio-button");
     if (!radios.some((radio) => radio.checked)) {
       if (this.hasButtonGroup) {
         const buttonRadio = (_a = radios[0].shadowRoot) == null ? void 0 : _a.querySelector("button");
@@ -166,26 +166,26 @@ var SdRadioGroup = class extends SolidElement {
       }
     }
     if (this.hasButtonGroup) {
-      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-7-0-button-group");
+      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-8-0-button-group");
       if (buttonGroup) {
         buttonGroup.disableRole = true;
       }
     }
   }
   syncRadios() {
-    if (customElements.get("sd-5-7-0-radio") && customElements.get("sd-5-7-0-radio-button")) {
+    if (customElements.get("sd-5-8-0-radio") && customElements.get("sd-5-8-0-radio-button")) {
       this.syncRadioElements();
       return;
     }
-    if (customElements.get("sd-5-7-0-radio")) {
+    if (customElements.get("sd-5-8-0-radio")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-5-7-0-radio").then(() => this.syncRadios());
+      customElements.whenDefined("sd-5-8-0-radio").then(() => this.syncRadios());
     }
-    if (customElements.get("sd-5-7-0-radio-button")) {
+    if (customElements.get("sd-5-8-0-radio-button")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-5-7-0-radio-button").then(() => this.syncRadios());
+      customElements.whenDefined("sd-5-8-0-radio-button").then(() => this.syncRadios());
     }
   }
   updateCheckedRadio() {
@@ -264,7 +264,7 @@ var SdRadioGroup = class extends SolidElement {
         vertical: "flex-col",
         horizontal: "flex-row"
       }[this.orientation]
-    )}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup ? html`<sd-5-7-0-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-5-7-0-button-group>` : defaultSlot}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`;
+    )}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup ? html`<sd-5-8-0-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-5-8-0-button-group>` : defaultSlot}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**
@@ -272,7 +272,7 @@ var SdRadioGroup = class extends SolidElement {
  */
 SdRadioGroup.styles = [
   ...SolidElement.styles,
-  css`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-7-0-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-7-0-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-7-0-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-7-0-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-7-0-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-7-0-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`
+  css`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-8-0-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-8-0-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-8-0-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-8-0-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-8-0-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-8-0-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -329,7 +329,7 @@ __decorateClass([
   watch("value")
 ], SdRadioGroup.prototype, "handleValueChange", 1);
 SdRadioGroup = __decorateClass([
-  customElement("sd-5-7-0-radio-group")
+  customElement("sd-5-8-0-radio-group")
 ], SdRadioGroup);
 
 export {

package/dist-versioned/chunks/{chunk.D23TODRF.js → chunk.GWQANU5I.js}

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

package/dist-versioned/chunks/{chunk.UWXGXWKM.js → chunk.H7FP247H.js}

@@ -2,19 +2,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -94,7 +94,7 @@ var SdExpandable = class extends SolidElement {
     )}" @click="${this.onToggleClick}" aria-expanded="${this.open}"><div class="${cx("h-full justify-center w-full text-base flex items-center toggle")}"><span part="toggle-icon" class="${cx(
       "flex items-center mr-2 transition-transform duration-medium ease-in-out",
       this.open && "rotate-180"
-    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-5-7-0-icon library="_internal" name="chevron-down" class="text-xl"></sd-5-7-0-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-5-7-0-icon library="_internal" name="chevron-down" class="text-xl"></sd-5-7-0-icon></slot></span><slot name="toggle-closed" class="${cx(this.open && "hidden")}">${this.localize.term("showMore")}</slot><slot name="toggle-open" class="${cx(!this.open && "hidden")}">${this.localize.term("showLess")}</slot></div></button><details part="details" ?inert="${ifDefined(!this.open)}"><summary part="summary" aria-hidden="true" class="cursor-pointer overflow-hidden list-none"><slot name="clone"></slot></summary><div part="content" class="content content-preview overflow-hidden relative"><slot></slot></div></details></div>`;
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-5-8-0-icon library="_internal" name="chevron-down" class="text-xl"></sd-5-8-0-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-5-8-0-icon library="_internal" name="chevron-down" class="text-xl"></sd-5-8-0-icon></slot></span><slot name="toggle-closed" class="${cx(this.open && "hidden")}">${this.localize.term("showMore")}</slot><slot name="toggle-open" class="${cx(!this.open && "hidden")}">${this.localize.term("showLess")}</slot></div></button><details part="details" ?inert="${ifDefined(!this.open)}"><summary part="summary" aria-hidden="true" class="cursor-pointer overflow-hidden list-none"><slot name="clone"></slot></summary><div part="content" class="content content-preview overflow-hidden relative"><slot></slot></div></details></div>`;
   }
   firstUpdated() {
     this.cloneContentToLightDOM();
@@ -134,7 +134,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdExpandable.prototype, "onOpenChange", 1);
 SdExpandable = __decorateClass([
-  customElement("sd-5-7-0-expandable")
+  customElement("sd-5-8-0-expandable")
 ], SdExpandable);
 setDefaultAnimation("expandable.show", {
   keyframes: [{ height: "var(--component-expandable-max-block-size, 90px)" }, { height: "auto" }],

package/dist-versioned/chunks/{chunk.CM5UUKM4.js → chunk.IUAN7YQ4.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -18,7 +18,7 @@ var SdTabPanel = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-5-7-0-tab-panel-${this.attrId}`;
+    this.componentId = `sd-5-8-0-tab-panel-${this.attrId}`;
     this.name = "";
     this.active = false;
   }
@@ -48,7 +48,7 @@ __decorateClass([
   watch("active")
 ], SdTabPanel.prototype, "handleActiveChange", 1);
 SdTabPanel = __decorateClass([
-  customElement("sd-5-7-0-tab-panel")
+  customElement("sd-5-8-0-tab-panel")
 ], SdTabPanel);
 
 export {

package/dist-versioned/chunks/{chunk.2Z3PTZDF.js → chunk.J2R4HF6O.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -21,7 +21,7 @@ var SdTab = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-5-7-0-tab-${this.attrId}`;
+    this.componentId = `sd-5-8-0-tab-${this.attrId}`;
     this.hasSlotController = new HasSlotController(this, "left");
     this.variant = "default";
     this.active = false;
@@ -102,7 +102,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"])
 ], SdTab.prototype, "handleDisabledChange", 1);
 SdTab = __decorateClass([
-  customElement("sd-5-7-0-tab")
+  customElement("sd-5-8-0-tab")
 ], SdTab);
 
 export {

package/dist-versioned/chunks/chunk.KVKRZJS7.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-5-7-0-button";
+      const isButton = this.host.tagName.toLowerCase() === "sd-5-8-0-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-5-7-0-radio-group"
+          (element) => element.tagName.toLowerCase() === "sd-5-8-0-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-5-7-0-input"]
+      assumeInteractionOn: ["sd-5-8-0-input"]
     }, options);
   }
   hostConnected() {

package/{dist/chunks/chunk.KQKYMBS7.js → dist-versioned/chunks/chunk.KZMSCSWH.js}

@@ -1,12 +1,12 @@
-import {
-  library_status_default
-} from "./chunk.4TPOL3LB.js";
 import {
   library_default_default
 } from "./chunk.7VPFFNHR.js";
 import {
   library_internal_default
-} from "./chunk.YNSZZDYQ.js";
+} from "./chunk.Z7IN7NPU.js";
+import {
+  library_status_default
+} from "./chunk.4TPOL3LB.js";
 
 // src/components/icon/library.ts
 var registry = [library_internal_default, library_default_default, library_status_default];