@mlw-packages/react-components 1.10.2 → 1.10.4

package/dist/index.js

@@ -1575,7 +1575,7 @@ var TooltipContentBase = React32__namespace.forwardRef(
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "fill-primary" })
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "fill-primary h-1.5 w-3" })
         ]
       }
     ) });
@@ -2366,7 +2366,7 @@ function ComboboxBase({
                       "aria-disabled": disabled || void 0,
                       disabled,
                       className: cn(
-                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation`,
+                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation font-light`,
                         error && "border-red-500"
                       ),
                       "data-testid": testIds.trigger ?? "combobox-trigger",
@@ -2508,7 +2508,7 @@ function Combobox({
         className: cn(
           "truncate",
           disabled && "opacity-60 cursor-not-allowed",
-          !selectedItem && "text-gray-500"
+          !selectedItem && "text-muted-foreground"
         ),
         children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..."
       }
@@ -2718,46 +2718,48 @@ function MultiSelectValueBase({
     if (valueRef.current == null) return;
     const containerElement = valueRef.current;
     const overflowElement = overflowRef.current;
-    const items2 = containerElement.querySelectorAll(
+    const badgeItems = containerElement.querySelectorAll(
       "[data-selected-item]"
     );
     if (overflowElement != null) overflowElement.style.display = "none";
-    items2.forEach((child) => child.style.removeProperty("display"));
+    badgeItems.forEach((child) => child.style.removeProperty("display"));
+    if (shouldWrap) {
+      setOverflowAmount(0);
+      return;
+    }
     let amount = 0;
-    for (let i = items2.length - 1; i >= 0; i--) {
-      const child = items2[i];
-      if (containerElement.scrollWidth <= containerElement.clientWidth) {
-        break;
-      }
-      amount = items2.length - i;
+    for (let i = badgeItems.length - 1; i >= 0; i--) {
+      if (containerElement.scrollWidth <= containerElement.clientWidth) break;
+      const child = badgeItems[i];
+      amount = badgeItems.length - i;
       child.style.display = "none";
-      overflowElement?.style.removeProperty("display");
+      if (overflowElement != null) {
+        overflowElement.style.removeProperty("display");
+      }
     }
     setOverflowAmount(amount);
+  }, [shouldWrap]);
+  React32.useEffect(() => {
+    if (overflowRef.current) {
+      overflowRef.current.style.display = "none";
+    }
   }, []);
+  React32.useEffect(() => {
+    checkOverflow();
+  }, [open, shouldWrap, checkOverflow]);
   const handleResize = React32.useCallback(
     (node) => {
       if (node == null) {
         valueRef.current = null;
-        if (resizeObserverRef.current) {
-          resizeObserverRef.current.disconnect();
-          resizeObserverRef.current = null;
-        }
-        if (mutationObserverRef.current) {
-          mutationObserverRef.current.disconnect();
-          mutationObserverRef.current = null;
-        }
-        return;
-      }
-      valueRef.current = node;
-      if (resizeObserverRef.current) {
-        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current?.disconnect();
         resizeObserverRef.current = null;
-      }
-      if (mutationObserverRef.current) {
-        mutationObserverRef.current.disconnect();
+        mutationObserverRef.current?.disconnect();
         mutationObserverRef.current = null;
+        return;
       }
+      valueRef.current = node;
+      resizeObserverRef.current?.disconnect();
+      mutationObserverRef.current?.disconnect();
       const mo = new MutationObserver(checkOverflow);
       const ro = new ResizeObserver(debounce(checkOverflow, 100));
       mutationObserverRef.current = mo;
@@ -2772,6 +2774,7 @@ function MultiSelectValueBase({
     },
     [checkOverflow]
   );
+  const [overflowHovered, setOverflowHovered] = React32.useState(false);
   const visibleSelected = [...selectedValues].filter((value) => items.has(value)).sort((a, b) => {
     const aNode = items.get(a);
     const bNode = items.get(b);
@@ -2799,7 +2802,7 @@ function MultiSelectValueBase({
           {
             "data-selected-item": true,
             size: "sm",
-            className: "group flex items-center gap-1  border-border",
+            className: "group flex items-center gap-1 border-border shrink-0",
             onClick: clickToRemove ? (e) => {
               e.stopPropagation();
               toggleValue(value);
@@ -2811,19 +2814,38 @@ function MultiSelectValueBase({
           },
           value
         )),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          Badge,
-          {
-            style: {
-              display: overflowAmount > 0 && !shouldWrap ? "block" : "none"
-            },
-            ref: overflowRef,
-            children: [
-              "+",
-              overflowAmount
-            ]
-          }
-        )
+        overflowAmount > 0 && /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { open: overflowHovered, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: overflowRef,
+              className: "inline-flex",
+              onMouseEnter: () => setOverflowHovered(true),
+              onMouseLeave: () => setOverflowHovered(false),
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Badge, { size: "sm", className: "shrink-0 cursor-default", children: [
+                "+",
+                overflowAmount
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(TooltipContentBase, { className: "p-2 max-w-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-primary-foreground/60 mb-1.5 px-1", children: [
+              overflowAmount,
+              " item",
+              overflowAmount > 1 ? "s" : "",
+              " oculto",
+              overflowAmount > 1 ? "s" : ""
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: visibleSelected.slice(visibleSelected.length - overflowAmount).map((value) => /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-primary-foreground/15 px-2 py-0.5 text-xs font-medium text-primary-foreground",
+                children: typeof items.get(value) === "string" ? items.get(value) : value
+              },
+              value
+            )) })
+          ] })
+        ] }) })
       ]
     }
   );
@@ -2885,7 +2907,7 @@ function MultiSelectItemBase({
   ...props
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
-  const isSelected = selectedValues.has(value);
+  const [hovered, setHovered] = React32.useState(false);
   React32.useEffect(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
@@ -2897,17 +2919,35 @@ function MultiSelectItemBase({
         toggleValue(value);
         onSelect?.(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { transition: { duration: 0.1 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            initial: { scale: 0 },
-            animate: { scale: isSelected ? 1 : 0 },
-            transition: { type: "spring", stiffness: 500, damping: 30 },
-            children: /* @__PURE__ */ jsxRuntime.jsx(react.CheckIcon, { className: "size-4" })
+            className: "relative flex h-4 w-4 shrink-0 items-center justify-center",
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+            children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: selectedValues.has(value) && (hovered ? /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { scale: 0, rotate: -90, opacity: 0 },
+                animate: { scale: 1, rotate: 0, opacity: 1 },
+                transition: { duration: 0.05, ease: "easeOut" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { className: "size-4 text-destructive" })
+              },
+              "x"
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { scale: 0, rotate: 90, opacity: 0 },
+                animate: { scale: 1, rotate: 0, opacity: 1 },
+                transition: { duration: 0.05, ease: "easeOut" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.CheckIcon, { className: "size-4" })
+              },
+              "check"
+            )) })
           }
-        ) }),
-        children
+        )
       ] })
     }
   );
