@tecsinapse/cortex-react 1.15.0-beta.1 → 1.15.0-beta.11

package/dist/cjs/components/Calendar/Calendar.js

@@ -8,6 +8,7 @@ require('react-aria');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var CalendarProvider = require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('react-stately');
 require('../Popover/Context.js');
 require('react-dropzone');

package/dist/cjs/components/Calendar/CalendarCell.js

@@ -9,6 +9,10 @@ var useCalendarCell = require('../../hooks/useCalendarCell.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');
+require('../../provider/MenubarContext.js');
+require('../../provider/SnackbarProvider.js');
+require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('@floating-ui/react');
 require('currency.js');
 var calendarCell = require('../../styles/calendar-cell.js');

package/dist/cjs/components/Calendar/CalendarGrid.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var useCalendarGrid = require('../../hooks/useCalendarGrid.js');
 require('../Popover/Context.js');
 require('react-dropzone');

package/dist/cjs/components/Calendar/RangeCalendar.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var CalendarProvider = require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/DatePicker/DatePickerInput.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var useDatePickerInput = require('../../hooks/useDatePickerInput.js');
 var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
 require('react-dropzone');

package/dist/cjs/components/DatePicker/DateRangePickerInput.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
 var useDateRangePickerInput = require('../../hooks/useDateRangePickerInput.js');
 require('react-dropzone');

package/dist/cjs/components/Input/Mask.js

@@ -8,6 +8,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Input/Search.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 var useDebouncedState = require('../../hooks/useDebouncedState.js');
 require('react-dropzone');

package/dist/cjs/components/Menubar/Categories.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 var useDimensions = require('../../hooks/useDimensions.js');
 require('react-dropzone');

package/dist/cjs/components/Menubar/Dropdown.js

@@ -16,6 +16,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const { dropdown } = menubar.menubar();
 const Dropdown = ({ children, ...rest }) => {

package/dist/cjs/components/Menubar/Header.js

@@ -15,6 +15,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var menubar = require('../../styles/menubar.js');
 var Button = require('../Button.js');
 

package/dist/cjs/components/Menubar/Item.js

@@ -15,6 +15,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var menubar = require('../../styles/menubar.js');
 var IconControlSubItem = require('./IconControlSubItem.js');
 var ItemLink = require('./ItemLink.js');

package/dist/cjs/components/Menubar/MostUsed.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 var useDimensions = require('../../hooks/useDimensions.js');
 require('react-dropzone');

package/dist/cjs/components/Menubar/Root.js

@@ -6,6 +6,7 @@ require('../../provider/SnackbarProvider.js');
 require('../../provider/MenubarContext.js');
 require('react');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const Root = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(MenubarProvider.MenubarProvider, { children });

package/dist/cjs/components/Menubar/Search.js

@@ -17,6 +17,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const Search = (props) => {
   const [show] = useMenubar.useMenubar();

package/dist/cjs/components/Menubar/SubItem.js

@@ -16,6 +16,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const { container } = menubar.subItem();
 const SubItem = ({

package/dist/cjs/components/Popover/Provider.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var Context = require('./Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/GroupedOptions.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var Context = require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/MultiGroupedOptions.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/MultiOptions.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/Options.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var Context = require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/TimePicker/TimePickerInput.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Tooltip.js

@@ -10,6 +10,7 @@ var react = require('../utils/react.js');
 require('../provider/MenubarContext.js');
 require('../provider/SnackbarProvider.js');
 require('../provider/CalendarProvider.js');
+require('../provider/ManagerContext.js');
 require('./Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Uploader/Manager.js

@@ -1,21 +1,15 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var tailwindVariants = require('tailwind-variants');
 var reactDom = require('react-dom');
 var Upload = require('./Upload.js');
 var Button = require('../Button.js');
 var io = require('react-icons/io');
+var clsx = require('clsx');
+var io5 = require('react-icons/io5');
+var cortexCore = require('@tecsinapse/cortex-core');
+var useManagerHelpers = require('../../hooks/useManagerHelpers.js');
 
-const foldermodal = tailwindVariants.tv({
-  base: "fixed rounded-micro p-kilo bg-white shadow-xl flex transition z-modal",
-  variants: {
-    open: {
-      true: "scale-100 visible",
-      false: "invisible"
-    }
-  }
-});
 const Manager = ({
   open,
   files,
@@ -23,36 +17,60 @@ const Manager = ({
   uploadProgressText = "Upload(s) in progress",
   onClose
 }) => {
+  const { min, setMin, regularFiles, folderFiles } = useManagerHelpers.useManagerHelpers({
+    files
+  });
   return reactDom.createPortal(
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: foldermodal({
-          className: "h-[350px] w-[400px] bg-white bottom-deca right-deca overflow-hidden",
+        className: cortexCore.manager({
+          className: "h-auto max-h-[350px] w-[450px] overflow-hidden",
           open
         }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full h-full gap-mili items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", {}),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ml-mega", "data-testid": "upload-progress", children: uploadProgressText }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button.Button,
               {
-                variants: { variant: "outline", size: "circle" },
+                variants: { variant: "text", size: "square" },
+                onClick: () => setMin((min2) => !min2),
+                children: min ? /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronDown, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: uploadProgressText }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                variants: { variant: "filled", size: "square" },
                 onClick: onClose,
                 children: /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col w-full overflow-scroll", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            Upload.File,
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
             {
-              file,
-              index,
-              onDelete
-            },
-            file.uid
-          )) })
+              className: clsx.clsx("w-full h-auto max-h-[300px] gap-mili", {
+                hidden: min,
+                "flex flex-col": !min,
+                "pb-kilo overflow-scroll pr-deca": (files ?? []).length > 3
+              }),
+              children: [
+                regularFiles.length > 0 ? regularFiles.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                  Upload.File,
+                  {
+                    file,
+                    index,
+                    onDelete,
+                    showDelete: false
+                  },
+                  file.uid
+                )) : null,
+                folderFiles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Upload.FolderList, { files: folderFiles }) : null
+              ]
+            }
+          )
         ] })
       }
     ),

