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

package/dist-versioned/chunks/{chunk.M5EPD6OZ.js → chunk.EAYDTYXQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.WSXDUNN7.js";
+} from "./chunk.2WQCSOBT.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.S34JD54Y.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";
@@ -60,7 +60,7 @@ var SdCarousel = class extends SolidElement {
     this.pausedAutoplay = false;
     this.autoplayController = new AutoplayController(this, () => this.next());
     this.scrollController = new ScrollController(this);
-    this.slides = this.getElementsByTagName("sd-6-0-0-next-8-carousel-item");
+    this.slides = this.getElementsByTagName("sd-6-0-0-carousel-item");
     // determines which slide is displayed
     // A map containing the state of all the slides
     this.intersectionObserverEntries = /* @__PURE__ */ new Map();
@@ -449,7 +449,7 @@ var SdCarousel = class extends SolidElement {
     )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${prevEnabled ? (e) => {
       this.previous();
       this.unblockAutoplay(e, this.previousButton);
-    } : null}"><slot name="previous-icon"><sd-6-0-0-next-8-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-6-0-0-next-8-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
+    } : null}"><slot name="previous-icon"><sd-6-0-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-6-0-0-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
       const isActive = index + 1 === currentPage;
       return html`<button part="pagination-item ${isActive ? "pagination-item--active" : ""}" class="${cx(
         "carousel__pagination-item",
@@ -460,19 +460,22 @@ var SdCarousel = class extends SolidElement {
         this.goToSlide(index * slidesPerMove);
         this.unblockAutoplay(e, this.paginationItems[index]);
       }}" @keydown="${this.handleKeyDown}"><span class="${cx(
-        "h-4 w-4 block border hover:border-primary-500 rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
-        this.inverted ? "border-white hover:border-primary-500" : "border-primary",
-        isActive && "bg-accent border-none",
-        isActive ? this.inverted ? "hover:bg-accent-300" : "hover:bg-accent-550" : ""
+        "h-4 w-4 block border sd-6-0-0-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
+        this.inverted ? "sd-6-0-0-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
+        isActive && "border-none",
+        isActive ? this.inverted ? "sd-6-0-0-carousel__pager-dot--inverted-background hover:sd-6-0-0-carousel__pager-dot--inverted--hovered-background" : "sd-6-0-0-carousel__pager-dot-background hover:bg-accent-550" : ""
       )}"></span></button>`;
