@mlw-packages/react-components 1.8.10 → 1.8.11

package/dist/index.mjs

@@ -1814,6 +1814,7 @@ var InputBase = React33.forwardRef(
     leftIcon,
     rightIcon,
     "data-testid": dataTestId,
+    numericKeyboard,
     error,
     ...props
   }, ref) => {
@@ -1833,6 +1834,8 @@ var InputBase = React33.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
@@ -7438,16 +7441,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 = useRef(null);
-  const items = Array.from({ length: max }, (_, i) => i);
+  const items = getItems(max, step);
   const [isDragging, setIsDragging] = useState(false);
   const [startY, setStartY] = useState(0);
   const [scrollTop, setScrollTop] = useState(0);
   const scrollTimeoutRef = useRef(null);
+  const isTouchRef = useRef(false);
   const itemHeight = ITEM_HEIGHT;
   const centerIndex = CENTER_INDEX;
   const visibleItems = VISIBLE_ITEMS;
@@ -7456,17 +7619,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]);
   useEffect(() => {
     return () => {
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
+      if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     };
   }, []);
   const handleScroll = (e) => {
@@ -7476,9 +7639,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);
@@ -7491,50 +7655,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__ */ jsxs("div", { className: "flex flex-col items-center", children: [
     /* @__PURE__ */ 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__ */ jsx("div", { className: cn("relative w-20 sm:w-16"), children: /* @__PURE__ */ jsx(
@@ -7542,22 +7742,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__ */ jsx(
             "div",
@@ -7568,7 +7768,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
@@ -7593,7 +7797,7 @@ function TimeScrollPicker({
     else newDate.setSeconds(value);
     setDate(newDate);
   };
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-2 p-3 sm:p-4", children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex gap-4 sm:gap-3"), children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-2 p-1.5 sm:p-4", children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex gap-2 sm:gap-3"), children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -7620,6 +7824,7 @@ function TimeScrollPicker({
         value: currentDate.getMinutes(),
         onChange: (v) => handleTimeChange("minutes", v),
         max: 60,
+        step: 5,
         label: "Min",
         hideSeconds
       }
@@ -7763,7 +7968,7 @@ function DateTimePicker({
     }
   );
   const renderPickerContent = () => /* @__PURE__ */ jsxs("div", { className: "p-2 sm:p-3 border border-border rounded-md", children: [
-    isMobile && !hideTime ? /* @__PURE__ */ jsxs("div", { className: "min-h-[380px] max-h-[calc(400px)]", children: [
+    isMobile && !hideTime ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-0", children: [
       internalDate && /* @__PURE__ */ jsx("div", { className: "flex  items-center gap-3 px-4 py-3 rounded-lg ", children: /* @__PURE__ */ jsxs("span", { className: "text-md font-semibold", children: [
         format(internalDate, "dd 'de' MMMM 'de' yyyy", {
           locale: ptBR
@@ -7797,7 +8002,7 @@ function DateTimePicker({
             className: cn("w-full rounded-none border-none")
           }
         ) }),
-        /* @__PURE__ */ jsx(TabsContentBase, { value: "time", className: "mt-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-2 min-h-[330px]", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(TabsContentBase, { value: "time", className: "mt-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-2", children: /* @__PURE__ */ jsx(
           TimeScrollPicker,
           {
             setDate: (d) => handleTimeChange(d ?? null),
@@ -7927,7 +8132,7 @@ function DateTimePicker({
         }
       ),
       /* @__PURE__ */ jsx(ErrorMessage_default, { error }),
-      /* @__PURE__ */ jsx(DialogContentBase, { className: "p-0 max-w-[min(95vw,450px)] max-h-[95vh] overflow-y-auto", children: renderPickerContent() })
+      /* @__PURE__ */ jsx(DialogContentBase, { className: "p-0 max-h-[65vh] w-[calc(100vw-24px)] sm:w-[calc(100vw-32px)] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1", children: renderPickerContent() }) })
     ] }) : /* @__PURE__ */ jsxs(PopoverBase, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(
         PopoverTriggerBase,
@@ -8197,145 +8402,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__default.forwardRef(
   ({
     className,
@@ -8633,16 +8699,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,
@@ -18861,4 +18917,4 @@ function Leaderboard({
   );
 }
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BarChart_default as BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LineChart_default as LineChart, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, PeriodsDropdown_default as PeriodsDropdown, PieChart_default as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, useTimeSeriesRange, visualForItem };
+export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BarChart_default as BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LineChart_default as LineChart, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, PeriodsDropdown_default as PeriodsDropdown, PieChart_default as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, useTimeSeriesRange, visualForItem };

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.10",
+  "version": "1.8.11",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",