@dust-tt/sparkle 0.2.190-rc1 → 0.2.190

package/dist/cjs/components/DropzoneOverlay.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 export interface DropzoneOverlayProps {
-    description?: string;
+    description: string;
     isDragActive: boolean;
-    title?: string;
+    title: string;
     visual?: React.ReactNode;
 }
 export default function DropzoneOverlay({ description, isDragActive, title, visual, }: DropzoneOverlayProps): React.JSX.Element | null;

package/dist/cjs/index.js

@@ -103418,9 +103418,9 @@ var animation$1 = {
 };
 
 function DropzoneOverlay(_a) {
-    var _b = _a.description, description = _b === void 0 ? "Drag and drop your files here" : _b, isDragActive = _a.isDragActive, _c = _a.title, title = _c === void 0 ? "Drag and drop" : _c, _d = _a.visual, visual = _d === void 0 ? (React.createElement(Icon, { visual: SvgArrowUpOnSquare$1, size: "lg", className: "s-text-white" })) : _d;
+    var description = _a.description, isDragActive = _a.isDragActive, title = _a.title, _b = _a.visual, visual = _b === void 0 ? (React.createElement(Icon, { visual: SvgArrowUpOnSquare$1, size: "lg", className: "s-text-white" })) : _b;
     var lottieRef = React.useRef(null);
-    var _e = __read(React.useState(false), 2), isActiveDelayed = _e[0], setIsActiveDelayed = _e[1];
+    var _c = __read(React.useState(false), 2), isActiveDelayed = _c[0], setIsActiveDelayed = _c[1];
     // This is used to delay the removal of the overlay when the user stops dragging.
     React.useEffect(function () {
         if (isDragActive) {
@@ -103429,7 +103429,7 @@ function DropzoneOverlay(_a) {
         else {
             var timeoutId_1 = setTimeout(function () {
                 setIsActiveDelayed(false);
-            }, 1000);
+            }, 400);
             return function () { return clearTimeout(timeoutId_1); };
         }
     }, [isDragActive]);
@@ -103437,9 +103437,10 @@ function DropzoneOverlay(_a) {
         return null;
     }
     return (React.createElement("div", { className: "s-absolute s-inset-0 s-z-50 s-flex s-h-full s-w-full s-flex-col s-items-center s-justify-center s-gap-0 s-bg-white/80 s-text-element-800", onMouseLeave: function () {
-            var _a, _b;
+            var _a, _b, _c;
             (_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.setDirection(-1);
-            (_b = lottieRef.current) === null || _b === void 0 ? void 0 : _b.play();
+            (_b = lottieRef.current) === null || _b === void 0 ? void 0 : _b.setSpeed(2);
+            (_c = lottieRef.current) === null || _c === void 0 ? void 0 : _c.play();
         }, onDrop: function () {
             var _a, _b;
             (_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.setDirection(-1);