@@ -3689,6 +3729,15 @@ var CardFooterBase = React32__namespace.forwardRef(({ className, testid: dataTes
   }
 ));
 CardFooterBase.displayName = "CardFooter";
+var FileAccept = {
+  Image: "image/*",
+  Document: "pdf,doc,docx,txt,rtf",
+  Spreadsheet: "xls,xlsx,csv",
+  Presentation: "ppt,pptx",
+  Video: "video/*",
+  Audio: "audio/*",
+  All: "*"
+};
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
@@ -3696,67 +3745,63 @@ var formatFileSize = (bytes) => {
   const i = Math.floor(Math.log(bytes) / Math.log(k));
   return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
 };
-var getFileExtension = (filename) => {
-  return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
+var getFileExtension = (filename) => filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
+var parseAcceptTokens = (accept) => accept.split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
+var validateFileAgainstAccept = (file, accept) => {
+  if (!accept || accept === "*") return true;
+  const tokens = parseAcceptTokens(accept);
+  const ext = getFileExtension(file.name).toLowerCase();
+  const mime = file.type.toLowerCase();
+  return tokens.some((token) => {
+    if (token.endsWith("/*")) return mime.startsWith(token.replace("/*", ""));
+    const tokenExt = token.startsWith(".") ? token.substring(1) : token;
+    if (!token.includes("/")) return ext === tokenExt;
+    return mime === token;
+  });
+};
+var formatAcceptForInput = (accept) => {
+  if (!accept || accept === "*") return void 0;
+  return parseAcceptTokens(accept).map((t) => t.includes("/") || t.startsWith(".") ? t : `.${t}`).join(",");
 };
 var getFileTypeIcon = (file) => {
   const extension = getFileExtension(file.name).toLowerCase();
   const mimeType = file.type.toLowerCase();
-  if (extension === "pdf" || mimeType === "application/pdf") {
+  if (extension === "pdf" || mimeType === "application/pdf")
     return /* @__PURE__ */ jsxRuntime.jsx(react.FilePdfIcon, { size: 20, className: "text-red-500" });
-  }
-  if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
+  if (["doc", "docx"].includes(extension) || mimeType.includes("word"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileDocIcon, { size: 20, className: "text-blue-500" });
-  }
-  if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
+  if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileXlsIcon, { size: 20, className: "text-green-500" });
-  }
-  if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
+  if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FilePptIcon, { size: 20, className: "text-orange-500" });
-  }
-  if (extension === "csv" || mimeType === "text/csv") {
+  if (extension === "csv" || mimeType === "text/csv")
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileCsvIcon, { size: 20, className: "text-green-600" });
-  }
   if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
     extension
