@solid-design-system/components 6.6.0 → 6.7.1

package/dist/chunks/{chunk.K33FWPNJ.js → chunk.34FNDYY2.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.XLJV6MDG.js → chunk.35O2UVGB.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IKPH3EVB.js → chunk.36PZ2ZYY.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.R7FGGH3S.js → chunk.37TQP26W.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.LVFKJ64O.js → chunk.3JA6XC66.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.J6WPYLWZ.js → chunk.46HLMURY.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.X7INVTDO.js → chunk.66BLBC6H.js}

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   animateTo,
   stopAnimations
@@ -655,6 +655,9 @@ var SdCombobox = class extends SolidElement {
     this.popup.active = false;
     this.emit("sd-after-hide");
   }
+  handleSizeChange() {
+    this.size = this.floatingLabel && this.size === "sm" ? "md" : this.size;
+  }
   async show() {
     if (this.open || this.disabled || this.visuallyDisabled) {
       this.open = false;
@@ -784,7 +787,7 @@ var SdCombobox = class extends SolidElement {
     )}">${hasLabel && !this.floatingLabel ? 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></div>` : null} <span aria-live="polite" class="sr-only">${this.deletedTagLabel}</span><div part="form-control-input" class="relative w-full bg-white text-black">${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",
       hasIconLeft ? floatingLabelHorizontalAlignmentWithIconLeft : "left-4",
-      !isFloatingLabelActive ? "top-1/2 -translate-y-1/2 text-base" : this.size === "lg" ? "top-2 text-xs" : "top-1 text-xs",
+      !isFloatingLabelActive ? "top-1/2 -translate-y-1/2" : this.size === "lg" ? "top-2 text-xs" : "top-1 text-xs",
       isFloatingLabelActive && "mt-1"
     )}" for="input"><span class="${cx(
       "leading-none",
@@ -1010,6 +1013,9 @@ __decorateClass([
 __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdCombobox.prototype, "handleOpenChange", 1);
+__decorateClass([
+  watch(["size", "floatingLabel"])
+], SdCombobox.prototype, "handleSizeChange", 1);
 SdCombobox = __decorateClass([
   customElement("sd-combobox")
 ], SdCombobox);

package/dist/chunks/{chunk.4VXMQMWC.js → chunk.6OQST4MV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.IJFGEG3C.js";
+} from "./chunk.MA3U64BI.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.EB36FLLO.js → chunk.7TNM3KIX.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/{dist-versioned/chunks/chunk.WY3Y2CV4.js → dist/chunks/chunk.7UUYNJS5.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -49,6 +49,8 @@ var SdRange = class extends SolidElement {
     this._rangeValues = /* @__PURE__ */ new Map();
     this._lastChangeValue = [];
     this._hasFocus = false;
+    this._dragStyleElement = null;
+    this._preventSelectStart = (e) => e.preventDefault();
     this.tooltipFormatter = this.localize.number.bind(this.localize);
   }
   set value(value) {
@@ -71,6 +73,10 @@ var SdRange = class extends SolidElement {
   get rtl() {
     return this.localize.dir() === "rtl";
   }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._restoreTextSelection();
+  }
   firstUpdated() {
     this.formControlController.updateValidity();
     this._lastChangeValue = Array.from(this._value);
@@ -78,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-6-0-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
+      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
     });
   }
   willUpdate(changedProperties) {
@@ -246,15 +252,41 @@ var SdRange = class extends SolidElement {
   onClickTrackItem(event) {
     this.onClickTrack(event, false);
   }
+  /**
+   * Prevents text selection on the entire page during a drag.
+   * Uses an injected <style> with !important to ensure no CSS specificity overrides it,
+   * plus a selectstart event listener as a fallback.
+   */
+  _preventTextSelection() {
+    if (!this._dragStyleElement) {
+      const style = document.createElement("style");
+      style.setAttribute("data-sd-range-drag", "");
+      style.textContent = "*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }";
+      document.head.appendChild(style);
+      this._dragStyleElement = style;
+    }
+    document.addEventListener("selectstart", this._preventSelectStart);
+  }
+  _restoreTextSelection() {
+    if (this._dragStyleElement) {
+      this._dragStyleElement.remove();
+      this._dragStyleElement = null;
+    }
+    document.removeEventListener("selectstart", this._preventSelectStart);
+  }
   async onClickThumb(event) {
     if (this.disabled || this.visuallyDisabled) return;
     const thumb = event.target;
     this.updateTooltip(thumb);
     if (thumb.dataset.pointerId) {
-      thumb.releasePointerCapture(+thumb.dataset.pointerId);
+      try {
+        thumb.releasePointerCapture(+thumb.dataset.pointerId);
+      } catch (e) {
+      }
     }
     thumb.dataset.pointerId = event.pointerId.toString();
     thumb.setPointerCapture(event.pointerId);
+    this._preventTextSelection();
     thumb.classList.add("grabbed");
     if (this.tooltip === "on-interaction") {
       await thumb.parentElement.show();
@@ -301,6 +333,7 @@ var SdRange = class extends SolidElement {
     if (!thumb.dataset.pointerId || event.pointerId !== +thumb.dataset.pointerId) return;
     thumb.classList.remove("grabbed");
     thumb.releasePointerCapture(event.pointerId);
+    this._restoreTextSelection();
     delete thumb.dataset.pointerId;
     if (arraysDiffer(this._lastChangeValue, this._value)) {
       this._lastChangeValue = Array.from(this._value);
@@ -412,10 +445,10 @@ var SdRange = class extends SolidElement {
           ariaLabel = this.tooltipFormatter(value);
         }
       }
-      return html`<sd-6-6-0-tooltip hoist 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}" @pointerleave="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
+      return html`<sd-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-6-0-tooltip>`;
+      )}"></div></sd-tooltip>`;
     });
   }
   render() {
@@ -431,7 +464,7 @@ var SdRange = class extends SolidElement {
 SdRange.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-[part='base']{touch-action:none;-webkit-touch-callout:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`
+[part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`
 ];
 __decorateClass([
   query("#input")
@@ -485,7 +518,7 @@ __decorateClass([
   property({ type: String })
 ], SdRange.prototype, "value", 1);
 SdRange = __decorateClass([
-  customElement("sd-6-6-0-range")
+  customElement("sd-range")
 ], SdRange);
 
 export {

package/dist/chunks/{chunk.PRG2N65Y.js → chunk.7UVXJDH2.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SSGLMCAI.js → chunk.7WUGACZI.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4NPZSBLP.js → chunk.ADLNODYZ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.D75ECIYP.js → chunk.BMSVBL74.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5LBSJHKM.js → chunk.CBC4EZWD.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.MWSEG3OK.js → chunk.CECM7HKR.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.N2MLXC5H.js → chunk.CGQHCRPP.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.YZFABBQN.js → chunk.CTZIFPPT.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.3LNRTSYE.js → chunk.DKXRGYTS.js}

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.BGLTLTSP.js → chunk.EFL7UGJF.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.RWMCPMRU.js → chunk.EP3FJ6UU.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.5I2ACRVE.js → chunk.EY7UK2BZ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";

package/dist/chunks/{chunk.7C7RLQJB.js → chunk.F5PRJGBD.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.DI4IZD4F.js → chunk.FC3YSKGL.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.MYGU5LET.js → chunk.FDRFLSGY.js}

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.UEJXUCEV.js → chunk.FH7IYLFW.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.4CYCSIZ7.js → chunk.FHD6XY2M.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -111,6 +111,9 @@ var SdTextarea = class extends SolidElement {
     this.formControlController.updateValidity();
     this.setTextareaHeight();
   }
+  handleSizeChange() {
+    this.size = this.floatingLabel && this.size === "sm" ? "md" : this.size;
+  }
   /** Sets focus on the textarea. */
   focus(options) {
     this.textarea.focus(options);
@@ -187,7 +190,15 @@ var SdTextarea = class extends SolidElement {
       md: "text-lg top-2",
       lg: "text-xl top-2"
     }[this.size];
-    return html`<div part="form-control" class="flex flex-col h-full text-left">${hasLabel && !this.floatingLabel || 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("relative h-full w-full", this.disabled && "cursor-not-allowed")}"><div part="border" class="${cx(
+    return html`<div part="form-control" class="flex flex-col h-full text-left">${hasLabel && !this.floatingLabel || 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("relative h-full w-full", this.disabled && "cursor-not-allowed")}">${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",
+      textSize,
+      !isFloatingLabelActive ? "top-2.5" : "top-2 text-xs"
+    )}" 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 w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",
       {
         disabled: "border-neutral-500",
@@ -200,15 +211,7 @@ var SdTextarea = class extends SolidElement {
         valid: "border-success",
         default: "form-control-color-border"
       }[textareaState]
-    )}">${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",
-      textSize,
-      !isFloatingLabelActive ? "top-2.5 text-base" : this.size === "lg" ? "top-2 text-xs" : "top-1 text-xs"
-    )}" 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><div part="base" class="${cx(
+    )}"></div><div part="base" class="${cx(
       "textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",
       this.floatingLabel && "pt-6",
       {
@@ -223,9 +226,9 @@ var SdTextarea = class extends SolidElement {
     )}"><textarea part="textarea" id="input" class="${cx(
       "ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",
       {
-        sm: this.floatingLabel ? "pb-1" : "py-1",
-        md: this.floatingLabel ? "pb-1" : "py-1",
-        lg: this.floatingLabel ? "pb-2" : "py-2"
+        sm: isFloatingLabelActive ? "pb-1" : "py-2",
+        md: isFloatingLabelActive ? "pb-1" : "py-2",
+        lg: isFloatingLabelActive ? "pb-2" : "py-2"
       }[this.size],
       this.disabled && "cursor-not-allowed",
       textSize
@@ -346,6 +349,9 @@ __decorateClass([
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SdTextarea.prototype, "handleValueChange", 1);
+__decorateClass([
+  watch(["size", "floatingLabel"])
+], SdTextarea.prototype, "handleSizeChange", 1);
 SdTextarea = __decorateClass([
   customElement("sd-textarea")
 ], SdTextarea);

package/dist/chunks/{chunk.FO322RN2.js → chunk.FJ3FPGND.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.44LYHLUI.js → chunk.GAZNGQ6X.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.EL6JYFUG.js → chunk.GMYIZ3J2.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";