@tecsinapse/cortex-react 1.13.1 → 1.13.3

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

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var date = require('@internationalized/date');
+var React = require('react');
+var ScrollableDigitSelector = require('../ScrollableDigitSelector.js');
+var clsx = require('clsx');
+var Button = require('../Button.js');
+var md = require('react-icons/md');
+
+const dayPeriodStyle = "p-micro rounded-micro border-1 border-transparent hover:bg-primary-light hover:border-primary cursor-pointer";
+const TimePickerSelector = ({
+  value,
+  hourCycle,
+  minuteInterval,
+  onPressOkButton,
+  onChangeTime,
+  hourLabel = "Hour",
+  minuteLabel = "Minute",
+  dayPeriodLabel = "Day Period"
+}) => {
+  const handleHourChange = (hour) => {
+    let newHour = hour;
+    if (hourCycle === 12) {
+      if (isPM && newHour < 12) {
+        newHour += 12;
+      } else if (!isPM && newHour >= 12) {
+        newHour -= 12;
+      }
+    }
+    const newTime = new date.Time(newHour, value.minute, value.second);
+    onChangeTime(newTime);
+  };
+  const handleMinuteChange = (minute) => {
+    const newTime = new date.Time(value.hour, minute, value.second);
+    onChangeTime(newTime);
+  };
+  const handlePeriodChange = (isPM2) => {
+    if (value === void 0) return;
+    let newHour = value.hour;
+    if (hourCycle === 12) {
+      if (isPM2 && newHour < 12) {
+        newHour += 12;
+      } else if (!isPM2 && newHour >= 12) {
+        newHour -= 12;
+      }
+    }
+    const newTime = new date.Time(newHour, value.minute, value.second);
+    onChangeTime(newTime);
+  };
+  const isPM = value && value?.hour >= 12;
+  const displayHour = React.useMemo(() => {
+    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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        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
+          }
+        )
+      ] }),
+      /* @__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
+          }
+        )
+      ] }),
+      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/hooks/useTimePickerInput.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var React = require('react');
+var Context = require('../components/Popover/Context.js');
+var date = require('@internationalized/date');
+
+const useTimePickerInput = ({
+  value,
+  onChange,
+  minuteInterval
+}) => {
+  const { setIsOpen } = Context.usePopoverContext();
+  const [popoverTime, setPopoverTime] = React.useState(value ?? new date.Time(0, 0));
+  const handleTimeFieldChange = (newValue) => {
+    if (newValue && minuteInterval > 1) {
+      const time = newValue;
+      const adjustedMinute = Math.round(time.minute / minuteInterval) * minuteInterval % 60;
+      const adjustedTime = time.set({ minute: adjustedMinute });
+      onChange?.(adjustedTime);
+      setPopoverTime(adjustedTime);
+      return;
+    }
+    const newTime = newValue ? new date.Time(newValue.hour, newValue.minute, newValue.second) : void 0;
+    onChange?.(newTime);
+    setPopoverTime(newTime ?? new date.Time(0, 0));
+  };
+  const handleTogglePopover = React.useCallback(() => {
+    setIsOpen((open) => !open);
+  }, []);
+  const handleChangeTimeOnSelector = React.useCallback(
+    (time) => {
+      setPopoverTime(time);
+      handleTimeFieldChange(time);
+    },
+    [handleTimeFieldChange]
+  );
+  return {
+    handleTogglePopover,
+    handleTimeFieldChange,
+    handleChangeTimeOnSelector,
+    popoverTime
+  };
+};
+
+exports.useTimePickerInput = useTimePickerInput;

package/dist/cjs/index.js

@@ -37,8 +37,10 @@ var index$5 = require('./components/Stepper/index.js');
 var Table = require('./components/Table.js');
 var Tag = require('./components/Tag.js');
 var index$6 = require('./components/TextArea/index.js');
-var TimeField = require('./components/TimeField/TimeField.js');
-var TimeFieldInput = require('./components/TimeField/TimeFieldInput.js');
+var TimeField = require('./components/TimePicker/TimeField.js');
+var TimePickerInput = require('./components/TimePicker/TimePickerInput.js');
+var TimePickerSelector = require('./components/TimePicker/TimePickerSelector.js');
+var TimeFieldInput = require('./components/TimePicker/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
 var Tooltip = require('./components/Tooltip.js');
 var index$7 = require('./components/Uploader/index.js');
@@ -58,6 +60,7 @@ 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 useTimePickerInput = require('./hooks/useTimePickerInput.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
 var MenubarProvider = require('./provider/MenubarProvider.js');
 var SnackbarProvider = require('./provider/SnackbarProvider.js');
@@ -116,6 +119,8 @@ exports.Td = Table.Td;
 exports.Tag = Tag.Tag;
 exports.TextArea = index$6.TextArea;
 exports.TimeField = TimeField.TimeField;
+exports.TimePickerInput = TimePickerInput.TimePickerInput;
+exports.TimePickerSelector = TimePickerSelector.TimePickerSelector;
 exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
 exports.Tooltip = Tooltip.Tooltip;
@@ -141,6 +146,7 @@ exports.applyStringMask = useStringMask.applyStringMask;
 exports.getMask = useStringMask.getMask;
 exports.mergeMask = useStringMask.mergeMask;
 exports.useStringMask = useStringMask.useStringMask;
+exports.useTimePickerInput = useTimePickerInput.useTimePickerInput;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
 exports.MenubarProvider = MenubarProvider.MenubarProvider;
 exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;

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);