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

package/dist/esm/components/Menubar/ItemLink.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';

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

@@ -7,6 +7,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/Popover/Provider.js

@@ -2,8 +2,10 @@ import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { useFloatingLogic } from '../../hooks/useFloatingLogic.js';
+import { useFloatingElement } from '../../hooks/useFloatingElement.js';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 import { Context } from './Context.js';
 
 const PopoverProvider = ({
@@ -11,7 +13,7 @@ const PopoverProvider = ({
   placement,
   trigger
 }) => {
-  const floatingLogic = useFloatingLogic({ placement, trigger });
+  const floatingLogic = useFloatingElement({ placement, trigger });
   return /* @__PURE__ */ React__default.createElement(Context.Provider, { value: { ...floatingLogic } }, children);
 };
 

package/dist/esm/components/Popover/Trigger.js

@@ -1,4 +1,5 @@
-import { cloneWithProps } from '../utils.js';
+import '@internationalized/date';
+import { cloneWithProps } from '../../utils/react.js';
 import { usePopoverContext } from './Context.js';
 
 const PopoverTrigger = ({ children }) => {

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,39 @@
+import React__default, { useState, useEffect } from 'react';
+import { ProgressBarInfinite } from './ProgressBarInfinite.js';
+import { ProgressBarSegments } from './ProgressBarSegments.js';
+
+const ProgressBar = ({
+  segments: _segments = 1,
+  valueMin = 0,
+  valueMax = 100,
+  valueCurrent = 50,
+  intentProgress = "default",
+  type = "default",
+  animated = true
+}) => {
+  const [displayedValue, setDisplayedValue] = useState(0);
+  const [showAnimation, setShowAnimation] = useState(true);
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      if (valueCurrent < displayedValue) {
+        setShowAnimation(false);
+      }
+      if (animated && valueCurrent > displayedValue) setShowAnimation(true);
+      setDisplayedValue(valueCurrent);
+    }, 0);
+    return () => clearTimeout(timeout);
+  }, [valueCurrent]);
+  const totalProgress = (displayedValue - valueMin) / (valueMax - valueMin) * 100;
+  const segments = Math.max(1, _segments);
+  return type === "infinite" ? /* @__PURE__ */ React__default.createElement(ProgressBarInfinite, { intentProgress }) : /* @__PURE__ */ React__default.createElement(
+    ProgressBarSegments,
+    {
+      segments,
+      totalProgress,
+      intentProgress,
+      showAnimation
+    }
+  );
+};
+
+export { ProgressBar };

package/dist/esm/components/ProgressBar/ProgressBarInfinite.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import '../../styles/calendar-cell.js';
+import '../../styles/groupButton.js';
+import { progressBarInfiniteVariants } from '../../styles/progressBar.js';
+
+const { container, bar, progress } = progressBarInfiniteVariants();
+const ProgressBarInfinite = ({
+  intentProgress
+}) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: container() }, /* @__PURE__ */ React__default.createElement("div", { className: bar(), "data-testid": "infinite-progress-bar" }, /* @__PURE__ */ React__default.createElement("div", { className: progress({ status: intentProgress }) })));
+};
+
+export { ProgressBarInfinite };

package/dist/esm/components/ProgressBar/ProgressBarSegments.js

@@ -0,0 +1,46 @@
+import React__default, { useCallback } from 'react';
+import '../../styles/calendar-cell.js';
+import '../../styles/groupButton.js';
+import { progressBarFilled } from '../../styles/progressBar.js';
+
+const ProgressBarSegments = ({
+  segments,
+  totalProgress,
+  intentProgress,
+  showAnimation
+}) => {
+  const lengthSeg = 100 / segments;
+  const items = [...Array(segments).keys()];
+  const progressStyle = useCallback(
+    (width, index) => {
+      return {
+        width: `${width}%`,
+        transitionDelay: `${showAnimation ? `${index * 1e3}ms` : `0ms`}`
+      };
+    },
+    [showAnimation]
+  );
+  return /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-nano flex-row", "data-testid": "progress-bar" }, items.map((_, index) => {
+    const max = lengthSeg * (index + 1);
+    const min = lengthSeg * index;
+    const minmax = (totalProgress - min) / (max - min);
+    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
+    return /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-[0.5rem] bg-secondary-light flex flex-1 first:rounded-l-pill last:rounded-r-pill"
+      },
+      /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          style: progressStyle(width, index),
+          "data-testid": "div-segment-filled",
+          className: progressBarFilled({ intentProgress, showAnimation })
+        }
+      )
+    );
+  }));
+};
+
+export { ProgressBarSegments };

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

@@ -6,6 +6,8 @@ import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
 import { useSelectGroupedOptions } from '../../hooks/useSelectGroupedOptions.js';
+import 'react-dropzone';
+import 'uuid';
 import { usePopoverContext } from '../Popover/Context.js';
 import { SelectOption } from './Option.js';
 import { SkeletonOptions } from './SkeletonOptions.js';

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

@@ -6,6 +6,8 @@ import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
 import { useSelectGroupedOptions } from '../../hooks/useSelectGroupedOptions.js';
+import 'react-dropzone';
+import 'uuid';
 import { SelectMultiOption } from './MultiOption.js';
 import { SkeletonOptions } from './SkeletonOptions.js';
 import { SelectContext, SelectMultiOptionsContext } from './context.js';

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

@@ -6,6 +6,8 @@ import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
 import { useSelectOptions } from '../../hooks/useSelectOptions.js';
+import 'react-dropzone';
+import 'uuid';
 import { SelectMultiOption } from './MultiOption.js';
 import { SkeletonOptions } from './SkeletonOptions.js';
 import { SelectContext, SelectMultiOptionsContext } from './context.js';

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

@@ -6,6 +6,8 @@ import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
 import { useSelectOptions } from '../../hooks/useSelectOptions.js';
+import 'react-dropzone';
+import 'uuid';
 import { usePopoverContext } from '../Popover/Context.js';
 import { SelectOption } from './Option.js';
 import { SkeletonOptions } from './SkeletonOptions.js';

package/dist/esm/components/Tooltip.js

@@ -3,9 +3,11 @@ import React__default, { forwardRef, useRef } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { cloneWithProps } from './utils.js';
-import { useFloatingLogic } from '../hooks/useFloatingLogic.js';
+import { cloneWithProps } from '../utils/react.js';
+import { useFloatingElement } from '../hooks/useFloatingElement.js';
 import 'currency.js';
+import 'react-dropzone';
+import 'uuid';
 
 const Tooltip = forwardRef(
   (props, ref) => {
@@ -15,7 +17,8 @@ const Tooltip = forwardRef(
       trigger = "hover",
       placement = "top",
       width,
-      height
+      height,
+      delay = { open: 500, close: 0 }
     } = props;
     const arrowRef = useRef(null);
     const {
@@ -26,8 +29,9 @@ const Tooltip = forwardRef(
       strategy,
       refs,
       context,
-      floatingStyles
-    } = useFloatingLogic({ placement, arrowRef, trigger });
+      floatingStyles,
+      getFloatingProps
+    } = useFloatingElement({ placement, arrowRef, trigger, delay });
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, cloneWithProps(children, triggerProps), isOpen ? /* @__PURE__ */ React__default.createElement(
       "div",
       {
@@ -40,11 +44,12 @@ const Tooltip = forwardRef(
           width,
           height,
           ...floatingStyles
-        }
+        },
+        ...getFloatingProps()
       },
       text,
       /* @__PURE__ */ React__default.createElement(FloatingArrow, { ref: arrowRef, context, fill: "black" })
-    ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
+    ) : null);
   }
 );
 

package/dist/esm/components/Uploader/Dropzone.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { HiOutlineCloudArrowUp } from 'react-icons/hi2';
+import { button } from '@tecsinapse/cortex-core';
+import clsx from 'clsx';
+
+const Dropzone = ({
+  dropzoneProps,
+  selectFileText = "Select a file to start",
+  dropText = "By dragging and dropping it here or clicking the button below",
+  buttonText = "Select File"
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      ...dropzoneProps.getRootProps(),
+      className: clsx(
+        "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili",
+        {
+          "border-success-medium bg-gray-100": dropzoneProps.isDragActive
+        }
+      )
+    },
+    /* @__PURE__ */ React__default.createElement("input", { ...dropzoneProps.getInputProps() }),
+    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col justify-center text-center items-center gap-deca" }, /* @__PURE__ */ React__default.createElement(HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }), /* @__PURE__ */ React__default.createElement("div", { className: "gap-mili" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone" }, selectFileText), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-secondary-medium" }, dropText)), /* @__PURE__ */ React__default.createElement("button", { className: button() }, buttonText))
+  );
+};
+
+export { Dropzone };

package/dist/esm/components/Uploader/Files.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { File } from './Upload.js';
+
+const Files = ({
+  files,
+  onDelete,
+  uploadProgressText = "Upload(s) in progress"
+}) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-mili items-center mb-deca" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white" }, `${files.length}`), /* @__PURE__ */ React__default.createElement("h2", { className: "text-md font-semibold", "data-testid": "upload-progress" }, uploadProgressText)), files.map((file, index) => /* @__PURE__ */ React__default.createElement(File, { key: file.uid, file, index, onDelete })));
+};
+
+export { Files };

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

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { MdClose } from 'react-icons/md';
+import { button } from '@tecsinapse/cortex-core';
+import { Modal as Modal$1 } from '../Modal.js';
+import { createPortal } from 'react-dom';
+
+const Modal = ({
+  open,
+  onClose,
+  children,
+  title = "File Upload"
+}) => {
+  return createPortal(
+    /* @__PURE__ */ React__default.createElement(
+      Modal$1,
+      {
+        open,
+        onClose,
+        className: "flex-col w-[70%] h-[50%] bg-secondary-xlight rounded-mili"
+      },
+      /* @__PURE__ */ React__default.createElement("div", { className: "flex w-full items-center justify-between mb-deca" }, /* @__PURE__ */ React__default.createElement("div", null), /* @__PURE__ */ React__default.createElement("h2", { className: "text-deca font-semibold" }, title), /* @__PURE__ */ React__default.createElement(
+        "button",
+        {
+          className: button({ size: "square" }),
+          onClick: onClose,
+          "data-testid": "close-button"
+        },
+        /* @__PURE__ */ React__default.createElement(MdClose, { size: 20 })
+      )),
+      /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row w-full h-full max-h-[85%] gap-deca" }, children)
+    ),
+    document.body
+  );
+};
+
+export { Modal };

package/dist/esm/components/Uploader/Root.js

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { Modal } from './Modal.js';
+import { Dropzone } from './Dropzone.js';
+import { Files } from './Files.js';
+
+const Root = ({
+  open,
+  onClose,
+  files,
+  onDelete,
+  dropzoneProps,
+  selectFileText,
+  dropText,
+  buttonText,
+  uploadProgressText,
+  titleModal
+}) => {
+  return /* @__PURE__ */ React__default.createElement(Modal, { onClose, open, title: titleModal }, /* @__PURE__ */ React__default.createElement(
+    Dropzone,
+    {
+      dropzoneProps,
+      selectFileText,
+      dropText,
+      buttonText
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Files,
+    {
+      files,
+      onDelete,
+      uploadProgressText
+    }
+  ));
+};
+
+export { Root };

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { FaRegFileLines } from 'react-icons/fa6';
+import { button } from '@tecsinapse/cortex-core';
+import { MdClose } from 'react-icons/md';
+import { ProgressBar } from '../ProgressBar/ProgressBar.js';
+
+const File = ({ file, index, onDelete }) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col", key: index }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-centi" }, file.file && file.file.type.startsWith("image/") ? /* @__PURE__ */ React__default.createElement(
+    "img",
+    {
+      src: URL.createObjectURL(file.file),
+      alt: "Preview",
+      className: "w-tera h-tera rounded-mili"
+    }
+  ) : /* @__PURE__ */ React__default.createElement("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili" }, /* @__PURE__ */ React__default.createElement(FaRegFileLines, null)), /* @__PURE__ */ React__default.createElement("div", { className: "flex-col" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-semibold truncate max-w-[200px]" }, file.file.name), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-gray-500" }, (file.file.size / 1024).toFixed(2), " KB"))), file.status === "success" && /* @__PURE__ */ React__default.createElement(
+    "button",
+    {
+      onClick: () => onDelete(index),
+      "data-testid": "remove-button",
+      className: button({
+        className: " bg-inherit border-2 border-primary-light text-primary-light",
+        size: "small"
+      })
+    },
+    /* @__PURE__ */ React__default.createElement(MdClose, { size: 20 })
+  )), /* @__PURE__ */ React__default.createElement(ProgressBar, { intentProgress: file.status, type: "infinite" }));
+};
+
+export { File };

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

@@ -0,0 +1,13 @@
+import { Dropzone } from './Dropzone.js';
+import { Files } from './Files.js';
+import { Modal } from './Modal.js';
+import { Root } from './Root.js';
+
+const Uploader = {
+  Dropzone,
+  Files,
+  Modal,
+  Root
+};
+
+export { Root, Uploader };

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

