@dust-tt/sparkle 0.2.270 → 0.2.271

package/dist/cjs/index.js

@@ -142897,14 +142897,22 @@ function Tab(_a) {
         React.createElement("nav", { className: "s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
 }
 
+var textAreaStyles = cn("s-flex s-w-full s-px-3 s-py-2", "s-transition s-duration-100", "s-text-sm placeholder:s-text-muted-foreground s-text-foreground", "s-ring-offset-background s-border s-border-border-dark s-bg-background s-rounded-xl", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 ", "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-text-muted-foreground");
 var TextArea = React.forwardRef(function (_a, ref) {
-    var error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.minRows, minRows = _c === void 0 ? 10 : _c, props = __rest(_a, ["error", "showErrorLabel", "className", "minRows"]);
+    var className = _a.className, _b = _a.resize, resize = _b === void 0 ? "both" : _b, _c = _a.minRows, minRows = _c === void 0 ? 10 : _c, error = _a.error, showErrorLabel = _a.showErrorLabel, props = __rest(_a, ["className", "resize", "minRows", "error", "showErrorLabel"]);
+    var resizeClass = {
+        none: "s-resize-none",
+        vertical: "s-resize-y",
+        horizontal: "s-resize-x",
+        both: "s-resize",
+    };
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        React.createElement("textarea", __assign({ rows: minRows, ref: ref, className: classNames("overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-scrollbar-hide s-duration-200", !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 : "") }, props)),
+        React.createElement("textarea", __assign({ className: cn(textAreaStyles, resizeClass[resize], className, !error
+                ? cn("s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark")
+                : cn("s-ring-warning-200 focus:s-ring-warning-300", "dark:s-ring-warning-200-dark dark:focus:s-ring-warning-300-dark")), ref: ref, rows: minRows }, props)),
         error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));
 });
+TextArea.displayName = "TextArea";
 
 function Tree(_a) {
     var children = _a.children, isLoading = _a.isLoading, _b = _a.isBoxed, isBoxed = _b === void 0 ? false : _b, tailwindIconTextColor = _a.tailwindIconTextColor, _c = _a.variant, variant = _c === void 0 ? "finder" : _c;