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

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

@@ -1,5 +1,6 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Time } from '@internationalized/date';
-import React__default, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { ScrollableDigitSelector } from '../ScrollableDigitSelector.js';
 import clsx from 'clsx';
 import { Button } from '../Button.js';
@@ -50,67 +51,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__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      className: "p-micro",
-      variants: {
-        size: "circle",
-        variant: "outline"
-      },
-      onClick: onPressOkButton
-    },
-    /* @__PURE__ */ React__default.createElement(MdClose, null)
-  )), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-row gap-x-deca max-h-[300px] overflow-hidden" }, /* @__PURE__ */ React__default.createElement("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-base font-bold text-center" }, hourLabel), /* @__PURE__ */ React__default.createElement(
-    ScrollableDigitSelector,
-    {
-      value: displayHour,
-      onChange: handleHourChange,
-      min: hourCycle === 12 ? 1 : 0,
-      max: hourCycle === 12 ? 12 : 23
-    }
-  )), /* @__PURE__ */ React__default.createElement("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-base font-bold text-center" }, minuteLabel), /* @__PURE__ */ React__default.createElement(
-    ScrollableDigitSelector,
-    {
-      value: value?.minute ?? 0,
-      onChange: handleMinuteChange,
-      min: 0,
-      max: 59,
-      step: minuteInterval
-    }
-  )), hourCycle === 12 && /* @__PURE__ */ React__default.createElement("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-base font-bold text-center" }, dayPeriodLabel), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-y-micro p-micro overflow-auto" }, /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      onClick: () => handlePeriodChange(false),
-      className: "flex justify-center"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "span",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      Button,
       {
-        className: clsx(
-          dayPeriodStyle,
-          !isPM && "bg-primary-medium text-white"
+        className: "p-micro",
+        variants: {
+          size: "circle",
+          variant: "outline"
+        },
+        onClick: onPressOkButton,
+        children: /* @__PURE__ */ jsx(MdClose, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-x-deca max-h-[300px] overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-center", children: hourLabel }),
+        /* @__PURE__ */ jsx(
+          ScrollableDigitSelector,
+          {
+            value: displayHour,
+            onChange: handleHourChange,
+            min: hourCycle === 12 ? 1 : 0,
+            max: hourCycle === 12 ? 12 : 23
+          }
         )
-      },
-      "AM"
-    )
-  ), /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      onClick: () => handlePeriodChange(true),
-      className: "flex justify-center"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "span",
-      {
-        className: clsx(
-          dayPeriodStyle,
-          isPM && "bg-primary-medium text-white"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-center", children: minuteLabel }),
+        /* @__PURE__ */ jsx(
+          ScrollableDigitSelector,
+          {
+            value: value?.minute ?? 0,
+            onChange: handleMinuteChange,
+            min: 0,
+            max: 59,
+            step: minuteInterval
+          }
         )
-      },
-      "PM"
-    )
-  )))));
+      ] }),
+      hourCycle === 12 && /* @__PURE__ */ jsxs("div", { className: "min-w-7 flex flex-col gap-y-micro p-micro", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-center", children: dayPeriodLabel }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-micro p-micro overflow-auto", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              onClick: () => handlePeriodChange(false),
+              className: "flex justify-center",
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: clsx(
+                    dayPeriodStyle,
+                    !isPM && "bg-primary-medium text-white"
+                  ),
+                  children: "AM"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              onClick: () => handlePeriodChange(true),
+              className: "flex justify-center",
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: clsx(
+                    dayPeriodStyle,
+                    isPM && "bg-primary-medium text-white"
+                  ),
+                  children: "PM"
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
 };
 
 export { TimePickerSelector };

package/dist/esm/components/Toggle.js

@@ -1,23 +1,27 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { styleLabelElement, styleInputElement, toggle } from '@tecsinapse/cortex-core';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 const Toggle = forwardRef((props, ref) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "flex flex-row items-center gap-x-centi",
-      "data-testid": "toggle-div"
-    },
-    /* @__PURE__ */ React__default.createElement("label", { className: styleLabelElement() }, /* @__PURE__ */ React__default.createElement(
-      "input",
-      {
-        type: "checkbox",
-        className: styleInputElement(),
-        ref,
-        "data-testid": "toggle-input",
-        ...props
-      }
-    ), /* @__PURE__ */ React__default.createElement("div", { className: toggle() }))
+      "data-testid": "toggle-div",
+      children: /* @__PURE__ */ jsxs("label", { className: styleLabelElement(), children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: styleInputElement(),
+            ref,
+            "data-testid": "toggle-input",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: toggle() })
+      ] })
+    }
   );
 });
 

