@tecsinapse/cortex-react 1.6.0 → 1.7.0-beta.1

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

@@ -0,0 +1,70 @@
+'use strict';
+
+var FileStatus = /* @__PURE__ */ ((FileStatus2) => {
+  FileStatus2["SUCCESS"] = "success";
+  FileStatus2["ERROR"] = "error";
+  FileStatus2["UPLOADING"] = "uploading";
+  return FileStatus2;
+})(FileStatus || {});
+const AcceptSpecificMap = {
+  APPLICATION: [
+    "application/pdf",
+    "application/zip",
+    "application/msword",
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    "application/vnd.ms-excel",
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/vnd.ms-powerpoint",
+    "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    "application/x-rar-compressed",
+    "application/x-7z-compressed",
+    "application/json",
+    "application/xml",
+    "application/rtf",
+    "application/x-tar",
+    "application/x-httpd-php",
+    "application/octet-stream"
+  ],
+  IMAGE: [
+    "image/jpeg",
+    "image/png",
+    "image/gif",
+    "image/bmp",
+    "image/svg+xml",
+    "image/tiff",
+    "image/webp",
+    "image/x-icon"
+  ],
+  VIDEO: [
+    "video/mp4",
+    "video/mpeg",
+    "video/quicktime",
+    "video/x-msvideo",
+    "video/x-ms-wmv",
+    "video/webm",
+    "video/ogg",
+    "video/x-flv"
+  ],
+  AUDIO: [
+    "audio/mpeg",
+    "audio/wav",
+    "audio/ogg",
+    "audio/x-aac",
+    "audio/flac",
+    "audio/mp4",
+    "audio/aac",
+    "audio/webm"
+  ],
+  TEXT: [
+    "text/plain",
+    "text/csv",
+    "text/html",
+    "text/css",
+    "text/xml",
+    "text/javascript",
+    "text/markdown"
+  ]
+};
+
+exports.AcceptSpecificMap = AcceptSpecificMap;
+exports.FileStatus = FileStatus;

package/dist/cjs/hooks/useCalendar.js

@@ -3,15 +3,16 @@
 var date = require('@internationalized/date');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date$1 = require('../utils/date.js');