package/dist/cjs/components/Uploader/Modal.js

@@ -21,8 +21,7 @@ const Modal = ({
         className: "flex flex-col bg-secondary-xlight rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between mb-deca", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", {}),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-deca font-semibold", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-deca font-semibold ml-tera flex-1 text-center", children: title }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {

package/dist/cjs/components/Uploader/Upload.js

@@ -2,11 +2,38 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 var fa6 = require('react-icons/fa6');
 var md = require('react-icons/md');
 var ProgressBar = require('../ProgressBar/ProgressBar.js');
 
-const File = ({ file, index, onDelete }) => {
+const recursiveCountFolderElements = (node) => {
+  let count = 0;
+  for (const key in node) {
+    count++;
+    count += recursiveCountFolderElements(node[key]);
+  }
+  return count;
+};
+const countFolderElements = (paths, root) => {
+  if (!paths.length) return 0;
+  const tree = {};
+  for (const path of paths) {
+    const parts = path.replace(root + "/", "").split("/").filter(Boolean);
+    let current = tree;
+    for (const part of parts) {
+      if (!current[part]) current[part] = {};
+      current = current[part];
+    }
+  }
+  return recursiveCountFolderElements(tree);
+};
+const File = ({
+  file,
+  index,
+  onDelete,
+  showDelete = true
+}) => {
   function statusIntent(status) {
     switch (status) {
       case "success":
@@ -17,7 +44,7 @@ const File = ({ file, index, onDelete }) => {
         return "info";
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-centi", children: [
         file.file && file.file.type.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -36,10 +63,10 @@ const File = ({ file, index, onDelete }) => {
           ] })
         ] })
       ] }),
-      file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(
+      file.status === "success" && showDelete ? /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          onClick: () => onDelete(index),
+          onClick: () => onDelete?.(index),
           "data-testid": "remove-button",
           className: cortexCore.button({
             className: " bg-inherit border-2 border-primary-light text-primary-light",
@@ -47,7 +74,7 @@ const File = ({ file, index, onDelete }) => {
           }),
           children: /* @__PURE__ */ jsxRuntime.jsx(md.MdClose, { size: 15 })
         }
-      )
+      ) : null
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ProgressBar.ProgressBar,
@@ -58,5 +85,51 @@ const File = ({ file, index, onDelete }) => {
     )
   ] }, index);
 };
