@solid-design-system/components 5.12.1 → 5.13.2

package/dist-versioned/chunks/{chunk.6OA4LXDX.js → chunk.TMFSN6FM.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -210,15 +210,15 @@ var SdNotification = class extends SolidElement {
         warning: "bg-warning",
         error: "bg-error"
       }[this.variant]
-    )}"><sd-5-12-1-icon name="${{
+    )}"><sd-5-13-2-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-5-12-1-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-5-13-2-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 border-neutral-400"
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-5-12-1-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-5-12-1-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-5-12-1-icon></sd-5-12-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 bg-primary 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>`;
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-5-13-2-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-5-13-2-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-5-13-2-icon></sd-5-13-2-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 bg-primary 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>`;
   }
 };
 /**
@@ -262,7 +262,7 @@ __decorateClass([
   watch("duration")
 ], SdNotification.prototype, "handleDurationChange", 1);
 SdNotification = __decorateClass([
-  customElement("sd-5-12-1-notification")
+  customElement("sd-5-13-2-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [

package/dist-versioned/chunks/{chunk.YVIGSH2Q.js → chunk.TSVBLBYH.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -89,7 +89,7 @@ var SdStep = class extends SolidElement {
       !this.disabled && !this.current && !this.notInteractive && "text-primary group-hover:text-primary-500 group-hover:fill-primary-500",
       this.notInteractive && "text-primary",
       this.size === "lg" ? "text-lg" : "text-sm"
-    )}">${!this.disabled && !this.current && !this.notInteractive ? html`<sd-5-12-1-icon name="status-check" library="_internal"></sd-5-12-1-icon>` : html`${this.index}`}</slot></${tag}>${this.noTail ? "" : html`<div part="tail" class="${cx(
+    )}">${!this.disabled && !this.current && !this.notInteractive ? html`<sd-5-13-2-icon name="status-check" library="_internal"></sd-5-13-2-icon>` : html`${this.index}`}</slot></${tag}>${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.disabled && !this.current && !this.notInteractive ? " border-primary group-hover:border-primary-500" : "border-neutral-400"
     )}"></div>`}</div><div part="text-container" class="${cx("mt-4 break-words flex flex-col gap-2", this.orientation === "horizontal" ? "text-center w-40" : "w-max text-left", this.disabled && "!text-neutral-700", this.notInteractive ? "ml-3" : "mr-4")}"><div part="label" id="label" class="${cx("!font-bold sd-paragraph", this.disabled && "!text-neutral-700", !this.disabled && !this.current && !this.notInteractive ? "!text-primary group-hover:!text-primary-500 group-hover:cursor-pointer" : "text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${cx("sd-paragraph sd-paragraph--size-sm", this.disabled && "!text-neutral-700")}">${this.description || html`<slot></slot>`}</div></div></div>`;
@@ -139,7 +139,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-5-12-1-step")
+  customElement("sd-5-13-2-step")
 ], SdStep);
 
 export {

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

@@ -1,7 +1,7 @@
 // src/components/combobox/utils.ts
 var getAssignedElementsForSlot = (slot) => Array.from(slot.assignedElements({ flatten: true }));
-var getOptionOrNestedOptions = (item) => item.tagName.toLocaleLowerCase() === "sd-5-12-1-option" ? item : Array.from(item.querySelectorAll(":scope > sd-5-12-1-option"));
-var isOptgroup = (item) => item.tagName.toLocaleLowerCase() === "sd-5-12-1-optgroup";
+var getOptionOrNestedOptions = (item) => item.tagName.toLocaleLowerCase() === "sd-5-13-2-option" ? item : Array.from(item.querySelectorAll(":scope > sd-5-13-2-option"));
+var isOptgroup = (item) => item.tagName.toLocaleLowerCase() === "sd-5-13-2-optgroup";
 var getAllOptions = (items) => items.map(getOptionOrNestedOptions);
 var filterOnlyOptgroups = (items) => items.filter(isOptgroup);
 var normalizeString = (str) => str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();

package/dist-versioned/chunks/{chunk.53TIETIU.js → chunk.VL6PR3YB.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -107,7 +107,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdMapMarker.prototype, "label", 2);
 SdMapMarker = __decorateClass([
-  customElement("sd-5-12-1-map-marker")
+  customElement("sd-5-13-2-map-marker")
 ], SdMapMarker);
 
 export {

package/dist-versioned/chunks/{chunk.2I3XKHRL.js → chunk.VRQD64HC.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -80,7 +80,7 @@ var SdTag = class extends SolidElement {
         !this.removable ? "hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500" : "has-[button:hover]:border-primary-500 has-[button:hover]:bg-neutral-100 has-[button:hover]:text-primary-500"
       ) : "bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500",
       this.disabled && !isLink && "cursor-not-allowed"
-    )}"><slot id="content" part="content"></slot>${this.removable ? html`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}"><slot part="removable-indicator" name="removable-indicator"><sd-5-12-1-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-5-12-1-icon></slot></button>` : ""}</${tag}>`;
+    )}"><slot id="content" part="content"></slot>${this.removable ? html`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}"><slot part="removable-indicator" name="removable-indicator"><sd-5-13-2-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-5-13-2-icon></slot></button>` : ""}</${tag}>`;
   }
 };
 SdTag.styles = [
@@ -115,7 +115,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdTag.prototype, "download", 2);
 SdTag = __decorateClass([
-  customElement("sd-5-12-1-tag")
+  customElement("sd-5-13-2-tag")
 ], SdTag);
 
 export {

package/dist-versioned/chunks/{chunk.Q5NANOL5.js → chunk.VVXWJVI2.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -28,7 +28,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdRangeTick.prototype, "subtick", 2);
 SdRangeTick = __decorateClass([
-  customElement("sd-5-12-1-range-tick")
+  customElement("sd-5-13-2-range-tick")
 ], SdRangeTick);
 
 export {

package/dist-versioned/chunks/{chunk.GCLUX5DU.js → chunk.W43TL6B7.js}

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.MYCJZM33.js";
+} from "./chunk.YBFZ5WWW.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.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-12-1-radio, sd-5-12-1-radio-button")];
+    return [...this.querySelectorAll("sd-5-13-2-radio, sd-5-13-2-radio-button")];
   }
   handleRadioClick(event) {
-    const target = event.target.closest("sd-5-12-1-radio, sd-5-12-1-radio-button");
+    const target = event.target.closest("sd-5-13-2-radio, sd-5-13-2-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-12-1-radio-button");
+    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-5-13-2-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-12-1-button-group");
+      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-13-2-button-group");
       if (buttonGroup) {
         buttonGroup.disableRole = true;
       }
     }
   }
   syncRadios() {
-    if (customElements.get("sd-5-12-1-radio") && customElements.get("sd-5-12-1-radio-button")) {
+    if (customElements.get("sd-5-13-2-radio") && customElements.get("sd-5-13-2-radio-button")) {
       this.syncRadioElements();
       return;
     }
-    if (customElements.get("sd-5-12-1-radio")) {
+    if (customElements.get("sd-5-13-2-radio")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-5-12-1-radio").then(() => this.syncRadios());
+      customElements.whenDefined("sd-5-13-2-radio").then(() => this.syncRadios());
     }
-    if (customElements.get("sd-5-12-1-radio-button")) {
+    if (customElements.get("sd-5-13-2-radio-button")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-5-12-1-radio-button").then(() => this.syncRadios());
+      customElements.whenDefined("sd-5-13-2-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-12-1-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-5-12-1-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-13-2-button-group class="border border-primary rounded-full" part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-5-13-2-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-12-1-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-12-1-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-12-1-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-12-1-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-12-1-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-12-1-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-13-2-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-13-2-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-13-2-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-13-2-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-13-2-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-13-2-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}:host:has(sd-5-13-2-button-group){display:inline-flex}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -329,7 +329,7 @@ __decorateClass([
   watch("value")
 ], SdRadioGroup.prototype, "handleValueChange", 1);
 SdRadioGroup = __decorateClass([
-  customElement("sd-5-12-1-radio-group")
+  customElement("sd-5-13-2-radio-group")
 ], SdRadioGroup);
 
 export {

package/dist-versioned/chunks/{chunk.WISC4V5Q.js → chunk.WK2YM3RD.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -17,19 +17,19 @@ var SdButtonGroup = class extends SolidElement {
   }
   handleFocus(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-5-12-1-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-5-13-2-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-5-12-1-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-5-13-2-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-5-12-1-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-5-13-2-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-5-12-1-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-5-13-2-button-group__button--hover");
   }
   handleSlotChange() {
     const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
@@ -37,11 +37,11 @@ var SdButtonGroup = class extends SolidElement {
       const index = slottedElements.indexOf(el);
       const button = findButton(el);
       if (button !== null) {
-        button.classList.add("sd-5-12-1-button-group__button");
-        button.classList.toggle("sd-5-12-1-button-group__button--first", index === 0);
-        button.classList.toggle("sd-5-12-1-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-5-12-1-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-5-12-1-button-group__button--radio", button.tagName.toLowerCase() === "sd-5-12-1-radio-button");
+        button.classList.add("sd-5-13-2-button-group__button");
+        button.classList.toggle("sd-5-13-2-button-group__button--first", index === 0);
+        button.classList.toggle("sd-5-13-2-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-5-13-2-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-5-13-2-button-group__button--radio", button.tagName.toLowerCase() === "sd-5-13-2-radio-button");
       }
     });
   }
@@ -63,11 +63,11 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-5-12-1-button-group")
+  customElement("sd-5-13-2-button-group")
 ], SdButtonGroup);
 function findButton(el) {
   var _a;
-  const selector = "sd-5-12-1-button, sd-5-12-1-radio-button";
+  const selector = "sd-5-13-2-button, sd-5-13-2-radio-button";
   return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
 }
 

package/dist-versioned/chunks/{chunk.3LB6F6UZ.js → chunk.WOML5RS7.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -107,12 +107,12 @@ var SdMenuItem = class extends SolidElement {
     )}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${isSubmenuExpanded ? true : false}">${this.type === "checkbox" ? html`<span part="checked-icon" class="${cx(
       "flex items-center justify-center grow-0 shrink-0 basis-auto",
       this.checked ? "visible" : "invisible"
-    )}"><sd-5-12-1-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-12-1-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-12-1-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-12-1-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
+    )}"><sd-5-13-2-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-13-2-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-13-2-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-13-2-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
   }
 };
 SdMenuItem.styles = [
   ...SolidElement.styles,
-  css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-12-1-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-12-1-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-12-1-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
+  css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-13-2-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-13-2-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-13-2-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -145,7 +145,7 @@ __decorateClass([
   watch("type")
 ], SdMenuItem.prototype, "handleTypeChange", 1);
 SdMenuItem = __decorateClass([
-  customElement("sd-5-12-1-menu-item")
+  customElement("sd-5-13-2-menu-item")
 ], SdMenuItem);
 
 export {

package/dist-versioned/chunks/{chunk.MYCJZM33.js → chunk.YBFZ5WWW.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -71,7 +71,7 @@ var SdRadio = class extends SolidElement {
   }
   render() {
     return html`<span part="base" class="${cx(
-      "sd-5-12-1-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",
+      "sd-5-13-2-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",
       (this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
       {
         /* sizes, fonts */
