@solid-design-system/components 6.0.0-next.13 → 6.0.0-next.15

package/dist-versioned/chunks/{chunk.ZHEFFMES.js → chunk.ZDANKHUB.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LJIVAP6V.js";
+} from "./chunk.WFW6OFNN.js";
 import {
   __decorateClass,
   __spreadValues
@@ -147,6 +147,7 @@ var SdInput = class extends SolidElement {
     this.name = "";
     this.title = "";
     this.required = false;
+    this.floatingLabel = false;
     this.styleOnValid = false;
     this.spellcheck = true;
   }
@@ -344,6 +345,9 @@ var SdInput = class extends SolidElement {
     const hasHelpText = this.helpText ? true : !!slots["helpText"];
     const hasClearIcon = this.clearable && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
     const hasTooltip = !!slots["tooltip"];
+    const hasIconLeft = slots["left"];
+    const hasValue = this.value !== null && String(this.value).length > 0;
+    const isFloatingLabelActive = this.floatingLabel && hasLabel && (this.hasFocus || hasValue || this.placeholder);
     const inputState = this.disabled ? "disabled" : this.visuallyDisabled && !this.hasFocus ? "visuallyDisabled" : this.readonly ? "readonly" : this.hasFocus && this.showInvalidStyle ? "activeInvalid" : this.hasFocus && this.styleOnValid && this.showValidStyle ? "activeValid" : this.hasFocus ? "active" : this.showInvalidStyle ? "invalid" : this.styleOnValid && this.showValidStyle ? "valid" : "default";
     const textSize = this.size === "sm" ? "text-sm" : "text-base";
     const borderColor = {
@@ -364,7 +368,9 @@ var SdInput = class extends SolidElement {
       md: "text-lg",
       lg: "text-xl"
     }[this.size];
-    return html`<div part="form-control" class="${cx((this.disabled || this.visuallyDisabled) && "cursor-not-allowed")}">${hasLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${cx(hasLabel ? "inline-block form-control-color-text" : "hidden", textSize)}" for="input" aria-hidden="${hasLabel ? "false" : "true"}"><slot name="label">${this.label}</slot></label> ${slots["tooltip"] ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx(
+    const verticalPadding = this.size === "lg" ? !this.floatingLabel ? "py-2" : isFloatingLabelActive ? "py-3" : "py-4" : !this.floatingLabel ? "py-1" : isFloatingLabelActive ? "py-2" : "py-3";
+    const floatingLabelHorizontalAlignmentWithIconLeft = { sm: "left-[36px]", md: "left-[44px]", lg: "left-12" }[this.size];
+    return html`<div part="form-control" class="${cx((this.disabled || this.visuallyDisabled) && "cursor-not-allowed")}">${(hasLabel || hasTooltip) && !this.floatingLabel ? html`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${cx(hasLabel ? "inline-block form-control-color-text" : "hidden", textSize)}" for="input" aria-hidden="${hasLabel ? "false" : "true"}"><slot name="label">${this.label}</slot></label> ${slots["tooltip"] ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx(
       "relative w-full",
       this.disabled && "pointer-events-none",
       this.visuallyDisabled && "cursor-not-allowed"
@@ -373,20 +379,34 @@ var SdInput = class extends SolidElement {
       borderColor
     )}"></div><div part="base" class="${cx(
       "px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",
-      // Vertical Padding
-      this.size === "lg" ? "py-2" : "py-1",
       // States
       !this.disabled && !this.readonly && !this.visuallyDisabled ? "hover:bg-neutral-200" : "",
       this.readonly ? "bg-neutral-100" : "bg-white",
       ["disabled", "visuallyDisabled"].includes(inputState) ? "text-neutral-500" : "form-control-color-text",
-      ["invalid", "activeInvalid"].includes(inputState) && "form-control--invalid-color-background"
+      ["invalid", "activeInvalid"].includes(inputState) && "form-control--invalid-color-background",
+      verticalPadding
     )}">${slots["left"] ? html`<slot name="left" part="left" class="${cx("inline-flex", this.size === "sm" ? "mr-1" : "mr-2", iconColor, iconSize)}"></slot>` : ""} <input part="input" id="input" class="${cx(
       "min-w-0 flex-grow focus:outline-none bg-transparent",
       this.visuallyDisabled || this.disabled ? "placeholder:text-neutral-500 cursor-not-allowed" : "placeholder:text-neutral-700",
-      this.size === "sm" ? "h-6" : "h-8",
-      textSize
+      this.size === "sm" ? isFloatingLabelActive ? "h-4" : "h-6" : isFloatingLabelActive ? "h-6" : "h-8",
+      textSize,
+      isFloatingLabelActive && "leading-none mt-4"
     )}" type="${this.type === "password" && this.passwordVisible ? "text" : this.type}" title="${this.title}" name="${ifDefined(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${ifDefined(this.placeholder)}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}" .value="${live(this.value)}" autocapitalize="${ifDefined(this.type === "password" ? "off" : this.autocapitalize)}" autocomplete="${// eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ifDefined(this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-0-0-next-13-icon class="${cx("text-neutral-700", iconSize)}" library="_internal" name="closing-round"></sd-6-0-0-next-13-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-6-0-0-next-13-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-6-0-0-next-13-icon></slot>` : html`<slot name="hide-password-icon"><sd-6-0-0-next-13-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-6-0-0-next-13-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-6-0-0-next-13-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-6-0-0-next-13-icon>` : ""} ${this.type === "time" ? html`<sd-6-0-0-next-13-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-6-0-0-next-13-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-6-0-0-next-13-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-6-0-0-next-13-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-6-0-0-next-13-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-6-0-0-next-13-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-6-0-0-next-13-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-0-0-next-13-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1"><slot name="decrement-number-stepper"><sd-6-0-0-next-13-icon library="_internal" name="minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-0-0-next-13-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-6-0-0-next-13-icon library="_internal" name="plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-0-0-next-13-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
+    ifDefined(this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasLabel && this.floatingLabel ? html`<label part="form-control-floating-label" class="${cx(
+      "pointer-events-none absolute",
+      hasIconLeft ? floatingLabelHorizontalAlignmentWithIconLeft : "left-4",
+      !this.readonly && "transition-all duration-medium ease-out",
+      !isFloatingLabelActive || !hasValue && (this.readonly || this.visuallyDisabled) ? "top-1/2 -translate-y-1/2" : this.size === "lg" ? "top-2" : "top-1"
+    )}" for="input" aria-hidden="${hasLabel ? "false" : "true"}"><span id="floating-label" class="${cx(
+      "pointer-events-none leading-none",
+      !this.readonly && "transition-all duration-medium ease-out",
+      !isFloatingLabelActive || !hasValue && (this.readonly || this.visuallyDisabled) ? "text-base" : "text-xs",
+      (this.visuallyDisabled || this.disabled) && "text-neutral-500",
+      isFloatingLabelActive && !this.visuallyDisabled && !this.disabled && "text-neutral-700"
+    )}">${this.label}</span></label>` : null} ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-0-0-next-15-icon class="${cx(
+      this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-neutral-700",
+      iconSize
+    )}" library="_internal" name="closing-round"></sd-6-0-0-next-15-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-6-0-0-next-15-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-6-0-0-next-15-icon></slot>` : html`<slot name="hide-password-icon"><sd-6-0-0-next-15-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-6-0-0-next-15-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-6-0-0-next-15-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-6-0-0-next-15-icon>` : ""} ${this.type === "time" ? html`<sd-6-0-0-next-15-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-6-0-0-next-15-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-6-0-0-next-15-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-6-0-0-next-15-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-6-0-0-next-15-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-6-0-0-next-15-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-6-0-0-next-15-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-0-0-next-15-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1"><slot name="decrement-number-stepper"><sd-6-0-0-next-15-icon library="_internal" name="minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-0-0-next-15-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-6-0-0-next-15-icon library="_internal" name="plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-6-0-0-next-15-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**
@@ -394,8 +414,8 @@ var SdInput = class extends SolidElement {
  */
 SdInput.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) #label::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-6-0-0-next-13-icon{color:rgba(var(--sd-color-text-neutral-500))}`
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-6-0-0-next-15-icon{color:rgba(var(--sd-color-text-neutral-500))}`
 ];
 __decorateClass([
   query("#input")
@@ -481,6 +501,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdInput.prototype, "required", 2);
+__decorateClass([
+  property({ attribute: "floating-label", type: Boolean, reflect: true })
+], SdInput.prototype, "floatingLabel", 2);
 __decorateClass([
   property()
 ], SdInput.prototype, "pattern", 2);
@@ -525,7 +548,7 @@ __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SdInput.prototype, "handleValueChange", 1);
 SdInput = __decorateClass([
-  customElement("sd-6-0-0-next-13-input")
+  customElement("sd-6-0-0-next-15-input")
 ], SdInput);
 
 export {

package/dist-versioned/chunks/{chunk.YSE5ZECP.js → chunk.ZKPYFGAB.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LJIVAP6V.js";
+} from "./chunk.WFW6OFNN.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -53,7 +53,7 @@ var SdInclude = class extends SolidElement {
 };
 SdInclude.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block}`
 ];
 __decorateClass([
@@ -69,7 +69,7 @@ __decorateClass([
   watch("src")
 ], SdInclude.prototype, "handleSrcChange", 1);
 SdInclude = __decorateClass([
-  customElement("sd-6-0-0-next-13-include")
+  customElement("sd-6-0-0-next-15-include")
 ], SdInclude);
 
 export {

package/dist-versioned/chunks/{chunk.BPFUHSE6.js → chunk.ZMWI5CNZ.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LJIVAP6V.js";
+} from "./chunk.WFW6OFNN.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -115,13 +115,13 @@ var SdSwitch = class extends SolidElement {
       `relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
             peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
             peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,
-      this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-6-0-0-next-13-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:sd-6-0-0-next-13-switch--checked--hover-color-background" : "sd-6-0-0-next-13-switch--unchecked-color-border bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
+      this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-6-0-0-next-15-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:sd-6-0-0-next-15-switch--checked--hover-color-background" : "sd-6-0-0-next-15-switch--unchecked-color-border bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
     )}"><span id="thumb" part="thumb" class="${cx(
       "w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",
-      this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-6-0-0-next-13-switch--unchecked__icon-color-background"
+      this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-6-0-0-next-15-switch--unchecked__icon-color-background"
     )}"></span> </span><span part="label" id="label" class="${cx(
       "select-none inline-block ml-2",
-      this.disabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "sd-6-0-0-next-13-switch-color-text"
+      this.disabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "sd-6-0-0-next-15-switch-color-text"
     )}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip") ? html`<slot name="tooltip"></slot>` : null}</div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
@@ -130,7 +130,7 @@ var SdSwitch = class extends SolidElement {
  */
 SdSwitch.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([disabled][checked]) #control{border-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}:host([checked]) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([disabled]:not([checked])) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`
 ];
 __decorateClass([
@@ -173,7 +173,7 @@ __decorateClass([
   watch(["checked"], { waitUntilFirstUpdate: true })
 ], SdSwitch.prototype, "handleStateChange", 1);
 SdSwitch = __decorateClass([
-  customElement("sd-6-0-0-next-13-switch")
+  customElement("sd-6-0-0-next-15-switch")
 ], SdSwitch);
 
 export {

package/dist-versioned/chunks/{chunk.DXTBP2P6.js → chunk.ZZXI4CL2.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LJIVAP6V.js";
+} from "./chunk.WFW6OFNN.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -98,12 +98,12 @@ var SdVideo = class extends SolidElement {
       this.playing ? "opacity-0" : "opacity-100",
       this.isBelowBreakpoint ? "w-[48px] h-[48px]" : "w-[96px] h-[96px]",
       "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white/75 rounded-full play-pause-transition group-focus-visible:outline-2 group-focus-visible:outline-offset-2"
-    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-6-0-0-next-13-icon id="default-play-icon" library="_internal" name="start"></sd-6-0-0-next-13-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>` : null}<slot></slot></div>`;
+    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-6-0-0-next-15-icon id="default-play-icon" library="_internal" name="start"></sd-6-0-0-next-15-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>` : null}<slot></slot></div>`;
   }
 };
 SdVideo.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}#default-play-icon,::slotted([slot=play-icon]){position:absolute;top:calc(1/2 * 100%);left:calc(1/2 * 100%);--tw-translate-x:calc(calc(1/2 * 100%) * -1)!important;--tw-translate-y:calc(calc(1/2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:110%!important;--tw-scale-y:110%!important;--tw-scale-z:110%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}[part=play-button-bg]{color:rgba(var(--sd-video--play-button-color-icon-fill));background-color:rgba(var(--sd-video--play-button-color-background))}@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}@property --tw-ease{syntax:"*";inherits:false}@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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}`
 ];
 __decorateClass([
@@ -116,7 +116,7 @@ __decorateClass([
   property({ type: Boolean })
 ], SdVideo.prototype, "isBelowBreakpoint", 2);
 SdVideo = __decorateClass([
-  customElement("sd-6-0-0-next-13-video")
+  customElement("sd-6-0-0-next-15-video")
 ], SdVideo);
 
 export {

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

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-accordion': SdAccordion;
+        'sd-6-0-0-next-15-accordion': SdAccordion;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.Z32LVC6A.js";
+} from "../../chunks/chunk.KQ3PWMZX.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2NCOG3MU.js";
+import "../../chunks/chunk.7HZ4PM73.js";
 import "../../chunks/chunk.UVPXOOB4.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.LS3MCK4L.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-accordion-group': SdAccordionGroup;
+        'sd-6-0-0-next-15-accordion-group': SdAccordionGroup;
     }
 }

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

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.SZ7IRQY4.js";
-import "../../chunks/chunk.Z32LVC6A.js";
+} from "../../chunks/chunk.Y67IPESQ.js";
+import "../../chunks/chunk.KQ3PWMZX.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2NCOG3MU.js";
+import "../../chunks/chunk.7HZ4PM73.js";
 import "../../chunks/chunk.UVPXOOB4.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.LS3MCK4L.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-animation': SdAnimation;
+        'sd-6-0-0-next-15-animation': SdAnimation;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.VBJNVPBU.js";
+} from "../../chunks/chunk.5LXOEJTB.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -58,6 +58,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-audio': SdAudio;
+        'sd-6-0-0-next-15-audio': SdAudio;
     }
 }

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