+const Folder = ({ name, subItems }) => {
+  const size = countFolderElements(
+    subItems.map((it) => it.path),
+    name
+  );
+  const loading = React.useMemo(
+    () => subItems.some((it) => it.status === "uploading"),
+    [subItems]
+  );
+  const intent = React.useMemo(() => {
+    if (loading) return "info";
+    if ((subItems ?? []).some((item) => item.status === "error") && (subItems ?? []).some((item) => item.status === "success")) {
+      return "warning";
+    }
+    return "success";
+  }, [subItems]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-centi", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili", children: /* @__PURE__ */ jsxRuntime.jsx(fa6.FaRegFolder, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
+          size,
+          " ",
+          size > 1 ? "itens" : "item"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ProgressBar.ProgressBar, { intent, infinite: loading })
+  ] });
+};
+const FolderList = ({ files }) => {
+  const folders = React.useMemo(() => {
+    const segments = {};
+    files.forEach((file) => {
+      const path = file.file.relativePath.replace(/^\//, "");
+      const root = path.split("/")[0];
+      const current = Array.from(segments?.[root] ?? []);
+      segments[root] = [...current, { path, status: file.status }];
+    });
+    return segments;
+  }, [files]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.entries(folders).map(([name, children], index) => /* @__PURE__ */ jsxRuntime.jsx(Folder, { name, subItems: children }, index)) });
+};
 
 exports.File = File;
+exports.Folder = Folder;
+exports.FolderList = FolderList;

package/dist/cjs/hooks/useCalendarCell.js

@@ -13,6 +13,7 @@ require('currency.js');
 require('../provider/MenubarContext.js');
 require('../provider/SnackbarProvider.js');
 var CalendarProvider = require('../provider/CalendarProvider.js');