-  ) || mimeType.includes("text")) {
+  ) || mimeType.includes("text"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileTextIcon, { size: 20, className: "text-gray-500" });
-  }
-  if (mimeType.startsWith("image/")) {
+  if (mimeType.startsWith("image/"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileImageIcon, { size: 20, className: "text-purple-500" });
-  }
-  if (mimeType.startsWith("video/")) {
+  if (mimeType.startsWith("video/"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileVideoIcon, { size: 20, className: "text-pink-500" });
-  }
-  if (mimeType.startsWith("audio/")) {
+  if (mimeType.startsWith("audio/"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileAudioIcon, { size: 20, className: "text-indigo-500" });
-  }
-  if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
+  if (["zip", "rar", "7z", "tar", "gz"].includes(extension))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileZipIcon, { size: 20, className: "text-yellow-600" });
-  }
   return /* @__PURE__ */ jsxRuntime.jsx(react.FileIcon, { size: 20, className: "text-muted-foreground" });
 };
-var createImagePreview = (file) => {
-  return new Promise((resolve) => {
-    if (!file.type.startsWith("image/")) {
-      resolve(null);
-      return;
-    }
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      resolve(e.target?.result);
-    };
-    reader.onerror = () => {
-      resolve(null);
-    };
-    reader.readAsDataURL(file);
-  });
-};
+var createImagePreview = (file) => new Promise((resolve) => {
+  if (!file.type.startsWith("image/")) return resolve(null);
+  const reader = new FileReader();
+  reader.onload = (e) => resolve(e.target?.result);
+  reader.onerror = () => resolve(null);
+  reader.readAsDataURL(file);
+});
 var FileUploader = React32__namespace.forwardRef(
   ({
     className,
-    accept,
-    maxSize,
+    accept = "*",
+    maxSize = 10,
     maxFiles = 1,
     disabled = false,
     value = [],
@@ -3778,71 +3823,49 @@ var FileUploader = React32__namespace.forwardRef(
     }, [value]);
     React32__namespace.useEffect(() => {
       return () => {
-        files.forEach((file) => {
-          if (file.preview) {
-            URL.revokeObjectURL(file.preview);
-          }
+        files.forEach((f) => {
+          if (f.preview) URL.revokeObjectURL(f.preview);
         });
       };
     }, [files]);
     const validateFile = (file) => {
-      if (file.size > maxSize) {
-        return `Arquivo muito grande. M\xE1ximo: ${formatFileSize(maxSize)}`;
-      }
-      if (accept.length > 0) {
-        const fileExtension = `.${getFileExtension(file.name)}`;
-        const fileType = file.type;
-        const isAccepted = accept.some((acceptItem) => {
-          if (acceptItem.startsWith(".")) {
-            return fileExtension.toLowerCase() === acceptItem.toLowerCase();
-          }
-          if (acceptItem.endsWith("/*")) {
-            return fileType.startsWith(acceptItem.replace("/*", ""));
-          }
-          return fileType === acceptItem;
-        });
-        if (!isAccepted) {
-          return `Tipo de arquivo n\xE3o permitido. Aceitos: ${accept.join(", ")}`;
-        }
-      }
+      if (file.size > maxSize * 1024 * 1024)
+        return `Arquivo muito grande. M\xE1ximo: ${maxSize}MB`;
+      if (!validateFileAgainstAccept(file, accept))
+        return `Tipo n\xE3o permitido. Aceitos: ${accept}`;
       return null;
     };
     const createFileWithPreview = async (file) => {
-      const fileWithPreview = file;
-      fileWithPreview.id = `${file.name}-${Date.now()}-${Math.random()}`;
-      const error = validateFile(file);
-      if (error) {
-        fileWithPreview.error = error;
-      }
-      if (file.type.startsWith("image/")) {
+      const f = file;
+      f.id = `${file.name}-${Date.now()}-${Math.random()}`;
+      f.error = validateFile(file) ?? void 0;
+      if (!f.error && file.type.startsWith("image/")) {
         try {
           const preview = await createImagePreview(file);
-          if (preview) {
-            fileWithPreview.preview = preview;
-          }
-        } catch (error2) {
-          console.warn("Erro ao criar preview da imagem:", error2);
+          if (preview) f.preview = preview;
+        } catch (err) {
+          console.warn("Erro ao criar preview:", err);
         }
       }
-      return fileWithPreview;
+      return f;
     };
     const handleFiles = async (newFiles) => {
       if (disabled) return;
-      const availableSlots = maxFiles - files.length;
-      const filesToAdd = multiple ? newFiles.slice(0, availableSlots) : [newFiles[0]];
-      const filesWithPreview = await Promise.all(
-        filesToAdd.map((file) => createFileWithPreview(file))
+      const slots = maxFiles - files.length;
+      const filesToAdd = multiple ? newFiles.slice(0, slots) : [newFiles[0]];
+      const processed = await Promise.all(
+        filesToAdd.map(createFileWithPreview)
       );
-      const updatedFiles = multiple ? [...files, ...filesWithPreview] : filesWithPreview;
-      setFiles(updatedFiles);
-      onValueChange(updatedFiles);
+      const updated = multiple ? [...files, ...processed] : processed;
+      setFiles(updated);
+      onValueChange(updated);
       if (onUpload) {
-        const validFiles = filesWithPreview.filter((f) => !f.error);
-        if (validFiles.length > 0) {
+        const valid = processed.filter((f) => !f.error);
+        if (valid.length > 0) {
           try {
-            await onUpload(validFiles);
-          } catch (error) {
-            console.error("Erro no upload:", error);
+            await onUpload(valid);
+          } catch (err) {
+            console.error("Erro no upload:", err);
           }
         }
       }
@@ -3851,17 +3874,12 @@ var FileUploader = React32__namespace.forwardRef(
       e.preventDefault();
       e.stopPropagation();
       dragCounterRef.current++;
-      if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
-        setIsDragging(true);
-      }
+      if (e.dataTransfer.items?.length > 0) setIsDragging(true);
     };
     const handleDragLeave = (e) => {
       e.preventDefault();
       e.stopPropagation();
-      dragCounterRef.current--;
-      if (dragCounterRef.current === 0) {
-        setIsDragging(false);
-      }
+      if (--dragCounterRef.current === 0) setIsDragging(false);
     };
     const handleDragOver = (e) => {
       e.preventDefault();
@@ -3872,47 +3890,33 @@ var FileUploader = React32__namespace.forwardRef(
       e.stopPropagation();
       setIsDragging(false);
       dragCounterRef.current = 0;
-      if (disabled) return;
-      const droppedFiles = Array.from(e.dataTransfer.files);
-      handleFiles(droppedFiles);
+      if (!disabled) handleFiles(Array.from(e.dataTransfer.files));
     };
     const handleInputChange = (e) => {
-      if (e.target.files) {
-        const selectedFiles = Array.from(e.target.files);
-        handleFiles(selectedFiles);
-      }
+      if (e.target.files) handleFiles(Array.from(e.target.files));
     };
     const handleRemoveFile = (fileId) => {
-      const fileToRemove = files.find((f) => f.id === fileId);
-      if (fileToRemove?.preview) {
-        URL.revokeObjectURL(fileToRemove.preview);
-      }
-      const updatedFiles = files.filter((f) => f.id !== fileId);
-      setFiles(updatedFiles);
-      onValueChange(updatedFiles);
-    };
-    const handleClick = () => {
-      if (!disabled) {
-        inputRef.current?.click();
-      }
+      const target = files.find((f) => f.id === fileId);
+      if (target?.preview) URL.revokeObjectURL(target.preview);
+      const updated = files.filter((f) => f.id !== fileId);
+      setFiles(updated);
+      onValueChange(updated);
     };
-    const acceptString = accept.join(",");
-    const defaultSubtext = dropzoneSubtext || `Formatos: ${accept.join(", ")}. M\xE1ximo: ${formatFileSize(maxSize)}`;
+    const defaultSubtext = dropzoneSubtext ?? `${accept === "*" ? "Qualquer formato" : accept} (M\xE1x: ${maxSize}MB)`;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.div,
       {
         className: cn(
-          "relative flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-10 transition-all duration-300 dark:shadow-black/20",
+          "relative flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-5 transition-all duration-300 dark:shadow-black/20",
           isDragging && "border-primary bg-primary/10 scale-[1.02]",
           !isDragging && "border-border hover:border-primary/60 hover:bg-muted/50",
-          disabled && "cursor-not-allowed opacity-50 hover:scale-100"
+          disabled && "cursor-not-allowed opacity-50"
         ),
         onDragEnter: handleDragEnter,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
-        onClick: handleClick,
-        whileHover: !disabled ? { scale: 1.01 } : void 0,
+        onClick: () => !disabled && inputRef.current?.click(),
         whileTap: !disabled ? { scale: 0.99 } : void 0,
         animate: isDragging ? {
           borderColor: `hsl(var(--primary))`,
@@ -3923,12 +3927,7 @@ var FileUploader = React32__namespace.forwardRef(
           backgroundColor: `hsl(var(--background))`,
           scale: 1
         },
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 25,
-          duration: 0.3
-        },
+        transition: { type: "spring", stiffness: 300, damping: 25 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
@@ -3936,7 +3935,7 @@ var FileUploader = React32__namespace.forwardRef(
               ref: inputRef,
               type: "file",
               className: "hidden",
-              accept: acceptString,
+              accept: formatAcceptForInput(accept),
               multiple,
               disabled,
               onChange: handleInputChange
@@ -3946,20 +3945,11 @@ var FileUploader = React32__namespace.forwardRef(
             framerMotion.motion.div,
             {
               animate: isDragging ? { scale: 1.2, rotate: 10 } : { scale: 1, rotate: 0 },
-              transition: {
-                type: "spring",
-                stiffness: 300,
-                damping: 20,
-                duration: 0.3
-              },
+              transition: { type: "spring", stiffness: 300, damping: 20 },
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.div,
                 {
-                  className: cn(
-                    "mb-4 h-16 w-16 text-muted-foreground transition-colors duration-300 drop-shadow-lg flex items-center justify-center",
-                    isDragging && "text-primary"
-                  ),
-                  initial: false,
+                  className: "mb-4 h-16 w-16 drop-shadow-lg flex items-center justify-center",
                   animate: {
                     color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
                   },
@@ -3972,7 +3962,7 @@ var FileUploader = React32__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.motion.p,
             {
-              className: "mb-2 text-base font-semibold text-foreground",
+              className: "mb-2 text-xs font-semibold text-foreground",
               initial: animate ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.1 },
@@ -3982,63 +3972,29 @@ var FileUploader = React32__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.motion.p,
             {
-              className: "text-sm text-muted-foreground",
+              className: "text-xs text-muted-foreground",
               initial: animate ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.2 },
               children: defaultSubtext
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-            framerMotion.motion.div,
-            {
-              initial: { opacity: 0, scale: 0.8, y: 10 },
-              animate: {
-                opacity: 1,
-                scale: 1,
-                y: 0,
-                backgroundColor: `hsl(var(--primary) / 0.1)`,
-                borderColor: `hsl(var(--primary) / 0.2)`
-              },
-              exit: { opacity: 0, scale: 0.8, y: 10 },
-              className: cn(
-                "mt-4 flex items-center gap-2 rounded-full border px-4 py-2 backdrop-blur-sm bg-primary/20 border-primary/30 shadow-lg"
-              ),
-              transition: { duration: 0.3 },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(react.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  framerMotion.motion.span,
-                  {
-                    className: "text-sm font-semibold text-primary",
-                    animate: { color: `hsl(var(--primary))` },
-                    transition: { duration: 0.3 },
-                    children: [
-                      files.length,
-                      " ",
-                      files.length === 1 ? "arquivo selecionado" : "arquivos selecionados"
-                    ]
-                  }
-                )
-              ]
-            }
-          ) }),
-          showPreview && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          showPreview && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             framerMotion.motion.div,
             {
-              className: "mt-6 w-full",
+              className: "py-2 w-full",
               initial: animate ? { opacity: 0, y: 10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.3 },
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "mb-3 text-sm font-medium text-muted-foreground", children: [
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "text-xs font-medium text-muted-foreground pb-0.5", children: [
                   "Arquivos selecionados (",
                   files.length,
                   "/",
                   maxFiles,
                   ")"
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 overflow-y-auto max-h-44", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 overflow-y-auto max-h-36", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                   framerMotion.motion.div,
                   {
                     layout: true,
@@ -4054,24 +4010,18 @@ var FileUploader = React32__namespace.forwardRef(
                       layout: { duration: 0.2 }
                     },
                     className: cn(
-                      "flex items-center gap-3 rounded-md border p-3 transition-all duration-300",
+                      "group flex items-center gap-3 rounded-md border p-2 transition-all duration-300",
                       file.error ? "border-destructive/50 bg-destructive/5" : "border-border bg-background/80 hover:bg-muted/50 hover:shadow-md hover:shadow-primary/10 hover:border-primary/30"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? (
-                        // Preview de imagem
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: file.preview,
-                            alt: file.name,
-                            className: "h-full w-full object-cover rounded-md"
-                          }
-                        )
-                      ) : (
-                        // Ícone baseado no tipo de arquivo
-                        getFileTypeIcon(file)
-                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "img",
+                        {
+                          src: file.preview,
+                          alt: file.name,
+                          className: "h-full w-full object-cover rounded-md"
+                        }
+                      ) : getFileTypeIcon(file) }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "p",
@@ -4101,21 +4051,21 @@ var FileUploader = React32__namespace.forwardRef(
                       /* @__PURE__ */ jsxRuntime.jsx(
                         ButtonBase,
                         {
-                          variant: "destructive",
                           size: "icon",
+                          variant: "ghost",
                           onClick: (e) => {
                             e?.stopPropagation();
                             handleRemoveFile(file.id);
                           },
-                          className: "",
-                          children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: 12 })
+                          className: "opacity-0 transition-opacity group-hover:opacity-100",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: 12, className: "text-red-500" })
                         }
                       )
                     ]
                   },
                   file.id
                 )) }) })
-              ] })
+              ]
             }
           )
         ]