@@ -1,18 +1,18 @@
 import {
   SdAudio
-} from "../../chunks/chunk.WLZ64OXQ.js";
-import "../../chunks/chunk.52VGL2RV.js";
+} from "../../chunks/chunk.L6PWWNMI.js";
+import "../../chunks/chunk.JLI2RQGA.js";
 import "../../chunks/chunk.SF6AUNJF.js";
 import "../../chunks/chunk.EDMG7C5H.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.HSMUS45Y.js";
-import "../../chunks/chunk.OILA72IM.js";
+import "../../chunks/chunk.IPGDILFE.js";
+import "../../chunks/chunk.5RB5WONZ.js";
 import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2NCOG3MU.js";
+import "../../chunks/chunk.7HZ4PM73.js";
 import "../../chunks/chunk.UVPXOOB4.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.LS3MCK4L.js";
@@ -23,7 +23,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";

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

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-badge': SdBadge;
+        'sd-6-0-0-next-15-badge': SdBadge;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.KS4PRECL.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+} from "../../chunks/chunk.SPIQ4AOE.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-brandshape': SdBrandshape;
+        'sd-6-0-0-next-15-brandshape': SdBrandshape;
     }
 }
 export {};

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

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.GDO3P6PZ.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+} from "../../chunks/chunk.4OSLD2DR.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -22,6 +22,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-breadcrumb': SdBreadcrumb;
+        'sd-6-0-0-next-15-breadcrumb': SdBreadcrumb;
     }
 }

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