@@ -127,7 +127,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
 ], SdRadio.prototype, "handleDisabledChange", 1);
 SdRadio = __decorateClass([
-  customElement("sd-5-12-1-radio")
+  customElement("sd-5-13-2-radio")
 ], SdRadio);
 
 export {

package/dist-versioned/chunks/{chunk.F4RHOUGP.js → chunk.YYQORGQY.js}

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.QWL32OLS.js";
+} from "./chunk.D43BWQVS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -126,7 +126,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-5-12-1-icon")
+  customElement("sd-5-13-2-icon")
 ], SdIcon);
 
 export {

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

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

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

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.MQGUFVIS.js";
+} from "../../chunks/chunk.CCRA376S.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.F4RHOUGP.js";
+import "../../chunks/chunk.YYQORGQY.js";
 import "../../chunks/chunk.IIYSG3NP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.ZYF25H5G.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.P3RYNUKZ.js";
 import "../../chunks/chunk.YXCPZAFU.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.QWL32OLS.js";
+import "../../chunks/chunk.D43BWQVS.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-5-12-1-accordion-group': SdAccordionGroup;
+        'sd-5-13-2-accordion-group': SdAccordionGroup;
     }
 }

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

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.OT4PPAKV.js";
-import "../../chunks/chunk.MQGUFVIS.js";
+} from "../../chunks/chunk.F3IX2UHI.js";
+import "../../chunks/chunk.CCRA376S.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.F4RHOUGP.js";
+import "../../chunks/chunk.YYQORGQY.js";
 import "../../chunks/chunk.IIYSG3NP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.ZYF25H5G.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.P3RYNUKZ.js";
 import "../../chunks/chunk.YXCPZAFU.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.QWL32OLS.js";