package/dist/esm/components/Tooltip.js

@@ -1,5 +1,6 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { FloatingArrow } from '@floating-ui/react';
-import React__default, { forwardRef, useRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -34,25 +35,30 @@ const Tooltip = forwardRef(
       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",
-      {
-        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__default.createElement(FloatingArrow, { ref: arrowRef, context, fill: "black" })
-    ) : null);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      cloneWithProps(children, triggerProps),
+      isOpen ? /* @__PURE__ */ 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__ */ jsx(FloatingArrow, { ref: arrowRef, context, fill: "black" })
+          ]
+        }
+      ) : null
+    ] });
   }
 );
 

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

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

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { File } from './Upload.js';
 
 const Files = ({
@@ -6,7 +6,13 @@ const 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 h-[18rem]" }, /* @__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 })));
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-mili items-center mb-deca", children: [
+      /* @__PURE__ */ 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__ */ jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })
+    ] }),
+    files.map((file, index) => /* @__PURE__ */ jsx(File, { file, index, onDelete }, file.uid))
+  ] });
 };
 
 export { Files };

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

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

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Modal } from './Modal.js';
 import { Dropzone } from './Dropzone.js';
 import { Files } from './Files.js';
@@ -15,22 +15,25 @@ const Root = ({
   uploadProgressText,
   titleModal
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Modal, { onClose, open, title: titleModal }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row" }, /* @__PURE__ */ React__default.createElement(
-    Dropzone,
-    {
-      dropzoneProps,
-      selectFileText,
-      dropText,
-      buttonText
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Files,
-    {
-      files,
-      onDelete,
-      uploadProgressText
-    }
-  )));
+  return /* @__PURE__ */ jsx(Modal, { onClose, open, title: titleModal, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row", children: [
+    /* @__PURE__ */ jsx(
+      Dropzone,
+      {
+        dropzoneProps,
+        selectFileText,
+        dropText,
+        buttonText
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Files,
+      {
+        files,
+        onDelete,
+        uploadProgressText
+      }
+    )
+  ] }) });
 };
 
 export { Root };

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

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

package/dist/esm/hooks/useCalendar.js

@@ -2,6 +2,7 @@ import { createCalendar } from '@internationalized/date';
 import { useLocale, useCalendar as useCalendar$1 } from 'react-aria';
 import { useCalendarState } from 'react-stately';
 import { dateToCalendarDateTime, calendarDateToDate } from '../utils/date.js';