+require('react');
 
 const useCalendar = ({ value, onChange }) => {
   const { locale } = reactAria.useLocale();
   const state = reactStately.useCalendarState({
     locale,
     createCalendar: date.createCalendar,
-    defaultValue: utils.dateToCalendarDate(value),
-    onChange: (value2) => onChange(utils.calendarDateToDate(value2))
+    defaultValue: date$1.dateToCalendarDate(value),
+    onChange: (value2) => onChange(date$1.calendarDateToDate(value2))
   });
   const { calendarProps, title } = reactAria.useCalendar({}, state);
   return {

package/dist/cjs/hooks/useDatePickerInput.js

@@ -3,16 +3,16 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date = require('../utils/date.js');
 
 const useDatePickerInput = ({
   value,
   onChange
 }) => {
   const state = reactStately.useDatePickerState({
-    defaultValue: utils.dateToCalendarDate(value),
+    defaultValue: date.dateToCalendarDate(value),
     onChange: (value2) => {
-      onChange(utils.calendarDateToDate(value2));
+      onChange(date.calendarDateToDate(value2));
     }
   });
   const ref = React.useRef(null);

package/dist/cjs/hooks/useDateRangePickerInput.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date = require('../utils/date.js');
 
 const useDateRangePickerInput = ({
   value,
@@ -11,13 +11,13 @@ const useDateRangePickerInput = ({
 }) => {
   const state = reactStately.useDateRangePickerState({
     defaultValue: {
-      start: utils.dateToCalendarDate(value?.start),
-      end: utils.dateToCalendarDate(value?.end)
+      start: date.dateToCalendarDate(value?.start),
+      end: date.dateToCalendarDate(value?.end)
     },
     onChange: (value2) => {
       onChange({
-        start: utils.calendarDateToDate(value2.start),
-        end: utils.calendarDateToDate(value2.end)
+        start: date.calendarDateToDate(value2.start),
+        end: date.calendarDateToDate(value2.end)
       });
     }
   });

package/dist/cjs/hooks/useFileUpload.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var React = require('react');
+var reactDropzone = require('react-dropzone');
+var uuid = require('uuid');
+var types = require('../components/Uploader/types.js');
+
+const useFileUpload = ({
+  accept = {},
+  onAccept,
+  maxSize,
+  allowMultiple = true
+}) => {
+  const [files, setFiles] = React.useState([]);
+  const [isOpen, setIsOpen] = React.useState(false);
+  const onOpen = React.useCallback(() => setIsOpen(true), []);
+  const onClose = React.useCallback(() => setIsOpen(false), []);
+  const updateFiles = React.useCallback(
+    (prevFiles, newFiles) => {
+      const current = /* @__PURE__ */ new Map();
+      [...prevFiles, ...newFiles].forEach((file) => current.set(file.uid, file));
+      return [...current.values()];
+    },
+    []
+  );
+  const onDrop = async (acceptedFiles) => {
+    const newFiles = acceptedFiles.map((file) => ({
+      file,
+      status: onAccept ? types.FileStatus.UPLOADING : types.FileStatus.SUCCESS,
+      uid: uuid.v4()
+    }));
+    try {
+      setFiles((prevFiles) => [...prevFiles, ...newFiles]);
+      if (onAccept) {
+        const updatedFiles = await onAccept(newFiles);
+        setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
+      }
+    } catch (e) {
+      const updatedFiles = newFiles.map((f) => ({
+        ...f,
+        status: types.FileStatus.ERROR
+      }));
+      setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
+    }
+  };
+  const addMimeTypes = (key, acc) => {
+    types.AcceptSpecificMap[key].forEach((mimeType) => {
+      acc[mimeType] = [];
+    });
+  };
+  const mappedAccept = Object.keys(accept).reduce((acc, key) => {
+    const mimeTypes = accept[key];
+    if (Array.isArray(mimeTypes) && mimeTypes.length === 0) {
+      addMimeTypes(key, acc);
+    } else if (mimeTypes) {
+      mimeTypes.forEach((mimeType) => {
+        acc[mimeType] = [];
+      });
+    }
+    return acc;
+  }, {});
+  const { getRootProps, getInputProps, isDragActive } = reactDropzone.useDropzone({
+    onDrop,
+    accept: mappedAccept,
+    multiple: allowMultiple,
+    maxSize
+  });
+  const handleRemoveFile = React.useCallback((index) => {
+    setFiles((prevFiles) => prevFiles.filter((_, i) => i !== index));
+  }, []);
+  return {
+    onOpen,
+    onClose,
+    onDelete: handleRemoveFile,
+    dropzoneProps: {
+      getInputProps,
+      getRootProps,
+      isDragActive
+    },
+    open: isOpen,
+    files
+  };
+};
+
+exports.useFileUpload = useFileUpload;

package/dist/cjs/hooks/{useFloatingLogic.js → useFloatingElement.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-var React = require('react');
 var react = require('@floating-ui/react');
+var React = require('react');
 
-const useFloatingLogic = ({
+const useFloatingElement = ({
   placement,
   trigger,
+  delay,
   arrowRef
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
@@ -26,26 +27,21 @@ const useFloatingLogic = ({
       ]
     }
   );
-  const click = react.useClick(context);
+  const click = react.useClick(context, { enabled: trigger === "click" });
   const dismiss = react.useDismiss(context);
   const role = react.useRole(context);
+  const hover = react.useHover(context, { enabled: trigger === "hover", delay });
   const { getReferenceProps, getFloatingProps } = react.useInteractions([
     click,
     dismiss,
-    role
+    role,
+    hover
   ]);
   React.useEffect(() => {
     if (isOpen) update();
   }, [isOpen, update]);
   const triggerProps = {
     ref: refs.setReference,
-    ...trigger === "hover" && {
-      onMouseEnter: () => setIsOpen(true),
-      onMouseLeave: () => setIsOpen(false)
-    },
-    ...trigger === "click" && {
-      onClick: () => setIsOpen((prev) => !prev)
-    },
     ...getReferenceProps()
   };
   return {
@@ -63,4 +59,4 @@ const useFloatingLogic = ({
   };
 };
 
-exports.useFloatingLogic = useFloatingLogic;
+exports.useFloatingElement = useFloatingElement;

package/dist/cjs/hooks/useNumberMask.js

@@ -2,7 +2,8 @@
 
 var currency = require('currency.js');
 var React = require('react');
-var extractNumbersFromString = require('../utils/extractNumbersFromString.js');
+require('@internationalized/date');
+var extractors = require('../utils/extractors.js');
 
 const DEFAULT_OPTIONS = {
   symbol: "R$ ",
@@ -29,7 +30,7 @@ const getInternalNumberAndMask = (value, options) => {
       internalNumber = value;
     }
   } else {
-    const onlyNumbers = String(extractNumbersFromString.extractNumbersFromString(value));
+    const onlyNumbers = String(extractors.extractNumbersFromString(value));
     const padZeros = String(onlyNumbers).padStart(precision + 1, "0");
     internalNumber = Number(padZeros.replace(getRegex(precision), "."));
   }

package/dist/cjs/hooks/useRangeCalendar.js

@@ -4,7 +4,7 @@ var date = require('@internationalized/date');
 var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date$1 = require('../utils/date.js');
 
 const useRangeCalendar = ({
   value,
@@ -15,12 +15,12 @@ const useRangeCalendar = ({
     locale,
     createCalendar: date.createCalendar,
     defaultValue: {
-      start: utils.dateToCalendarDate(value?.start),
-      end: utils.dateToCalendarDate(value?.end)
+      start: date$1.dateToCalendarDate(value?.start),
+      end: date$1.dateToCalendarDate(value?.end)
     },
     onChange: (value2) => onChange({
-      start: utils.calendarDateToDate(value2.start),
-      end: utils.calendarDateToDate(value2.end)
+      start: date$1.calendarDateToDate(value2.start),
+      end: date$1.calendarDateToDate(value2.end)
     })
   });
   const ref = React.useRef(null);

package/dist/cjs/index.js

@@ -26,7 +26,7 @@ var Loading = require('./components/Loading.js');
 var index$1 = require('./components/Menubar/index.js');
 var Modal = require('./components/Modal.js');
 var index$2 = require('./components/Popover/index.js');
-var ProgressBar = require('./components/ProgressBar.js');
+var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var RadioButton = require('./components/RadioButton.js');
 var index$3 = require('./components/Select/index.js');
 var Skeleton = require('./components/Skeleton.js');
@@ -39,25 +39,29 @@ var TimeField = require('./components/TimeField/TimeField.js');
 var TimeFieldInput = require('./components/TimeField/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
 var Tooltip = require('./components/Tooltip.js');
+var index$5 = require('./components/Uploader/index.js');
 var useCalendar = require('./hooks/useCalendar.js');
 var useCalendarCell = require('./hooks/useCalendarCell.js');
 var useCalendarGrid = require('./hooks/useCalendarGrid.js');
 var useDatePickerInput = require('./hooks/useDatePickerInput.js');
 var useDateRangePickerInput = require('./hooks/useDateRangePickerInput.js');
 var useDebouncedState = require('./hooks/useDebouncedState.js');
-var useFloatingLogic = require('./hooks/useFloatingLogic.js');
+var useFloatingElement = require('./hooks/useFloatingElement.js');
 var useNumberMask = require('./hooks/useNumberMask.js');
 var useOutsideClickListener = require('./hooks/useOutsideClickListener.js');
 var useRangeCalendar = require('./hooks/useRangeCalendar.js');
 var useSelectGroupedOptions = require('./hooks/useSelectGroupedOptions.js');
 var useSelectOptions = require('./hooks/useSelectOptions.js');
 var useStringMask = require('./hooks/useStringMask.js');
+var useFileUpload = require('./hooks/useFileUpload.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
 var MenubarProvider = require('./provider/MenubarProvider.js');
 var SnackbarProvider = require('./provider/SnackbarProvider.js');
 var MenubarContext = require('./provider/MenubarContext.js');
 var useMenubar = require('./provider/useMenubar.js');
 var masks = require('./components/Input/masks.js');
+var Root = require('./components/Uploader/Root.js');
+var types = require('./components/Uploader/types.js');
 
 
 
@@ -109,13 +113,14 @@ exports.TimeField = TimeField.TimeField;
 exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
 exports.Tooltip = Tooltip.Tooltip;
+exports.Uploader = index$5.Uploader;
 exports.useCalendar = useCalendar.useCalendar;
 exports.useCalendarCell = useCalendarCell.useCalendarCell;
 exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;
 exports.useDatePickerInput = useDatePickerInput.useDatePickerInput;
 exports.useDateRangePickerInput = useDateRangePickerInput.useDateRangePickerInput;
 exports.useDebouncedState = useDebouncedState.useDebouncedState;
-exports.useFloatingLogic = useFloatingLogic.useFloatingLogic;
+exports.useFloatingElement = useFloatingElement.useFloatingElement;
 exports.getInternalNumberAndMask = useNumberMask.getInternalNumberAndMask;
 exports.useNumberMask = useNumberMask.useNumberMask;
 exports.useOutsideClickListener = useOutsideClickListener.useOutsideClickListener;
@@ -125,6 +130,7 @@ exports.useSelectOptions = useSelectOptions.useSelectOptions;
 exports.getMask = useStringMask.getMask;
 exports.mergeMask = useStringMask.mergeMask;
 exports.useStringMask = useStringMask.useStringMask;
+exports.useFileUpload = useFileUpload.useFileUpload;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
 exports.MenubarProvider = MenubarProvider.MenubarProvider;
 exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
@@ -138,3 +144,6 @@ exports.Masks = masks.Masks;
 exports.NumberIMask = masks.NumberIMask;
 exports.PercentageIMask = masks.PercentageIMask;
 exports.PercentageMask = masks.PercentageMask;
+exports.Root = Root.Root;
+exports.AcceptSpecificMap = types.AcceptSpecificMap;
+exports.FileStatus = types.FileStatus;

package/dist/cjs/provider/MenubarProvider.js

@@ -7,6 +7,8 @@ require('react-stately');
 require('@floating-ui/react');
 require('currency.js');
 var useOutsideClickListener = require('../hooks/useOutsideClickListener.js');
+require('react-dropzone');
+require('uuid');
 var MenubarContext = require('./MenubarContext.js');
 
 const MenubarProvider = ({ children }) => {

package/dist/cjs/styles/progressBar.js

@@ -10,12 +10,43 @@ const progressBarFilled = tailwindVariants.tv({
       error: "bg-error-medium",
       info: "bg-info-medium",
       warning: "bg-warning-medium",
-      success: "bg-success-medium"
+      success: "bg-success-medium",
+      uploading: ""
     },
     showAnimation: {
       true: "transition-[width] duration-1000 ease-linear"
     }
   }
 });
+const progressBarInfiniteVariants = tailwindVariants.tv({
+  slots: {
+    container: "relative mb-mili",
+    bar: "h-1.5 w-full overflow-hidden",
+    progress: "w-full h-full origin-left-right rounded-b-mili"
+  },
+  variants: {
+    status: {
+      uploading: {
+        progress: "bg-info-medium animate-progress"
+      },
+      success: {
+        progress: "bg-success-medium"
+      },
+      error: {
+        progress: "bg-error-medium"
+      },
+      default: {
+        progress: "bg-primary-medium"
+      },
+      info: {
+        progress: "bg-info-medium"
+      },
+      warning: {
+        progress: "bg-warning-medium"
+      }
+    }
+  }
+});
 
 exports.progressBarFilled = progressBarFilled;
+exports.progressBarInfiniteVariants = progressBarInfiniteVariants;

package/dist/cjs/{components/utils.js → utils/date.js}

@@ -1,16 +1,7 @@
 'use strict';
 
 var date = require('@internationalized/date');
-var React = require('react');
 
-const getNameInitials = (name) => {
-  const nameSplit = name.split(" ");
-  const length = nameSplit.length;
-  if (length > 1) {
-    return `${nameSplit[0][0]}${nameSplit[length - 1][0]}`;
-  }
-  return name[0];
-};
 const dateToCalendarDate = (value) => {
   return new date.CalendarDate(
     value?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear(),
@@ -21,11 +12,6 @@ const dateToCalendarDate = (value) => {
 const calendarDateToDate = (value) => {
   return value.toDate(date.getLocalTimeZone());
 };
-function cloneWithProps(children, triggerProps) {
-  return React.cloneElement(/* @__PURE__ */ React.createElement("div", null, children), triggerProps);
-}
 
 exports.calendarDateToDate = calendarDateToDate;
-exports.cloneWithProps = cloneWithProps;
 exports.dateToCalendarDate = dateToCalendarDate;
-exports.getNameInitials = getNameInitials;

package/dist/cjs/utils/react.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+
+function cloneWithProps(children, props) {
+  return React.cloneElement(/* @__PURE__ */ React.createElement("div", null, children), props);
+}
+
+exports.cloneWithProps = cloneWithProps;

package/dist/cjs/utils/string.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const getNameInitials = (name) => {
+  const nameSplit = name.split(" ");
+  const length = nameSplit.length;
+  if (length > 1) {
+    return `${nameSplit[0][0]}${nameSplit[length - 1][0]}`;
+  }
+  return name[0];
+};
+
+exports.getNameInitials = getNameInitials;

package/dist/esm/components/Avatar.js

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 import React__default from 'react';
-import { getNameInitials } from './utils.js';
+import '@internationalized/date';
+import { getNameInitials } from '../utils/string.js';
 
 const Avatar = ({ src, name, className, ...rest }) => {
   const [hasError, setHasError] = React__default.useState(false);

package/dist/esm/components/Calendar/Calendar.js

@@ -5,6 +5,8 @@ import 'react-aria';
 import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import { CalendarGrid } from './CalendarGrid.js';
 import { CalendarHeader } from './CalendarHeader.js';
 

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

@@ -5,6 +5,8 @@ import 'react-stately';
 import { useCalendarCell } from '../../hooks/useCalendarCell.js';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import { calendarCell } from '../../styles/calendar-cell.js';
 import '../../styles/groupButton.js';
 import '../../styles/progressBar.js';

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

@@ -5,6 +5,8 @@ import 'react-stately';
 import { useCalendarGrid } from '../../hooks/useCalendarGrid.js';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import { CalendarGridBodyRows } from './CalendarGridBodyRows.js';
 import { CalendarGridHeaderRow } from './CalendarGridHeaderRow.js';
 

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

@@ -5,6 +5,8 @@ import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
 import { useRangeCalendar } from '../../hooks/useRangeCalendar.js';
+import 'react-dropzone';
+import 'uuid';
 import { CalendarGrid } from './CalendarGrid.js';
 import { CalendarHeader } from './CalendarHeader.js';
 

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

@@ -2,16 +2,18 @@ import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { dateToCalendarDate } from '../utils.js';
+import { dateToCalendarDate } from '../../utils/date.js';
 import { useDatePickerInput } from '../../hooks/useDatePickerInput.js';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import { Calendar } from '../Calendar/Calendar.js';
-import { DateField } from './DateField.js';
-import { DatePickerInputBase } from './DatePickerInputBase.js';
 import { Popover } from '../Popover/index.js';
 import { usePopoverContext } from '../Popover/Context.js';
 import { Content } from './Content.js';
+import { DateField } from './DateField.js';
+import { DatePickerInputBase } from './DatePickerInputBase.js';
 
 const DatePickerInputWithPopover = (props) => {
   const { setIsOpen } = usePopoverContext();

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

@@ -2,16 +2,18 @@ import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { dateToCalendarDate } from '../utils.js';
+import { dateToCalendarDate } from '../../utils/date.js';
 import { useDateRangePickerInput } from '../../hooks/useDateRangePickerInput.js';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import { RangeCalendar } from '../Calendar/RangeCalendar.js';
-import { DateField } from './DateField.js';
-import { DatePickerInputBase } from './DatePickerInputBase.js';
 import { Popover } from '../Popover/index.js';
 import { usePopoverContext } from '../Popover/Context.js';
 import { Content } from './Content.js';
+import { DateField } from './DateField.js';
+import { DatePickerInputBase } from './DatePickerInputBase.js';
 
 const DateRangePickerInputWithPopover = (props) => {
   const { setIsOpen } = usePopoverContext();

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

@@ -5,6 +5,8 @@ import 'react-stately';
 import '@floating-ui/react';
 import { useNumberMask } from '../../hooks/useNumberMask.js';
 import { useStringMask } from '../../hooks/useStringMask.js';
+import 'react-dropzone';
+import 'uuid';
 import { InputRoot } from './Root.js';
 
 const InputMask = React__default.forwardRef(

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

@@ -6,6 +6,8 @@ import 'react-stately';
 import { useDebouncedState } from '../../hooks/useDebouncedState.js';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import { InputBox } from './Box.js';
 import { InputFace } from './Face.js';
 import { InputLeft } from './Left.js';

package/dist/esm/components/Input/index.js

@@ -5,6 +5,8 @@ import { InputMask } from './Mask.js';
 import { InputRight } from './Right.js';
 import { InputRoot } from './Root.js';
 import { InputSearch } from './Search.js';
+import '@internationalized/date';
+import 'react';
 
 const Input = {
   Root: InputRoot,

package/dist/esm/components/Input/masks.js

@@ -1,4 +1,6 @@
-import { extractDigitsFromString } from '../../utils/extractNumbersFromString.js';
+import '@internationalized/date';
+import { extractDigitsFromString } from '../../utils/extractors.js';
+import 'react';
 
 const ExpressionMasks = {
   CPF: "000.000.000-00",

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

@@ -6,6 +6,8 @@ import 'react-aria';
 import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { useMenubar } from '../../provider/useMenubar.js';

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

@@ -5,6 +5,8 @@ import 'react-aria';
 import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { useMenubar } from '../../provider/useMenubar.js';