@solid-design-system/components 6.30.0 → 7.0.0-next.10

package/dist-versioned/chunks/{chunk.X7DORH6O.js → chunk.6OYBQ6CO.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -237,7 +237,7 @@ var SdFileSelector = class extends SolidElement {
     )}"><svg class="droparea__border" aria-hidden="true" preserveAspectRatio="none"><rect class="droparea__border-rect" x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)"/></svg><div part="droparea-icon" class="${cx(
       "droparea__icon inline-flex h-18",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-primary"
-    )}"><sd-6-30-0-icon class="w-full h-full" library="_internal" name="upload"></sd-6-30-0-icon></div><p part="droparea-value"><span class="${cx(
+    )}"><sd-7-0-0-next-10-icon class="w-full h-full" library="_internal" name="upload"></sd-7-0-0-next-10-icon></div><p part="droparea-value"><span class="${cx(
       "block text-lg font-semibold",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-primary"
     )}">${this.localize.term(
@@ -251,7 +251,7 @@ var SdFileSelector = class extends SolidElement {
     return html`<div part="button-wrapper" class="${cx(
       "button__wrapper flex flex-row items-center gap-4",
       this.disabled || this.visuallyDisabled ? "cursor-not-allowed" : "cursor-default"
-    )}"><sd-6-30-0-button class="button" @click="${this.handleClick}" ?disabled="${this.disabled}" ?visually-disabled="${this.visuallyDisabled}" part="button" size="${this.size}" variant="secondary" aria-labelledby="form-control-label" aria-describedby="file-status help-text invalid-message" aria-invalid="${this.showInvalidStyle ? "true" : "false"}">${buttonText}</sd-6-30-0-button>${this.renderValue()}</div>`;
+    )}"><sd-7-0-0-next-10-button class="button" @click="${this.handleClick}" ?disabled="${this.disabled}" ?visually-disabled="${this.visuallyDisabled}" part="button" size="${this.size}" variant="secondary" aria-labelledby="form-control-label" aria-describedby="file-status help-text invalid-message" aria-invalid="${this.showInvalidStyle ? "true" : "false"}">${buttonText}</sd-7-0-0-next-10-button>${this.renderValue()}</div>`;
   }
   render() {
     const slots = {
@@ -269,7 +269,7 @@ var SdFileSelector = class extends SolidElement {
       "text-sm mt-2",
       hasHelpText ? "block" : "hidden",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-neutral-700"
-    )}" aria-hidden="${hasHelpText ? "false" : "true"}">${this.helpText}</slot><input accept="${this.accept}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" @change="${this.handleChange}" class="input__control sr-only" capture="${ifDefined(this.capture)}" ?disabled="${this.disabled}" id="input" @invalid="${this.handleInvalid}" ?multiple="${this.multiple}" name="${ifDefined(this.name)}" ?required="${this.required}" title="${this.title}" type="file" tabindex="-1" ?webkitdirectory="${this.webkitdirectory}"></div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-6-30-0-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-6-30-0-icon>` : ""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`;
+    )}" aria-hidden="${hasHelpText ? "false" : "true"}">${this.helpText}</slot><input accept="${this.accept}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" @change="${this.handleChange}" class="input__control sr-only" capture="${ifDefined(this.capture)}" ?disabled="${this.disabled}" id="input" @invalid="${this.handleInvalid}" ?multiple="${this.multiple}" name="${ifDefined(this.name)}" ?required="${this.required}" title="${this.title}" type="file" tabindex="-1" ?webkitdirectory="${this.webkitdirectory}"></div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-7-0-0-next-10-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-7-0-0-next-10-icon>` : ""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`;
   }
 };
 /**
@@ -365,7 +365,7 @@ __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SdFileSelector.prototype, "handleValueChange", 1);
 SdFileSelector = __decorateClass([
-  customElement("sd-6-30-0-file-selector")
+  customElement("sd-7-0-0-next-10-file-selector")
 ], SdFileSelector);
 
 export {

package/dist-versioned/chunks/{chunk.JU7PIHSF.js → chunk.77CINHAJ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -69,7 +69,7 @@ __decorateClass([
   watch("src")
 ], SdInclude.prototype, "handleSrcChange", 1);
 SdInclude = __decorateClass([
-  customElement("sd-6-30-0-include")
+  customElement("sd-7-0-0-next-10-include")
 ], SdInclude);
 
 export {

package/dist-versioned/chunks/{chunk.KYZI324J.js → chunk.7ZKBKOS5.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6RE6UZ72.js";
 import {
   SdCarouselItem
-} from "./chunk.B2TWJWHR.js";
+} from "./chunk.UOMFY7RY.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";
@@ -64,7 +64,7 @@ var SdCarousel = class extends SolidElement {
       if (!this.isFocused) this.next();
     });
     this.scrollController = new ScrollController(this);
-    this.slides = this.getElementsByTagName("sd-6-30-0-carousel-item");
+    this.slides = this.getElementsByTagName("sd-7-0-0-next-10-carousel-item");
     // determines which slide is displayed
     // A map containing the state of all the slides
     this.intersectionObserverEntries = /* @__PURE__ */ new Map();
