@solid-design-system/components 7.0.0-next.8 → 7.0.0

package/dist-versioned/chunks/{chunk.SVAL7V6Q.js → chunk.WW2GYTA2.js}

@@ -20,7 +20,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.js";
 import {
   animateTo,
   stopAnimations
@@ -138,7 +138,7 @@ 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]
-    )}" 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-7-0-0-next-8-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-7-0-0-next-8-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-7-0-0-next-8-icon></sd-7-0-0-next-8-button></div></header>` : html`<sd-7-0-0-next-8-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-7-0-0-next-8-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-7-0-0-next-8-icon></sd-7-0-0-next-8-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></dialog>`;
+    )}" 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-7-0-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-7-0-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-7-0-0-icon></sd-7-0-0-button></div></header>` : html`<sd-7-0-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-7-0-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-7-0-0-icon></sd-7-0-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></dialog>`;
   }
 };
 SdDrawer.styles = [
@@ -174,7 +174,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdDrawer.prototype, "handleOpenChange", 1);
 SdDrawer = __decorateClass([
-  customElement("sd-7-0-0-next-8-drawer")
+  customElement("sd-7-0-0-drawer")
 ], SdDrawer);
 setDefaultAnimation("drawer.showStart", {
   keyframes: [

package/dist-versioned/chunks/{chunk.WVSKCZ63.js → chunk.X43JSG7P.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -64,9 +64,9 @@ var SdRadioButton = class extends SolidElement {
     const hasIconSlot = this.hasSlotController.test("icon");
     const buttonSizeClass = `${this.size}-${hasDefaultSlot ? "label" : "no-label"}`;
     return html`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked ? " button--checked" : ""}`}" role="radio" aria-checked="${this.checked}" class="${cx(
-      "relative text-center sd-7-0-0-next-8-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",
+      "relative text-center sd-7-0-0-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",
       this.size === "sm" ? "text-sm" : "text-base",
-      this.checked && !this.disabled && !this.visuallyDisabled ? "sd-7-0-0-next-8-button--primary--default-color-background sd-7-0-0-next-8-button--primary--default-color-text hover:sd-7-0-0-next-8-button--primary--hover-color-background hover:text-primary-100" : !this.checked && (this.disabled || this.visuallyDisabled) ? "text-neutral-500 hover:cursor-not-allowed" : this.checked && (this.disabled || this.visuallyDisabled) ? "bg-neutral-400 text-white hover:cursor-not-allowed " : "bg-transparent sd-7-0-0-next-8-radio-button-color-text border-primary cursor-pointer hover:sd-7-0-0-next-8-radio-button--hover-color-background hover:sd-7-0-0-next-8-radio-button--hover-color-text",
+      this.checked && !this.disabled && !this.visuallyDisabled ? "sd-7-0-0-button--primary--default-color-background sd-7-0-0-button--primary--default-color-text hover:sd-7-0-0-button--primary--hover-color-background hover:text-primary-100" : !this.checked && (this.disabled || this.visuallyDisabled) ? "text-neutral-500 hover:cursor-not-allowed" : this.checked && (this.disabled || this.visuallyDisabled) ? "bg-neutral-400 text-white hover:cursor-not-allowed " : "bg-transparent sd-7-0-0-radio-button-color-text border-primary cursor-pointer hover:sd-7-0-0-radio-button--hover-color-background hover:sd-7-0-0-radio-button--hover-color-text",
       hasDefaultSlot && {
         sm: "px-3",
         md: "px-4",
@@ -89,7 +89,7 @@ var SdRadioButton = class extends SolidElement {
 SdRadioButton.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:0;z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-7-0-0-next-8-button-group__button:not(.sd-7-0-0-next-8-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-7-0-0-next-8-button-group__button:not(.sd-7-0-0-next-8-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-7-0-0-next-8-button-group__button:not(.sd-7-0-0-next-8-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-7-0-0-next-8-button-group__button--hover){z-index:20}:host(.sd-7-0-0-next-8-button-group__button--focus){z-index:30}:host(.sd-7-0-0-next-8-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
+:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:0;z-index:calc(10 * -1);opacity:var(--sd-opacity-0,0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error,204 25 55)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1,.25rem) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4,1rem)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3,.75rem)}:host([size=lg].sd-7-0-0-button-group__button:not(.sd-7-0-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3,.75rem) * -1)}:host([size=md].sd-7-0-0-button-group__button:not(.sd-7-0-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2,.5rem) * -1)}:host([size=sm].sd-7-0-0-button-group__button:not(.sd-7-0-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1,.25rem) * -1)}:host(.sd-7-0-0-button-group__button--hover){z-index:20}:host(.sd-7-0-0-button-group__button--focus){z-index:30}:host(.sd-7-0-0-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
 ];
 __decorateClass([
   query(".button")
@@ -119,7 +119,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
 ], SdRadioButton.prototype, "handleDisabledChange", 1);
 SdRadioButton = __decorateClass([
-  customElement("sd-7-0-0-next-8-radio-button")
+  customElement("sd-7-0-0-radio-button")
 ], SdRadioButton);
 
 export {

package/dist-versioned/chunks/{chunk.BZO3OLK2.js → chunk.X76XYLWV.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -84,7 +84,7 @@ var SdRange = class extends SolidElement {
       var _a, _b;
       const tooltip = thumb.parentElement;
       await tooltip.updateComplete;
-      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-7-0-0-next-8-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
+      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-7-0-0-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
     });
   }
   willUpdate(changedProperties) {
@@ -260,7 +260,7 @@ var SdRange = class extends SolidElement {
   _preventTextSelection() {
     if (!this._dragStyleElement) {
       const style = document.createElement("style");
-      style.setAttribute("data-sd-7-0-0-next-8-range-drag", "");
+      style.setAttribute("data-sd-7-0-0-range-drag", "");
       style.textContent = "*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }";
       document.head.appendChild(style);
       this._dragStyleElement = style;
@@ -445,10 +445,10 @@ var SdRange = class extends SolidElement {
           ariaLabel = this.tooltipFormatter(value);
         }
       }
-      return html`<sd-7-0-0-next-8-tooltip trigger="${this.tooltip === "on-interaction" ? "focus" : "manual"}" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.tooltip === "hidden" ? true : void 0)}"><div id="${id}" part="thumb" role="slider" tabindex="${this.disabled || this.visuallyDisabled ? -1 : 0}" aria-disabled="${ifDefined(this.disabled || this.visuallyDisabled ? "true" : void 0)}" aria-labelledby="${ariaLabeledBy}" aria-label="${ariaLabel}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${value}" aria-valuetext="${this.tooltipFormatter(value)}" data-range-id="${rangeId}" data-disabled="${ifDefined(this.disabled || this.visuallyDisabled || void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
+      return html`<sd-7-0-0-tooltip trigger="${this.tooltip === "on-interaction" ? "focus" : "manual"}" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.tooltip === "hidden" ? true : void 0)}"><div id="${id}" part="thumb" role="slider" tabindex="${this.disabled || this.visuallyDisabled ? -1 : 0}" aria-disabled="${ifDefined(this.disabled || this.visuallyDisabled ? "true" : void 0)}" aria-labelledby="${ariaLabeledBy}" aria-label="${ariaLabel}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${value}" aria-valuetext="${this.tooltipFormatter(value)}" data-range-id="${rangeId}" data-disabled="${ifDefined(this.disabled || this.visuallyDisabled || void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
         "rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",
         this.disabled || this.visuallyDisabled ? "outline-none" : "cursor-pointer focus-visible:focus-outline"
-      )}"></div></sd-7-0-0-next-8-tooltip>`;
+      )}"></div></sd-7-0-0-tooltip>`;
     });
   }
   render() {
@@ -518,7 +518,7 @@ __decorateClass([
   property({ type: String })
 ], SdRange.prototype, "value", 1);
 SdRange = __decorateClass([
-  customElement("sd-7-0-0-next-8-range")
+  customElement("sd-7-0-0-range")
 ], SdRange);
 
 export {

package/dist-versioned/chunks/{chunk.3Y3V2LY4.js → chunk.XFFYITQX.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -26,7 +26,7 @@ var SdCheckboxGroup = class extends SolidElement {
     this.helpText = "";
   }
   getAllCheckboxes() {
-    return [...this.querySelectorAll("sd-7-0-0-next-8-checkbox")];
+    return [...this.querySelectorAll("sd-7-0-0-checkbox")];
   }
   async syncCheckboxElements() {
     const checkboxes = this.getAllCheckboxes();
@@ -39,10 +39,10 @@ var SdCheckboxGroup = class extends SolidElement {
     );
   }
   syncCheckboxes() {
-    if (customElements.get("sd-7-0-0-next-8-checkbox")) {
+    if (customElements.get("sd-7-0-0-checkbox")) {
       this.syncCheckboxElements();
     } else {
-      customElements.whenDefined("sd-7-0-0-next-8-checkbox").then(() => this.syncCheckboxes());
+      customElements.whenDefined("sd-7-0-0-checkbox").then(() => this.syncCheckboxes());
     }
   }
   handleSizeChange() {
@@ -80,7 +80,7 @@ var SdCheckboxGroup = class extends SolidElement {
 SdCheckboxGroup.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}:host([orientation=vertical]) ::slotted(sd-7-0-0-next-8-checkbox){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-0-next-8-checkbox:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-0-next-8-checkbox){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-7-0-0-next-8-checkbox:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-next-8-checkbox){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-next-8-checkbox:last-of-type){margin-right:0}`
+:host{display:block}:host([orientation=vertical]) ::slotted(sd-7-0-0-checkbox){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-0-checkbox:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-0-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-7-0-0-checkbox:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-checkbox:last-of-type){margin-right:0}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -101,7 +101,7 @@ __decorateClass([
   watch("invalid", { waitUntilFirstUpdate: true })
 ], SdCheckboxGroup.prototype, "handleInvalid", 1);
 SdCheckboxGroup = __decorateClass([
-  customElement("sd-7-0-0-next-8-checkbox-group")
+  customElement("sd-7-0-0-checkbox-group")
 ], SdCheckboxGroup);
 
 export {

package/dist-versioned/chunks/{chunk.WZOVHSGU.js → chunk.YLTS3DRQ.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -22,7 +22,7 @@ var SdBreadcrumb = class extends SolidElement {
     this.isTruncated = false;
   }
   get items() {
-    return this.querySelectorAll("sd-7-0-0-next-8-breadcrumb-item");
+    return this.querySelectorAll("sd-7-0-0-breadcrumb-item");
   }
   cacheItemPositions() {
     this.items.forEach((item) => {
@@ -67,12 +67,12 @@ var SdBreadcrumb = class extends SolidElement {
   }
   handleMobileChevron() {
     var _a, _b, _c;
-    const icon = document.createElement("sd-7-0-0-next-8-icon");
+    const icon = document.createElement("sd-7-0-0-icon");
     icon.setAttribute("slot", "icon-left");
     icon.setAttribute("library", "_internal");
     icon.setAttribute("name", "chevron-left");
     icon.setAttribute("class", "text-base me-1 lg:hidden");
-    (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-7-0-0-next-8-link")) == null ? void 0 : _c.appendChild(icon);
+    (_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-7-0-0-link")) == null ? void 0 : _c.appendChild(icon);
   }
   handleSlotChange() {
     this.handleMobileChevron();
@@ -87,13 +87,13 @@ var SdBreadcrumb = class extends SolidElement {
     this.resizeObserver.unobserve(this);
   }
   render() {
-    return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-7-0-0-next-8-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-7-0-0-next-8-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
+    return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-7-0-0-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-7-0-0-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
   }
 };
 SdBreadcrumb.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block}::slotted(sd-7-0-0-next-8-breadcrumb-item:not(:last-of-type))::after,sd-7-0-0-next-8-dropdown::after{margin-inline:var(--sd-spacing-2);display:none;height:var(--sd-spacing-1);width:var(--sd-spacing-1);border-radius:var(--sd-radius-full);background-color:rgba(var(--sd-breadcrumb__separator-color,rgba(var(--sd-color-neutral-400))));--tw-content:'';content:var(--tw-content)}@media (width >= 64rem){::slotted(sd-7-0-0-next-8-breadcrumb-item:not(:last-of-type))::after,sd-7-0-0-next-8-dropdown::after{display:inline-block}}::slotted(sd-7-0-0-next-8-breadcrumb-item:nth-last-child(2)){display:flex}@media (width >= 64rem){::slotted(sd-7-0-0-next-8-breadcrumb-item:nth-last-child(2))::after{background-color:rgba(var(--sd-breadcrumb__separator--current-color,rgba(var(--sd-color-accent))))}}::slotted(sd-7-0-0-next-8-breadcrumb-item),sd-7-0-0-next-8-dropdown{display:none;align-items:center;font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (width >= 64rem){::slotted(sd-7-0-0-next-8-breadcrumb-item),sd-7-0-0-next-8-dropdown{display:flex}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`
+:host{position:relative;display:block}::slotted(sd-7-0-0-breadcrumb-item:not(:last-of-type))::after,sd-7-0-0-dropdown::after{margin-inline:var(--sd-spacing-2,.5rem);display:none;height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem);border-radius:var(--sd-radius-full,624.9375rem);background-color:rgba(var(--sd-breadcrumb__separator-color,195 195 195));--tw-content:'';content:var(--tw-content)}@media (width >= 64rem){::slotted(sd-7-0-0-breadcrumb-item:not(:last-of-type))::after,sd-7-0-0-dropdown::after{display:inline-block}}::slotted(sd-7-0-0-breadcrumb-item:nth-last-child(2)){display:flex}@media (width >= 64rem){::slotted(sd-7-0-0-breadcrumb-item:nth-last-child(2))::after{background-color:rgba(var(--sd-breadcrumb__separator--current-color,45 157 0))}}::slotted(sd-7-0-0-breadcrumb-item),sd-7-0-0-dropdown{display:none;align-items:center;font-size:var(--sd-text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (width >= 64rem){::slotted(sd-7-0-0-breadcrumb-item),sd-7-0-0-dropdown{display:flex}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -117,7 +117,7 @@ __decorateClass([
   state()
 ], SdBreadcrumb.prototype, "isTruncated", 2);
 SdBreadcrumb = __decorateClass([
-  customElement("sd-7-0-0-next-8-breadcrumb")
+  customElement("sd-7-0-0-breadcrumb")
 ], SdBreadcrumb);
 
 export {

package/dist-versioned/chunks/{chunk.4BB4LNMY.js → chunk.YUF5NVHJ.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -129,7 +129,7 @@ var SdScrollable = class extends SolidElement {
       down: this.upButton
     }[direction];
     const label = reachedStart ? `${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}` : `${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;
-    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-7-0-0-next-8-icon")) == null ? void 0 : _c.setAttribute("label", label);
+    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-7-0-0-icon")) == null ? void 0 : _c.setAttribute("label", label);
     if (isKeyboardTriggered) {
       oppositeButton == null ? void 0 : oppositeButton.focus();
     } else {
@@ -141,7 +141,7 @@ var SdScrollable = class extends SolidElement {
     const scrollTo = ["left", "up"].includes(direction) ? "start" : "end";
     const label = scrollTo === "start" ? this.localize.term("scrollToStart") : this.localize.term("scrollToEnd");
     const button = e.target;
-    (_a = button.querySelector("sd-7-0-0-next-8-icon")) == null ? void 0 : _a.setAttribute("label", label);
+    (_a = button.querySelector("sd-7-0-0-icon")) == null ? void 0 : _a.setAttribute("label", label);
   }
   render() {
     const scrollButtonClasses = "relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg";
@@ -158,16 +158,16 @@ var SdScrollable = class extends SolidElement {
     )}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons ? html`${this.isScrollHorizontalEnabled ? html`<div part="button-left" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.left && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-7-0-0-next-8-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-8-icon></slot></button></div><div part="button-right" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-7-0-0-icon library="_internal" name="chevron-top" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-icon></slot></button></div><div part="button-right" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.right && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-7-0-0-next-8-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-8-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-7-0-0-icon library="_internal" name="chevron-bottom" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.up && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-7-0-0-next-8-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-8-icon></slot></button></div><div part="button-bottom" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-7-0-0-icon library="_internal" name="chevron-top" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-icon></slot></button></div><div part="button-bottom" class="${cx(
       "absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.down && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-7-0-0-next-8-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-8-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-7-0-0-icon library="_internal" name="chevron-bottom" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
       "left top-0 left-0 w-[6px] h-full",
       scrollShadowClasses,
       this.canScroll.left ? "opacity-100" : "opacity-0"
@@ -189,7 +189,7 @@ var SdScrollable = class extends SolidElement {
 SdScrollable.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-7-0-0-next-8-icon--top{align-self:flex-start}.sd-7-0-0-next-8-icon--down{align-self:flex-end}`
+:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-7-0-0-icon--top{align-self:flex-start}.sd-7-0-0-icon--down{align-self:flex-end}`
 ];
 __decorateClass([
   query('[part="button-right"] button')
@@ -237,7 +237,7 @@ __decorateClass([
   state()
 ], SdScrollable.prototype, "isScrollVerticalEnabled", 2);
 SdScrollable = __decorateClass([
-  customElement("sd-7-0-0-next-8-scrollable")
+  customElement("sd-7-0-0-scrollable")
 ], SdScrollable);
 
 export {

package/dist-versioned/chunks/{chunk.GRRHK6BP.js → chunk.Z46FZJNF.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.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-7-0-0-next-8-tab-panel-${this.attrId}`;
+    this.componentId = `sd-7-0-0-tab-panel-${this.attrId}`;
     this.name = "";
     this.active = false;
   }
@@ -49,7 +49,7 @@ __decorateClass([
   watch("active")
 ], SdTabPanel.prototype, "handleActiveChange", 1);
 SdTabPanel = __decorateClass([
-  customElement("sd-7-0-0-next-8-tab-panel")
+  customElement("sd-7-0-0-tab-panel")
 ], SdTabPanel);
 
 export {

package/dist-versioned/chunks/{chunk.LJ5ONJGL.js → chunk.Z6VBJGLD.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -163,76 +163,76 @@ var SdButton = class extends SolidElement {
     const hasBorder = this.variant === "secondary";
     const variantBackgroundColors = {
       primary: this.inverted ? {
-        motionBackground: "sd-7-0-0-next-8-button--primary--inverted--hover-color-background group-active:sd-7-0-0-next-8-button--primary--inverted--active-color-background",
-        baseBackground: "hover:sd-7-0-0-next-8-button--primary--inverted--hover-color-background active:sd-7-0-0-next-8-button--primary--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-button--primary--inverted--hover-color-background group-active:sd-7-0-0-button--primary--inverted--active-color-background",
+        baseBackground: "hover:sd-7-0-0-button--primary--inverted--hover-color-background active:sd-7-0-0-button--primary--inverted--active-color-background"
       } : {
-        motionBackground: "sd-7-0-0-next-8-button--primary--hover-color-background group-active:sd-7-0-0-next-8-button--primary--active-color-background",
-        baseBackground: "hover:sd-7-0-0-next-8-button--primary--hover-color-background active:sd-7-0-0-next-8-button--primary--active-color-background"
+        motionBackground: "sd-7-0-0-button--primary--hover-color-background group-active:sd-7-0-0-button--primary--active-color-background",
+        baseBackground: "hover:sd-7-0-0-button--primary--hover-color-background active:sd-7-0-0-button--primary--active-color-background"
       },
       secondary: this.inverted ? {
-        motionBackground: "sd-7-0-0-next-8-button--secondary--inverted--hover-color-background group-active:sd-7-0-0-next-8-button--secondary--inverted--active-color-background group-active:sd-7-0-0-next-8-button--secondary--inverted--active-color-text",
-        baseBackground: "hover:sd-7-0-0-next-8-button--secondary--inverted--hover-color-background active:sd-7-0-0-next-8-button--secondary--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-button--secondary--inverted--hover-color-background group-active:sd-7-0-0-button--secondary--inverted--active-color-background group-active:sd-7-0-0-button--secondary--inverted--active-color-text",
+        baseBackground: "hover:sd-7-0-0-button--secondary--inverted--hover-color-background active:sd-7-0-0-button--secondary--inverted--active-color-background"
       } : {
-        motionBackground: "sd-7-0-0-next-8-button--secondary--hover-color-background group-active:sd-7-0-0-next-8-button--secondary--active-color-background",
-        baseBackground: "hover:sd-7-0-0-next-8-button--secondary--hover-color-background active:sd-7-0-0-next-8-button--secondary--active-color-background"
+        motionBackground: "sd-7-0-0-button--secondary--hover-color-background group-active:sd-7-0-0-button--secondary--active-color-background",
+        baseBackground: "hover:sd-7-0-0-button--secondary--hover-color-background active:sd-7-0-0-button--secondary--active-color-background"
       },
       tertiary: this.inverted ? {
-        motionBackground: "sd-7-0-0-next-8-button--tertiary--inverted--hover-color-background group-active:sd-7-0-0-next-8-button--tertiary--inverted--active-color-background group-active:sd-7-0-0-next-8-button--tertiary--inverted--active-color-text",
-        baseBackground: "hover:sd-7-0-0-next-8-button--tertiary--inverted--hover-color-background active:sd-7-0-0-next-8-button--tertiary--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-button--tertiary--inverted--hover-color-background group-active:sd-7-0-0-button--tertiary--inverted--active-color-background group-active:sd-7-0-0-button--tertiary--inverted--active-color-text",
+        baseBackground: "hover:sd-7-0-0-button--tertiary--inverted--hover-color-background active:sd-7-0-0-button--tertiary--inverted--active-color-background"
       } : {
-        motionBackground: "sd-7-0-0-next-8-button--tertiary--hover-color-background group-active:sd-7-0-0-next-8-button--tertiary--active-color-background",
-        baseBackground: "hover:sd-7-0-0-next-8-button--tertiary--hover-color-background active:sd-7-0-0-next-8-button--tertiary--active-color-background"
+        motionBackground: "sd-7-0-0-button--tertiary--hover-color-background group-active:sd-7-0-0-button--tertiary--active-color-background",
+        baseBackground: "hover:sd-7-0-0-button--tertiary--hover-color-background active:sd-7-0-0-button--tertiary--active-color-background"
       },
       cta: this.inverted ? {
-        motionBackground: "sd-7-0-0-next-8-button--cta--inverted--hover-color-background group-active:sd-7-0-0-next-8-button--cta--inverted--active-color-background",
-        baseBackground: "hover:sd-7-0-0-next-8-button--cta--inverted--hover-color-background active:sd-7-0-0-next-8-button--cta--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-button--cta--inverted--hover-color-background group-active:sd-7-0-0-button--cta--inverted--active-color-background",
+        baseBackground: "hover:sd-7-0-0-button--cta--inverted--hover-color-background active:sd-7-0-0-button--cta--inverted--active-color-background"
       } : {
         motionBackground: "bg-accent-500 group-active:bg-accent-700",
         baseBackground: "hover:bg-accent-500 active:bg-accent-700"
       }
     }[this.variant];
-    return html`<sd-7-0-0-next-8-theme-listener></sd-7-0-0-next-8-theme-listener><${tag} part="base" class="${cx(
+    return html`<sd-7-0-0-theme-listener></sd-7-0-0-theme-listener><${tag} part="base" class="${cx(
       `group relative z-10 font-md no-underline
         w-full align-middle inline-flex items-stretch justify-center
         transition-colors duration-fast ease-in-out
         select-none cursor-[inherit]`,
-      !this.hasUiMotion && "sd-7-0-0-next-8-button--simple-motion",
+      !this.hasUiMotion && "sd-7-0-0-button--simple-motion",
       !this.inverted ? "focus-visible:focus-outline" : "focus-visible:focus-outline-inverted",
       this.loading && "relative cursor-wait",
       (this.disabled || this.visuallyDisabled) && "cursor-not-allowed",
       {
         /* sizes, fonts */
-        sm: `varspacing-8 min-h-8 sd-7-0-0-next-8-button--size-sm-font-size sd-7-0-0-next-8-button-font-weight sd-7-0-0-next-8-button--secondary--size-sm-padding-block sd-7-0-0-next-8-button--size-sm-border-radius`,
-        md: `varspacing-10 sd-7-0-0-next-8-button--size-md-height sd-7-0-0-next-8-button--size-md-font-size sd-7-0-0-next-8-button--secondary--size-md-padding-block sd-7-0-0-next-8-button-font-weight sd-7-0-0-next-8-button--size-md-border-radius`,
-        lg: `varspacing-12 sd-7-0-0-next-8-button--size-lg-height sd-7-0-0-next-8-button--size-lg-font-size sd-7-0-0-next-8-button--secondary--size-lg-padding-block sd-7-0-0-next-8-button-font-weight sd-7-0-0-next-8-button--size-lg-border-radius`
+        sm: `varspacing-8 min-h-8 sd-7-0-0-button--size-sm-font-size sd-7-0-0-button-font-weight sd-7-0-0-button--secondary--size-sm-padding-block sd-7-0-0-button-border-radius`,
+        md: `varspacing-10 sd-7-0-0-button--size-md-height sd-7-0-0-button--size-md-font-size sd-7-0-0-button--secondary--size-md-padding-block sd-7-0-0-button-font-weight sd-7-0-0-button-border-radius`,
+        lg: `varspacing-12 sd-7-0-0-button--size-lg-height sd-7-0-0-button--size-lg-font-size sd-7-0-0-button--secondary--size-lg-padding-block sd-7-0-0-button-font-weight sd-7-0-0-button-border-radius`
       }[this.size],
       !slots["icon-only"] && {
         /* sizes, fonts */
-        sm: `${hasBorder ? "sd-7-0-0-next-8-button--secondary-padding-inline" : "sd-7-0-0-next-8-button--size-sm-padding-block sd-7-0-0-next-8-button-padding-inline"}`,
-        md: `${hasBorder ? "sd-7-0-0-next-8-button--secondary-padding-inline" : "sd-7-0-0-next-8-button--size-md-padding-block sd-7-0-0-next-8-button-padding-inline"}`,
-        lg: `${hasBorder ? "sd-7-0-0-next-8-button--secondary-padding-inline" : "sd-7-0-0-next-8-button--size-lg-padding-block sd-7-0-0-next-8-button-padding-inline"}`
+        sm: `${hasBorder ? "sd-7-0-0-button--secondary-padding-inline" : "sd-7-0-0-button--size-sm-padding-block sd-7-0-0-button-padding-inline"}`,
+        md: `${hasBorder ? "sd-7-0-0-button--secondary-padding-inline" : "sd-7-0-0-button--size-md-padding-block sd-7-0-0-button-padding-inline"}`,
+        lg: `${hasBorder ? "sd-7-0-0-button--secondary-padding-inline" : "sd-7-0-0-button--size-lg-padding-block sd-7-0-0-button-padding-inline"}`
       }[this.size],
       /**
        * Anatomy
        * */
       slots["icon-only"] && {
         sm: "px-1 aspect-square",
-        md: "sd-7-0-0-next-8-button--size-md--icon-only-padding-inline aspect-square",
+        md: "sd-7-0-0-button--size-md--icon-only-padding-inline aspect-square",
         lg: "px-[12px] aspect-square"
       }[this.size],
       {
         /* variants */
-        primary: !this.inverted ? `${this.visuallyDisabled ? "sd-7-0-0-next-8-button--primary--disabled-color-background border-neutral-500 text-white" : "sd-7-0-0-next-8-button--primary--default-color-background border-transparent sd-7-0-0-next-8-button--primary--default-color-text hover:sd-7-0-0-next-8-button--primary--hover-color-text active:sd-7-0-0-next-8-button--primary--active-color-text"}
-          disabled:sd-7-0-0-next-8-button--primary--disabled-color-background disabled:text-white` : `${this.visuallyDisabled ? "sd-7-0-0-next-8-button--inverted--disabled-color-background text-white border-neutral-500" : "sd-7-0-0-next-8-button--primary--inverted--default-color-text sd-7-0-0-next-8-button--primary--inverted--default-color-background border-white hover:sd-7-0-0-next-8-button--primary--inverted--hover-color-text active:sd-7-0-0-next-8-button--primary--inverted--active-color-text"}
-          disabled:sd-7-0-0-next-8-button--inverted--disabled-color-background disabled:text-white`,
-        secondary: !this.inverted ? `border sd-7-0-0-next-8-button-border-width ${this.visuallyDisabled ? "sd-7-0-0-next-8-button--secondary--disabled-color-text sd-7-0-0-next-8-button--secondary--disabled-color-border" : "sd-7-0-0-next-8-button--secondary--default-color-text sd-7-0-0-next-8-button--secondary--default-color-border hover:sd-7-0-0-next-8-button--secondary--hover-color-text hover:sd-7-0-0-next-8-button--secondary--hover-color-border active:sd-7-0-0-next-8-button--secondary--active-color-text active:sd-7-0-0-next-8-button--secondary--active-color-border"}
-          disabled:sd-7-0-0-next-8-button--secondary--disabled-color-text disabled:sd-7-0-0-next-8-button--secondary--disabled-color-border` : `border sd-7-0-0-next-8-button-border-width ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600" : "sd-7-0-0-next-8-button--secondary--inverted-color-text sd-7-0-0-next-8-button--secondary--inverted-color-border hover:sd-7-0-0-next-8-button--secondary--inverted-color-border hover:sd-7-0-0-next-8-button--secondary--inverted--hover-color-text active:sd-7-0-0-next-8-button--secondary--inverted--active-color-text active:border-primary-200"}
-          disabled:sd-7-0-0-next-8-button--inverted--disabled-color-border disabled:sd-7-0-0-next-8-button--inverted--disabled-color-text`,
-        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "sd-7-0-0-next-8-button--tertiary--disabled-color-text" : "sd-7-0-0-next-8-button--tertiary--default-color-text hover:sd-7-0-0-next-8-button--tertiary--hover-color-text active:sd-7-0-0-next-8-button--tertiary--active-color-text"}
-          disabled:sd-7-0-0-next-8-button--tertiary--disabled-color-text` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600" : "sd-7-0-0-next-8-button--tertiary--inverted-color-text hover:sd-7-0-0-next-8-button--tertiary--inverted--hover-color-text active:sd-7-0-0-next-8-button--tertiary--inverted--active-color-text"}
-          disabled:sd-7-0-0-next-8-button--inverted--disabled-color-text`,
-        cta: `${this.visuallyDisabled ? "sd-7-0-0-next-8-button--primary--disabled-color-background border-neutral-500" : "border-transparent"}
-          ${!this.inverted ? "text-white bg-accent disabled:sd-7-0-0-next-8-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white" : "sd-7-0-0-next-8-button--cta--inverted--default-color-background sd-7-0-0-next-8-button--cta--inverted--default-color-text hover:sd-7-0-0-next-8-button--cta--inverted--hover-color-text active:sd-7-0-0-next-8-button--cta--inverted--active-color-text disabled:sd-7-0-0-next-8-button--inverted--disabled-color-background disabled:text-white"}`
+        primary: !this.inverted ? `${this.visuallyDisabled ? "sd-7-0-0-button--primary--disabled-color-background border-neutral-500 text-white" : "sd-7-0-0-button--primary--default-color-background border-transparent sd-7-0-0-button--primary--default-color-text hover:sd-7-0-0-button--primary--hover-color-text active:sd-7-0-0-button--primary--active-color-text"}
+          disabled:sd-7-0-0-button--primary--disabled-color-background disabled:text-white` : `${this.visuallyDisabled ? "sd-7-0-0-button--inverted--disabled-color-background text-white border-neutral-500" : "sd-7-0-0-button--primary--inverted--default-color-text sd-7-0-0-button--primary--inverted--default-color-background border-white hover:sd-7-0-0-button--primary--inverted--hover-color-text active:sd-7-0-0-button--primary--inverted--active-color-text"}
+          disabled:sd-7-0-0-button--inverted--disabled-color-background disabled:text-white`,
+        secondary: !this.inverted ? `border sd-7-0-0-button-border-width ${this.visuallyDisabled ? "sd-7-0-0-button--secondary--disabled-color-text sd-7-0-0-button--secondary--disabled-color-border" : "sd-7-0-0-button--secondary--default-color-text sd-7-0-0-button--secondary--default-color-border hover:sd-7-0-0-button--secondary--hover-color-text hover:sd-7-0-0-button--secondary--hover-color-border active:sd-7-0-0-button--secondary--active-color-text active:sd-7-0-0-button--secondary--active-color-border"}
+          disabled:sd-7-0-0-button--secondary--disabled-color-text disabled:sd-7-0-0-button--secondary--disabled-color-border` : `border sd-7-0-0-button-border-width ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600" : "sd-7-0-0-button--secondary--inverted-color-text sd-7-0-0-button--secondary--inverted-color-border hover:sd-7-0-0-button--secondary--inverted-color-border hover:sd-7-0-0-button--secondary--inverted--hover-color-text active:sd-7-0-0-button--secondary--inverted--active-color-text active:border-primary-200"}
+          disabled:sd-7-0-0-button--inverted--disabled-color-border disabled:sd-7-0-0-button--inverted--disabled-color-text`,
+        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "sd-7-0-0-button--tertiary--disabled-color-text" : "sd-7-0-0-button--tertiary--default-color-text hover:sd-7-0-0-button--tertiary--hover-color-text active:sd-7-0-0-button--tertiary--active-color-text"}
+          disabled:sd-7-0-0-button--tertiary--disabled-color-text` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600" : "sd-7-0-0-button--tertiary--inverted-color-text hover:sd-7-0-0-button--tertiary--inverted--hover-color-text active:sd-7-0-0-button--tertiary--inverted--active-color-text"}
+          disabled:sd-7-0-0-button--inverted--disabled-color-text`,
+        cta: `${this.visuallyDisabled ? "sd-7-0-0-button--primary--disabled-color-background border-neutral-500" : "border-transparent"}
+          ${!this.inverted ? "text-white bg-accent disabled:sd-7-0-0-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white" : "sd-7-0-0-button--cta--inverted--default-color-background sd-7-0-0-button--cta--inverted--default-color-text hover:sd-7-0-0-button--cta--inverted--hover-color-text active:sd-7-0-0-button--cta--inverted--active-color-text disabled:sd-7-0-0-button--inverted--disabled-color-background disabled:text-white"}`
       }[this.variant],
       !this.hasUiMotion && !this.disabled && !this.visuallyDisabled && variantBackgroundColors.baseBackground
     )}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}" type="${ifDefined(isLink ? void 0 : this.type)}" title="${this.title}" name="${ifDefined(isLink ? void 0 : this.name)}" value="${ifDefined(isLink ? void 0 : this.value)}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" role="${ifDefined(isLink ? void 0 : "button")}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" aria-labelledby="content" tabindex="${this.disabled ? "-1" : "0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton() ? this.handleInvalid : null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${cx(
@@ -240,9 +240,9 @@ var SdButton = class extends SolidElement {
       (!this.hasUiMotion || this.disabled || this.visuallyDisabled) && "hidden",
       {
         /* sizes, fonts */
-        sm: `sd-7-0-0-next-8-button-border-radius`,
-        md: `sd-7-0-0-next-8-button-border-radius`,
-        lg: `sd-7-0-0-next-8-button-border-radius`
+        sm: `sd-7-0-0-button-border-radius`,
+        md: `sd-7-0-0-button-border-radius`,
+        lg: `sd-7-0-0-button-border-radius`
       }[this.size]
     )}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${cx(
       "absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",
@@ -250,7 +250,7 @@ var SdButton = class extends SolidElement {
     )}"></div><div class="${cx(
       "absolute w-full h-full mt-[22%]",
       variantBackgroundColors.motionBackground,
-      this.variant === "secondary" && this.inverted && "group-active:sd-7-0-0-next-8-button--secondary--active-color-border"
+      this.variant === "secondary" && this.inverted && "group-active:sd-7-0-0-button--secondary--active-color-border"
     )}"></div></div></div><slot name="icon-left" part="icon-left" class="${cx(
       "flex flex-auto items-center justify-end pointer-events-none",
       slots["icon-only"] && "hidden",
@@ -278,7 +278,7 @@ var SdButton = class extends SolidElement {
         md: "ml-2",
         lg: "ml-2"
       }[this.size]
-    )}"></slot>${this.loading ? html`<sd-7-0-0-next-8-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-0-next-8-loader>` : ""}</${tag}>`;
+    )}"></slot>${this.loading ? html`<sd-7-0-0-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-0-loader>` : ""}</${tag}>`;
   }
 };
 /**
@@ -287,13 +287,13 @@ var SdButton = class extends SolidElement {
 SdButton.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-7-0-0-next-8-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-0-next-8-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-7-0-0-next-8-icon),sd-7-0-0-next-8-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-0-next-8-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-7-0-0-next-8-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-7-0-0-next-8-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-7-0-0-next-8-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`
+:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-7-0-0-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-0-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-7-0-0-icon),sd-7-0-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-0-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}.sd-7-0-0-button-border-radius{border-radius:var(--sd-button-border-radius)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`
 ];
 __decorateClass([
   query("a, button")
 ], SdButton.prototype, "button", 2);
 __decorateClass([
-  queryAssignedElements({ selector: "sd-7-0-0-next-8-icon" })
+  queryAssignedElements({ selector: "sd-7-0-0-icon" })
 ], SdButton.prototype, "_iconsInDefaultSlot", 2);
 __decorateClass([
   state()
@@ -362,7 +362,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdButton.prototype, "handleDisabledChange", 1);
 SdButton = __decorateClass([
-  customElement("sd-7-0-0-next-8-button")
+  customElement("sd-7-0-0-button")
 ], SdButton);
 
 export {

package/dist-versioned/chunks/{chunk.Y4XJY6Y4.js → chunk.ZSRPJGFN.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.DJJN4MJ4.js";
+} from "./chunk.PVSLBUSF.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-7-0-0-next-8-button part="front-button" size="md" variant="${{
+    )}"></div><sd-7-0-0-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-7-0-0-next-8-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-0-next-8-icon></sd-7-0-0-next-8-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-7-0-0-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-0-icon></sd-7-0-0-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-7-0-0-next-8-button size="md" part="back-button" variant="${{
+    )}"></div><sd-7-0-0-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-7-0-0-next-8-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-0-next-8-icon></sd-7-0-0-next-8-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-7-0-0-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-0-icon></sd-7-0-0-button></div></div>`;
   }
 };
 /**
@@ -149,7 +149,7 @@ var SdFlipcard = class extends SolidElement {
 SdFlipcard.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | 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:.2 1 0;pointer-events:none}.bg-gradient-to-b,.bg-gradient-to-t{--sd-color-background-primary-800:var(
+:host{display:block;aspect-ratio:var(--sd-aspect-3\\/4,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:.2 1 0;pointer-events:none}.bg-gradient-to-b,.bg-gradient-to-t{--sd-color-background-primary-800:var(
           --sd-informational-gradient--primary-800-color-background,
           var(--sd-color-primary-800)
         )}`
@@ -176,7 +176,7 @@ __decorateClass([
   state()
 ], SdFlipcard.prototype, "activeSide", 2);
 SdFlipcard = __decorateClass([
-  customElement("sd-7-0-0-next-8-flipcard")
+  customElement("sd-7-0-0-flipcard")
 ], SdFlipcard);
 
 export {