@mlw-packages/react-components 1.10.29 → 1.10.31

package/dist/index.mjs

@@ -9753,14 +9753,92 @@ function DroppableCellAgenda({
     }
   );
 }
+var PEEK_HEIGHT = 22;
+var PADDING = 6;
+function AllDayStack({
+  day,
+  events,
+  expandedDay,
+  onExpand,
+  onEventSelect,
+  noTime
+}) {
+  const isExpanded = expandedDay ? isSameDay(expandedDay, day) : false;
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!isExpanded) return;
+    const handler = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        onExpand(null);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [isExpanded, onExpand]);
+  if (events.length === 0) return null;
+  const single = events.length === 1;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "absolute inset-0",
+      ref: containerRef,
+      style: { zIndex: isExpanded ? 50 : 10 },
+      children: events.map((event, i) => {
+        const top = PADDING + i * PEEK_HEIGHT;
+        const bottom = PADDING;
+        const zIndex = i + 1;
+        return /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+          /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute left-1.5 right-1.5 cursor-pointer",
+              style: { top, bottom, zIndex },
+              onClick: (e) => {
+                e.stopPropagation();
+                if (isExpanded || single) {
+                  onEventSelect(event, e);
+                } else {
+                  onExpand(day);
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                EventItemAgenda,
+                {
+                  event,
+                  isFirstDay: true,
+                  isLastDay: true,
+                  view: "day",
+                  noTime,
+                  className: "flex justify-start items-start rounded-sm py-1 h-full w-full pointer-events-none"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", sideOffset: 6, className: "max-w-[220px] space-y-0.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-snug", children: event.title }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: formatDurationAgenda(event) }),
+            event.location && /* @__PURE__ */ jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(MapPinIcon$1, { size: 15 }),
+              " ",
+              event.location
+            ] }),
+            event.description && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: event.description })
+          ] })
+        ] }) }, event.id);
+      })
+    }
+  );
+}
 function DayViewAgenda({
   currentDate,
   events,
   onEventSelect,
   showUndatedEvents,
   noTime = false,
-  onEventCreate
+  onEventCreate,
+  allDayCell = false
 }) {
+  const [expandedDay, setExpandedDay] = useState(null);
   const hours = useMemo(() => {
     const dayStart = startOfDay(currentDate);
     return eachHourOfInterval({
@@ -9873,7 +9951,7 @@ function DayViewAgenda({
   const showAllDaySection = allDayEvents.length > 0;
   const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "day");
   return /* @__PURE__ */ jsxs("div", { className: "contents", "data-slot": "day-view", children: [
-    showAllDaySection && /* @__PURE__ */ jsx("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
+    showAllDaySection && !allDayCell && /* @__PURE__ */ jsx("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
       /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo Dia" }) }),
       /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
         const eventStart = getEventStartDate(event);
@@ -9920,7 +9998,65 @@ function DayViewAgenda({
         },
         hour.toString()
       )) }),
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      showAllDaySection && allDayCell ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          AllDayStack,
+          {
+            day: currentDate,
+            events: allDayEvents,
+            expandedDay,
+            onExpand: setExpandedDay,
+            onEventSelect: handleEventClick,
+            noTime
+          }
+        ),
+        currentTimeVisible && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute right-0 left-0 z-20",
+            style: { top: `${currentTimePosition}%` },
+            children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
+              /* @__PURE__ */ jsx("div", { className: "h-[2px] w-full bg-primary" })
+            ] })
+          }
+        ),
+        hours.map((hour) => {
+          const hourValue = getHours(hour);
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
+              children: [0, 1, 2, 3].map((quarter) => {
+                const quarterHourTime = hourValue + quarter * 0.25;
+                return /* @__PURE__ */ jsx(
+                  DroppableCellAgenda,
+                  {
+                    className: cn(
+                      "absolute h-[calc(var(--week-cells-height)/4)] w-full",
+                      quarter === 0 && "top-0",
+                      quarter === 1 && "top-[calc(var(--week-cells-height)/4)]",
+                      quarter === 2 && "top-[calc(var(--week-cells-height)/4*2)]",
+                      quarter === 3 && "top-[calc(var(--week-cells-height)/4*3)]"
+                    ),
+                    date: currentDate,
+                    id: `day-cell-${currentDate.toISOString()}-${quarterHourTime}`,
+                    onClick: () => {
+                      const startTime = new Date(currentDate);
+                      startTime.setHours(hourValue);
+                      startTime.setMinutes(quarter * 15);
+                      if (onEventCreate) onEventCreate(startTime);
+                    },
+                    time: quarterHourTime
+                  },
+                  `${hour.toString()}-${quarter}`
+                );
+              })
+            },
+            hour.toString()
+          );
+        })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         positionedEvents.map((positionedEvent) => {
           const evt = positionedEvent.event;
           const eventStart = new Date(evt.start ?? evt.end ?? Date.now());
@@ -10274,7 +10410,8 @@ function EventAgenda({
   onlyWeek,
   onlyAgenda,
   onlyYear,
-  allowCellClick = true
+  allowCellClick = true,
+  allDayCell = false
 }) {
   const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = useState(
@@ -10394,9 +10531,10 @@ function EventAgenda({
       },
       children: [
         /* @__PURE__ */ jsxs(CalendarDndProviderAgenda, { onEventUpdate: handleEventUpdate, children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-2 sm:p-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 sm:gap-4 min-w-0", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center sm:gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-2 py-3 sm:flex-row sm:items-center sm:justify-between sm:px-4 sm:py-4", children: [
+            /* @__PURE__ */ jsx("h2", { className: "font-semibold text-base sm:text-lg md:text-xl lg:text-2xl truncate", children: viewTitle }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between sm:justify-end gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx(
                   ButtonBase,
                   {
@@ -10418,21 +10556,18 @@ function EventAgenda({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx("h2", { className: "font-semibold text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl min-w-0 truncate sm:whitespace-normal", children: viewTitle })
-            ] }),
-            !lockedView && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
-              Select,
-              {
-                selected: activeView,
-                onChange: (v) => {
-                  setView(v);
-                },
-                items: selectItems,
-                placeholder: viewLabel(activeView),
-                className: "min-w-24",
-                hideClear: true
-              }
-            ) })
+              !lockedView && /* @__PURE__ */ jsx(
+                Select,
+                {
+                  selected: activeView,
+                  onChange: (v) => setView(v),
+                  items: selectItems,
+                  placeholder: viewLabel(activeView),
+                  className: "min-w-24",
+                  hideClear: true
+                }
+              )
+            ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col transition-all duration-200 ease-in-out", children: [
             activeView === "month" && /* @__PURE__ */ jsx(
@@ -10457,6 +10592,7 @@ function EventAgenda({
                 events,
                 onEventSelect: handleEventSelect,
                 noTime,
+                allDayCell,
                 onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
                   start: d,
                   end: d,
@@ -10472,6 +10608,7 @@ function EventAgenda({
                 events,
                 onEventSelect: handleEventSelect,
                 noTime,
+                allDayCell,
                 onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
                   start: d,
                   end: d,
@@ -11178,10 +11315,12 @@ function WeekViewAgenda({
   currentDate,
   events,
   onEventSelect,
+  allDayCell = false,
   onEventCreate,
   showUndatedEvents,
   noTime = false
 }) {
+  const [expandedDay, setExpandedDay] = useState(null);
   const days = useMemo(() => {
     const weekStart = startOfWeek(currentDate, { weekStartsOn: 0 });
     const weekEnd = endOfWeek(currentDate, { weekStartsOn: 0 });
@@ -11228,11 +11367,6 @@ function WeekViewAgenda({
     [allDayEvents]
   );
   const rowH = EventHeightAgenda + EventGapAgenda;
-  const allDayBarData = useMemo(() => {
-    const bars = computeMultiDayBars(trueAllDayEvents, days);
-    const maxSlot = bars.length > 0 ? Math.max(...bars.map((b) => b.slot)) : 0;
-    return { bars, sectionH: (maxSlot + 1) * rowH + EventGapAgenda * 2 };
-  }, [trueAllDayEvents, days, rowH]);
   const multiDayBarData = useMemo(() => {
     const bars = computeMultiDayBars(multiDayTimedEvents, days);
     const maxSlot = bars.length > 0 ? Math.max(...bars.map((b) => b.slot)) : 0;
@@ -11353,78 +11487,33 @@ function WeekViewAgenda({
         ))
       ] }),
       showAllDaySection && /* @__PURE__ */ jsxs("div", { className: "border-border/70 border-b bg-muted/50", children: [
-        trueAllDayEvents.length > 0 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8", children: [
+        trueAllDayEvents.length > 0 && !allDayCell && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8", children: [
           /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo dia" }) }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "col-span-7 relative",
-              style: { height: allDayBarData.sectionH },
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "absolute inset-0 grid grid-cols-7 pointer-events-none", children: days.map((day) => /* @__PURE__ */ jsx(
-                  "div",
+          days.map((day) => {
+            const dayEvents = trueAllDayEvents.filter((event) => {
+              const start = getEventStartDate(event);
+              return start ? isSameDay(day, start) : false;
+            });
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "relative border-r last:border-r-0 border-border/70 overflow-visible py-0.5",
+                "data-today": isToday(day) || void 0,
+                children: /* @__PURE__ */ jsx(
+                  AllDayStack,
                   {
-                    className: "border-r last:border-r-0 border-border/70",
-                    "data-today": isToday(day) || void 0
-                  },
-                  day.toString()
-                )) }),
-                allDayBarData.bars.map((bar) => {
-                  const {
-                    event,
-                    colStart,
-                    colSpan,
-                    isFirstDay,
-                    isLastDay,
-                    slot
-                  } = bar;
-                  const showTitle = isFirstDay || !isFirstDay && colStart === 0;
-                  return /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
-                    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: "absolute px-0.5",
-                        style: {
-                          left: `calc(${colStart / 7 * 100}% + 2px)`,
-                          width: `calc(${colSpan / 7 * 100}% - 4px)`,
-                          top: EventGapAgenda + slot * rowH,
-                          height: EventHeightAgenda
-                        },
-                        children: /* @__PURE__ */ jsx(
-                          EventItemAgenda,
-                          {
-                            event,
-                            isFirstDay,
-                            isLastDay,
-                            onClick: (e) => {
-                              e.stopPropagation();
-                              handleEventClick(event, e);
-                            },
-                            view: "month",
-                            className: "h-full",
-                            children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
-                              !isFirstDay && colStart === 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretLeftIcon$1, {}) }),
-                              showTitle && /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
-                              !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretRightIcon$1, {}) })
-                            ] })
-                          }
-                        )
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
-                      /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
-                      /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
-                      event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
-                        /* @__PURE__ */ jsx(MapPinIcon$1, { size: 14 }),
-                        " ",
-                        event.location
-                      ] })
-                    ] })
-                  ] }) }, event.id);
-                })
-              ]
-            }
-          )
+                    day,
+                    events: dayEvents,
+                    expandedDay,
+                    onExpand: setExpandedDay,
+                    onEventSelect: handleEventClick,
+                    noTime
+                  }
+                )
+              },
+              day.toString()
+            );
+          })
         ] }),
         multiDayTimedEvents.length > 0 && /* @__PURE__ */ jsxs(
           "div",
@@ -11541,6 +11630,19 @@ function WeekViewAgenda({
             className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
             "data-today": isToday(day) || void 0,
             children: [
+              trueAllDayEvents.length > 0 && allDayCell && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-visible", children: /* @__PURE__ */ jsx(
+                AllDayStack,
+                {
+                  day,
+                  events: trueAllDayEvents.filter(
+                    (event) => event.start?.toLocaleDateString() === new Date(day).toLocaleDateString()
+                  ),
+                  expandedDay,
+                  onExpand: setExpandedDay,
+                  onEventSelect: handleEventClick,
+                  noTime
+                }
+              ) }),
               (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => {
                 const timeLabel = formatDurationAgenda(positionedEvent.event);
                 return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { delayDuration: 250, children: [
@@ -20902,6 +21004,102 @@ var TagInput = React32.forwardRef(
   }
 );
 TagInput.displayName = "TagInput";
+function MaskedInput({
+  value,
+  onChange,
+  mask,
+  label,
+  className,
+  error,
+  isLoading,
+  disabled,
+  hideConfirm = false
+}) {
+  const [internalValue, setInternalValue] = useState(value);
+  useEffect(() => {
+    setInternalValue(applyMask(value, mask));
+  }, [value, mask]);
+  const hasChanged = internalValue !== applyMask(value, mask);
+  const handleSave = () => {
+    if (!hasChanged || isLoading || disabled) return;
+    onChange(internalValue.replace(/\D/g, ""));
+  };
+  function applyMask(value2, type) {
+    let valueMasked = value2.replace(/\D/g, "");
+    switch (type) {
+      case "cpf":
+        valueMasked = valueMasked.replace(/(\d{3})(\d)/, "$1.$2");
+        valueMasked = valueMasked.replace(/(\d{3})(\d)/, "$1.$2");
+        valueMasked = valueMasked.replace(/(\d{3})(\d{1,2})$/, "$1-$2");
+        return valueMasked.substring(0, 14);
+      case "cnpj":
+        valueMasked = valueMasked.replace(/^(\d{2})(\d)/, "$1.$2");
+        valueMasked = valueMasked.replace(/^(\d{2})\.(\d{3})(\d)/, "$1.$2.$3");
+        valueMasked = valueMasked.replace(/\.(\d{3})(\d)/, ".$1/$2");
+        valueMasked = valueMasked.replace(/(\d{4})(\d)/, "$1-$2");
+        return valueMasked.substring(0, 18);
+      case "cep":
+        valueMasked = valueMasked.replace(/(\d{5})(\d)/, "$1-$2");
+        return valueMasked.substring(0, 9);
+      case "phone":
+        valueMasked = valueMasked.replace(/^(\d{2})(\d)/g, "($1) $2");
+        valueMasked = valueMasked.replace(/(\d)(\d{4})$/, "$1-$2");
+        return valueMasked.substring(0, 15);
+      case "rg":
+        valueMasked = valueMasked.replace(/(\d{2})(\d)/, "$1.$2");
+        valueMasked = valueMasked.replace(/(\d{3})(\d)/, "$1.$2");
+        valueMasked = valueMasked.replace(/(\d{3})(\d{1})$/, "$1-$2");
+        return valueMasked.substring(0, 12);
+      default:
+        return valueMasked;
+    }
+  }
+  function blurOnEnter(e) {
+    if (e.key === "Enter") {
+      e.currentTarget.blur();
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `${className} flex flex-col`, children: [
+    label && /* @__PURE__ */ jsx(LabelBase_default, { children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx(
+        InputBase,
+        {
+          value: internalValue,
+          onChange: (e) => {
+            const masked = applyMask(e.currentTarget.value, mask);
+            setInternalValue(masked);
+          },
+          onBlur: handleSave,
+          onKeyDown: blurOnEnter,
+          rightIcon: /* @__PURE__ */ jsx(PencilSimpleIcon, { size: 12, className: "mr-2" }),
+          error,
+          disabled,
+          inputMode: "numeric"
+        }
+      ),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: hasChanged && !hideConfirm && /* @__PURE__ */ jsx(
+        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__ */ jsx(
+            ButtonBase,
+            {
+              onClick: handleSave,
+              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__ */ jsx(CheckIcon, { size: 14 })
+            }
+          )
+        }
+      ) })
+    ] })
+  ] });
+}
 function Leaderboard({
   items,
   order: initialOrder = "desc",
@@ -22556,23 +22754,28 @@ function useCommandPalette({
   useEffect(() => {
     stateRef.current = { activeIndex, page, flatItems, query, selectedItems };
   }, [activeIndex, page, flatItems, query, selectedItems]);
-  const executeBulkAction = useCallback(() => {
+  const executeBulkAction = React32.useCallback(() => {
     if (!onSelectMultiple || selectedItems.length === 0) return;
     onSelectMultiple(selectedItems);
     onOpenChange?.(false);
   }, [onSelectMultiple, selectedItems, onOpenChange]);
-  const handleSelect = useCallback(
+  const handleCheckboxToggle = React32.useCallback(
+    (item) => {
+      toggleSelection(item.id);
+    },
+    [toggleSelection]
+  );
+  const handleSelect = React32.useCallback(
     (item, event) => {
       if (!item) return;
       if (multiSelect) {
-        const isCmdKey = event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey);
-        if (isCmdKey) {
+        if (event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey)) {
           toggleSelection(item.id);
           return;
         }
         if (selectedItems.length > 0) {
-          const finalItems = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
-          onSelectMultiple?.(finalItems);
+          const itemsToSubmit = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
+          onSelectMultiple?.(itemsToSubmit);
           onOpenChange?.(false);
           return;
         }
@@ -22591,12 +22794,12 @@ function useCommandPalette({
       multiSelect,
       selectedItems,
       selectedItemIds,
+      toggleSelection,
       onSelectMultiple,
       onOpenChange,
       onRecentItemsChange,
       recentItems,
-      maxRecentItems,
-      toggleSelection
+      maxRecentItems
     ]
   );
   useEffect(() => {
@@ -22685,6 +22888,7 @@ function useCommandPalette({
     totalItems,
     totalPages,
     handleSelect,
+    handleCheckboxToggle,
     selectedItemIds,
     toggleSelection,
     selectedItems,
@@ -23099,4 +23303,4 @@ function CommandPalette(props) {
   ] }) });
 }
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, 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, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CircularProgress, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandItemRow, CommandListBase, CommandPalette, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, 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, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileAccept, FileUploader, FilterButton, GroupLabel, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, IntegrationModal_default as IntegrationModal, Kbd, KbdGroup, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PieChart_default as PieChartComponent, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, 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, YearViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createGroup, createItem, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, filterAndScore, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, 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, normaliseGroups, normalizeAttendDate, normalizeStr, processIntegrationData, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, scoreMatch, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, startOfLocalDay, toast, unionGroups, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCommandPalette, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useIsTruncated, useOpenTooltipForPeriod, useProcessedData, useRecents, useSeriesOpacity, 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, 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, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CircularProgress, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandItemRow, CommandListBase, CommandPalette, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, 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, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileAccept, FileUploader, FilterButton, GroupLabel, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, IntegrationModal_default as IntegrationModal, Kbd, KbdGroup, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, MaskedInput, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PieChart_default as PieChartComponent, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, 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, YearViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createGroup, createItem, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, filterAndScore, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, 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, normaliseGroups, normalizeAttendDate, normalizeStr, processIntegrationData, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, scoreMatch, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, startOfLocalDay, toast, unionGroups, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCommandPalette, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useIsTruncated, useOpenTooltipForPeriod, useProcessedData, useRecents, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };

package/package.json

@@ -5,7 +5,7 @@
     "access": "public",
     "type": "module"
   },
-  "version": "1.10.29",
+  "version": "1.10.31",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",