@@ -1,10 +1,10 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.VLIPMAVX.js";
+} from "../../chunks/chunk.PA6GPOLQ.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -14,6 +14,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-breadcrumb-item': SdBreadcrumbItem;
+        'sd-6-0-0-next-15-breadcrumb-item': SdBreadcrumbItem;
     }
 }

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

@@ -1,11 +1,11 @@
 import {
   SdBreadcrumbItem
-} from "../../chunks/chunk.36MFTGER.js";
+} from "../../chunks/chunk.DG364HYS.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-button': SdButton;
+        'sd-6-0-0-next-15-button': SdButton;
     }
 }

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

@@ -1,14 +1,14 @@
 import {
   SdButton
-} from "../../chunks/chunk.HSMUS45Y.js";
-import "../../chunks/chunk.OILA72IM.js";
+} from "../../chunks/chunk.IPGDILFE.js";
+import "../../chunks/chunk.5RB5WONZ.js";
 import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/button-group/button-group.d.ts

@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-button-group': SdButtonGroup;
+        'sd-6-0-0-next-15-button-group': SdButtonGroup;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdButtonGroup
-} from "../../chunks/chunk.ISASQGOE.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+} from "../../chunks/chunk.AT6C4LIJ.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -61,6 +61,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-carousel': SdCarousel;
+        'sd-6-0-0-next-15-carousel': SdCarousel;
     }
 }

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

