@mlw-packages/react-components 1.10.30 → 1.10.32

package/dist/index.mjs

@@ -9753,6 +9753,88 @@ 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);
+      })
+    }
+  );
+}
+
+// src/components/ui/event-calendar-view/helpers.ts
+var formatterDate = Intl.DateTimeFormat("pt-BR", {
+  minute: "numeric",
+  hour: "numeric"
+});
 function DayViewAgenda({
   currentDate,
   events,
@@ -9760,8 +9842,10 @@ function DayViewAgenda({
   showUndatedEvents,
   noTime = false,
   onEventCreate,
-  allDayCell = false
+  allDayCell = false,
+  timePlus
 }) {
+  const [expandedDay, setExpandedDay] = useState(null);
   const hours = useMemo(() => {
     const dayStart = startOfDay(currentDate);
     return eachHourOfInterval({
@@ -9922,52 +10006,17 @@ function DayViewAgenda({
         hour.toString()
       )) }),
       showAllDaySection && allDayCell ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        allDayEvents.map((event) => {
-          const eventStart = new Date(event.start);
-          const eventEnd = new Date(new Date(event.end).setHours(23, 59));
-          const isFirstDay = isSameDay(currentDate, eventStart);
-          const isLastDay = isSameDay(currentDate, eventEnd);
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute z-10 px-0.5",
-              style: { height: "100%", width: "100%", padding: "10px" },
-              children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
-                /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
-                  EventItemAgenda,
-                  {
-                    event,
-                    view: "day",
-                    isFirstDay,
-                    isLastDay,
-                    onClick: (e) => handleEventClick(event, e),
-                    noTime,
-                    className: "flex justify-start items-start  rounded-sm p-2"
-                  }
-                ) }) }),
-                /* @__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, { size: 15 }),
-                        " ",
-                        event.location
-                      ] }),
-                      event.description && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: event.description })
-                    ]
-                  }
-                )
-              ] }) })
-            },
-            `spanning-${event.id}`
-          );
-        }),
+        /* @__PURE__ */ jsx(
+          AllDayStack,
+          {
+            day: currentDate,
+            events: allDayEvents,
+            expandedDay,
+            onExpand: setExpandedDay,
+            onEventSelect: handleEventClick,
+            noTime
+          }
+        ),
         currentTimeVisible && /* @__PURE__ */ jsx(
           "div",
           {
@@ -10103,6 +10152,11 @@ function DayViewAgenda({
                       const startTime = new Date(currentDate);
                       startTime.setHours(hourValue);
                       startTime.setMinutes(quarter * 15);
+                      if (timePlus) {
+                        const eventsOnHour = positionedEvents.filter((evt) => formatterDate.format(evt.event.start).split(":")[0] == formatterDate.format(startTime).split(":")[0]).findLast((evt) => parseInt(formatterDate.format(evt.event.start).split(":")[1]) <= parseInt(formatterDate.format(startTime).split(":")[1]));
+                        if (eventsOnHour)
+                          startTime.setMinutes((eventsOnHour?.event?.end?.getMinutes() ?? 0) + timePlus);
+                      }
                       if (onEventCreate) onEventCreate(startTime);
                     },
                     time: quarterHourTime
@@ -10369,7 +10423,8 @@ function EventAgenda({
   onlyAgenda,
   onlyYear,
   allowCellClick = true,
-  allDayCell = false
+  allDayCell = false,
+  timePlus
 }) {
   const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = useState(
@@ -10551,6 +10606,7 @@ function EventAgenda({
                 onEventSelect: handleEventSelect,
                 noTime,
                 allDayCell,
+                timePlus,
                 onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
                   start: d,
                   end: d,
@@ -10567,6 +10623,7 @@ function EventAgenda({
                 onEventSelect: handleEventSelect,
                 noTime,
                 allDayCell,
+                timePlus,
                 onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
                   start: d,
                   end: d,
@@ -11276,8 +11333,10 @@ function WeekViewAgenda({
   allDayCell = false,
   onEventCreate,
   showUndatedEvents,
-  noTime = false
+  noTime = false,
+  timePlus
 }) {
+  const [expandedDay, setExpandedDay] = useState(null);
   const days = useMemo(() => {
     const weekStart = startOfWeek(currentDate, { weekStartsOn: 0 });
     const weekEnd = endOfWeek(currentDate, { weekStartsOn: 0 });
@@ -11324,11 +11383,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;
@@ -11451,76 +11505,31 @@ function WeekViewAgenda({
       showAllDaySection && /* @__PURE__ */ jsxs("div", { className: "border-border/70 border-b bg-muted/50", 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",
@@ -11637,60 +11646,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(Fragment, { children: trueAllDayEvents.filter(
-                (event) => event.start?.toLocaleDateString() == new Date(day).toLocaleDateString()
-              )?.map((event) => {
-                const eventStart = new Date(event.start);
-                const eventEnd = new Date(
-                  new Date(event.end).setHours(23, 59)
-                );
-                const isFirstDay = isSameDay(currentDate, eventStart);
-                const isLastDay = isSameDay(currentDate, eventEnd);
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "absolute z-10 px-0.5",
-                    style: {
-                      height: "100%",
-                      width: "100%",
-                      padding: "10px"
-                    },
-                    children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
-                      /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
-                        EventItemAgenda,
-                        {
-                          event,
-                          view: "day",
-                          isFirstDay,
-                          isLastDay,
-                          onClick: (e) => handleEventClick(event, e),
-                          noTime,
-                          className: "flex justify-start items-start rounded-sm py-1"
-                        }
-                      ) }) }),
-                      /* @__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 })
-                          ]
-                        }
-                      )
-                    ] }) })
-                  },
-                  `spanning-${event.id}`
-                );
-              }) }),
+              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: [
@@ -11776,6 +11744,11 @@ function WeekViewAgenda({
                             const startTime = new Date(day);
                             startTime.setHours(hourValue);
                             startTime.setMinutes(quarter * 15);
+                            if (timePlus) {
+                              const eventsOnHour = processedDayEvents[dayIndex].filter((evt) => formatterDate.format(evt.event.start).split(":")[0] == formatterDate.format(startTime).split(":")[0]).findLast((evt) => parseInt(formatterDate.format(evt.event.start).split(":")[1]) <= parseInt(formatterDate.format(startTime).split(":")[1]));
+                              if (eventsOnHour)
+                                startTime.setMinutes((eventsOnHour?.event?.end?.getMinutes() ?? 0) + timePlus);
+                            }
                             if (onEventCreate) onEventCreate(startTime);
                           },
                           time: quarterHourTime
@@ -21052,6 +21025,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",
@@ -22706,23 +22775,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;
         }
@@ -22741,12 +22815,12 @@ function useCommandPalette({
       multiSelect,
       selectedItems,
       selectedItemIds,
+      toggleSelection,
       onSelectMultiple,
       onOpenChange,
       onRecentItemsChange,
       recentItems,
-      maxRecentItems,
-      toggleSelection
+      maxRecentItems
     ]
   );
   useEffect(() => {
@@ -22835,6 +22909,7 @@ function useCommandPalette({
     totalItems,
     totalPages,
     handleSelect,
+    handleCheckboxToggle,
     selectedItemIds,
     toggleSelection,
     selectedItems,
@@ -23249,4 +23324,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.30",
+  "version": "1.10.32",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",