@mlw-packages/react-components 1.9.7 → 1.9.8

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import './index.css';
 import * as React33 from 'react';
-import React33__default, { createContext, useMemo, useState, useRef, useEffect, useCallback, useContext, useId, useLayoutEffect } from 'react';
+import React33__default, { createContext, forwardRef, useState, useEffect, useMemo, useRef, useCallback, useContext, useId, useLayoutEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -1848,9 +1848,9 @@ var InputBase = React33.forwardRef(
         "div",
         {
           className: cn(
-            "flex items-center rounded-md transition h-9 focus-within:ring-1 focus-within:ring-ring focus-within:border-ring bg-background overflow-hidden",
+            "flex items-center rounded-md transition h-9  bg-background overflow-hidden",
             type !== "file" && "border border-input",
-            error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input focus:ring-1 focus:ring-ring"
+            error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input"
           ),
           children: [
             leftIcon && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
@@ -1934,87 +1934,130 @@ var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "co
   }
 ));
 CommandInputBase.displayName = Command.Input.displayName;
-var CommandListBase = React33.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => {
-  const listRef = React33.useRef(null);
-  React33.useEffect(() => {
-    const element = listRef.current;
-    if (!element) return;
-    const handleWheel = (e) => {
-      const target = e.currentTarget;
-      const { scrollTop, scrollHeight, clientHeight } = target;
-      const isScrollingDown = e.deltaY > 0;
-      const isScrollingUp = e.deltaY < 0;
-      const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
-      const isAtTop = scrollTop <= 1;
-      if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
-        e.stopPropagation();
-      }
-    };
-    let touchStartY = 0;
-    const handleTouchStart = (e) => {
-      touchStartY = e.touches[0].clientY;
-      e.stopPropagation();
-    };
-    const handleTouchMove = (e) => {
-      const target = e.currentTarget;
-      const { scrollTop, scrollHeight, clientHeight } = target;
-      const touchCurrentY = e.touches[0].clientY;
-      const touchDeltaY = touchStartY - touchCurrentY;
-      const isScrollingDown = touchDeltaY > 0;
-      const isScrollingUp = touchDeltaY < 0;
-      const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
-      const isAtTop = scrollTop <= 1;
-      if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
+var CommandDebouncedInputBase = React33.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: "flex items-center border-b px-3  border-border",
+    "cmdk-input-wrapper": "",
+    children: [
+      /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+      /* @__PURE__ */ jsx(
+        Command.Input,
+        {
+          ref,
+          className: cn(
+            "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          "data-testid": dataTestId,
+          ...props
+        }
+      )
+    ]
+  }
+));
+CommandDebouncedInputBase.displayName = Command.Input.displayName;
+var CommandListBase = React33.forwardRef(
+  ({ className, testid: dataTestId = "command-list", onEndReached, ...props }, ref) => {
+    const listRef = React33.useRef(null);
+    React33.useEffect(() => {
+      const element = listRef.current;
+      if (!element) return;
+      const handleWheel = (e) => {
+        const target = e.currentTarget;
+        const { scrollTop, scrollHeight, clientHeight } = target;
+        const isScrollingDown = e.deltaY > 0;
+        const isScrollingUp = e.deltaY < 0;
+        const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+        const isAtTop = scrollTop <= 1;
+        if (isScrollingDown && isAtBottom && onEndReached) {
+          onEndReached();
+        }
+        if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
+          e.stopPropagation();
+        }
+      };
+      const handleScroll = (e) => {
+        const target = e.currentTarget;
+        const { scrollTop, scrollHeight, clientHeight } = target;
+        const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+        if (isAtBottom && onEndReached) {
+          onEndReached();
+        }
+      };
+      let touchStartY = 0;
+      const handleTouchStart = (e) => {
+        touchStartY = e.touches[0].clientY;
         e.stopPropagation();
-      } else if (isScrollingDown && isAtBottom || isScrollingUp && isAtTop) {
-        e.preventDefault();
-      }
-    };
-    element.addEventListener("wheel", handleWheel, { passive: false });
-    element.addEventListener("touchstart", handleTouchStart, {
-      passive: false
-    });
-    element.addEventListener("touchmove", handleTouchMove, { passive: false });
-    return () => {
-      element.removeEventListener("wheel", handleWheel);
-      element.removeEventListener("touchmove", handleTouchMove);
-      element.removeEventListener("touchstart", handleTouchStart);
-    };
-  }, []);
-  const combinedRef = React33.useCallback(
-    (node) => {
-      listRef.current = node;
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    },
-    [ref]
-  );
-  return /* @__PURE__ */ jsx(
-    Command.List,
-    {
-      ref: combinedRef,
-      className: cn(
-        "max-h-[300px] overflow-y-auto overflow-x-hidden scroll-smooth [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50",
-        className
-      ),
-      "data-testid": dataTestId,
-      style: {
-        overscrollBehavior: "contain",
-        WebkitOverflowScrolling: "touch",
-        touchAction: "pan-y",
-        scrollbarWidth: "thin",
-        scrollbarColor: "hsl(var(--muted)) transparent",
-        overflowY: "auto",
-        willChange: "scroll-position",
-        transform: "translateZ(0)"
+      };
+      const handleTouchMove = (e) => {
+        const target = e.currentTarget;
+        const { scrollTop, scrollHeight, clientHeight } = target;
+        const touchCurrentY = e.touches[0].clientY;
+        const touchDeltaY = touchStartY - touchCurrentY;
+        const isScrollingDown = touchDeltaY > 0;
+        const isScrollingUp = touchDeltaY < 0;
+        const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+        const isAtTop = scrollTop <= 1;
+        if (isScrollingDown && isAtBottom && onEndReached) {
+          onEndReached();
+        }
+        if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
+          e.stopPropagation();
+        } else if (isScrollingDown && isAtBottom || isScrollingUp && isAtTop) {
+          e.preventDefault();
+        }
+      };
+      element.addEventListener("wheel", handleWheel, { passive: false });
+      element.addEventListener("scroll", handleScroll);
+      element.addEventListener("touchstart", handleTouchStart, {
+        passive: false
+      });
+      element.addEventListener("touchmove", handleTouchMove, {
+        passive: false
+      });
+      return () => {
+        element.removeEventListener("wheel", handleWheel);
+        element.removeEventListener("scroll", handleScroll);
+        element.removeEventListener("touchmove", handleTouchMove);
+        element.removeEventListener("touchstart", handleTouchStart);
+      };
+    }, [onEndReached]);
+    const combinedRef = React33.useCallback(
+      (node) => {
+        listRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
       },
-      ...props
-    }
-  );
-});
+      [ref]
+    );
+    return /* @__PURE__ */ jsx(
+      Command.List,
+      {
+        ref: combinedRef,
+        className: cn(
+          "max-h-[300px] overflow-y-auto overflow-x-hidden scroll-smooth [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50",
+          className
+        ),
+        "data-testid": dataTestId,
+        style: {
+          overscrollBehavior: "contain",
+          WebkitOverflowScrolling: "touch",
+          touchAction: "pan-y",
+          scrollbarWidth: "thin",
+          scrollbarColor: "hsl(var(--muted)) transparent",
+          overflowY: "auto",
+          willChange: "scroll-position",
+          transform: "translateZ(0)"
+        },
+        ...props
+      }
+    );
+  }
+);
 CommandListBase.displayName = Command.List.displayName;
 var CommandEmptyBase = React33.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Empty,