+require('../provider/ManagerContext.js');
 
 const useCalendarCell = ({ state, date: date$1 }) => {
   const { isTodayHighlited } = CalendarProvider.useCalendarContext();

package/dist/cjs/hooks/useFileUpload.js

@@ -4,6 +4,17 @@ var React = require('react');
 var reactDropzone = require('react-dropzone');
 var uuid = require('uuid');
 var types = require('../components/Uploader/types.js');
+require('react/jsx-runtime');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('../components/Popover/Context.js');
+require('@floating-ui/react');
+require('currency.js');
+require('../provider/MenubarContext.js');
+require('../provider/SnackbarProvider.js');
+require('../provider/CalendarProvider.js');
+var ManagerContext = require('../provider/ManagerContext.js');
 
 const useFileUpload = ({
   accept = {},
@@ -12,16 +23,33 @@ const useFileUpload = ({
   maxSize,
   allowMultiple = true,
   preventDuplicates = false,
-  onDuplicate
+  onDuplicate,
+  hasManager = true,
+  isFolder = false,
+  uploadProgressText
 }) => {
-  const [files, setFiles] = React.useState([]);
+  const {
+    showManager,
+    files,
+    setFiles,
+    isOpen: isManagerOpen,
+    setIsOpen: setIsManagerOpen
+  } = ManagerContext.useManager();
   const [duplicates, setDuplicates] = React.useState([]);
   const [isOpen, setIsOpen] = React.useState(false);
-  const [isManagerOpen, setIsManagerOpen] = React.useState(false);
   const onOpen = React.useCallback(() => setIsOpen(true), []);
   const onClose = React.useCallback(() => setIsOpen(false), []);
+  const handleRemoveFile = React.useCallback((index) => {
+    setFiles((prevFiles) => prevFiles.filter((_, i) => i !== index));
+  }, []);
+  const handleClearFiles = React.useCallback(() => {
+    setFiles([]);
+  }, []);
   const openManager = React.useCallback(() => setIsManagerOpen(true), []);
-  const closeManager = React.useCallback(() => setIsManagerOpen(false), []);
+  const closeManager = React.useCallback(() => {
+    handleClearFiles();
+    setIsManagerOpen(false);
+  }, []);
   const updateFiles = React.useCallback(
     (prevFiles, newFiles) => {
       const current = /* @__PURE__ */ new Map();
@@ -31,8 +59,10 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles) => {
-    openManager();
-    onClose();
+    if (hasManager) {
+      openManager();
+      onClose();
+    }
     let toProcess = acceptedFiles;
     if (preventDuplicates) {
       const found = (acceptedFiles ?? []).filter(
@@ -50,7 +80,8 @@ const useFileUpload = ({
     const newFiles = toProcess.map((file) => ({
       file,
       status: onAccept ? types.FileStatus.UPLOADING : types.FileStatus.SUCCESS,
-      uid: uuid.v4()
+      uid: uuid.v4(),
+      isFolder
     }));
     try {
       setFiles((prevFiles) => [...prevFiles, ...newFiles]);
@@ -66,6 +97,17 @@ const useFileUpload = ({
       setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
     }
   };
+  React.useEffect(() => {
+    if (hasManager) {
+      showManager?.({
+        files,
+        onClose: closeManager,
+        onDelete: handleRemoveFile,
+        open: isManagerOpen,
+        uploadProgressText
+      });
+    }
+  }, [isManagerOpen, files, handleRemoveFile, closeManager]);
   const addMimeTypes = (key, acc) => {
     types.AcceptSpecificMap[key].forEach((mimeType) => {
       acc[mimeType] = [];
@@ -89,12 +131,6 @@ const useFileUpload = ({
     maxSize,
     onDropRejected: onFileRejected
   });
-  const handleRemoveFile = React.useCallback((index) => {
-    setFiles((prevFiles) => prevFiles.filter((_, i) => i !== index));
-  }, []);
-  const handleClearFiles = React.useCallback(() => {
-    setFiles([]);
-  }, []);
   const isFileLimitReached = !allowMultiple && files.length > 0;
   return {
     onOpen,
@@ -107,6 +143,7 @@ const useFileUpload = ({
       isFileLimitReached
     },
     open: isOpen,
+    openManager,
     closeManager,
     isManagerOpen,
     files,

package/dist/cjs/hooks/useManagerHelpers.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+
+const useManagerHelpers = ({
+  files
+}) => {
+  const [min, setMin] = React.useState(false);
+  const folderFiles = React.useMemo(
+    () => files?.filter((file) => file.isFolder) ?? [],
+    [files]
+  );
+  const regularFiles = React.useMemo(
+    () => files?.filter((file) => !file.isFolder) ?? [],
+    [files]
+  );
+  return {
+    min,
+    setMin,
+    folderFiles,
+    regularFiles
+  };
+};
+
+exports.useManagerHelpers = useManagerHelpers;

package/dist/cjs/index.js

@@ -67,6 +67,7 @@ var SnackbarProvider = require('./provider/SnackbarProvider.js');
 var MenubarContext = require('./provider/MenubarContext.js');
 var useMenubar = require('./provider/useMenubar.js');
 var CalendarProvider = require('./provider/CalendarProvider.js');
+var ManagerContext = require('./provider/ManagerContext.js');
 var context = require('./components/Accordion/context.js');
 var masks = require('./components/Input/masks.js');
 var Root = require('./components/Uploader/Root.js');
@@ -156,6 +157,8 @@ exports.MenubarContext = MenubarContext.MenubarContext;
 exports.useMenubar = useMenubar.useMenubar;
 exports.CalendarProvider = CalendarProvider.CalendarProvider;
 exports.useCalendarContext = CalendarProvider.useCalendarContext;
+exports.ManagerProvider = ManagerContext.ManagerProvider;
+exports.useManager = ManagerContext.useManager;
 exports.Context = context.Context;
 exports.useAccordionContext = context.useAccordionContext;
 exports.BRLMask = masks.BRLMask;

package/dist/cjs/provider/ManagerContext.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Manager = require('../components/Uploader/Manager.js');
+
+const ManagerContext = React.createContext(null);
+const ManagerProvider = ({ children }) => {
+  const [props, setProps] = React.useState({});
+  const [files, setFiles] = React.useState([]);
+  const [isOpen, setIsOpen] = React.useState(false);
+  const showManager = (_props) => {
+    setProps(_props);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ManagerContext.Provider,
+    {
+      value: { showManager, files, setFiles, isOpen, setIsOpen },
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(Manager.Manager, { ...props })
+      ]
+    }
+  );
+};
+const useManager = () => {
+  const context = React.useContext(ManagerContext);
+  if (!context) {
+    throw new Error("useManager must be used within a ManagerProvider");
+  }
+  return context;
+};
+
+exports.ManagerProvider = ManagerProvider;
+exports.useManager = useManager;