@mlw-packages/react-components 1.8.10 → 1.8.12

package/dist/index.js

@@ -1857,6 +1857,7 @@ var InputBase = React33__namespace.forwardRef(
     leftIcon,
     rightIcon,
     "data-testid": dataTestId,
+    numericKeyboard,
     error,
     ...props
   }, ref) => {
@@ -1876,6 +1877,8 @@ var InputBase = React33__namespace.forwardRef(
               "input",
               {
                 type,
+                inputMode: numericKeyboard ? "numeric" : void 0,
+                pattern: numericKeyboard ? "[0-9]*" : void 0,
                 className: cn(
                   "w-full flex-1 text-sm p-1.5  px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
                   className
@@ -7481,16 +7484,176 @@ function CalendarBase2({
   );
 }
 CalendarBase2.displayName = "CalendarBase";
+
+// src/components/ui/picker/utils/time-picker-utils.ts
+function isValidHour(value) {
+  return /^(0[0-9]|1[0-9]|2[0-3])$/.test(value);
+}
+function isValid12Hour(value) {
+  return /^(0[1-9]|1[0-2])$/.test(value);
+}
+function isValidMinuteOrSecond(value) {
+  return /^[0-5][0-9]$/.test(value);
+}
+function getValidNumber(value, { max, min = 0, loop = false }) {
+  let numericValue = parseInt(value, 10);
+  if (!isNaN(numericValue)) {
+    if (!loop) {
+      if (numericValue > max) numericValue = max;
+      if (numericValue < min) numericValue = min;
+    } else {
+      if (numericValue > max) numericValue = min;
+      if (numericValue < min) numericValue = max;
+    }
+    return numericValue.toString().padStart(2, "0");
+  }
+  return "00";
+}
+function getValidHour(value) {
+  if (isValidHour(value)) return value;
+  return getValidNumber(value, { max: 23 });
+}
+function getValid12Hour(value) {
+  if (isValid12Hour(value)) return value;
+  return getValidNumber(value, { min: 1, max: 12 });
+}
+function getValidMinuteOrSecond(value) {
+  if (isValidMinuteOrSecond(value)) return value;
+  return getValidNumber(value, { max: 59 });
+}
+function getValidArrowNumber(value, { min, max, step }) {
+  let numericValue = parseInt(value, 10);
+  if (!isNaN(numericValue)) {
+    numericValue += step;
+    return getValidNumber(String(numericValue), { min, max, loop: true });
+  }
+  return "00";
+}
+function getValidArrowHour(value, step) {
+  return getValidArrowNumber(value, { min: 0, max: 23, step });
+}
+function getValidArrow12Hour(value, step) {
+  return getValidArrowNumber(value, { min: 1, max: 12, step });
+}
+function getValidArrowMinuteOrSecond(value, step) {
+  return getValidArrowNumber(value, { min: 0, max: 59, step });
+}
+function setMinutes(date, value) {
+  const minutes = getValidMinuteOrSecond(value);
+  date.setMinutes(parseInt(minutes, 10));
+  return date;
+}
+function setSeconds(date, value) {
+  const seconds = getValidMinuteOrSecond(value);
+  date.setSeconds(parseInt(seconds, 10));
+  return date;
+}
+function setHours(date, value) {
+  const hours = getValidHour(value);
+  date.setHours(parseInt(hours, 10));
+  return date;
+}
+function set12Hours(date, value, period) {
+  const hours = parseInt(getValid12Hour(value), 10);
+  const convertedHours = convert12HourTo24Hour(hours, period);
+  date.setHours(convertedHours);
+  return date;
+}
+function setDateByType(date, value, type, period) {
+  switch (type) {
+    case "minutes":
+      return setMinutes(date, value);
+    case "seconds":
+      return setSeconds(date, value);
+    case "hours":
+      return setHours(date, value);
+    case "12hours": {
+      if (!period) return date;
+      return set12Hours(date, value, period);
+    }
+    default:
+      return date;
+  }
+}
+function getDateByType(date, type) {
+  switch (type) {
+    case "minutes":
+      return getValidMinuteOrSecond(String(date.getMinutes()));
+    case "seconds":
+      return getValidMinuteOrSecond(String(date.getSeconds()));
+    case "hours":
+      return getValidHour(String(date.getHours()));
+    case "12hours":
+      const hours = display12HourValue(date.getHours());
+      return getValid12Hour(String(hours));
+    default:
+      return "00";
+  }
+}
+function getArrowByType(value, step, type) {
+  switch (type) {
+    case "minutes":
+      return getValidArrowMinuteOrSecond(value, step);
+    case "seconds":
+      return getValidArrowMinuteOrSecond(value, step);
+    case "hours":
+      return getValidArrowHour(value, step);
+    case "12hours":
+      return getValidArrow12Hour(value, step);
+    default:
+      return "00";
+  }
+}
+function convert12HourTo24Hour(hour, period) {
+  if (period === "PM") {
+    if (hour <= 11) {
+      return hour + 12;
+    } else {
+      return hour;
+    }
+  } else if (period === "AM") {
+    if (hour === 12) return 0;
+    return hour;
+  }
+  return hour;
+}
+function display12HourValue(hours) {
+  if (hours === 0 || hours === 12) return "12";
+  if (hours >= 22) return `${hours - 12}`;
+  if (hours % 12 > 9) return `${hours}`;
+  return `0${hours % 12}`;
+}
+
+// src/components/ui/picker/utils/pickerUtils.ts
+function visualForItem(item, value) {
+  const distance = Math.abs(item - value);
+  const capped = Math.min(distance, 4);
+  const scale = 1 - capped * 0.08;
+  const opacity = 1 - capped * 0.18;
+  const translateY = item === value ? -2 : 0;
+  return { scale, opacity, translateY, distance };
+}
 var ITEM_HEIGHT = 38.5;
 var VISIBLE_ITEMS = 5;
 var CENTER_INDEX = Math.floor(VISIBLE_ITEMS / 2);
-function ScrollColumn({ value, onChange, max, label }) {
+function getItems(max, step = 1) {
+  return Array.from({ length: Math.ceil(max / step) }, (_, i) => i * step);
+}
+
+// src/components/ui/picker/hooks/useScrollColumn.tsx
+function useScrollColumn({
+  value,
+  onChange,
+  max,
+  step = 1
+}) {
   const containerRef = React33.useRef(null);
-  const items = Array.from({ length: max }, (_, i) => i);
+  const items = getItems(max, step);
   const [isDragging, setIsDragging] = React33.useState(false);
   const [startY, setStartY] = React33.useState(0);
   const [scrollTop, setScrollTop] = React33.useState(0);
   const scrollTimeoutRef = React33.useRef(null);
+  const isTouchRef = React33.useRef(false);
   const itemHeight = ITEM_HEIGHT;
   const centerIndex = CENTER_INDEX;
   const visibleItems = VISIBLE_ITEMS;
@@ -7499,17 +7662,17 @@ function ScrollColumn({ value, onChange, max, label }) {
     if (containerRef.current && !isDragging) {
       requestAnimationFrame(() => {
         if (containerRef.current) {
-          const scrollPosition = value * itemHeight;
+          const index = Math.round(value / step);
+          const clampedIndex = Math.max(0, Math.min(items.length - 1, index));
+          const scrollPosition = clampedIndex * itemHeight;
           containerRef.current.scrollTop = scrollPosition;
         }
       });
     }
-  }, [value, isDragging, itemHeight]);
+  }, [value, isDragging, itemHeight, step, items.length]);
   React33.useEffect(() => {
     return () => {
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
+      if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     };
   }, []);
   const handleScroll = (e) => {
@@ -7519,9 +7682,10 @@ function ScrollColumn({ value, onChange, max, label }) {
     if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     scrollTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current) return;
-      const newValue = Math.round(containerRef.current.scrollTop / itemHeight);
-      if (newValue >= 0 && newValue < max) {
-        containerRef.current.scrollTop = newValue * itemHeight;
+      const newIndex = Math.round(containerRef.current.scrollTop / itemHeight);
+      const newValue = items[newIndex];
+      if (newValue !== void 0) {
+        containerRef.current.scrollTop = newIndex * itemHeight;
         if (newValue !== value) onChange(newValue);
       }
     }, 100);
@@ -7534,50 +7698,86 @@ function ScrollColumn({ value, onChange, max, label }) {
   };
   const handleMove = (pageY) => {
     if (!isDragging || !containerRef.current) return;
-    containerRef.current.scrollTop = scrollTop + (startY - pageY) * 2;
+    const multiplier = isTouchRef.current ? 0.6 : 1;
+    containerRef.current.scrollTop = scrollTop + (startY - pageY) * multiplier;
   };
   const handleEnd = () => {
     if (!containerRef.current) return;
     setIsDragging(false);
     requestAnimationFrame(() => {
       if (!containerRef.current) return;
-      const newValue = Math.round(containerRef.current.scrollTop / itemHeight);
-      if (newValue >= 0 && newValue < max) {
-        containerRef.current.scrollTop = newValue * itemHeight;
+      const newIndex = Math.round(containerRef.current.scrollTop / itemHeight);
+      const newValue = items[newIndex];
+      if (newValue !== void 0) {
+        containerRef.current.scrollTop = newIndex * itemHeight;
         onChange(newValue);
       }
     });
   };
-  const handleMouseDown = (e) => {
-    handleStart(e.pageY);
-  };
-  const handleMouseMove = (e) => {
-    if (isDragging) {
-      e.preventDefault();
-      handleMove(e.pageY);
-    }
-  };
-  const handleMouseUp = () => {
-    handleEnd();
-  };
-  const handleMouseLeave = () => {
-    if (isDragging) handleEnd();
-  };
-  const handleTouchStart = (e) => {
-    handleStart(e.touches[0].pageY);
-  };
-  const handleTouchMove = (e) => {
-    if (isDragging) {
-      if (e.cancelable) e.preventDefault();
-      handleMove(e.touches[0].pageY);
+  const handlers = {
+    onScroll: handleScroll,
+    onWheel: (e) => e.stopPropagation(),
+    onMouseDown: (e) => {
+      isTouchRef.current = false;
+      handleStart(e.pageY);
+    },
+    onMouseMove: (e) => {
+      if (isDragging) {
+        e.preventDefault();
+        handleMove(e.pageY);
+      }
+    },
+    onMouseUp: () => handleEnd(),
+    onMouseLeave: () => {
+      if (isDragging) handleEnd();
+    },
+    onTouchStart: (e) => {
+      isTouchRef.current = true;
+      handleStart(e.touches[0].pageY);
+    },
+    onTouchMove: (e) => {
+      if (isDragging) {
+        if (e.cancelable) e.preventDefault();
+        handleMove(e.touches[0].pageY);
+      }
+    },
+    onTouchEnd: () => {
+      isTouchRef.current = false;
+      handleEnd();
     }
   };
-  const handleTouchEnd = () => {
-    handleEnd();
+  const scrollToIndex = (index) => {
+    if (!containerRef.current) return;
+    const clamped = Math.max(0, Math.min(items.length - 1, index));
+    containerRef.current.scrollTop = clamped * itemHeight;
   };
-  const handleWheel = (e) => {
-    e.stopPropagation();
+  return {
+    items,
+    containerRef,
+    isDragging,
+    itemHeight,
+    containerHeight,
+    centerIndex,
+    handlers,
+    scrollToIndex
   };
+}
+function ScrollColumn({
+  value,
+  onChange,
+  max,
+  label,
+  step = 1
+}) {
+  const {
+    items,
+    containerRef,
+    isDragging,
+    itemHeight,
+    containerHeight,
+    centerIndex,
+    handlers
+  } = useScrollColumn({ value, onChange, max, step });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground rounded-md font-semibold text-sm sm:text-sm text-center pb-2 uppercase tracking-wider", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative w-20 sm:w-16"), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -7585,22 +7785,22 @@ function ScrollColumn({ value, onChange, max, label }) {
       {
         ref: containerRef,
         className: "overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] touch-action-pan-y",
-        onScroll: handleScroll,
-        onWheel: handleWheel,
-        onMouseDown: handleMouseDown,
-        onMouseMove: handleMouseMove,
-        onMouseUp: handleMouseUp,
-        onMouseLeave: handleMouseLeave,
-        onTouchStart: handleTouchStart,
-        onTouchMove: handleTouchMove,
-        onTouchEnd: handleTouchEnd,
+        onScroll: handlers.onScroll,
+        onWheel: handlers.onWheel,
+        onMouseDown: handlers.onMouseDown,
+        onMouseMove: handlers.onMouseMove,
+        onMouseUp: handlers.onMouseUp,
+        onMouseLeave: handlers.onMouseLeave,
+        onTouchStart: handlers.onTouchStart,
+        onTouchMove: handlers.onTouchMove,
+        onTouchEnd: handlers.onTouchEnd,
         style: {
           height: `${containerHeight}px`,
           paddingTop: `${centerIndex * itemHeight}px`,
           paddingBottom: `${centerIndex * itemHeight}px`,
           cursor: isDragging ? "grabbing" : ""
         },
-        children: items.map((item) => {
+        children: items.map((item, idx) => {
           const isSelected = item === value;
           return /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -7611,7 +7811,11 @@ function ScrollColumn({ value, onChange, max, label }) {
                 isSelected ? "text-lg sm:text-xl text-foreground scale-110" : "text-sm sm:text-base text-muted-foreground opacity-60"
               ),
               style: { height: `${itemHeight}px` },
-              onClick: () => !isDragging && onChange(item),
+              onClick: () => {
+                if (isDragging || !containerRef.current) return;
+                containerRef.current.scrollTop = idx * itemHeight;
+                onChange(item);
+              },
               children: item.toString().padStart(2, "0")
             },
             item
@@ -7636,7 +7840,7 @@ function TimeScrollPicker({
     else newDate.setSeconds(value);
     setDate(newDate);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-2 p-3 sm:p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex gap-4 sm:gap-3"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-2 p-1.5 sm:p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex gap-2 sm:gap-3"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -7663,6 +7867,7 @@ function TimeScrollPicker({
         value: currentDate.getMinutes(),
         onChange: (v) => handleTimeChange("minutes", v),
         max: 60,
+        step: 5,
         label: "Min",
         hideSeconds
       }
@@ -7806,7 +8011,7 @@ function DateTimePicker({
     }
   );
   const renderPickerContent = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 sm:p-3 border border-border rounded-md", children: [
-    isMobile && !hideTime ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-[380px] max-h-[calc(400px)]", children: [
+    isMobile && !hideTime ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-h-0", children: [
       internalDate && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex  items-center gap-3 px-4 py-3 rounded-lg ", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-md font-semibold", children: [
         dateFns.format(internalDate, "dd 'de' MMMM 'de' yyyy", {
           locale: locale.ptBR
@@ -7840,7 +8045,7 @@ function DateTimePicker({
             className: cn("w-full rounded-none border-none")
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TabsContentBase, { value: "time", className: "mt-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-2 min-h-[330px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(TabsContentBase, { value: "time", className: "mt-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
           TimeScrollPicker,
           {
             setDate: (d) => handleTimeChange(d ?? null),
@@ -7970,7 +8175,7 @@ function DateTimePicker({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage_default, { error }),
-      /* @__PURE__ */ jsxRuntime.jsx(DialogContentBase, { className: "p-0 max-w-[min(95vw,450px)] max-h-[95vh] overflow-y-auto", children: renderPickerContent() })
+      /* @__PURE__ */ jsxRuntime.jsx(DialogContentBase, { className: "p-0 max-h-[65vh] w-[calc(100vw-24px)] sm:w-[calc(100vw-32px)] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto flex-1", children: renderPickerContent() }) })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(PopoverBase, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         PopoverTriggerBase,
@@ -8240,145 +8445,6 @@ function RangePicker({
   ] });
 }
 RangePicker.displayName = "RangePicker";
-
-// src/components/ui/picker/utils/time-picker-utils.ts
-function isValidHour(value) {
-  return /^(0[0-9]|1[0-9]|2[0-3])$/.test(value);
-}
-function isValid12Hour(value) {
-  return /^(0[1-9]|1[0-2])$/.test(value);
-}
-function isValidMinuteOrSecond(value) {
-  return /^[0-5][0-9]$/.test(value);
-}
-function getValidNumber(value, { max, min = 0, loop = false }) {
-  let numericValue = parseInt(value, 10);
-  if (!isNaN(numericValue)) {
-    if (!loop) {
-      if (numericValue > max) numericValue = max;
-      if (numericValue < min) numericValue = min;
-    } else {
-      if (numericValue > max) numericValue = min;
-      if (numericValue < min) numericValue = max;
-    }
-    return numericValue.toString().padStart(2, "0");
-  }
-  return "00";
-}
-function getValidHour(value) {
-  if (isValidHour(value)) return value;
-  return getValidNumber(value, { max: 23 });
-}
-function getValid12Hour(value) {
-  if (isValid12Hour(value)) return value;
-  return getValidNumber(value, { min: 1, max: 12 });
-}
-function getValidMinuteOrSecond(value) {
-  if (isValidMinuteOrSecond(value)) return value;
-  return getValidNumber(value, { max: 59 });
-}
-function getValidArrowNumber(value, { min, max, step }) {
-  let numericValue = parseInt(value, 10);
-  if (!isNaN(numericValue)) {
-    numericValue += step;
-    return getValidNumber(String(numericValue), { min, max, loop: true });
-  }
-  return "00";
-}
-function getValidArrowHour(value, step) {
-  return getValidArrowNumber(value, { min: 0, max: 23, step });
-}
-function getValidArrow12Hour(value, step) {
-  return getValidArrowNumber(value, { min: 1, max: 12, step });
-}
-function getValidArrowMinuteOrSecond(value, step) {
-  return getValidArrowNumber(value, { min: 0, max: 59, step });
-}
-function setMinutes(date, value) {
-  const minutes = getValidMinuteOrSecond(value);
-  date.setMinutes(parseInt(minutes, 10));
-  return date;
-}
-function setSeconds(date, value) {
-  const seconds = getValidMinuteOrSecond(value);
-  date.setSeconds(parseInt(seconds, 10));
-  return date;
-}
-function setHours(date, value) {
-  const hours = getValidHour(value);
-  date.setHours(parseInt(hours, 10));
-  return date;
-}
-function set12Hours(date, value, period) {
-  const hours = parseInt(getValid12Hour(value), 10);
-  const convertedHours = convert12HourTo24Hour(hours, period);
-  date.setHours(convertedHours);
-  return date;
-}
-function setDateByType(date, value, type, period) {
-  switch (type) {
-    case "minutes":
-      return setMinutes(date, value);
-    case "seconds":
-      return setSeconds(date, value);
-    case "hours":
-      return setHours(date, value);
-    case "12hours": {
-      if (!period) return date;
-      return set12Hours(date, value, period);
-    }
-    default:
-      return date;
-  }
-}
-function getDateByType(date, type) {
-  switch (type) {
-    case "minutes":
-      return getValidMinuteOrSecond(String(date.getMinutes()));
-    case "seconds":
-      return getValidMinuteOrSecond(String(date.getSeconds()));
-    case "hours":
-      return getValidHour(String(date.getHours()));
-    case "12hours":
-      const hours = display12HourValue(date.getHours());
-      return getValid12Hour(String(hours));
-    default:
-      return "00";
-  }
-}
-function getArrowByType(value, step, type) {
-  switch (type) {
-    case "minutes":
-      return getValidArrowMinuteOrSecond(value, step);
-    case "seconds":
-      return getValidArrowMinuteOrSecond(value, step);
-    case "hours":
-      return getValidArrowHour(value, step);
-    case "12hours":
-      return getValidArrow12Hour(value, step);
-    default:
-      return "00";
-  }
-}
-function convert12HourTo24Hour(hour, period) {
-  if (period === "PM") {
-    if (hour <= 11) {
-      return hour + 12;
-    } else {
-      return hour;
-    }
-  } else if (period === "AM") {
-    if (hour === 12) return 0;
-    return hour;
-  }
-  return hour;
-}
-function display12HourValue(hours) {
-  if (hours === 0 || hours === 12) return "12";
-  if (hours >= 22) return `${hours - 12}`;
-  if (hours % 12 > 9) return `${hours}`;
-  return `0${hours % 12}`;
-}
 var TimePickerInput = React33__namespace.default.forwardRef(
   ({
     className,
@@ -8676,16 +8742,6 @@ function TimePicker({
     }
   );
 }
-
-// src/components/ui/picker/utils/pickerUtils.ts
-function visualForItem(item, value) {
-  const distance = Math.abs(item - value);
-  const capped = Math.min(distance, 4);
-  const scale = 1 - capped * 0.08;
-  const opacity = 1 - capped * 0.18;
-  const translateY = item === value ? -2 : 0;
-  return { scale, opacity, translateY, distance };
-}
 function Agenda({
   currentDate,
   events,
@@ -18776,6 +18832,97 @@ var TimeSeries = ({
   ) });
 };
 var TimeSeries_default = TimeSeries;
+function NumericInput({
+  value,
+  onChange,
+  min,
+  max,
+  label,
+  className,
+  error,
+  isLoading,
+  disabled,
+  tooltip_on_overflow,
+  hideConfirm = false,
+  numericKeyboard
+}) {
+  const original = React33.useMemo(() => value, [value]);
+  const [internalValue, setInternalValue] = React33.useState(original);
+  const hasChanged = internalValue !== original;
+  const handleSave = () => {
+    if (!hasChanged || isLoading || disabled) return;
+    onChange(internalValue);
+  };
+  function handleNumberChange(value2, currentValue = 0, max2 = 9999999, min2 = 0) {
+    const numbersOnly = value2.replace(/\D/g, "");
+    if (numbersOnly === "") {
+      return 0;
+    }
+    const numValue = Number(numbersOnly);
+    if (numValue < min2) {
+      if (tooltip_on_overflow) {
+        sonner.toast.warning("O valor deve ser maior que " + min2.toString());
+      }
+      return min2;
+    }
+    if (numValue > max2) {
+      if (tooltip_on_overflow) {
+        sonner.toast.warning("O valor deve ser menor que " + max2.toString());
+      }
+      return currentValue;
+    }
+    return numValue;
+  }
+  function blurOnEnter(e) {
+    if (e.key === "Enter") {
+      e.currentTarget.blur();
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className} flex flex-col`, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(LabelBase_default, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InputBase,
+        {
+          value: internalValue,
+          onChange: (e) => {
+            const processedValue = handleNumberChange(
+              e.currentTarget.value,
+              internalValue,
+              max,
+              min
+            );
+            setInternalValue(processedValue);
+          },
+          onBlur: handleSave,
+          onKeyDown: blurOnEnter,
+          rightIcon: /* @__PURE__ */ jsxRuntime.jsx(react.PencilSimpleIcon, { size: 12, className: "mr-2" }),
+          error,
+          disabled,
+          numericKeyboard
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: hasChanged && !hideConfirm && /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, scale: 0.8 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.8 },
+          transition: { type: "spring", stiffness: 500, damping: 30 },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ButtonBase,
+            {
+              className: " h-9 w-9 bg-green-600 text-white hover:bg-green-700 rounded-md flex items-center justify-center",
+              size: "icon",
+              isLoading,
+              children: /* @__PURE__ */ jsxRuntime.jsx(react.CheckIcon, { size: 14 })
+            }
+          )
+        }
+      ) })
+    ] })
+  ] });
+}
 function Leaderboard({
   items,
   order: initialOrder = "desc",
@@ -18937,6 +19084,7 @@ exports.BreadcrumbSeparatorBase = BreadcrumbSeparatorBase;
 exports.Brush = Brush_default;
 exports.ButtonBase = ButtonBase;
 exports.ButtonGroupBase = ButtonGroupBase;
+exports.CENTER_INDEX = CENTER_INDEX;
 exports.CalendarBase = CalendarBase;
 exports.CalendarDndProvider = CalendarDndProvider;
 exports.CalendarDndProviderAgenda = CalendarDndProviderAgenda;
@@ -19060,6 +19208,7 @@ exports.Highlights = Highlights_default;
 exports.HoverCardBase = HoverCardBase;
 exports.HoverCardContentBase = HoverCardContentBase;
 exports.HoverCardTriggerBase = HoverCardTriggerBase;
+exports.ITEM_HEIGHT = ITEM_HEIGHT;
 exports.InputBase = InputBase;
 exports.InputOTPBase = InputOTPBase;
 exports.InputOTPGroupBase = InputOTPGroupBase;
@@ -19104,6 +19253,7 @@ exports.NavigationMenuTriggerBase = NavigationMenuTriggerBase;
 exports.NavigationMenuViewportBase = NavigationMenuViewportBase;
 exports.NoData = NoData_default;
 exports.NotificationButton = NotificationButton;
+exports.NumericInput = NumericInput;
 exports.PeriodsDropdown = PeriodsDropdown_default;
 exports.PieChart = PieChart_default;
 exports.PopoverAnchorBase = PopoverAnchorBase;
@@ -19203,6 +19353,7 @@ exports.UniversalTooltipRenderer = UniversalTooltipRenderer;
 exports.UnlockButton = UnlockButton;
 exports.UploadButton = UploadButton;
 exports.UseSideBarBase = UseSideBarBase;
+exports.VISIBLE_ITEMS = VISIBLE_ITEMS;
 exports.ViewButton = ViewButton;
 exports.VisibilityButton = VisibilityButton;
 exports.WeekCellsHeight = WeekCellsHeight;
@@ -19242,6 +19393,7 @@ exports.getEventEndDate = getEventEndDate;
 exports.getEventStartDate = getEventStartDate;
 exports.getEventsForDay = getEventsForDay;
 exports.getEventsForDayAgenda = getEventsForDayAgenda;
+exports.getItems = getItems;
 exports.getMaxDataValue = getMaxDataValue;
 exports.getMinDataValue = getMinDataValue;
 exports.getSpanningEventsForDay = getSpanningEventsForDay;