+import 'react/jsx-runtime';
 import 'react';
 
 const useCalendar = ({ value, onChange }) => {

package/dist/esm/hooks/useDatePickerInput.js

@@ -2,6 +2,7 @@ import { useRef, useEffect } from 'react';
 import { useDatePicker } from 'react-aria';
 import { useDatePickerState } from 'react-stately';
 import { dateToCalendarDateTime, calendarDateToDate } from '../utils/date.js';
+import 'react/jsx-runtime';
 
 const useDatePickerInput = ({
   value,
@@ -9,8 +10,8 @@ const useDatePickerInput = ({
 }) => {
   const state = useDatePickerState({
     defaultValue: value ? dateToCalendarDateTime(value) : null,
-    onChange: (value2) => {
-      onChange(calendarDateToDate(value2));
+    onChange: (_value) => {
+      onChange(calendarDateToDate(_value));
     }
   });
   const ref = useRef(null);
@@ -20,7 +21,11 @@ const useDatePickerInput = ({
     ref
   );
   useEffect(() => {
-    state.setValue(value ? dateToCalendarDateTime(value) : null);
+    if (!value) {
+      state.setValue(null);
+    } else if (value && state.value?.compare(dateToCalendarDateTime(value)) !== 0) {
+      state.setValue(dateToCalendarDateTime(value));
+    }
   }, [value]);
   return {
     fieldProps,

package/dist/esm/hooks/useDateRangePickerInput.js

@@ -2,6 +2,7 @@ import { useRef } from 'react';
 import { useDateRangePicker } from 'react-aria';
 import { useDateRangePickerState } from 'react-stately';
 import { dateToCalendarDateTime, calendarDateToDate } from '../utils/date.js';
+import 'react/jsx-runtime';
 
 const useDateRangePickerInput = ({
   value,

package/dist/esm/hooks/useNumberMask.js

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

package/dist/esm/hooks/useRangeCalendar.js

@@ -3,6 +3,7 @@ import { useRef } from 'react';
 import { useLocale, useRangeCalendar as useRangeCalendar$1 } from 'react-aria';
 import { useRangeCalendarState } from 'react-stately';
 import { dateToCalendarDateTime, calendarDateToDate } from '../utils/date.js';
+import 'react/jsx-runtime';
 
 const useRangeCalendar = ({
   value,

package/dist/esm/provider/CategoriesContext.js

@@ -1,4 +1,5 @@
-import React__default, { createContext, useState, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
 
 const CategoriesContext = createContext(null);
 const CategoriesProvider = ({ children }) => {
@@ -11,7 +12,7 @@ const CategoriesProvider = ({ children }) => {
       };
     });
   };
-  return /* @__PURE__ */ React__default.createElement(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu } }, children);
+  return /* @__PURE__ */ jsx(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu }, children });
 };
 const useCategories = () => {
   const context = useContext(CategoriesContext);

package/dist/esm/provider/MenubarProvider.js

@@ -1,4 +1,5 @@
-import React__default, { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import React, { useRef, useEffect } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -11,7 +12,7 @@ import { useOutsideClickListener } from '../hooks/useOutsideClickListener.js';
 import { MenubarContext } from './MenubarContext.js';
 
 const MenubarProvider = ({ children }) => {
-  const [show, setShow] = React__default.useState(false);
+  const [show, setShow] = React.useState(false);
   const ref = useRef(null);
   const showRef = useRef(false);
   useEffect(() => {
@@ -26,7 +27,7 @@ const MenubarProvider = ({ children }) => {
     ref,
     onClickOutside
   });
-  return /* @__PURE__ */ React__default.createElement(MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React__default.createElement("div", { ref }, children));
+  return /* @__PURE__ */ jsx(MenubarContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsx("div", { ref, children }) });
 };
 
 export { MenubarProvider };

package/dist/esm/provider/SnackbarProvider.js

@@ -1,4 +1,5 @@
-import React__default, { createContext, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
 import { Toaster } from 'sonner';
 import { SnackbarSonner } from '../service/SnackbarSonner.js';
 
@@ -8,7 +9,10 @@ const SnackbarProvider = ({
   options
 }) => {
   const snackbar = new SnackbarSonner(options);
-  return /* @__PURE__ */ React__default.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React__default.createElement(Toaster, null));
+  return /* @__PURE__ */ jsxs(SnackbarContext.Provider, { value: { snackbar }, children: [
+    children,
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
 };
 const useSnackbar = () => {
   const context = useContext(SnackbarContext);

package/dist/esm/service/SnackbarSonner.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { toast } from 'sonner';
 import { DefaultSnack } from '../components/Snackbar/DefaultSnack.js';
 
@@ -16,7 +16,7 @@ class SnackbarSonner {
   show(type, message, options) {
     return toast.custom(
       (t) => {
-        return /* @__PURE__ */ React__default.createElement(
+        return /* @__PURE__ */ jsx(
           DefaultSnack,
           {
             text: message,