+import "../../chunks/chunk.D43BWQVS.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-5-12-1-animation': SdAnimation;
+        'sd-5-13-2-animation': SdAnimation;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.UYJNZRYC.js";
+} from "../../chunks/chunk.HDOMTH7O.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.QWL32OLS.js";
+import "../../chunks/chunk.D43BWQVS.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -54,6 +54,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-12-1-audio': SdAudio;
+        'sd-5-13-2-audio': SdAudio;
     }
 }

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

@@ -1,18 +1,18 @@
 import {
   SdAudio
-} from "../../chunks/chunk.ULYZ7HF4.js";
-import "../../chunks/chunk.LNUCDACW.js";
+} from "../../chunks/chunk.PEL457CC.js";
+import "../../chunks/chunk.SR4AXQAP.js";
 import "../../chunks/chunk.SF6AUNJF.js";
 import "../../chunks/chunk.EDMG7C5H.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.PMNTW4FI.js";
-import "../../chunks/chunk.5ZCXBV7F.js";
+import "../../chunks/chunk.NZUH4YN5.js";
+import "../../chunks/chunk.CJEJTIBR.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.F4RHOUGP.js";
+import "../../chunks/chunk.YYQORGQY.js";
 import "../../chunks/chunk.IIYSG3NP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.ZYF25H5G.js";
