@dust-tt/sparkle 0.2.130 → 0.2.132

package/dist/esm/components/Modal.d.ts

@@ -17,5 +17,6 @@ export type ModalProps = {
     savingLabel?: string;
     title?: string;
     variant?: "full-screen" | "side-sm" | "side-md" | "dialogue";
+    className?: string;
 };
-export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, saveLabel, isSaving, savingLabel, title, variant, }: ModalProps): React.JSX.Element;
+export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, saveLabel, isSaving, savingLabel, title, variant, className, }: ModalProps): React.JSX.Element;

package/dist/esm/index.js

@@ -54989,7 +54989,7 @@ var modalStyles = (_a = {},
     _a);
 var getModalClasses = function (type) { return modalStyles[type] || {}; };
 function Modal(_a) {
-    var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, isSaving = _a.isSaving, savingLabel = _a.savingLabel, title = _a.title, _c = _a.variant, variant = _c === void 0 ? "side-sm" : _c;
+    var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, isSaving = _a.isSaving, savingLabel = _a.savingLabel, title = _a.title, _c = _a.variant, variant = _c === void 0 ? "side-sm" : _c, className = _a.className;
     var type = variantToType[variant];
     if (variant === "dialogue") {
         console.warn("Dialogue variant of Modal is deprecated. Please use either another variant of Modal or the Dialog component.");
@@ -55016,7 +55016,7 @@ function Modal(_a) {
                 React__default.createElement(tt.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: transitionEnterFrom, enterTo: transitionEnterTo, leave: "s-ease-in s-duration-200", leaveFrom: transitionLeaveFrom, leaveTo: transitionLeaveTo },
                     React__default.createElement(_t.Panel, { className: classNames("s-absolute s-transform s-bg-structure-0 s-px-3 s-transition-all sm:s-px-4", panelClasses, variantSize[variant]) },
                         React__default.createElement(BarHeader, { title: title || "", leftActions: action ? React__default.createElement(Button, __assign({}, action)) : undefined, rightActions: React__default.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
-                        React__default.createElement("div", { className: classNames("s-pb-6 s-pt-16", innerContainerClasses) }, children)))))));
+                        React__default.createElement("div", { className: classNames("s-pb-6 s-pt-16", innerContainerClasses, className !== null && className !== void 0 ? className : "") }, children)))))));
 }
 
 var reactConfetti_min = {exports: {}};
@@ -55250,14 +55250,20 @@ function TextArea(_a) {
     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__default.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        React__default.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__default.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__default.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));