@@ -7280,58 +7323,62 @@ function StatusIndicator({
     /* @__PURE__ */ jsx("div", { className: "min-w-0", children })
   ] });
 }
-function DebouncedInput({
-  value: initialValue,
-  onChange,
-  debounce: debounce2 = 500,
-  label,
-  labelClassname,
-  leftIcon,
-  rightIcon,
-  showLoadingIndicator = false,
-  className,
-  error,
-  ...props
-}) {
-  const [value, setValue] = useState(initialValue);
-  const [isDebouncing, setIsDebouncing] = useState(false);
-  useEffect(() => {
-    setValue(initialValue);
-  }, [initialValue]);
-  useEffect(() => {
-    if (value !== initialValue) {
-      setIsDebouncing(true);
-    }
-    const timeout = setTimeout(() => {
-      onChange(value);
-      setIsDebouncing(false);
-    }, debounce2);
-    return () => {
-      clearTimeout(timeout);
-      setIsDebouncing(false);
+var DebouncedInput = forwardRef(
+  ({
+    value: initialValue,
+    onChange,
+    debounce: debounce2 = 500,
+    label,
+    labelClassname,
+    leftIcon,
+    rightIcon,
+    showLoadingIndicator = false,
+    className,
+    error,
+    ...props
+  }, ref) => {
+    const [value, setValue] = useState(initialValue);
+    const [isDebouncing, setIsDebouncing] = useState(false);
+    useEffect(() => {
+      setValue(initialValue);
+    }, [initialValue]);
+    useEffect(() => {
+      if (value !== initialValue) {
+        setIsDebouncing(true);
+      }
+      const timeout = setTimeout(() => {
+        onChange(value);
+        setIsDebouncing(false);
+      }, debounce2);
+      return () => {
+        clearTimeout(timeout);
+        setIsDebouncing(false);
+      };
+    }, [debounce2, initialValue, onChange, value]);
+    const renderRightIcon = () => {
+      if (showLoadingIndicator && isDebouncing) {
+        return /* @__PURE__ */ jsx(CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
+      }
+      return rightIcon;
     };
-  }, [debounce2, initialValue, onChange, value]);
-  const renderRightIcon = () => {
-    if (showLoadingIndicator && isDebouncing) {
-      return /* @__PURE__ */ jsx(CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
-    }
-    return rightIcon;
-  };
-  return /* @__PURE__ */ jsx(
-    InputBase,
-    {
-      ...props,
-      label,
-      labelClassname,
-      leftIcon,
-      rightIcon: renderRightIcon(),
-      className: cn("transition-all duration-200", className),
-      value,
-      onChange: (e) => setValue(e.target.value),
-      error
-    }
-  );
-}
+    return /* @__PURE__ */ jsx(
+      InputBase,
+      {
+        ...props,
+        ref,
+        label,
+        labelClassname,
+        leftIcon,
+        rightIcon: renderRightIcon(),
+        className: cn("transition-all duration-200", className),
+        value,
+        onChange: (e) => setValue(e.target.value),
+        error
+      }
+    );
+  }
+);
+DebouncedInput.displayName = "DebouncedInput";
 function useCheckboxTree(initialTree) {
   const initialCheckedNodes = useMemo(() => {
     const checkedSet = /* @__PURE__ */ new Set();
@@ -9101,19 +9148,19 @@ function getEventColorClassesAgenda(color) {
   const eventColor = color || "sky";
   switch (eventColor) {
     case "sky":
-      return "bg-sky-200/50 hover:bg-sky-200/40 text-sky-950/80 dark:bg-sky-400/25 dark:hover:bg-sky-400/20 dark:text-sky-200 shadow-sky-700/8";
+      return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40 shadow-sky-500/15  hover:shadow-sky-500/25 transition-all duration-200";
     case "amber":
-      return "bg-amber-200/50 hover:bg-amber-200/40 text-amber-950/80 dark:bg-amber-400/25 dark:hover:bg-amber-400/20 dark:text-amber-200 shadow-amber-700/8";
+      return "bg-amber-100 hover:bg-amber-200 text-amber-900 border dark:bg-amber-500/30 dark:hover:bg-amber-500/40 dark:text-amber-50 dark:border-amber-400/40 shadow-amber-500/15  hover:shadow-amber-500/25 transition-all duration-200";
     case "violet":
-      return "bg-violet-200/50 hover:bg-violet-200/40 text-violet-950/80 dark:bg-violet-400/25 dark:hover:bg-violet-400/20 dark:text-violet-200 shadow-violet-700/8";
+      return "bg-violet-100 hover:bg-violet-200 text-violet-900 border dark:bg-violet-500/30 dark:hover:bg-violet-500/40 dark:text-violet-50 dark:border-violet-400/40 shadow-violet-500/15  hover:shadow-violet-500/25 transition-all duration-200";
     case "rose":
-      return "bg-rose-200/50 hover:bg-rose-200/40 text-rose-950/80 dark:bg-rose-400/25 dark:hover:bg-rose-400/20 dark:text-rose-200 shadow-rose-700/8";
+      return "bg-rose-100 hover:bg-rose-200 text-rose-900 border dark:bg-rose-500/30 dark:hover:bg-rose-500/40 dark:text-rose-50 dark:border-rose-400/40  shadow-rose-500/15  hover:shadow-rose-500/25 transition-all duration-200";
     case "emerald":
-      return "bg-emerald-200/50 hover:bg-emerald-200/40 text-emerald-950/80 dark:bg-emerald-400/25 dark:hover:bg-emerald-400/20 dark:text-emerald-200 shadow-emerald-700/8";
+      return "bg-emerald-100 hover:bg-emerald-200 text-emerald-900 border dark:bg-emerald-500/30 dark:hover:bg-emerald-500/40 dark:text-emerald-50 dark:border-emerald-400/40  shadow-emerald-500/15  hover:shadow-emerald-500/25 transition-all duration-200";
     case "orange":
-      return "bg-orange-200/50 hover:bg-orange-200/40 text-orange-950/80 dark:bg-orange-400/25 dark:hover:bg-orange-400/20 dark:text-orange-200 shadow-orange-700/8";
+      return "bg-orange-100 hover:bg-orange-200 text-orange-900 border dark:bg-orange-500/30 dark:hover:bg-orange-500/40 dark:text-orange-50 dark:border-orange-400/40  shadow-orange-500/15  hover:shadow-orange-500/25 transition-all duration-200";
     default:
-      return "bg-sky-200/50 hover:bg-sky-200/40 text-sky-950/80 dark:bg-sky-400/25 dark:hover:bg-sky-400/20 dark:text-sky-200 shadow-sky-700/8";
+      return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40  shadow-sky-500/15  hover:shadow-sky-500/25 transition-all duration-200";
   }
 }
 function getBorderRadiusClassesAgenda(isFirstDay, isLastDay) {
@@ -9132,7 +9179,7 @@ function isMultiDayEventAgenda(event) {
   const eventStart = getEventStartDate(event);
   const eventEnd = getEventEndDate(event);
   if (!eventStart || !eventEnd) return !!event.allDay;
-  return event.allDay || eventStart.getDate() !== eventEnd.getDate();
+  return event.allDay || !isSameDay(eventStart, eventEnd);
 }
 function getEventsForDayAgenda(events, day) {
   return events.filter((event) => {
@@ -9288,12 +9335,13 @@ function EventWrapper({
     return void 0;
   })();
   const isEventInPast = displayEnd ? isPast(displayEnd) : false;
-  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
+  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none ";
   return /* @__PURE__ */ jsx(
     "button",
     {
       className: cn(
-        "flex w-full select-none overflow-hidden px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md border",
+        "flex w-full select-none px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md border ",
+        className?.includes("overflow-visible") ? "" : "overflow-hidden",
         colorClasses,
         getBorderRadiusClassesAgenda(isFirstDay, isLastDay),
         className
@@ -9918,7 +9966,7 @@ function Select({
               ]
             }
           ),
-          /* @__PURE__ */ jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", className: "border-border", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "div",
               {
@@ -10416,7 +10464,7 @@ function MonthViewAgenda({
                       "div",
                       {
                         className: twMerge(
-                          `mt-1 inline-flex w-6 h-6 sm:w-7 sm:h-7 items-center justify-center rounded-full text-xs sm:text-sm font-semibold text-muted-foreground`,
+                          `mt-1 inline-flex w-6 h-6 sm:w-7 sm:h-7 items-center justify-center border rounded-md text-xs sm:text-sm font-semibold text-muted-foreground`,
                           isToday(day) ? "bg-blue-500 text-white" : ""
                         ),
                         children: format(day, "d")
@@ -10449,21 +10497,19 @@ function MonthViewAgenda({
                                       isLastDay,
                                       onClick: (e) => handleEventClick(event, e),
                                       view: "month",
-                                      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 truncate text-[12px] text-foreground", children: [
-                                        /* @__PURE__ */ jsx("span", { className: "text-[11px] opacity-80", children: "\u2192" }),
-                                        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: event.title })
-                                      ] })
+                                      children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 truncate text-[12px] text-foreground" })
                                     }
                                   )
                                 },
                                 `spanning-${event.id}-${day.toISOString().slice(0, 10)}`
                               );
                             }
+                            const isMultiDay = !isLastDay;
                             return /* @__PURE__ */ jsx(
                               "div",
                               {
                                 "aria-hidden": isHidden ? "true" : void 0,
-                                className: "aria-hidden:hidden",
+                                className: "aria-hidden:hidden relative",
                                 children: /* @__PURE__ */ jsx(
                                   EventItemAgenda,
                                   {
@@ -10472,9 +10518,16 @@ function MonthViewAgenda({
                                     isLastDay,
                                     onClick: (e) => handleEventClick(event, e),
                                     view: "month",
-                                    children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 sm:gap-2 truncate text-[12px] text-foreground", children: [
+                                    className: isMultiDay ? "overflow-visible" : "",
+                                    children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 sm:gap-2 truncate text-[12px] text-foreground relative z-10", children: [
                                       !event.allDay && /* @__PURE__ */ jsx("span", { className: "truncate font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
-                                      /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-xs sm:text-sm", children: event.title })
+                                      /* @__PURE__ */ jsx(
+                                        "span",
+                                        {
+                                          className: `font-medium text-xs sm:text-sm ${isMultiDay ? "whitespace-nowrap" : "truncate"}`,
+                                          children: event.title
+                                        }
+                                      )
                                     ] })
                                   }
                                 )
@@ -13240,13 +13293,13 @@ function getEventColorClasses(color) {
 }
 function getBorderRadiusClasses(isFirstDay, isLastDay) {
   if (isFirstDay && isLastDay) {
-    return "rounded";
+    return "rounded-lg";
   }
   if (isFirstDay) {
-    return "rounded-l rounded-r-none";
+    return "rounded-l-lg rounded-r-none";
   }
   if (isLastDay) {
-    return "rounded-r rounded-l-none";
+    return "rounded-r-lg rounded-l-none";
   }
   return "rounded-none";
 }
@@ -15080,7 +15133,7 @@ var DraggableTooltipComponent = ({
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "fixed pointer-events-none z-30",
+            className: "fixed pointer-events-none z-[9998]",
             variants: guideVariants,
             initial: "hidden",
             animate: "visible",
@@ -15102,7 +15155,7 @@ var DraggableTooltipComponent = ({
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "fixed pointer-events-none z-31",
+            className: "fixed pointer-events-none z-[9999]",
             variants: guideDotVariants,
             initial: "hidden",
             animate: "visible",
@@ -15142,7 +15195,7 @@ var DraggableTooltipComponent = ({
     /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
       motion.div,
       {
-        className: "fixed bg-card border border-border rounded-lg shadow-lg z-50 min-w-80 select-none",
+        className: "fixed bg-card border border-border rounded-lg shadow-lg z-[10000] min-w-80 select-none",
         variants: tooltipVariants,
         initial: "hidden",
         animate: "visible",
@@ -15374,7 +15427,7 @@ var RechartTooltipWithTotal = ({
     {
       role: "dialog",
       "aria-label": `Tooltip ${label ?? ""}`,
-      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs z-9999",
+      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs z-[10000]",
       style: { minWidth: 220 },
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
@@ -15487,7 +15540,7 @@ var TooltipSimple = ({
     {
       role: "dialog",
       "aria-label": `Tooltip ${label ?? ""}`,
-      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px] z-9999",
+      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px] z-[10000]",
       style: { minWidth: 220 },
       children: [
         /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
@@ -15676,7 +15729,7 @@ var SystemTooltip = ({
   return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
     motion.div,
     {
-      className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-xl shadow-2xl z-50 w-80 overflow-hidden",
+      className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-xl shadow-2xl z-[10000] w-80 overflow-hidden",
       variants: tooltipVariants2,
       initial: "hidden",
       animate: "visible",
@@ -15751,7 +15804,9 @@ var SystemTooltip = ({
                   "div",
                   {
                     className: "group flex items-center justify-between p-2 rounded-lg bg-emerald-500/5 border border-emerald-500/10 hover:border-emerald-500/30 transition-all cursor-pointer",
-                    onClick: () => setExpandedId(expandedId === conn.id ? null : conn.id),
+                    onClick: () => setExpandedId(
+                      expandedId === conn.id ? null : conn.id
+                    ),
                     children: [
                       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
                       /* @__PURE__ */ jsx(
@@ -15813,7 +15868,9 @@ var SystemTooltip = ({
                   "div",
                   {
                     className: "group flex items-center justify-between p-2 rounded-lg bg-blue-500/5 border border-blue-500/10 hover:border-blue-500/30 transition-all cursor-pointer",
-                    onClick: () => setExpandedId(expandedId === conn.id ? null : conn.id),
+                    onClick: () => setExpandedId(
+                      expandedId === conn.id ? null : conn.id
+                    ),
                     children: [
                       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
                       /* @__PURE__ */ jsx(
@@ -15874,6 +15931,35 @@ var SystemTooltip = ({
   ) });
 };
 var SystemTooltip_default = SystemTooltip;
+
+// src/components/ui/charts/components/tooltips/systemTooltipUtils.ts
+function processNeo4jData(integrations, targetSystemName) {
+  const connections = [];
+  integrations.forEach((integration) => {
+    const origemNome = integration.origem.properties.nome;
+    const destinoNome = integration.destino.properties.nome;
+    if (origemNome === targetSystemName) {
+      connections.push({
+        id: integration.r.elementId,
+        name: destinoNome,
+        type: "saida",
+        integration: integration.r.properties
+      });
+    }
+    if (destinoNome === targetSystemName) {
+      connections.push({
+        id: integration.r.elementId,
+        name: origemNome,
+        type: "entrada",
+        integration: integration.r.properties
+      });
+    }
+  });
+  return {
+    name: targetSystemName,
+    connections
+  };
+}
 var Brush = ({
   data,
   legend,
@@ -16578,7 +16664,7 @@ var NoData = ({
         /* @__PURE__ */ jsxs(
           "svg",
           {
-            className: "w-full h-[var(--svg-h)] opacity-40",
+            className: "w-full h-full opacity-40",
             viewBox: `0 0 900 ${h}`,
             preserveAspectRatio: "none",
             children: [
@@ -17348,6 +17434,16 @@ var Chart = ({
   // horizontal removido
   // orderBy removido
 }) => {
+  const usesFullHeight = typeof height === "string" && (height === "100%" || height === "100vh") || typeof className === "string" && /\bh-full\b/.test(className || "");
+  const responsiveHeight = usesFullHeight ? "100%" : height;
+  const wrapperClass = cn(
+    "w-full min-w-0 rounded-lg border-border",
+    className,
+    "overflow-hidden"
+  );
+  const wrapperStyle = usesFullHeight ? void 0 : {
+    height: typeof responsiveHeight === "number" ? `${responsiveHeight}px` : responsiveHeight
+  };
   const { xAxisConfig, mapperConfig } = useMemo(() => {
     return fnSmartConfig({ xAxis, data, labelMap });
   }, [data, xAxis, labelMap]);
@@ -17491,6 +17587,10 @@ var Chart = ({
     maxTooltips,
     effectiveChartWidth
   });
+  const legendSpace = showLegend ? 44 : 0;
+  const xAxisLabelSpace = xAxisLabel ? 18 : 0;
+  const brushSpace = timeSeriesConfig?.height ? 200 : 0;
+  const bottomMargin = 10 + legendSpace + xAxisLabelSpace + brushSpace;
   if (!data && !isLoading) return null;
   if (isLoading) {
     return /* @__PURE__ */ jsx(
@@ -17514,16 +17614,13 @@ var Chart = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: wrapperRef,
-      className: cn(
-        "w-full overflow-hidden min-w-0 rounded-lg border-border h-full",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1", children: [
+  return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: wrapperClass, style: wrapperStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1",
+        style: usesFullHeight ? { height: "100%" } : void 0,
+        children: [
           /* @__PURE__ */ jsx(
             ChartHeader,
             {
@@ -17585,16 +17682,15 @@ var Chart = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, className: "h-full", children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: responsiveHeight, children: /* @__PURE__ */ jsxs(
             ComposedChart,
             {
               data: processedData,
-              height,
               margin: {
                 top: 10,
                 right: finalChartRightMargin,
                 left: finalChartLeftMargin,
-                bottom: 10
+                bottom: bottomMargin
               },
               onClick: handleChartClick,
               children: [
@@ -17875,67 +17971,67 @@ var Chart = ({
               ]
             }
           ) })
-        ] }),
-        enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ jsx(
-          DraggableTooltip_default,
-          {
-            id: tooltip.id,
-            data: adaptDataForTooltip(tooltip.data, xAxisConfig.dataKey),
-            position: tooltip.position,
-            title,
-            dataKeys: allKeys,
-            finalColors,
-            highlightedSeries,
-            toggleHighlight,
-            showOnlyHighlighted,
-            onClose: (id) => setActiveTooltips((prev) => prev.filter((t) => t.id !== id)),
-            onPositionChange: onTooltipPositionChange,
-            periodLabel,
-            dataLabel: "Dados do Per\xEDodo",
-            valueFormatter: finalValueFormatter,
-            categoryFormatter,
-            globalTooltipCount: activeTooltips.length,
-            onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
-            closeAllButtonPosition: "top-center",
-            closeAllButtonVariant: "floating"
-          },
-          tooltip.id
-        )),
-        enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ jsx(
-          CloseAllButton_default,
-          {
-            count: activeTooltips.length,
-            onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
-            position: "top-center",
-            variant: "floating"
-          }
-        ),
-        timeSeriesConfig && /* @__PURE__ */ jsx(
-          Brush_default,
-          {
-            legend: timeSeriesLegend,
-            data,
-            startIndex,
-            endIndex,
-            onMouseDown: handleMouseDown,
-            brushRef,
-            xAxisKey: xAxisConfig.dataKey,
-            seriesOrder,
-            finalColors,
-            brushHeight: timeSeriesConfig.height,
-            brushColor: timeSeriesConfig.brushColor,
-            miniChartOpacity: timeSeriesConfig.miniChartOpacity,
-            showGrid,
-            gridColor,
-            margin: {
-              left: finalChartLeftMargin,
-              right: finalChartRightMargin
-            }
-          }
-        )
-      ]
-    }
-  );
+        ]
+      }
+    ),
+    enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ jsx(
+      DraggableTooltip_default,
+      {
+        id: tooltip.id,
+        data: adaptDataForTooltip(tooltip.data, xAxisConfig.dataKey),
+        position: tooltip.position,
+        title,
+        dataKeys: allKeys,
+        finalColors,
+        highlightedSeries,
+        toggleHighlight,
+        showOnlyHighlighted,
+        onClose: (id) => setActiveTooltips((prev) => prev.filter((t) => t.id !== id)),
+        onPositionChange: onTooltipPositionChange,
+        periodLabel,
+        dataLabel: "Dados do Per\xEDodo",
+        valueFormatter: finalValueFormatter,
+        categoryFormatter,
+        globalTooltipCount: activeTooltips.length,
+        onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
+        closeAllButtonPosition: "top-center",
+        closeAllButtonVariant: "floating"
+      },
+      tooltip.id
+    )),
+    enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ jsx(
+      CloseAllButton_default,
+      {
+        count: activeTooltips.length,
+        onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
+        position: "top-center",
+        variant: "floating"
+      }
+    ),
+    timeSeriesConfig && /* @__PURE__ */ jsx(
+      Brush_default,
+      {
+        legend: timeSeriesLegend,
+        data,
+        startIndex,
+        endIndex,
+        onMouseDown: handleMouseDown,
+        brushRef,
+        xAxisKey: xAxisConfig.dataKey,
+        seriesOrder,
+        finalColors,
+        brushHeight: timeSeriesConfig.height,
+        brushColor: timeSeriesConfig.brushColor,
+        miniChartOpacity: timeSeriesConfig.miniChartOpacity,
+        showGrid,
+        gridColor,
+        margin: {
+          left: finalChartLeftMargin,
+          right: finalChartRightMargin
+        }
+      }
+    )
+  ] });
 };
 var Chart_default = Chart;
 var DEFAULT_COLORS3 = ["#0d1136", "#666655", "#1a1a1a"];
@@ -18684,4 +18780,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, 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, ChartControls, ChartHeader, 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, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, 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, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, 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, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, formatLinePercentage, 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, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, 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, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, 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, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, 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, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, 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, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, formatLinePercentage, 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, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };