@tecsinapse/cortex-react 1.13.1-beta.1 → 1.13.1-beta.3

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var date = require('@internationalized/date');
 var React = require('react');
 var ScrollableDigitSelector = require('../ScrollableDigitSelector.js');
@@ -52,67 +53,86 @@ const TimePickerSelector = ({
     if (value === void 0) return 0;
     return hourCycle === 12 ? value.hour === 0 ? 12 : value.hour > 12 ? value.hour - 12 : value.hour : value.hour;
   }, [value, hourCycle]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React.createElement(
-    Button.Button,
-    {
-      className: "p-micro",
-      variants: {
-        size: "circle",
-        variant: "outline"
-      },
-      onClick: onPressOkButton
-    },
-    /* @__PURE__ */ React.createElement(md.MdClose, null)
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-row gap-x-deca max-h-[300px] overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro" }, /* @__PURE__ */ React.createElement("span", { className: "text-base font-bold text-center" }, hourLabel), /* @__PURE__ */ React.createElement(
-    ScrollableDigitSelector.ScrollableDigitSelector,
-    {
-      value: displayHour,
-      onChange: handleHourChange,
-      min: hourCycle === 12 ? 1 : 0,
-      max: hourCycle === 12 ? 12 : 23
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro" }, /* @__PURE__ */ React.createElement("span", { className: "text-base font-bold text-center" }, minuteLabel), /* @__PURE__ */ React.createElement(
-    ScrollableDigitSelector.ScrollableDigitSelector,
-    {
-      value: value?.minute ?? 0,
-      onChange: handleMinuteChange,
-      min: 0,
-      max: 59,
-      step: minuteInterval
-    }
-  )), hourCycle === 12 && /* @__PURE__ */ React.createElement("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro" }, /* @__PURE__ */ React.createElement("span", { className: "text-base font-bold text-center" }, dayPeriodLabel), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-y-micro p-micro overflow-auto" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      onClick: () => handlePeriodChange(false),
-      className: "flex justify-center"
-    },
-    /* @__PURE__ */ React.createElement(
-      "span",
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
       {
-        className: clsx(
-          dayPeriodStyle,
-          !isPM && "bg-primary-medium text-white"
+        className: "p-micro",
+        variants: {
+          size: "circle",
+          variant: "outline"
+        },
+        onClick: onPressOkButton,
+        children: /* @__PURE__ */ jsxRuntime.jsx(md.MdClose, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-x-deca max-h-[300px] overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold text-center", children: hourLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollableDigitSelector.ScrollableDigitSelector,
+          {
+            value: displayHour,
+            onChange: handleHourChange,
+            min: hourCycle === 12 ? 1 : 0,
+            max: hourCycle === 12 ? 12 : 23
+          }
         )
-      },
-      "AM"
-    )
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      onClick: () => handlePeriodChange(true),
-      className: "flex justify-center"
-    },
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: clsx(
-          dayPeriodStyle,
-          isPM && "bg-primary-medium text-white"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold text-center", children: minuteLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollableDigitSelector.ScrollableDigitSelector,
+          {
+            value: value?.minute ?? 0,
+            onChange: handleMinuteChange,
+            min: 0,
+            max: 59,
+            step: minuteInterval
+          }
         )
-      },
-      "PM"
-    )
-  )))));
+      ] }),
+      hourCycle === 12 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold text-center", children: dayPeriodLabel }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-micro p-micro overflow-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              onClick: () => handlePeriodChange(false),
+              className: "flex justify-center",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: clsx(
+                    dayPeriodStyle,
+                    !isPM && "bg-primary-medium text-white"
+                  ),
+                  children: "AM"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              onClick: () => handlePeriodChange(true),
+              className: "flex justify-center",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: clsx(
+                    dayPeriodStyle,
+                    isPM && "bg-primary-medium text-white"
+                  ),
+                  children: "PM"
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
 };
 
 exports.TimePickerSelector = TimePickerSelector;

package/dist/cjs/components/Toggle.js

@@ -1,25 +1,29 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 
 const Toggle = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: "flex flex-row items-center gap-x-centi",
-      "data-testid": "toggle-div"
-    },
-    /* @__PURE__ */ React.createElement("label", { className: cortexCore.styleLabelElement() }, /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        type: "checkbox",
-        className: cortexCore.styleInputElement(),
-        ref,
-        "data-testid": "toggle-input",
-        ...props
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: cortexCore.toggle() }))
+      "data-testid": "toggle-div",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cortexCore.styleLabelElement(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: cortexCore.styleInputElement(),
+            ref,
+            "data-testid": "toggle-input",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.toggle() })
+      ] })
+    }
   );
 });
 

package/dist/cjs/components/Tooltip.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var react$1 = require('@floating-ui/react');
 var React = require('react');
 require('@internationalized/date');
@@ -36,25 +37,30 @@ const Tooltip = React.forwardRef(
       floatingStyles,
       getFloatingProps
     } = useFloatingElement.useFloatingElement({ placement, arrowRef, trigger, delay });
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, react.cloneWithProps(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: ref || refs.setFloating,
-        className: "bg-black text-white p-2 rounded z-50 shadow-md text-justify",
-        style: {
-          position: strategy,
-          top: y ?? 0,
-          left: x ?? 0,
-          width,
-          height,
-          ...style,
-          ...floatingStyles
-        },
-        ...getFloatingProps()
-      },
-      text,
-      /* @__PURE__ */ React.createElement(react$1.FloatingArrow, { ref: arrowRef, context, fill: "black" })
-    ) : null);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      react.cloneWithProps(children, triggerProps),
+      isOpen ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: ref || refs.setFloating,
+          className: "bg-black text-white p-2 rounded z-50 shadow-md text-justify",
+          style: {
+            position: strategy,
+            top: y ?? 0,
+            left: x ?? 0,
+            width,
+            height,
+            ...style,
+            ...floatingStyles
+          },
+          ...getFloatingProps(),
+          children: [
+            text,
+            /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingArrow, { ref: arrowRef, context, fill: "black" })
+          ]
+        }
+      ) : null
+    ] });
   }
 );
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var hi2 = require('react-icons/hi2');
 var cortexCore = require('@tecsinapse/cortex-core');
 var clsx = require('clsx');
@@ -13,7 +13,7 @@ const Dropzone = ({
   buttonText = "Select File"
 }) => {
   const { getRootProps, getInputProps, isDragActive, isFileLimitReached } = dropzoneProps;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ...getRootProps(),
@@ -22,10 +22,19 @@ const Dropzone = ({
         {
           "border-success-medium bg-gray-100": isDragActive
         }
-      )
-    },
-    /* @__PURE__ */ React.createElement("input", { ...getInputProps() }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center text-center items-center gap-deca" }, /* @__PURE__ */ React.createElement(hi2.HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }), /* @__PURE__ */ React.createElement("div", { className: "gap-mili" }, /* @__PURE__ */ React.createElement("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone" }, selectFileText), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-secondary-medium" }, dropText)), isFileLimitReached ? /* @__PURE__ */ React.createElement(Tooltip.Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo." }, /* @__PURE__ */ React.createElement("button", { disabled: true, className: clsx(cortexCore.button(), "cursor-not-allowed") }, buttonText)) : /* @__PURE__ */ React.createElement("button", { className: cortexCore.button() }, buttonText))
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("input", { ...getInputProps() }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center text-center items-center gap-deca", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(hi2.HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-mili", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone", children: selectFileText }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-secondary-medium", children: dropText })
+          ] }),
+          isFileLimitReached ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo.", children: /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: true, className: clsx(cortexCore.button(), "cursor-not-allowed"), children: buttonText }) }) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: cortexCore.button(), children: buttonText })
+        ] })
+      ]
+    }
   );
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Upload = require('./Upload.js');
 
 const Files = ({
@@ -8,7 +8,13 @@ const Files = ({
   onDelete,
   uploadProgressText = "Upload(s) in progress"
 }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-mili items-center mb-deca" }, /* @__PURE__ */ React.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.createElement("h2", { className: "text-md font-semibold", "data-testid": "upload-progress" }, uploadProgressText)), files.map((file, index) => /* @__PURE__ */ React.createElement(Upload.File, { key: file.uid, file, index, onDelete })));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-mili items-center mb-deca", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white", children: `${files.length}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })
+    ] }),
+    files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(Upload.File, { file, index, onDelete }, file.uid))
+  ] });
 };
 
 exports.Files = Files;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var md = require('react-icons/md');
 var cortexCore = require('@tecsinapse/cortex-core');
 var Modal$1 = require('../Modal.js');
@@ -13,23 +13,29 @@ const Modal = ({
   title = "File Upload"
 }) => {
   return reactDom.createPortal(
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       Modal$1.Modal,
       {
         open,
         onClose,
-        className: "flex flex-col bg-secondary-xlight rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto"
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-between mb-deca" }, /* @__PURE__ */ React.createElement("div", null), /* @__PURE__ */ React.createElement("h2", { className: "text-deca font-semibold" }, title), /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          className: cortexCore.button({ size: "square" }),
-          onClick: onClose,
-          "data-testid": "close-button"
-        },
-        /* @__PURE__ */ React.createElement(md.MdClose, { size: 20 })
-      )),
-      children
+        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(
+              "button",
+              {
+                className: cortexCore.button({ size: "square" }),
+                onClick: onClose,
+                "data-testid": "close-button",
+                children: /* @__PURE__ */ jsxRuntime.jsx(md.MdClose, { size: 20 })
+              }
+            )
+          ] }),
+          children
+        ]
+      }
     ),
     document.body
   );

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Modal = require('./Modal.js');
 var Dropzone = require('./Dropzone.js');
 var Files = require('./Files.js');
@@ -17,22 +17,25 @@ const Root = ({
   uploadProgressText,
   titleModal
 }) => {
-  return /* @__PURE__ */ React.createElement(Modal.Modal, { onClose, open, title: titleModal }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row" }, /* @__PURE__ */ React.createElement(
-    Dropzone.Dropzone,
-    {
-      dropzoneProps,
-      selectFileText,
-      dropText,
-      buttonText
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Files.Files,
-    {
-      files,
-      onDelete,
-      uploadProgressText
-    }
-  )));
+  return /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { onClose, open, title: titleModal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Dropzone.Dropzone,
+      {
+        dropzoneProps,
+        selectFileText,
+        dropText,
+        buttonText
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Files.Files,
+      {
+        files,
+        onDelete,
+        uploadProgressText
+      }
+    )
+  ] }) });
 };
 
 exports.Root = Root;

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

@@ -1,7 +1,7 @@
 'use strict';
 
+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');
@@ -17,31 +17,46 @@ const File = ({ file, index, onDelete }) => {
         return "info";
     }
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col", key: index }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-centi" }, file.file && file.file.type.startsWith("image/") ? /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: URL.createObjectURL(file.file),
-      alt: "Preview",
-      className: "w-tera h-tera rounded-mili"
-    }
-  ) : /* @__PURE__ */ React.createElement("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili" }, /* @__PURE__ */ React.createElement(fa6.FaRegFileLines, null)), /* @__PURE__ */ React.createElement("div", { className: "flex-col" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold truncate max-w-[200px]" }, file.file.name), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500" }, (file.file.size / 1024).toFixed(2), " KB"))), file.status === "success" && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      onClick: () => onDelete(index),
-      "data-testid": "remove-button",
-      className: cortexCore.button({
-        className: " bg-inherit border-2 border-primary-light text-primary-light",
-        size: "small"
-      })
-    },
-    /* @__PURE__ */ React.createElement(md.MdClose, { size: 20 })
-  )), /* @__PURE__ */ React.createElement(
-    ProgressBar.ProgressBar,
-    {
-      intent: statusIntent(file.status),
-      infinite: file.status === "uploading"
-    }
-  ));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", 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(
+          "img",
+          {
+            src: URL.createObjectURL(file.file),
+            alt: "Preview",
+            className: "w-tera h-tera rounded-mili"
+          }
+        ) : /* @__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.FaRegFileLines, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: file.file.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
+            (file.file.size / 1024).toFixed(2),
+            " KB"
+          ] })
+        ] })
+      ] }),
+      file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onDelete(index),
+          "data-testid": "remove-button",
+          className: cortexCore.button({
+            className: " bg-inherit border-2 border-primary-light text-primary-light",
+            size: "small"
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(md.MdClose, { size: 20 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressBar.ProgressBar,
+      {
+        intent: statusIntent(file.status),
+        infinite: file.status === "uploading"
+      }
+    )
+  ] }, index);
 };
 
 exports.File = File;

package/dist/cjs/hooks/useCalendar.js

@@ -4,6 +4,7 @@ var date = require('@internationalized/date');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date$1 = require('../utils/date.js');
+require('react/jsx-runtime');
 require('react');
 
 const useCalendar = ({ value, onChange }) => {

package/dist/cjs/hooks/useDatePickerInput.js

@@ -4,6 +4,7 @@ var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date = require('../utils/date.js');
+require('react/jsx-runtime');
 
 const useDatePickerInput = ({
   value,
@@ -11,8 +12,8 @@ const useDatePickerInput = ({
 }) => {
   const state = reactStately.useDatePickerState({
     defaultValue: value ? date.dateToCalendarDateTime(value) : null,
-    onChange: (value2) => {
-      onChange(date.calendarDateToDate(value2));
+    onChange: (_value) => {
+      onChange(date.calendarDateToDate(_value));
     }
   });
   const ref = React.useRef(null);
@@ -24,6 +25,8 @@ const useDatePickerInput = ({
   React.useEffect(() => {
     if (!value) {
       state.setValue(null);
+    } else if (value && state.value?.compare(date.dateToCalendarDateTime(value)) !== 0) {
+      state.setValue(date.dateToCalendarDateTime(value));
     }
   }, [value]);
   return {

package/dist/cjs/hooks/useDateRangePickerInput.js

@@ -4,6 +4,7 @@ var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date = require('../utils/date.js');
+require('react/jsx-runtime');
 
 const useDateRangePickerInput = ({
   value,

package/dist/cjs/hooks/useNumberMask.js

@@ -4,6 +4,7 @@ var currency = require('currency.js');
 var React = require('react');
 require('@internationalized/date');
 var extractors = require('../utils/extractors.js');
+require('react/jsx-runtime');
 
 const getRegex = (precision) => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, "g");
 const getInternalNumberAndMask = (value, options) => {

package/dist/cjs/hooks/useRangeCalendar.js

@@ -5,6 +5,7 @@ var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date$1 = require('../utils/date.js');
+require('react/jsx-runtime');
 
 const useRangeCalendar = ({
   value,

package/dist/cjs/provider/CategoriesContext.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 const CategoriesContext = React.createContext(null);
@@ -13,7 +14,7 @@ const CategoriesProvider = ({ children }) => {
       };
     });
   };
-  return /* @__PURE__ */ React.createElement(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu } }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu }, children });
 };
 const useCategories = () => {
   const context = React.useContext(CategoriesContext);

package/dist/cjs/provider/MenubarProvider.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('@internationalized/date');
 require('react-aria');
@@ -28,7 +29,7 @@ const MenubarProvider = ({ children }) => {
     ref,
     onClickOutside
   });
-  return /* @__PURE__ */ React.createElement(MenubarContext.MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React.createElement("div", { ref }, children));
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarContext.MenubarContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, children }) });
 };
 
 exports.MenubarProvider = MenubarProvider;

package/dist/cjs/provider/SnackbarProvider.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sonner = require('sonner');
 var SnackbarSonner = require('../service/SnackbarSonner.js');
@@ -10,7 +11,10 @@ const SnackbarProvider = ({
   options
 }) => {
   const snackbar = new SnackbarSonner.SnackbarSonner(options);
-  return /* @__PURE__ */ React.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React.createElement(sonner.Toaster, null));
+  return /* @__PURE__ */ jsxRuntime.jsxs(SnackbarContext.Provider, { value: { snackbar }, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(sonner.Toaster, {})
+  ] });
 };
 const useSnackbar = () => {
   const context = React.useContext(SnackbarContext);

package/dist/cjs/service/SnackbarSonner.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var sonner = require('sonner');
 var DefaultSnack = require('../components/Snackbar/DefaultSnack.js');
 
@@ -18,7 +18,7 @@ class SnackbarSonner {
   show(type, message, options) {
     return sonner.toast.custom(
       (t) => {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           DefaultSnack.DefaultSnack,
           {
             text: message,