@@ -476,7 +476,7 @@ var SdCarousel = class extends SolidElement {
       if (e.detail) {
         this.autoplayControls.blur();
       }
-    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-6-30-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-6-30-0-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-6-30-0-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-6-30-0-icon></slot></button><div class="carousel__announcement sr-only" aria-live="${!this.autoplay || this.pausedAutoplay || this.isFocused ? "polite" : "off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${cx(
+    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-7-0-0-next-10-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-7-0-0-next-10-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-7-0-0-next-10-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-7-0-0-next-10-icon></slot></button><div class="carousel__announcement sr-only" aria-live="${!this.autoplay || this.pausedAutoplay || this.isFocused ? "polite" : "off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${cx(
       `carousel__slides mb-6 max-h-full w-full items-center justify-items-center`,
       this.inverted ? "focus-visible:focus-outline-inverted" : "focus-visible:focus-outline",
       this.fade ? "relative overflow-hidden" : `grid overflow-auto overscroll-x-contain grid-flow-col auto-rows-[100%] snap-x snap-mandatory overflow-y-hidden`
@@ -490,7 +490,7 @@ var SdCarousel = class extends SolidElement {
     )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @click="${prevEnabled ? (e) => {
       this.previous();
       this.unblockAutoplay(e, this.previousButton);
-    } : null}"><slot name="previous-icon"><sd-6-30-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-6-30-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) => {
+    } : null}"><slot name="previous-icon"><sd-7-0-0-next-10-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-7-0-0-next-10-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",
@@ -501,14 +501,14 @@ var SdCarousel = class extends SolidElement {
         this.goToSlide(index * slidesPerMove);
         this.unblockAutoplay(e, this.paginationItems[index]);
       }}"><span class="${cx(
-        "h-4 w-4 block border sd-6-30-0-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
-        this.inverted ? "sd-6-30-0-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
+        "h-4 w-4 block border sd-7-0-0-next-10-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
+        this.inverted ? "sd-7-0-0-next-10-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
         isActive && "border-none",
-        isActive ? this.inverted ? "sd-6-30-0-carousel__pager-dot--inverted-background hover:sd-6-30-0-carousel__pager-dot--inverted--hovered-background" : "sd-6-30-0-carousel__pager-dot-background hover:bg-accent-550" : ""
+        isActive ? this.inverted ? "sd-7-0-0-next-10-carousel__pager-dot--inverted-background hover:sd-7-0-0-next-10-carousel__pager-dot--inverted--hovered-background" : "sd-7-0-0-next-10-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",
-      this.inverted ? "text-white sd-6-30-0-carousel--active--inverted-color-border" : "text-black sd-6-30-0-carousel--active-color-border"
+      this.inverted ? "text-white sd-7-0-0-next-10-carousel--active--inverted-color-border" : "text-black sd-7-0-0-next-10-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",
@@ -516,13 +516,13 @@ var SdCarousel = class extends SolidElement {
     )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @click="${nextEnabled ? (e) => {
       this.next();
       this.unblockAutoplay(e, this.nextButton);
-    } : null}"><slot name="next-icon"><sd-6-30-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-6-30-0-icon></slot></button></div></div></div>`;
+    } : null}"><slot name="next-icon"><sd-7-0-0-next-10-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-7-0-0-next-10-icon></slot></button></div></div></div>`;
   }
 };
 SdCarousel.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | 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}[part=autoplay-controls]{z-index:1}: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-30-0-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}`
+: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}[part=autoplay-controls]{z-index:1}: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-7-0-0-next-10-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}`
 ];
 __decorateClass([
   query('[part~="autoplay-controls"]')
@@ -607,7 +607,7 @@ __decorateClass([
   watch("autoplayInterval")
 ], SdCarousel.prototype, "handleautoplayIntervalChange", 1);
 SdCarousel = __decorateClass([
-  customElement("sd-6-30-0-carousel")
+  customElement("sd-7-0-0-next-10-carousel")
 ], SdCarousel);
 
 export {

package/dist-versioned/chunks/{chunk.CHQXV5AD.js → chunk.AFD4FHYM.js}

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

package/dist-versioned/chunks/{chunk.5XZQBMKD.js → chunk.AJVSDITF.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -42,16 +42,16 @@ var SdAccordionGroup = class extends SolidElement {
 SdAccordionGroup.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}::slotted(sd-6-30-0-accordion:not(:first-of-type)){margin-top:calc(-1 * var(--sd-accordion-border-width))!important}`
+:host{display:block}::slotted(sd-7-0-0-next-10-accordion:not(:first-of-type)){margin-top:calc(-1 * var(--sd-accordion-border-width))!important}`
 ];
 __decorateClass([
-  queryAssignedElements({ selector: "sd-6-30-0-accordion" })
+  queryAssignedElements({ selector: "sd-7-0-0-next-10-accordion" })
 ], SdAccordionGroup.prototype, "_accordionsInDefaultSlot", 2);
 __decorateClass([
   property({ attribute: "close-others", type: Boolean, reflect: true })
 ], SdAccordionGroup.prototype, "closeOthers", 2);
 SdAccordionGroup = __decorateClass([
-  customElement("sd-6-30-0-accordion-group")
+  customElement("sd-7-0-0-next-10-accordion-group")
 ], SdAccordionGroup);
 
 export {

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

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.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-6-30-0-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
+      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-7-0-0-next-10-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-6-30-0-range-drag", "");
+      style.setAttribute("data-sd-7-0-0-next-10-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-6-30-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(
+      return html`<sd-7-0-0-next-10-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-6-30-0-tooltip>`;
+      )}"></div></sd-7-0-0-next-10-tooltip>`;
     });
   }
   render() {
@@ -518,7 +518,7 @@ __decorateClass([
   property({ type: String })
 ], SdRange.prototype, "value", 1);
 SdRange = __decorateClass([
-  customElement("sd-6-30-0-range")
+  customElement("sd-7-0-0-next-10-range")
 ], SdRange);
 
 export {

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

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

package/dist-versioned/chunks/{chunk.XDZE7ROV.js → chunk.C4RJM5BO.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -324,7 +324,7 @@ __decorateClass([
   property({ attribute: "auto-size-padding", type: Number })
 ], SdPopup.prototype, "autoSizePadding", 2);
 SdPopup = __decorateClass([
-  customElement("sd-6-30-0-popup")
+  customElement("sd-7-0-0-next-10-popup")
 ], SdPopup);
 
 export {

package/dist-versioned/chunks/{chunk.H6K5MLEC.js → chunk.CQTEYWVJ.js}

@@ -21,7 +21,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -1246,7 +1246,7 @@ var SdDatepicker = class extends SolidElement {
       this.open ? "block shadow-listbox" : "hidden",
       ((_b = this.currentPlacement) == null ? void 0 : _b.startsWith("bottom")) ? "border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius" : "border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius",
       "border-primary"
-    )}"><div class="flex flex-row items-center w-full justify-between mb-3" part="header"><div class="flex items-center"><button type="button" tabindex="0" class="${cx("nav prev w-6 h-6 hover:cursor-pointer", iconColor)}" part="prev-year-button" @click="${() => this.setYear(-1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "year", -1, false)}" aria-label="${this.localize.term("previousYear")}"><sd-6-30-0-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-6-30-0-icon></button> <button type="button" tabindex="0" class="${cx("nav prev w-6 h-6 hover:cursor-pointer", iconColor)}" part="prev-month-button" @click="${() => this.setMonth(-1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "month", -1, false)}" aria-label="${this.localize.term("previousMonth")}"><sd-6-30-0-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-6-30-0-icon></button></div><div tabindex="-1" class="month-label flex justify-center sd-headline sd-headline--size-base" part="month-label" aria-live="polite">${monthLabel}</div><div class="flex items-center"><button type="button" tabindex="0" class="${cx("nav next w-6 h-6 hover:cursor-pointer", iconColor)}" part="next-month-button" @click="${() => this.setMonth(1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "month", 1, false)}" aria-label="${this.localize.term("nextMonth")}"><sd-6-30-0-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-6-30-0-icon></button> <button type="button" tabindex="0" class="${cx("nav next w-6 h-6 hover:cursor-pointer", iconColor)}" part="next-year-button" @click="${() => this.setYear(1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "year", 1, true)}" aria-label="${this.localize.term("nextYear")}"><sd-6-30-0-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-6-30-0-icon></button></div></div><sd-6-30-0-divider></sd-6-30-0-divider><div class="sr-only" aria-live="polite" aria-atomic="true">${this.statusNavText}</div><div class="sr-only" aria-live="assertive" aria-atomic="true">${this.statusSelectText}</div><div class="sr-only" id="keyboard-hint">${this.localize.term("datePickerInfo")}</div><div class="grid mt-2" role="grid" aria-describedby="keyboard-hint" aria-label="${monthLabel}" part="grid" @mouseleave="${this.onGridMouseLeave}" @focusin="${() => {
+    )}"><div class="flex flex-row items-center w-full justify-between mb-3" part="header"><div class="flex items-center"><button type="button" tabindex="0" class="${cx("nav prev w-6 h-6 hover:cursor-pointer", iconColor)}" part="prev-year-button" @click="${() => this.setYear(-1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "year", -1, false)}" aria-label="${this.localize.term("previousYear")}"><sd-7-0-0-next-10-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-7-0-0-next-10-icon></button> <button type="button" tabindex="0" class="${cx("nav prev w-6 h-6 hover:cursor-pointer", iconColor)}" part="prev-month-button" @click="${() => this.setMonth(-1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "month", -1, false)}" aria-label="${this.localize.term("previousMonth")}"><sd-7-0-0-next-10-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-7-0-0-next-10-icon></button></div><div tabindex="-1" class="month-label flex justify-center sd-headline sd-headline--size-base" part="month-label" aria-live="polite">${monthLabel}</div><div class="flex items-center"><button type="button" tabindex="0" class="${cx("nav next w-6 h-6 hover:cursor-pointer", iconColor)}" part="next-month-button" @click="${() => this.setMonth(1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "month", 1, false)}" aria-label="${this.localize.term("nextMonth")}"><sd-7-0-0-next-10-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-7-0-0-next-10-icon></button> <button type="button" tabindex="0" class="${cx("nav next w-6 h-6 hover:cursor-pointer", iconColor)}" part="next-year-button" @click="${() => this.setYear(1)}" @keydown="${(ev) => this.handleHeaderKeyDown(ev, "year", 1, true)}" aria-label="${this.localize.term("nextYear")}"><sd-7-0-0-next-10-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-7-0-0-next-10-icon></button></div></div><sd-7-0-0-next-10-divider></sd-7-0-0-next-10-divider><div class="sr-only" aria-live="polite" aria-atomic="true">${this.statusNavText}</div><div class="sr-only" aria-live="assertive" aria-atomic="true">${this.statusSelectText}</div><div class="sr-only" id="keyboard-hint">${this.localize.term("datePickerInfo")}</div><div class="grid mt-2" role="grid" aria-describedby="keyboard-hint" aria-label="${monthLabel}" part="grid" @mouseleave="${this.onGridMouseLeave}" @focusin="${() => {
       this.tabbingIntoGrid = false;
     }}"><div class="grid-row grid-head grid grid-cols-7 gap-y-[1px]" role="row">${weekdays.map(
       (w, colIndex) => html`<div role="columnheader" aria-colindex="${colIndex + 1}" part="weekday" class="cell head flex items-center justify-center font-bold text-black text-sm leading-none h-8" aria-label="${w}" title="${w}" id="${"col-" + (colIndex + 1)}">${w}</div>`
@@ -1279,14 +1279,14 @@ var SdDatepicker = class extends SolidElement {
         return html`<button type="button" part="day" class="${cx(
           "cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]",
           this.size === "sm" ? "text-sm h-6" : "text-base h-8",
-          isRangeStart || isRangeEnd ? !isFocused ? "outline-none sd-6-30-0-datepicker__date-item--selected-color-background sd-6-30-0-datepicker__date-item--selected-color-text hover:sd-6-30-0-datepicker__date-item--selected--hover-color-background hover:sd-6-30-0-datepicker__date-item--selected--hover-color-text" : "outline-none sd-6-30-0-datepicker__date-item--selected--hover-color-background sd-6-30-0-datepicker__date-item--selected--hover-color-text" : "hover:sd-6-30-0-datepicker__date-item--hover--default-color-text",
-          !isRangeStart && !isRangeEnd && !inSelectedRange && "hover:sd-6-30-0-datepicker__date-item--hover--default-color-background",
-          isSelectedSingle ? "selected outline-none border-primary sd-6-30-0-datepicker__date-item--selected-color-background sd-6-30-0-datepicker__date-item--selected-color-text hover:sd-6-30-0-datepicker__date-item--selected--hover-color-text hover:sd-6-30-0-datepicker__date-item--selected--hover-color-background" : !inMonth ? this.disabledWeekends && isWeekendDay ? "out-month weekend-day text-neutral-500" : isWeekendDay ? "out-month weekend-day text-neutral-700" : "out-month text-neutral-700 hover:sd-6-30-0-datepicker__date-item--hover--prev-next-color-text hover:sd-6-30-0-datepicker__date-item--hover--prev-next-color-background" : this.isInDisabledDates(day) || !this.inMinMax(day) ? "out-month text-neutral-500" : this.disabledWeekends && isWeekendDay ? "weekend-day text-neutral-500" : "in-month sd-6-30-0-datepicker__date-item--default-color-text",
+          isRangeStart || isRangeEnd ? !isFocused ? "outline-none sd-7-0-0-next-10-datepicker__date-item--selected-color-background sd-7-0-0-next-10-datepicker__date-item--selected-color-text hover:sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-background hover:sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-text" : "outline-none sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-background sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-text" : "hover:sd-7-0-0-next-10-datepicker__date-item--hover--default-color-text",
+          !isRangeStart && !isRangeEnd && !inSelectedRange && "hover:sd-7-0-0-next-10-datepicker__date-item--hover--default-color-background",
+          isSelectedSingle ? "selected outline-none border-primary sd-7-0-0-next-10-datepicker__date-item--selected-color-background sd-7-0-0-next-10-datepicker__date-item--selected-color-text hover:sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-text hover:sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-background" : !inMonth ? this.disabledWeekends && isWeekendDay ? "out-month weekend-day text-neutral-500" : isWeekendDay ? "out-month weekend-day text-neutral-700" : "out-month text-neutral-700 hover:sd-7-0-0-next-10-datepicker__date-item--hover--prev-next-color-text hover:sd-7-0-0-next-10-datepicker__date-item--hover--prev-next-color-background" : this.isInDisabledDates(day) || !this.inMinMax(day) ? "out-month text-neutral-500" : this.disabledWeekends && isWeekendDay ? "weekend-day text-neutral-500" : "in-month sd-7-0-0-next-10-datepicker__date-item--default-color-text",
           isRangeStart ? "rounded-l-md rounded-r-none" : "",
           isRangeEnd ? "range-end rounded-r-md rounded-l-none" : "",
-          inSelectedRange && !isRangeStart && !isRangeEnd ? "in-range selected sd-6-30-0-datepicker__date-item--range-color-background rounded-none hover:sd-6-30-0-datepicker__date-item--selected--hover-color-background hover:sd-6-30-0-datepicker__date-item--selected--hover-color-text" : "",
+          inSelectedRange && !isRangeStart && !isRangeEnd ? "in-range selected sd-7-0-0-next-10-datepicker__date-item--range-color-background rounded-none hover:sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-background hover:sd-7-0-0-next-10-datepicker__date-item--selected--hover-color-text" : "",
           !inSelectedRange && inPreviewRange && !isRangeStart && !isRangeEnd ? "in-preview-range bg-primary-100 text-primary-500 rounded-none" : "",
-          isToday && !isSelectedSingle && !isRangeStart && !isRangeEnd && isFocused ? "today border-[1px] border-primary sd-6-30-0-datepicker__date-item--current-font-weight" : "",
+          isToday && !isSelectedSingle && !isRangeStart && !isRangeEnd && isFocused ? "today border-[1px] border-primary sd-7-0-0-next-10-datepicker__date-item--current-font-weight" : "",
           disabled ? "disabled cursor-not-allowed hover:bg-transparent" : "cursor-pointer",
           isFocused && !isToday ? "focused outline outline-2 outline-primary" : ""
         )}" role="gridcell" aria-colindex="${colIndex + 1}" aria-labelledby="${"col-" + (colIndex + 1)}" .tabIndex="${tabIndex}" ?disabled="${disabled || this.disabled || this.readonly}" aria-disabled="${disabled || this.visuallyDisabled || this.disabled || this.readonly ? "true" : "false"}" aria-selected="${isSelectedSingle || inSelectedRange || isRangeStart || isRangeEnd ? "true" : "false"}" aria-current="${isToday ? "date" : nothing}" aria-label="${label}" aria-roledescription="${roleDesc != null ? roleDesc : nothing}" @focus="${() => this.focusedDate = DateUtils.startOfDayLocal(day)}" @mouseenter="${() => this.onDayMouseEnter(day)}" @keydown="${this.onKeyDown}" @click="${() => {
@@ -1348,7 +1348,7 @@ var SdDatepicker = class extends SolidElement {
       "absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out",
       borderColor,
       this.open && (((_a = this.currentPlacement) == null ? void 0 : _a.startsWith("bottom")) ? this.open && this.alignment === "left" ? "rounded-bl-none" : "rounded-br-none" : this.open && this.alignment === "left" ? "rounded-tl-none" : "rounded-tr-none")
-    )}"></div><sd-6-30-0-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${cx(
+    )}"></div><sd-7-0-0-next-10-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${cx(
       "inline-flex relative w-full",
       ((_b = this.currentPlacement) == null ? void 0 : _b.startsWith("bottom")) ? "origin-top" : "origin-bottom"
     )}" placement="${this.alignment === "left" ? `${this.placement}-start` : `${this.placement}-end`}" flip shift auto-size="vertical" auto-size-padding="10" exportparts="popup:popup__content,"><div part="base" class="${cx(
@@ -1364,7 +1364,7 @@ var SdDatepicker = class extends SolidElement {
       { sm: "h-8", md: "h-10", lg: "h-12" }[this.size],
       textSize,
       this.floatingLabel && "mt-4"
-    )}" autocomplete="off" spellcheck="false" placeholder="${!this.floatingLabel || isFloatingLabelActive ? this.placeholder || this.localize.term(this.range ? "dateRangePlaceholder" : "datePlaceholder") : ""}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly || this.visuallyDisabled}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle ? html`<sd-6-30-0-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-6-30-0-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-6-30-0-icon class="${cx("text-success shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-30-0-icon>` : ""}<sd-6-30-0-icon class="${cx(iconColor, iconMarginLeft, iconSize, "hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-6-30-0-icon></div>${this.renderCalendar()}</sd-6-30-0-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
+    )}" autocomplete="off" spellcheck="false" placeholder="${!this.floatingLabel || isFloatingLabelActive ? this.placeholder || this.localize.term(this.range ? "dateRangePlaceholder" : "datePlaceholder") : ""}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly || this.visuallyDisabled}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle ? html`<sd-7-0-0-next-10-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-7-0-0-next-10-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-7-0-0-next-10-icon class="${cx("text-success shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-7-0-0-next-10-icon>` : ""}<sd-7-0-0-next-10-icon class="${cx(iconColor, iconMarginLeft, iconSize, "hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-7-0-0-next-10-icon></div>${this.renderCalendar()}</sd-7-0-0-next-10-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
       "text-sm mt-1",
       hasHelpText ? "block" : "hidden",
       this.visuallyDisabled || this.disabled ? "text-neutral-500" : "text-neutral-700"
@@ -1494,7 +1494,7 @@ __decorateClass([
   state()
 ], SdDatepicker.prototype, "inputValue", 2);
 __decorateClass([
-  query("sd-6-30-0-popup")
+  query("sd-7-0-0-next-10-popup")
 ], SdDatepicker.prototype, "popup", 2);
 __decorateClass([
   query("#invalid-message")
@@ -1528,7 +1528,7 @@ __decorateClass([
   watch(["size", "floatingLabel"])
 ], SdDatepicker.prototype, "handleSizeChange", 1);
 SdDatepicker = __decorateClass([
-  customElement("sd-6-30-0-datepicker")
+  customElement("sd-7-0-0-next-10-datepicker")
 ], SdDatepicker);
 
 export {

package/dist-versioned/chunks/{chunk.SB6TO2NI.js → chunk.D5JLEZPO.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -209,7 +209,7 @@ __decorateClass([
   watch("playbackRate")
 ], SdAnimation.prototype, "handlePlaybackRateChange", 1);
 SdAnimation = __decorateClass([
-  customElement("sd-6-30-0-animation")
+  customElement("sd-7-0-0-next-10-animation")
 ], SdAnimation);
 
 export {