-    })}</div>` : html`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${cx("w-5 text-center border-b-2 border-accent", this.inverted ? "text-white" : "text-black")}">${currentPage}</span> <span part="pagination-divider" class="${cx("scale-y-[1.5]", "text-center", this.inverted ? "text-white" : "text-black")}">/</span> <span part="pagination-item" class="${cx("w-5 text-center", this.inverted ? "text-white" : "text-black")}">${pagesCount}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!nextEnabled ? true : false}" class="${cx(
+    })}</div>` : html`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${cx(
+      "w-5 text-center border-b-2",
+      this.inverted ? "text-white sd-6-0-0-carousel--active--inverted-color-border" : "text-black sd-6-0-0-carousel--active-color-border"
+    )}">${currentPage}</span> <span part="pagination-divider" class="${cx("scale-y-[1.5]", "text-center", this.inverted ? "text-white" : "text-black")}">/</span> <span part="pagination-item" class="${cx("w-5 text-center", this.inverted ? "text-white" : "text-black")}">${pagesCount}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!nextEnabled ? true : false}" class="${cx(
       "!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",
       !nextEnabled && "sd-interactive--disabled",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset"
     )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${nextEnabled ? (e) => {
       this.next();
       this.unblockAutoplay(e, this.nextButton);
-    } : null}"><slot name="next-icon"><sd-6-0-0-next-8-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-6-0-0-next-8-icon></slot></button></div><button class="${cx(
+    } : null}"><slot name="next-icon"><sd-6-0-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-6-0-0-icon></slot></button></div><button class="${cx(
       "ml-6 !rounded-sm",
       "!absolute !right-0 sd-interactive",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset",
@@ -482,13 +485,13 @@ var SdCarousel = class extends SolidElement {
       if (e.detail) {
         this.autoplayControls.blur();
       }
-    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-6-0-0-next-8-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-6-0-0-next-8-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-6-0-0-next-8-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-6-0-0-next-8-icon></slot></button></div></div>`;
+    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-6-0-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-6-0-0-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-6-0-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-6-0-0-icon></slot></button></div></div>`;
   }
 };
 SdCarousel.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-6-0-0-next-8-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}`
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-6-0-0-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}#carousel__navigation-button--next,#carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-primary))}#carousel__navigation-button--next:disabled,#carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-500))}:host([inverted]) #carousel__navigation-button--next,:host([inverted]) #carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-white))}:host([inverted]) #carousel__navigation-button--next:disabled,:host([inverted]) #carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-600))}`
 ];
 __decorateClass([
   query('[part~="autoplay-controls"]')
@@ -561,7 +564,7 @@ __decorateClass([
   watch("autoplay")
 ], SdCarousel.prototype, "handleAutoplayChange", 1);
 SdCarousel = __decorateClass([
-  customElement("sd-6-0-0-next-8-carousel")
+  customElement("sd-6-0-0-carousel")
 ], SdCarousel);
 
 export {

package/dist-versioned/chunks/{chunk.N5XK43AK.js → chunk.EFJRL7C3.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.S34JD54Y.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -163,48 +163,48 @@ var SdButton = class extends SolidElement {
        * */
       {
         /* sizes, fonts */
-        sm: `text-sm varspacing-8 rounded-default ${hasBorder ? "py-[0.281rem] px-[0.938rem]" : "py-[0.344rem] px-4"}`,
-        md: `sd-6-0-0-next-8-button--size-md-font-size sd-6-0-0-next-8-button--size-md-border-radius varspacing-10 ${hasBorder ? "py-[0.438rem] px-[0.938rem]" : "sd-6-0-0-next-8-button--size-md-padding-block px-4"}`,
-        lg: `sd-6-0-0-next-8-button--size-lg-font-size sd-6-0-0-next-8-button--size-lg-border-radius varspacing-12 ${hasBorder ? "py-[0.688rem] px-[0.938rem]" : "sd-6-0-0-next-8-button--size-lg-padding-block px-4"}`
+        sm: `sd-6-0-0-button--size-sm-font-size sd-6-0-0-button-font-weight sd-6-0-0-button--size-sm-border-radius varspacing-8 ${hasBorder ? "py-[0.281rem] px-[0.938rem]" : "sd-6-0-0-button--size-sm-padding-block px-4"}`,
+        md: `sd-6-0-0-button--size-md-font-size sd-6-0-0-button-font-weight sd-6-0-0-button--size-md-border-radius varspacing-10 ${hasBorder ? "py-[0.438rem] px-[0.938rem]" : "sd-6-0-0-button--size-md-padding-block px-4"}`,
+        lg: `sd-6-0-0-button--size-lg-font-size sd-6-0-0-button-font-weight sd-6-0-0-button--size-lg-border-radius varspacing-12 ${hasBorder ? "py-[0.688rem] px-[0.938rem]" : "sd-6-0-0-button--size-lg-padding-block px-4"}`
       }[this.size],
       {
         /* variants */
-        primary: !this.inverted ? `sd-6-0-0-next-8-button--primary--default-color-text ${this.visuallyDisabled ? "bg-neutral-500 border-neutral-500 hover:bg-neutral-500" : "sd-6-0-0-next-8-button--primary--default-color-background border-transparent hover:text-primary-100 active:sd-6-0-0-next-8-button--primary--active-color-text"}
-          disabled:bg-neutral-500` : `${this.visuallyDisabled ? "bg-neutral-500 text-white border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500" : "sd-6-0-0-next-8-button--primary--inverted--default-color-text sd-6-0-0-next-8-button--primary--inverted--default-color-background border-white hover:sd-6-0-0-next-8-button--primary--inverted--hover-color-text active:sd-6-0-0-next-8-button--primary--inverted--active-color-text"}
-          disabled:bg-neutral-600 disabled:text-white disabled:border-neutral-600`,
-        secondary: !this.inverted ? `border ${this.visuallyDisabled ? "text-neutral-500 border-neutral-500 hover:text-neutral-500 hover:border-neutral-500 active:text-neutral-500 active:border-neutral-500" : "text-primary border-primary hover:text-primary-500 hover:border-primary-500 active:text-primary-800 active:border-primary-800"}
-          disabled:text-neutral-500 disabled:border-neutral-500` : `border ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600 hover:text-neutral-600 hover:border-neutral-600 active:text-neutral-600 active:border-neutral-600" : "text-white border-white hover:sd-6-0-0-next-8-button--secondary--inverted--hover-color-text hover:border-primary-100 active:text-primary-200"}
-          disabled:text-neutral-600 disabled:border-neutral-600`,
-        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "text-neutral-500 hover:text-neutral-500 active:text-neutral-500" : "text-primary hover:text-primary-500 active:text-primary-800"}
-          disabled:text-neutral-500` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600 hover:text-neutral-600 active:text-neutral-600" : "text-white hover:sd-6-0-0-next-8-button--tertiary--inverted--hover-color-text active:text-primary-200"}
-          disabled:text-neutral-600`,
-        cta: `text-white ${this.visuallyDisabled ? "bg-neutral-500 border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500" : "bg-accent-500 border-transparent"}
-          ${!this.inverted ? "disabled:bg-neutral-500 disabled:border-neutral-500" : "disabled:bg-neutral-600 disabled:border-neutral-600"} disabled:text-white`
+        primary: !this.inverted ? `${this.visuallyDisabled ? "bg-neutral-500 border-neutral-500 hover:bg-neutral-500 text-white" : "sd-6-0-0-button--primary--default-color-background border-transparent sd-6-0-0-button--primary--default-color-text hover:text-primary-100 active:sd-6-0-0-button--primary--active-color-text"}
+          disabled:bg-neutral-500 disabled:text-white` : `${this.visuallyDisabled ? "bg-neutral-500 text-white border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500" : "sd-6-0-0-button--primary--inverted--default-color-text sd-6-0-0-button--primary--inverted--default-color-background border-white hover:sd-6-0-0-button--primary--inverted--hover-color-text active:sd-6-0-0-button--primary--inverted--active-color-text active:sd-6-0-0-button--primary--inverted--active-color-background"}
+          disabled:sd-6-0-0-button--inverted--disabled-color-background disabled:sd-6-0-0-button--inverted--disabled-color-border disabled:text-white`,
+        secondary: !this.inverted ? `border ${this.visuallyDisabled ? "sd-6-0-0-button--secondary--disabled-color-text border-neutral-500 hover:text-neutral-500 hover:border-neutral-500 active:text-neutral-500 active:border-neutral-500" : "sd-6-0-0-button--secondary--default-color-text border-primary hover:text-primary-500 hover:border-primary-500 active:text-primary-800 active:border-primary-800"}
+          disabled:sd-6-0-0-button--secondary--disabled-color-text disabled:border-neutral-500` : `border ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600 hover:text-neutral-600 hover:border-neutral-600 active:text-neutral-600 active:border-neutral-600" : "text-white sd-6-0-0-button--secondary--inverted--color-border hover:sd-6-0-0-button--secondary--inverted--hover-color-text hover:border-primary-100 active:text-primary-200"}
+          disabled:sd-6-0-0-button--inverted--disabled-color-border disabled:sd-6-0-0-button--inverted--disabled-color-text`,
+        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "sd-6-0-0-button--tertiary--disabled-color-text hover:text-neutral-500 active:text-neutral-500" : "sd-6-0-0-button--tertiary--default-color-text hover:text-primary-500 active:text-primary-800"}
+          disabled:sd-6-0-0-button--tertiary--disabled-color-text` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600 hover:text-neutral-600 active:text-neutral-600" : "text-white hover:sd-6-0-0-button--tertiary--inverted--hover-color-text hover:sd-6-0-0-button--tertiary--inverted--hover-color-background active:text-primary-200"}
+          disabled:sd-6-0-0-button--inverted--disabled-color-text`,
+        cta: `${this.visuallyDisabled ? "bg-neutral-500 border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500" : "bg-accent border-transparent"}
+          ${!this.inverted ? "text-white disabled:bg-neutral-500 disabled:border-neutral-500 disabled:text-white" : "sd-6-0-0-button--cta--inverted--default-color-background sd-6-0-0-button--cta--inverted--default-color-text hover:sd-6-0-0-button--cta--inverted--hover-color-text active:sd-6-0-0-button--cta--inverted--active-color-text disabled:sd-6-0-0-button--inverted--disabled-color-background disabled:sd-6-0-0-button--inverted--disabled-color-border disabled:text-white"}`
       }[this.variant]
     )}" ?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(
       "absolute inset-0 -z-10 overflow-hidden pointer-events-none ",
       (this.disabled || this.visuallyDisabled) && "hidden",
       {
         /* sizes, fonts */
-        sm: `rounded-default`,
-        md: `sd-6-0-0-next-8-button--size-md-border-radius`,
-        lg: `sd-6-0-0-next-8-button--size-lg-border-radius`
+        sm: `sd-6-0-0-button--size-sm-border-radius`,
+        md: `sd-6-0-0-button--size-md-border-radius`,
+        lg: `sd-6-0-0-button--size-lg-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%]",
       {
-        primary: !this.inverted ? "sd-6-0-0-next-8-button--primary--hover-color-background group-active:bg-primary-800" : "sd-6-0-0-next-8-button--primary--inverted--hover-color-background group-active:bg-primary-200",
-        secondary: !this.inverted ? "sd-6-0-0-next-8-button--secondary--hover-color-background group-active:sd-6-0-0-next-8-button--secondary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-next-8-button--secondary--inverted--active-color-background",
-        tertiary: !this.inverted ? "sd-6-0-0-next-8-button--tertiary--hover-color-background group-active:sd-6-0-0-next-8-button--tertiary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-next-8-button--tertiary--inverted--active-color-background",
-        cta: "bg-accent-550 group-active:bg-accent-700"
+        primary: !this.inverted ? "sd-6-0-0-button--primary--hover-color-background group-active:bg-primary-800" : "sd-6-0-0-button--primary--inverted--hover-color-background group-active:bg-primary-200",
+        secondary: !this.inverted ? "sd-6-0-0-button--secondary--hover-color-background group-active:sd-6-0-0-button--secondary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-button--secondary--inverted--active-color-background",
+        tertiary: !this.inverted ? "sd-6-0-0-button--tertiary--hover-color-background group-active:sd-6-0-0-button--tertiary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-button--tertiary--inverted--active-color-background",
+        cta: !this.inverted ? "bg-accent-550 group-active:bg-accent-700" : "sd-6-0-0-button--cta--inverted--hover-color-background group-active:sd-6-0-0-button--cta--inverted--active-color-background"
       }[this.variant]
     )}"></div><div class="${cx(
       "absolute w-full h-full mt-[22%]",
       {
-        primary: !this.inverted ? "sd-6-0-0-next-8-button--primary--hover-color-background group-active:bg-primary-800" : "sd-6-0-0-next-8-button--primary--inverted--hover-color-background group-active:bg-primary-200",
-        secondary: !this.inverted ? "sd-6-0-0-next-8-button--secondary--hover-color-background group-active:sd-6-0-0-next-8-button--secondary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-next-8-button--secondary--inverted--active-color-background",
-        tertiary: !this.inverted ? "sd-6-0-0-next-8-button--tertiary--hover-color-background group-active:sd-6-0-0-next-8-button--tertiary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-next-8-button--tertiary--inverted--active-color-background",
-        cta: "bg-accent-550 group-active:bg-accent-700"
+        primary: !this.inverted ? "sd-6-0-0-button--primary--hover-color-background group-active:bg-primary-800" : "sd-6-0-0-button--primary--inverted--hover-color-background group-active:bg-primary-200",
+        secondary: !this.inverted ? "sd-6-0-0-button--secondary--hover-color-background group-active:sd-6-0-0-button--secondary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-button--secondary--inverted--active-color-background",
+        tertiary: !this.inverted ? "sd-6-0-0-button--tertiary--hover-color-background group-active:sd-6-0-0-button--tertiary--active-color-background" : "bg-primary-500 group-active:sd-6-0-0-button--tertiary--inverted--active-color-background",
+        cta: !this.inverted ? "bg-accent-550 group-active:bg-accent-700" : "sd-6-0-0-button--cta--inverted--hover-color-background group-active:sd-6-0-0-button--cta--inverted--active-color-background"
       }[this.variant]
     )}"></div></div></div><slot name="icon-left" part="icon-left" class="${cx(
       "flex flex-auto items-center justify-end pointer-events-none",
@@ -228,7 +228,7 @@ var SdButton = class extends SolidElement {
         md: "ml-2",
         lg: "ml-2"
       }[this.size]
-    )}"></slot>${this.loading ? html`<sd-6-0-0-next-8-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-0-0-next-8-loader>` : ""}</${tag}>`;
+    )}"></slot>${this.loading ? html`<sd-6-0-0-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-0-0-loader>` : ""}</${tag}>`;
   }
 };
 /**
@@ -236,14 +236,14 @@ var SdButton = class extends SolidElement {
  */
 SdButton.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | 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}::slotted(sd-6-0-0-next-8-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 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-6-0-0-next-8-icon),sd-6-0-0-next-8-loader{font-size:calc(var(--tw-varspacing)/ 2)}@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}`
+  css`/*! tailwindcss v4.1.17 | 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}::slotted(sd-6-0-0-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 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-6-0-0-icon),sd-6-0-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}@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-6-0-0-next-8-icon" })
+  queryAssignedElements({ selector: "sd-6-0-0-icon" })
 ], SdButton.prototype, "_iconsInDefaultSlot", 2);
 __decorateClass([
   state()
@@ -309,7 +309,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdButton.prototype, "handleDisabledChange", 1);
 SdButton = __decorateClass([
-  customElement("sd-6-0-0-next-8-button")
+  customElement("sd-6-0-0-button")
 ], SdButton);
 
 export {

package/dist-versioned/chunks/{chunk.SIUXYHUU.js → chunk.EMHDLIJ3.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.S34JD54Y.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-6-0-0-next-8-icon")) == null ? void 0 : _c.setAttribute("label", label);
+    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-6-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-6-0-0-next-8-icon")) == null ? void 0 : _a.setAttribute("label", label);
+    (_a = button.querySelector("sd-6-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-6-0-0-next-8-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-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-6-0-0-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-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-6-0-0-next-8-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-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-6-0-0-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-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-6-0-0-next-8-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-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-6-0-0-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-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-6-0-0-next-8-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-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-6-0-0-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-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"
@@ -188,8 +188,8 @@ var SdScrollable = class extends SolidElement {
 };
 SdScrollable.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,var(--sd-color-background-white, var(--sd-color-white)) 80%,var(--sd-color-background-white, 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-6-0-0-next-8-icon--top{align-self:flex-start}.sd-6-0-0-next-8-icon--down{align-self:flex-end}`
+  css`/*! tailwindcss v4.1.17 | 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-6-0-0-icon--top{align-self:flex-start}.sd-6-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-6-0-0-next-8-scrollable")
+  customElement("sd-6-0-0-scrollable")
 ], SdScrollable);
 
 export {

package/dist-versioned/chunks/{chunk.GYXMDYGY.js → chunk.GKH647YK.js}

@@ -1,9 +1,9 @@
 import {
   library_default_default
-} from "./chunk.KPAQRMCC.js";
+} from "./chunk.2BO5LK23.js";
 import {
   library_internal_default
-} from "./chunk.O6MXNSO7.js";
+} from "./chunk.6SPABX2F.js";
 import {
   library_status_default
 } from "./chunk.4TPOL3LB.js";

package/dist-versioned/chunks/{chunk.ID6DABAJ.js → chunk.GWKDETUD.js}

@@ -23,6 +23,7 @@ var translation = {
   expandNavigationItem: "Navigationspunkt erweitern",
   goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,
   hidePassword: "Passwort verbergen",
+  invalidDate: "Ung\xFCltiges Datum",
   loading: "Wird geladen",
   maximum: "H\xF6chstwert",
   minimum: "Minimum",