@@ -0,0 +1,67 @@
+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"
+  ]
+};
+
+export { AcceptSpecificMap, FileStatus };

package/dist/esm/hooks/useCalendar.js

@@ -1,7 +1,8 @@
 import { createCalendar } from '@internationalized/date';
 import { useLocale, useCalendar as useCalendar$1 } from 'react-aria';
 import { useCalendarState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
+import 'react';
 
 const useCalendar = ({ value, onChange }) => {
   const { locale } = useLocale();

package/dist/esm/hooks/useDatePickerInput.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 import { useDatePicker } from 'react-aria';
 import { useDatePickerState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
 
 const useDatePickerInput = ({
   value,

package/dist/esm/hooks/useDateRangePickerInput.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 import { useDateRangePicker } from 'react-aria';
 import { useDateRangePickerState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
 
 const useDateRangePickerInput = ({
   value,

package/dist/esm/hooks/useFileUpload.js

@@ -0,0 +1,83 @@
+import { useState, useCallback } from 'react';
+import { useDropzone } from 'react-dropzone';
+import { v4 } from 'uuid';
+import { FileStatus, AcceptSpecificMap } from '../components/Uploader/types.js';
+
+const useFileUpload = ({
+  accept = {},
+  onAccept,
+  maxSize,
+  allowMultiple = true
+}) => {
+  const [files, setFiles] = useState([]);
+  const [isOpen, setIsOpen] = useState(false);
+  const onOpen = useCallback(() => setIsOpen(true), []);
+  const onClose = useCallback(() => setIsOpen(false), []);
+  const updateFiles = 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 ? FileStatus.UPLOADING : FileStatus.SUCCESS,
+      uid: 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: FileStatus.ERROR
+      }));
+      setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
+    }
+  };
+  const addMimeTypes = (key, acc) => {
+    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 } = useDropzone({
+    onDrop,
+    accept: mappedAccept,
+    multiple: allowMultiple,
+    maxSize
+  });
+  const handleRemoveFile = useCallback((index) => {
+    setFiles((prevFiles) => prevFiles.filter((_, i) => i !== index));
+  }, []);
+  return {
+    onOpen,
+    onClose,
+    onDelete: handleRemoveFile,
+    dropzoneProps: {
+      getInputProps,
+      getRootProps,
+      isDragActive
+    },
+    open: isOpen,
+    files
+  };
+};
+
+export { useFileUpload };

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

@@ -1,9 +1,10 @@
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useRole, useHover, useInteractions } from '@floating-ui/react';
 import { useState, useEffect } from 'react';
-import { useFloating, autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useRole, useInteractions } from '@floating-ui/react';
 
-const useFloatingLogic = ({
+const useFloatingElement = ({
   placement,
   trigger,
+  delay,
   arrowRef
 }) => {
   const [isOpen, setIsOpen] = useState(false);
@@ -24,26 +25,21 @@ const useFloatingLogic = ({
       ]
     }
   );
-  const click = useClick(context);
+  const click = useClick(context, { enabled: trigger === "click" });
   const dismiss = useDismiss(context);
   const role = useRole(context);
+  const hover = useHover(context, { enabled: trigger === "hover", delay });
   const { getReferenceProps, getFloatingProps } = useInteractions([
     click,
     dismiss,
-    role
+    role,
+    hover
   ]);
   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 {
@@ -61,4 +57,4 @@ const useFloatingLogic = ({
   };
 };
 
-export { useFloatingLogic };
+export { useFloatingElement };

package/dist/esm/hooks/useNumberMask.js

@@ -1,6 +1,7 @@
 import currency from 'currency.js';
 import { useCallback, useState } from 'react';
-import { extractNumbersFromString } from '../utils/extractNumbersFromString.js';
+import '@internationalized/date';
+import { extractNumbersFromString } from '../utils/extractors.js';
 
 const DEFAULT_OPTIONS = {
   symbol: "R$ ",

package/dist/esm/hooks/useRangeCalendar.js

@@ -2,7 +2,7 @@ import { createCalendar } from '@internationalized/date';
 import { useRef } from 'react';
 import { useLocale, useRangeCalendar as useRangeCalendar$1 } from 'react-aria';
 import { useRangeCalendarState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
 
 const useRangeCalendar = ({
   value,