@solid-design-system/components 6.0.0-next.9 → 6.0.1

package/dist-versioned/chunks/{chunk.CR5C6OL5.js → chunk.OFTSKSC7.js}

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.TNJNUASM.js";
 import {
   animateTo,
   stopAnimations
@@ -44,7 +44,7 @@ var SdSelect = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.formControlController = new FormControlController(this, {
-      assumeInteractionOn: ["sd-blur", "sd-6-0-0-next-9-input"]
+      assumeInteractionOn: ["sd-blur", "sd-6-0-1-input"]
     });
     this.hasSlotController = new HasSlotController(this, "help-text", "label");
     this.localize = new LocalizeController(this);
@@ -73,14 +73,15 @@ var SdSelect = class extends SolidElement {
     this.name = "";
     this.value = "";
     this.required = false;
+    this.floatingLabel = false;
     this.styleOnValid = false;
     this.hoist = false;
     this.getTag = (option) => {
-      return html`<sd-6-0-0-next-9-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
+      return html`<sd-6-0-1-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
-            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagKeyDown(event, option)}" @sd-remove="${(event) => this.handleTagRemove(event, option)}">${option.getTextLabel()}</sd-6-0-0-next-9-tag>`;
+            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagKeyDown(event, option)}" @sd-remove="${(event) => this.handleTagRemove(event, option)}">${option.getTextLabel()}</sd-6-0-1-tag>`;
     };
     this.handleDocumentFocusIn = (event) => {
       const path = event.composedPath();
@@ -91,7 +92,7 @@ var SdSelect = class extends SolidElement {
     this.handleDocumentKeyDown = (event) => {
       const target = event.target;
       const isClearButton = target.closest(".select__clear") !== null;
-      const isIconButton = target.closest("sd-6-0-0-next-9-icon-button") !== null;
+      const isIconButton = target.closest("sd-6-0-1-icon-button") !== null;
       if (isClearButton || isIconButton) {
         return;
       }
@@ -226,8 +227,8 @@ var SdSelect = class extends SolidElement {
       event.preventDefault();
       event.stopPropagation();
       const tagParent = (_a = event.currentTarget) == null ? void 0 : _a.parentElement;
-      const previousTag = (_b = tagParent == null ? void 0 : tagParent.previousElementSibling) == null ? void 0 : _b.querySelector("sd-6-0-0-next-9-tag");
-      const nextTag = (_c = tagParent == null ? void 0 : tagParent.nextElementSibling) == null ? void 0 : _c.querySelector("sd-6-0-0-next-9-tag");
+      const previousTag = (_b = tagParent == null ? void 0 : tagParent.previousElementSibling) == null ? void 0 : _b.querySelector("sd-6-0-1-tag");
+      const nextTag = (_c = tagParent == null ? void 0 : tagParent.nextElementSibling) == null ? void 0 : _c.querySelector("sd-6-0-1-tag");
       this.handleTagRemove(new CustomEvent("sd-remove"), option);
       this.updateComplete.then(() => {
         if (nextTag) {
@@ -247,7 +248,7 @@ var SdSelect = class extends SolidElement {
       this.handleTagRemove(new CustomEvent("sd-remove"), this.selectedOptions[this.selectedOptions.length - 1]);
       this.updateComplete.then(() => {
         var _a;
-        const tags = (_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("sd-6-0-0-next-9-tag");
+        const tags = (_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("sd-6-0-1-tag");
         if (tags && tags.length > 0) {
           tags == null ? void 0 : tags[(tags == null ? void 0 : tags.length) - 1].focus();
         } else {
@@ -293,7 +294,7 @@ var SdSelect = class extends SolidElement {
   }
   handleOptionClick(event) {
     const target = event.target;
-    const option = target.closest("sd-6-0-0-next-9-option");
+    const option = target.closest("sd-6-0-1-option");
     const oldValue = this.value;
     if (option && !option.disabled) {
       if (this.multiple) {
@@ -318,7 +319,7 @@ var SdSelect = class extends SolidElement {
     const allOptions = this.getAllOptions();
     const value = Array.isArray(this.value) ? this.value : [this.value];
     const values = [];
-    if (customElements.get("sd-6-0-0-next-9-option")) {
+    if (customElements.get("sd-6-0-1-option")) {
       allOptions.forEach((option) => {
         if (this.multiple) {
           option.checkbox = true;
@@ -327,7 +328,7 @@ var SdSelect = class extends SolidElement {
       });
       this.setSelectedOptions(allOptions.filter((el) => value.includes(el.value)));
     } else {
-      customElements.whenDefined("sd-6-0-0-next-9-option").then(() => this.handleDefaultSlotChange());
+      customElements.whenDefined("sd-6-0-1-option").then(() => this.handleDefaultSlotChange());
     }
   }
   handleTagRemove(event, option) {
@@ -344,13 +345,13 @@ var SdSelect = class extends SolidElement {
       });
     }
   }
-  // Gets an array of all <sd-6-0-0-next-9-option> elements
+  // Gets an array of all <sd-6-0-1-option> elements
   getAllOptions() {
-    return [...this.querySelectorAll("sd-6-0-0-next-9-option")];
+    return [...this.querySelectorAll("sd-6-0-1-option")];
   }
-  // Gets the first <sd-6-0-0-next-9-option> element
+  // Gets the first <sd-6-0-1-option> element
   getFirstOption() {
-    return this.querySelector("sd-6-0-0-next-9-option");
+    return this.querySelector("sd-6-0-1-option");
   }
   // Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one
   // option may be "current" at a time.
@@ -449,11 +450,11 @@ var SdSelect = class extends SolidElement {
       });
     } else {
       return [
-        html`<sd-6-0-0-next-9-tag class="z-10" ?disabled="${this.disabled}" part="tag" exportparts="
+        html`<sd-6-0-1-tag class="z-10" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
-            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagMaxOptionsKeyDown(event)}" @sd-remove="${(event) => this.handleTagRemove(event)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-6-0-0-next-9-tag>`
+            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagMaxOptionsKeyDown(event)}" @sd-remove="${(event) => this.handleTagRemove(event)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-6-0-1-tag>`
       ];
     }
   }
@@ -462,7 +463,7 @@ var SdSelect = class extends SolidElement {
     this.formControlController.emitInvalidEvent(event);
     this.invalidMessage.textContent = event.target.validationMessage;
   }
-  /** Receives incoming event detail from sd-6-0-0-next-9-popup and updates local state for conditional styling. */
+  /** Receives incoming event detail from sd-6-0-1-popup and updates local state for conditional styling. */
   handleCurrentPlacement(e) {
     const incomingPlacement = e.detail;
     if (incomingPlacement) {
@@ -471,7 +472,7 @@ var SdSelect = class extends SolidElement {
   }
   handleUseTagsChange() {
     const allOptions = this.getAllOptions();
-    if (customElements.get("sd-6-0-0-next-9-option")) {
+    if (customElements.get("sd-6-0-1-option")) {
       allOptions.forEach((option) => {
         option.checkbox = this.multiple;
       });
@@ -580,6 +581,8 @@ var SdSelect = class extends SolidElement {
     const hasHelpText = this.helpText ? true : !!slots["helpText"];
     const hasClearIcon = this.clearable && !this.disabled;
     const hasTooltip = !!slots["tooltip"];
+    const hasValue = this.value !== null && String(this.value).length > 0;
+    const isFloatingLabelActive = this.floatingLabel && hasLabel && (this.hasFocus && !this.visuallyDisabled || this.open || hasValue) && !(this.disabled && !hasValue);
     const selectState = this.disabled ? "disabled" : this.visuallyDisabled && !this.hasFocus ? "visuallyDisabled" : this.hasFocus && this.showInvalidStyle ? "activeInvalid" : this.hasFocus && this.styleOnValid && this.showValidStyle ? "activeValid" : this.hasFocus || this.open ? "active" : this.showInvalidStyle ? "invalid" : this.styleOnValid && this.showValidStyle ? "valid" : "default";
     const cursorStyles = this.disabled || this.visuallyDisabled ? "cursor-not-allowed" : "cursor-pointer";
     const iconMarginLeft = { sm: "ml-1", md: "ml-2", lg: "ml-2" }[this.size];
@@ -588,12 +591,24 @@ var SdSelect = class extends SolidElement {
       md: "text-lg",
       lg: "text-xl"
     }[this.size];
+    const verticalPadding = this.size === "lg" ? !this.floatingLabel ? "py-2" : isFloatingLabelActive ? "py-3" : "py-4" : !this.floatingLabel ? "py-1" : isFloatingLabelActive ? "py-2" : "py-3";
     return html`<div part="form-control" class="${cx(
       "relative text-left",
       cursorStyles,
       this.size === "sm" ? "text-sm" : "text-base",
       this.open && "z-50"
-    )}"><span class="sr-only" aria-live="polite">${this.deletedTagLabel}</span> ${hasLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${hasLabel && "inline-block"}" aria-hidden="${hasLabel ? "false" : "true"}" @click="${this.handleLabelClick}"><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 bg-white", selectState === "disabled" ? "text-neutral-500" : "text-black")}"><div part="border" class="${cx(
+    )}"><span class="sr-only" aria-live="polite">${this.deletedTagLabel}</span> ${hasLabel && !this.floatingLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${hasLabel && "inline-block form-control-color-text"}" aria-hidden="${hasLabel ? "false" : "true"}" @click="${this.handleLabelClick}"><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 bg-white",
+      selectState === "disabled" ? "text-neutral-500" : "form-control-color-text"
+    )}">${hasLabel && this.floatingLabel ? html`<label id="label" part="form-control-floating-label" class="${cx(
+      "absolute left-4 z-20 pointer-events-none transition-all duration-200",
+      !isFloatingLabelActive ? "top-1/2 -translate-y-1/2 text-base" : this.size === "lg" ? "top-2 text-xs" : "top-1 text-xs",
+      isFloatingLabelActive && "mt-1"
+    )}" for="input"><span class="${cx(
+      "leading-none",
+      (this.visuallyDisabled || this.disabled) && "text-neutral-500",
+      isFloatingLabelActive && !this.visuallyDisabled && !this.disabled && "form-control--filled__floating-label-color-text"
+    )}">${this.label}</span></label>` : null}<div part="border" class="${cx(
       "absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out",
       {
         disabled: "border-neutral-500",
@@ -607,35 +622,39 @@ var SdSelect = class extends SolidElement {
         default: "form-control-color-border"
       }[selectState],
       this.open && (this.currentPlacement === "bottom" ? "rounded-bl-none rounded-br-none" : "rounded-tl-none rounded-tr-none")
-    )}"></div><sd-6-0-0-next-9-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${cx(
+    )}"></div><sd-6-0-1-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${cx(
       "inline-flex relative w-full",
       this.currentPlacement === "bottom" ? "origin-top" : "origin-bottom"
     )}" placement="${this.placement}" strategy="${this.hoist ? "fixed" : "absolute"}" flip sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
               popup:popup__content,
             "><div class="${cx(
       "relative w-full h-full grid rounded-default transition-colors hover:duration-fast ease-in-out",
-      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:bg-neutral-200"
+      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:bg-neutral-200",
+      ["invalid", "activeInvalid"].includes(selectState) && "form-control--invalid-color-background"
     )}" slot="anchor"><div class="${cx(
-      "input-container flex items-center w-full h-full px-4",
+      "input-container items-center w-full h-full px-4 flex",
       {
         sm: "py-1",
         md: "py-1",
         lg: "py-2"
-      }[this.size]
+      }[this.size],
+      verticalPadding
     )}"><input name="${this.name}" form="${this.form}" part="display-input" class="${cx(
       "top-0 left-0 appearance-none outline-none flex-grow bg-transparent flex-1 placeholder:text-neutral-700",
       cursorStyles,
-      this.multiple && this.useTags && this.value.length > 0 ? "hidden" : ""
-    )}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder || this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple && this.useTags ? html`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>` : ""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx(
+      this.multiple && this.useTags && this.value.length > 0 ? "hidden" : "",
+      this.size === "sm" ? isFloatingLabelActive ? "h-4" : "h-6" : isFloatingLabelActive ? "h-6" : "h-8",
+      isFloatingLabelActive && "leading-none mt-4"
+    )}" type="text" .disabled="${this.disabled}" placeholder="${!this.floatingLabel || isFloatingLabelActive ? this.placeholder || this.localize.term("selectDefaultPlaceholder") : ""}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple && this.useTags ? html`<div part="tags" class="${cx("flex-grow flex flex-wrap items-center gap-1", this.floatingLabel && "pt-6")}">${this.tags}</div>` : ""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx(
       "select__clear flex justify-center",
       iconMarginLeft,
       this.value.length > 0 ? "visible" : "invisible"
-    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-0-0-next-9-icon class="${cx("text-neutral-700 z-10", iconSize)}" library="_internal" name="closing-round"></sd-6-0-0-next-9-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-6-0-0-next-9-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="_internal" name="risk"></sd-6-0-0-next-9-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-6-0-0-next-9-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-6-0-0-next-9-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
+    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-0-1-icon class="${cx("text-neutral-700 z-10", iconSize)}" library="_internal" name="closing-round"></sd-6-0-1-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-6-0-1-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="_internal" name="risk"></sd-6-0-1-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-6-0-1-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-6-0-1-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
       "inline-flex ml-2 items-center transition-transform duration-medium ease-in-out",
       this.open ? "rotate-180" : "rotate-0",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-primary",
       iconSize
-    )}"><sd-6-0-0-next-9-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-6-0-0-next-9-icon></slot></div><button part="combobox" class="${cx(
+    )}"><sd-6-0-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-6-0-1-icon></slot></div><button part="combobox" class="${cx(
       "relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",
       cursorStyles,
       this.open && "shadow transition-shadow duration-medium ease-in-out",
@@ -648,7 +667,7 @@ var SdSelect = class extends SolidElement {
       "bg-white px-2 py-3 relative border-primary overflow-y-auto",
       this.open && "shadow transition-shadow duration-medium ease-in-out",
       this.currentPlacement === "bottom" ? "border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default" : "border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default"
-    )}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-6-0-0-next-9-popup></div><div class="text-sm text-neutral-700 mt-1" part="form-control-help-text" id="help-text" aria-hidden="${hasHelpText ? "false" : "true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`;
+    )}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-6-0-1-popup></div><div class="text-sm text-neutral-700 mt-1" part="form-control-help-text" id="help-text" aria-hidden="${hasHelpText ? "false" : "true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**
@@ -656,14 +675,14 @@ var SdSelect = class extends SolidElement {
  */
 SdSelect.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{position:relative;display:block;width:auto}:host([required]) #label::after{content:' *'}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:var(--sd-color-text-neutral-500)}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:var(--sd-color-text-neutral-500)}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-6-0-0-next-9-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-6-0-0-next-9-tag::part(base){border-radius:var(--sd-radius);padding-inline:var(--sd-spacing-1)}sd-6-0-0-next-9-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-6-0-0-next-9-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2)}sd-6-0-0-next-9-tag[disabled=false]::part(base):hover{background-color:var(--sd-color-background-primary-100)}`
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{position:relative;display:block;width:auto}:host([required]) #label::after{content:' *'}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-6-0-1-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-6-0-1-tag::part(base){border-radius:var(--sd-radius);padding-inline:var(--sd-spacing-1)}sd-6-0-1-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-6-0-1-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2)}sd-6-0-1-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100))}`
 ];
 __decorateClass([
-  queryAssignedElements({ selector: "sd-6-0-0-next-9-option" })
+  queryAssignedElements({ selector: "sd-6-0-1-option" })
 ], SdSelect.prototype, "_optionsInDefaultSlot", 2);
 __decorateClass([
-  query("sd-6-0-0-next-9-popup")
+  query("sd-6-0-1-popup")
 ], SdSelect.prototype, "popup", 2);
 __decorateClass([
   query('[part="combobox"]')
@@ -760,6 +779,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdSelect.prototype, "required", 2);
+__decorateClass([
+  property({ attribute: "floating-label", type: Boolean, reflect: true })
+], SdSelect.prototype, "floatingLabel", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true, attribute: "style-on-valid" })
 ], SdSelect.prototype, "styleOnValid", 2);
@@ -785,7 +807,7 @@ __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SdSelect.prototype, "handleValueChange", 1);
 SdSelect = __decorateClass([
-  customElement("sd-6-0-0-next-9-select")
+  customElement("sd-6-0-1-select")
 ], SdSelect);
 setDefaultAnimation("select.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],

package/dist-versioned/chunks/{chunk.KVVYC4DL.js → chunk.OJXVBFUH.js}

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.TNJNUASM.js";
 import {
   animateTo,
   parseDuration,
@@ -206,16 +206,16 @@ var SdTooltip = class extends SolidElement {
   render() {
     const isStart = this.placement.endsWith("-start");
     const isEnd = this.placement.endsWith("-end");
-    return html`<sd-6-0-0-next-9-popup part="base" exportparts="
+    return html`<sd-6-0-1-popup part="base" exportparts="
           popup:base__popup,
           arrow:base__arrow
-        " class="${cx(this.open && "tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{ start: 2, end: -2, default: 0 }[isStart ? "start" : isEnd ? "end" : "default"] * (this.size === "sm" ? -1 : 1)}" strategy="${this.hoist ? "fixed" : "absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0">${this.hasCustomTrigger ? html`<slot slot="anchor"></slot>` : html`<button slot="anchor" aria-describedby="tooltip" class="${cx("flex sd-interactive rounded-full", this.size === "lg" ? "text-xl" : "text-base")}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="tooltip"><sd-6-0-0-next-9-icon library="_internal" name="info-circle" label="Tooltip" class="${cx(this.disabled && "sd-interactive--disabled")}"></sd-6-0-0-next-9-icon></button>`}<slot name="content" part="body" id="tooltip" class="bg-primary text-white py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="${this.content}" aria-live="${this.open ? "polite" : "off"}">${this.content}</slot></sd-6-0-0-next-9-popup>`;
+        " class="${cx(this.open && "tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{ start: 2, end: -2, default: 0 }[isStart ? "start" : isEnd ? "end" : "default"] * (this.size === "sm" ? -1 : 1)}" strategy="${this.hoist ? "fixed" : "absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0">${this.hasCustomTrigger ? html`<slot slot="anchor"></slot>` : html`<button slot="anchor" aria-describedby="tooltip" class="${cx("flex sd-interactive rounded-full", this.size === "lg" ? "text-xl" : "text-base")}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="tooltip"><sd-6-0-1-icon library="_internal" name="info-circle" label="Tooltip" class="${cx(this.disabled && "sd-interactive--disabled")}"></sd-6-0-1-icon></button>`}<slot name="content" part="body" id="tooltip" class="sd-6-0-1-tooltip-color-background sd-6-0-1-tooltip-color-text py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="${this.content}" aria-live="${this.open ? "polite" : "off"}">${this.content}</slot></sd-6-0-1-popup>`;
   }
 };
 SdTooltip.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-6-0-0-next-9-popup{--arrow-color:var(--sd-color-background-primary);--arrow-size:10px}sd-6-0-0-next-9-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-0-0-next-9-popup::part(arrow){--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-6-0-0-next-9-popup[placement^=top]::part(popup){transform-origin:bottom}sd-6-0-0-next-9-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
+  css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-6-0-1-popup{--arrow-color:rgba(var(--sd-tooltip-color-background));--arrow-size:10px}sd-6-0-1-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-0-1-popup::part(arrow){--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-6-0-1-popup[placement^=top]::part(popup){transform-origin:bottom}sd-6-0-1-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}:host [slot=anchor]{color:rgba(var(--sd-form-control__tooltip-color-icon))}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -224,7 +224,7 @@ __decorateClass([
   query("#tooltip")
 ], SdTooltip.prototype, "body", 2);
 __decorateClass([
-  query("sd-6-0-0-next-9-popup")
+  query("sd-6-0-1-popup")
 ], SdTooltip.prototype, "popup", 2);
 __decorateClass([
   property({ type: String, reflect: true })
@@ -257,7 +257,7 @@ __decorateClass([
   watch("disabled")
 ], SdTooltip.prototype, "handleDisabledChange", 1);
 SdTooltip = __decorateClass([
-  customElement("sd-6-0-0-next-9-tooltip")
+  customElement("sd-6-0-1-tooltip")
 ], SdTooltip);
 setDefaultAnimation("tooltip.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],

package/dist-versioned/chunks/{chunk.NCZBBZOR.js → chunk.P5FGSFP3.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.RY4KWEME.js";
+} from "./chunk.TNJNUASM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -241,7 +241,7 @@ var SdPopup = class extends SolidElement {
 };
 SdPopup.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{--arrow-color:var(--sd-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}[part=popup]{max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}[part=arrow]{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color)}`
 ];
 __decorateClass([
@@ -324,7 +324,7 @@ __decorateClass([
   property({ attribute: "auto-size-padding", type: Number })
 ], SdPopup.prototype, "autoSizePadding", 2);
 SdPopup = __decorateClass([
-  customElement("sd-6-0-0-next-9-popup")
+  customElement("sd-6-0-1-popup")
 ], SdPopup);
 
 export {