@@ -1,13 +1,13 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.LOVLLOYE.js";
+} from "../../chunks/chunk.AARSESWB.js";
 import "../../chunks/chunk.W2YDXTG5.js";
 import "../../chunks/chunk.FNYEXUNK.js";
 import "../../chunks/chunk.NOWCQZBS.js";
-import "../../chunks/chunk.GP6R4ZF6.js";
+import "../../chunks/chunk.Z7K2VOWN.js";
 import "../../chunks/chunk.F4VGSDIW.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2NCOG3MU.js";
+import "../../chunks/chunk.7HZ4PM73.js";
 import "../../chunks/chunk.UVPXOOB4.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.LS3MCK4L.js";
@@ -18,7 +18,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.ID6DABAJ.js";
 import "../../chunks/chunk.3S7EW72P.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-carousel-item': SdCarouselItem;
+        'sd-6-0-0-next-15-carousel-item': SdCarouselItem;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdCarouselItem
-} from "../../chunks/chunk.GP6R4ZF6.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+} from "../../chunks/chunk.Z7K2VOWN.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-checkbox': SdCheckbox;
+        'sd-6-0-0-next-15-checkbox': SdCheckbox;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdCheckbox
-} from "../../chunks/chunk.U2RRRJY3.js";
+} from "../../chunks/chunk.34JYXSX4.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.XCQC3F3H.js";
-import "../../chunks/chunk.2NCOG3MU.js";
+import "../../chunks/chunk.7HZ4PM73.js";
 import "../../chunks/chunk.UVPXOOB4.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.LS3MCK4L.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.LJIVAP6V.js";
+import "../../chunks/chunk.WFW6OFNN.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/checkbox-group/checkbox-group.d.ts

@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-0-0-next-13-checkbox-group': SdCheckboxGroup;
+        'sd-6-0-0-next-15-checkbox-group': SdCheckboxGroup;
     }
 }