@dust-tt/sparkle 0.2.131 → 0.2.132

package/dist/cjs/index.js

@@ -55270,14 +55270,20 @@ function TextArea(_a) {
     React.useEffect(function () {
         var textarea = textareaRef.current;
         if (textarea) {
-            textarea.style.height = "auto"; // Reset height to recalculate
             textarea.style.height = "".concat(textarea.scrollHeight, "px"); // Set to scroll height
         }
     }, [value]); // Re-run when value changes
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        React.createElement("textarea", { ref: textareaRef, className: classNames("s-min-h-60 overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-transition-all s-duration-200 s-scrollbar-hide", !error
+        React.createElement("textarea", { ref: textareaRef, className: classNames("overflow-y-auto s-block s-min-h-60 s-w-full s-min-w-0 s-rounded-xl s-text-sm s-transition-all s-duration-200 s-scrollbar-hide", !error
                 ? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
                 : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : ""), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
+                var newValue = e.target.value;
+                var textAreaComponent = textareaRef.current;
+                if (textAreaComponent &&
+                    (value === null || value === void 0 ? void 0 : value.length) &&
+                    newValue.length < value.length) {
+                    textAreaComponent.style.height = "auto"; // Reset height to recalculate
+                }
                 onChange(e.target.value);
             } }),
         error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));