@@ -23,7 +23,7 @@ import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.P3RYNUKZ.js";
 import "../../chunks/chunk.YXCPZAFU.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.QWL32OLS.js";
+import "../../chunks/chunk.D43BWQVS.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-5-12-1-badge': SdBadge;
+        'sd-5-13-2-badge': SdBadge;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.BS3O2QJ6.js";
-import "../../chunks/chunk.QWL32OLS.js";
+} from "../../chunks/chunk.NE2BMBIU.js";
+import "../../chunks/chunk.D43BWQVS.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-5-12-1-brandshape': SdBrandshape;
+        'sd-5-13-2-brandshape': SdBrandshape;
     }
 }
 export {};

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

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.LM6HLQCE.js";
-import "../../chunks/chunk.QWL32OLS.js";
+} from "../../chunks/chunk.K32GBV6Q.js";
+import "../../chunks/chunk.D43BWQVS.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -22,6 +22,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-12-1-breadcrumb': SdBreadcrumb;
+        'sd-5-13-2-breadcrumb': SdBreadcrumb;
     }
 }

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

@@ -1,10 +1,10 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.SNZAP25L.js";
+} from "../../chunks/chunk.737PY2Q6.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.P3RYNUKZ.js";
 import "../../chunks/chunk.YXCPZAFU.js";
-import "../../chunks/chunk.QWL32OLS.js";
+import "../../chunks/chunk.D43BWQVS.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -14,6 +14,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-12-1-breadcrumb-item': SdBreadcrumbItem;
+        'sd-5-13-2-breadcrumb-item': SdBreadcrumbItem;
     }
 }

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

@@ -1,11 +1,11 @@
 import {
   SdBreadcrumbItem
-} from "../../chunks/chunk.GLR5XK2G.js";
+} from "../../chunks/chunk.MAWWCON7.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.P3RYNUKZ.js";
 import "../../chunks/chunk.YXCPZAFU.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.QWL32OLS.js";
+import "../../chunks/chunk.D43BWQVS.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-5-12-1-button': SdButton;
+        'sd-5-13-2-button': SdButton;
     }
 }