@mlw-packages/react-components 1.10.3 → 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,14 +3729,14 @@ var CardFooterBase = React32__namespace.forwardRef(({ className, testid: dataTes
   }
 ));
 CardFooterBase.displayName = "CardFooter";
-var FileTypes = {
-  Image: ["image/*", ".jpeg", ".jpg", ".png", ".gif", ".webp", ".svg"],
-  Document: [".pdf", ".doc", ".docx", ".txt", ".rtf"],
-  Spreadsheet: [".xls", ".xlsx", ".csv"],
-  Presentation: [".ppt", ".pptx"],
-  Video: ["video/*", ".mp4", ".webm", ".mkv", ".avi"],
-  Audio: ["audio/*", ".mp3", ".wav", ".ogg"],
-  All: []
+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";
@@ -3705,66 +3745,62 @@ 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 = FileTypes.All,
+    accept = "*",
     maxSize = 10,
     maxFiles = 1,
     disabled = false,
@@ -3787,72 +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) => {
-      const maxSizeBytes = maxSize * 1024 * 1024;
-      if (file.size > maxSizeBytes) {
-        return `Arquivo muito grande. M\xE1ximo: ${maxSize} MB`;
-      }
-      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);
           }
         }
       }
@@ -3861,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();
@@ -3882,43 +3890,19 @@ 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 getFormatText = () => {
-      if (accept === FileTypes.All || accept.length === 0)
-        return "Qualquer formato";
-      if (accept === FileTypes.Image) return "Apenas imagens";
-      if (accept === FileTypes.Document) return "Apenas documentos";
-      if (accept === FileTypes.Video) return "Apenas v\xEDdeos";
-      if (accept === FileTypes.Audio) return "Apenas \xE1udio";
-      if (accept === FileTypes.Spreadsheet) return "Apenas planilhas";
-      if (accept === FileTypes.Presentation) return "Apenas apresenta\xE7\xF5es";
-      return "Formatos espec\xEDficos v\xE1lidos";
-    };
-    const defaultSubtext = dropzoneSubtext || `${getFormatText()} (M\xE1x: ${maxSize}MB)`;
+    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,
       {
@@ -3932,7 +3916,7 @@ var FileUploader = React32__namespace.forwardRef(
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
-        onClick: handleClick,
+        onClick: () => !disabled && inputRef.current?.click(),
         whileTap: !disabled ? { scale: 0.99 } : void 0,
         animate: isDragging ? {
           borderColor: `hsl(var(--primary))`,
@@ -3943,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",
@@ -3956,7 +3935,7 @@ var FileUploader = React32__namespace.forwardRef(
               ref: inputRef,
               type: "file",
               className: "hidden",
-              accept: acceptString,
+              accept: formatAcceptForInput(accept),
               multiple,
               disabled,
               onChange: handleInputChange
@@ -3966,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))`
                   },
@@ -4009,14 +3979,14 @@ var FileUploader = React32__namespace.forwardRef(
               children: defaultSubtext
             }
           ),
-          showPreview && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          showPreview && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             framerMotion.motion.div,
             {
               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: [
+              children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "text-xs font-medium text-muted-foreground pb-0.5", children: [
                   "Arquivos selecionados (",
                   files.length,
@@ -4095,7 +4065,7 @@ var FileUploader = React32__namespace.forwardRef(
                   },
                   file.id
                 )) }) })
-              ] })
+              ]
             }
           )
         ]
@@ -9949,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
               ),
@@ -14522,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
               ),
@@ -16860,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" })
@@ -16903,7 +16875,7 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       conn.id
     )) })
   ] })
-] });
+] }) });
 var TooltipBody = React32__namespace.default.memo(TooltipBodyComponent);
 var tooltipVariants3 = {
   hidden: {
@@ -20294,44 +20266,6 @@ var Lens = ({
     }
   );
 };
-var carouselThemes = {
-  malwee: {
-    foreground: "text-[#222222]",
-    primary: "bg-[#0b5430]",
-    primaryForeground: "text-white",
-    muted: "bg-[#f0eacc]",
-    mutedForeground: "text-[#6b665c]",
-    border: "!border-[#0b5430]",
-    font: "font-[family-name:var(--font-playfair)]"
-  },
-  enfim: {
-    foreground: "text-black",
-    primary: "bg-black",
-    primaryForeground: "text-white",
-    muted: "bg-gray-100",
-    mutedForeground: "text-gray-600",
-    border: "!border-black",
-    font: "font-[family-name:var(--font-libre-caslon)]"
-  },
-  carinhoso: {
-    foreground: "text-[#222222]",
-    primary: "bg-[#d9d0c0]",
-    primaryForeground: "text-[#222222]",
-    muted: "bg-[#e2ddd6]",
-    mutedForeground: "text-[#5e5b56]",
-    border: "!border-[#d9d0c0]",
-    font: "font-[family-name:var(--font-josefin)]"
-  },
-  "malwee-kids": {
-    foreground: "text-[#005bbf]",
-    primary: "bg-[#005bbf]",
-    primaryForeground: "text-white",
-    muted: "bg-[#fcf5c2]",
-    mutedForeground: "text-[#004a9e]",
-    border: "!border-[#005bbf]",
-    font: "font-[family-name:var(--font-poppins)]"
-  }
-};
 function CarouselSkeleton({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full min-h-[300px] bg-muted rounded-lg overflow-hidden relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -20412,7 +20346,8 @@ function CarouselBase({
   zoomEffect = null,
   download = false,
   isLoading = false,
-  onChange
+  onChange,
+  fernando
 }) {
   const isMobile = useIsMobile();
   const [index, setIndex] = React32.useState(0);
@@ -20434,9 +20369,6 @@ function CarouselBase({
       emblaApi.off("reInit", onSelect);
     };
   }, [emblaApi, onChange]);
-  const currentItem = items[index];
-  const themeKey = currentItem?.theme || "malwee";
-  const currentTheme = carouselThemes[themeKey] || carouselThemes.malwee;
   React32.useEffect(() => {
     if (!autoPlay || items.length <= 1 || !emblaApi) return;
     const interval = setInterval(() => {
@@ -20448,14 +20380,14 @@ function CarouselBase({
     if (isDownloading) return;
     setIsDownloading(true);
     setDownloadSuccess(false);
-    const currentItem2 = items[index];
+    const currentItem = items[index];
     try {
-      const response = await fetch(currentItem2.url);
+      const response = await fetch(currentItem.url);
       const blob = await response.blob();
       const url = window.URL.createObjectURL(blob);
       const link = document.createElement("a");
       link.href = url;
-      link.download = currentItem2.title || "image";
+      link.download = currentItem.title || "image";
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
@@ -20491,8 +20423,6 @@ function CarouselBase({
       transition: { duration: 0.4 },
       className: cn(
         "w-full lg:p-10 sm:p-4 p-2 transition-colors duration-500",
-        currentTheme.foreground,
-        currentTheme.font,
         className
       ),
       style: { width },
@@ -20546,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,
@@ -20632,9 +20563,10 @@ function CarouselBase({
               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",
-                currentTheme.primary,
-                currentTheme.primaryForeground
+                "bg-primary text-primary-foreground",
+                className
               ),
+              style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -20666,9 +20598,10 @@ function CarouselBase({
               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",
-                currentTheme.primary,
-                currentTheme.primaryForeground
+                "bg-primary text-primary-foreground",
+                className
               ),
+              style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -20699,12 +20632,10 @@ function CarouselBase({
             onMouseDown: (e) => e.stopPropagation(),
             className: cn(
               "h-2 rounded-full transition-all duration-300",
-              i === index ? cn("w-8", currentTheme.primary) : cn(
-                "w-2 hover:opacity-80",
-                currentTheme.primary,
-                "opacity-40"
-              )
-            )
+              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
         )) })
@@ -20893,9 +20824,9 @@ function RadialMenu({
 }
 function ControlledCombobox({
   items,
-  renderSelected,
-  handleSelection,
-  checkIsSelected,
+  value,
+  onChange,
+  placeholder = "Selecione uma op\xE7\xE3o",
   disabled = false,
   keepOpen = false,
   searchPlaceholder,
@@ -20905,7 +20836,6 @@ function ControlledCombobox({
   labelClassname,
   testIds = {},
   onClear,
-  hasSelected = false,
   hideClear = false,
   onSearchChange,
   search,
@@ -20913,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",
     {
@@ -20985,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;
                       },
@@ -21019,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,
@@ -21038,7 +20973,7 @@ function ControlledCombobox({
                                             stiffness: 500,
                                             damping: 30
                                           },
-                                          className: "ml-auto ",
+                                          className: "ml-auto",
                                           children: /* @__PURE__ */ jsxRuntime.jsx(
                                             react.CheckIcon,
                                             {
@@ -21226,7 +21161,7 @@ exports.EventItem = EventItem;
 exports.EventItemAgenda = EventItemAgenda;
 exports.EventsPopup = EventsPopup;
 exports.FavoriteButton = FavoriteButton;
-exports.FileTypes = FileTypes;
+exports.FileAccept = FileAccept;
 exports.FileUploader = FileUploader;
 exports.FilterButton = FilterButton;
 exports.HideButton = HideButton;