@@ -9969,6 +9919,7 @@ function Select({
             {
               className: cn(
                 "flex items-center gap-2 justify-between [&>div]:line-clamp-1 [&>span]:line-clamp-1 relative",
+                !selected && "text-muted-foreground",
                 error && "border-red-500",
                 className
               ),
@@ -14542,6 +14493,7 @@ function MultiSelect({
             {
               className: cn(
                 "flex items-center gap-2 justify-between hover:bg-muted transition-all duration-150",
+                !selected && "text-muted-foreground",
                 error && "border-red-500",
                 className
               ),
@@ -16880,7 +16832,7 @@ var IntegrationCard = ({ title, details }) => {
     }) })
   ] });
 };
-var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3 overflow-y-auto flex-1 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/40 transition-colors", children: [
+var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaBase, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3", children: [
   isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-6 w-3/4" }),
     /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-3.5 w-1/2" })
@@ -16923,7 +16875,7 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       conn.id
     )) })
   ] })
-] });
+] }) });
 var TooltipBody = React32__namespace.default.memo(TooltipBodyComponent);
 var tooltipVariants3 = {
   hidden: {
@@ -20393,7 +20345,9 @@ function CarouselBase({
   autoPlayInterval = 3e3,
   zoomEffect = null,
   download = false,
-  isLoading = false
+  isLoading = false,
+  onChange,
+  fernando
 }) {
   const isMobile = useIsMobile();
   const [index, setIndex] = React32.useState(0);
@@ -20404,7 +20358,9 @@ function CarouselBase({
   React32.useEffect(() => {
     if (!emblaApi) return;
     const onSelect = () => {
-      setIndex(emblaApi.selectedScrollSnap());
+      const newIndex = emblaApi.selectedScrollSnap();
+      setIndex(newIndex);
+      onChange?.(newIndex);
     };
     emblaApi.on("select", onSelect);
     emblaApi.on("reInit", onSelect);
@@ -20412,7 +20368,7 @@ function CarouselBase({
       emblaApi.off("select", onSelect);
       emblaApi.off("reInit", onSelect);
     };
-  }, [emblaApi]);
+  }, [emblaApi, onChange]);
   React32.useEffect(() => {
     if (!autoPlay || items.length <= 1 || !emblaApi) return;
     const interval = setInterval(() => {
@@ -20465,7 +20421,10 @@ function CarouselBase({
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.4 },
-      className: cn("w-full lg:p-10 sm:p-4 p-2", className),
+      className: cn(
+        "w-full lg:p-10 sm:p-4 p-2 transition-colors duration-500",
+        className
+      ),
       style: { width },
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative h-full", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -20517,7 +20476,8 @@ function CarouselBase({
             onMouseDown: (e) => e.stopPropagation(),
             className: cn(
               "absolute top-4 right-4 z-50 p-2 rounded-full text-white transition-colors border border-white/10",
-              downloadSuccess ? "bg-green-500 hover:bg-green-600" : "bg-black/50 hover:bg-black/70"
+              downloadSuccess ? "bg-green-500 hover:bg-green-600" : "bg-black/50 hover:bg-black/70",
+              className
             ),
             title: "Download image",
             initial: false,
@@ -20600,8 +20560,13 @@ function CarouselBase({
               onPointerDown: (e) => e.stopPropagation(),
               onTouchStart: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.stopPropagation(),
-              className: `absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-transform z-50
-                    ${!emblaApi?.canScrollPrev() ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+              className: cn(
+                "absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-all z-50",
+                !emblaApi?.canScrollPrev() ? "opacity-40 cursor-not-allowed" : "hover:scale-110 hover:opacity-100 opacity-70",
+                "bg-primary text-primary-foreground",
+                className
+              ),
+              style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -20630,8 +20595,13 @@ function CarouselBase({
               onPointerDown: (e) => e.stopPropagation(),
               onTouchStart: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.stopPropagation(),
-              className: `absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-transform z-50
-                    ${!emblaApi?.canScrollNext() ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+              className: cn(
+                "absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-all z-50",
+                !emblaApi?.canScrollNext() ? "opacity-40 cursor-not-allowed" : "hover:scale-110 hover:opacity-100 opacity-70",
+                "bg-primary text-primary-foreground",
+                className
+              ),
+              style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -20660,7 +20630,12 @@ function CarouselBase({
             onPointerDown: (e) => e.stopPropagation(),
             onTouchStart: (e) => e.stopPropagation(),
             onMouseDown: (e) => e.stopPropagation(),
-            className: `h-2 rounded-full transition-all ${i === index ? "w-8 bg-white" : "w-2 bg-white/50"}`
+            className: cn(
+              "h-2 rounded-full transition-all duration-300",
+              i === index ? cn("w-8 bg-primary") : cn("w-2 hover:opacity-80 bg-primary opacity-40"),
+              className
+            ),
+            style: fernando ? { backgroundColor: fernando } : void 0
           },
           i
         )) })
@@ -20849,9 +20824,9 @@ function RadialMenu({
 }
 function ControlledCombobox({
   items,
-  renderSelected,
-  handleSelection,
-  checkIsSelected,
+  value,
+  onChange,
+  placeholder = "Selecione uma op\xE7\xE3o",
   disabled = false,
   keepOpen = false,
   searchPlaceholder,
@@ -20861,7 +20836,6 @@ function ControlledCombobox({
   labelClassname,
   testIds = {},
   onClear,
-  hasSelected = false,
   hideClear = false,
   onSearchChange,
   search,
@@ -20869,6 +20843,11 @@ function ControlledCombobox({
   loading = false
 }) {
   const [open, setOpen] = React32.useState(false);
+  const selectedItem = items.find((item) => item.value === value);
+  const renderSelected = selectedItem?.label ?? placeholder;
+  const hasSelected = Boolean(value);
+  const checkIsSelected = (v) => v === value;
+  const handleSelection = (v) => onChange?.(v);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -20941,9 +20920,9 @@ function ControlledCombobox({
                     {
                       className: "dark:text-white hover:bg-rsecondary focus:ring-0 focus:outline-none",
                       "data-testid": testIds.command ?? "combobox-command",
-                      filter: onSearchChange ? () => 1 : (value, search2) => {
-                        const label2 = items.find((item) => item.value === value)?.label || value;
-                        if (label2.toLowerCase().includes(search2.toLowerCase()))
+                      filter: onSearchChange ? () => 1 : (itemValue, search2) => {
+                        const itemLabel = items.find((item) => item.value === itemValue)?.label || itemValue;
+                        if (itemLabel.toLowerCase().includes(search2.toLowerCase()))
                           return 1;
                         return 0;
                       },
@@ -20975,9 +20954,9 @@ function ControlledCombobox({
                                   {
                                     keywords: [item.label],
                                     value: item.value,
-                                    onSelect: (value) => {
+                                    onSelect: (v) => {
                                       if (disabled) return;
-                                      handleSelection(value);
+                                      handleSelection(v);
                                       if (!keepOpen) setOpen(false);
                                     },
                                     disabled,
@@ -20994,7 +20973,7 @@ function ControlledCombobox({
                                             stiffness: 500,
                                             damping: 30
                                           },
-                                          className: "ml-auto ",
+                                          className: "ml-auto",
                                           children: /* @__PURE__ */ jsxRuntime.jsx(
                                             react.CheckIcon,
                                             {
@@ -21182,6 +21161,7 @@ exports.EventItem = EventItem;
 exports.EventItemAgenda = EventItemAgenda;
 exports.EventsPopup = EventsPopup;
 exports.FavoriteButton = FavoriteButton;
+exports.FileAccept = FileAccept;
 exports.FileUploader = FileUploader;
 exports.FilterButton = FilterButton;
 exports.HideButton = HideButton;