@vuer-ai/vuer-uikit 0.0.98 → 0.0.100

package/dist/chunk-BEJIZ56L.mjs

@@ -1,300 +0,0 @@
-import { useSyncScroll, useScrollSlave, useSyncDrag } from './chunk-SAGQV2YZ.mjs';
-import { cn } from './chunk-HMN4IKTG.mjs';
-import { Slot } from '@radix-ui/react-slot';
-import { useState, useRef, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var SyncScroll = ({ children, className, asChild = false, ...props }) => {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { ref: useSyncScroll(), className: cn("overflow-y-auto", className), ...props, children });
-};
-var SyncScrollSlave = ({
-  children,
-  className,
-  asChild = false,
-  ...props
-}) => {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { ref: useScrollSlave(), className: cn("overflow-y-auto", className), ...props, children });
-};
-var SyncDrag = ({
-  ref: extRef,
-  children,
-  className,
-  asChild = false,
-  ...props
-}) => {
-  const ref = useSyncDrag({ ref: extRef, axis: "both" });
-  const [isDragging, setIsDragging] = useState(false);
-  const dragStartX = useRef(0);
-  const dragStartY = useRef(0);
-  const scrollStartLeft = useRef(0);
-  const scrollStartTop = useRef(0);
-  useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const handleMouseDown = (e) => {
-      setIsDragging(true);
-      dragStartX.current = e.clientX;
-      dragStartY.current = e.clientY;
-      scrollStartLeft.current = element.scrollLeft;
-      scrollStartTop.current = element.scrollTop;
-      e.preventDefault();
-    };
-    const handleMouseMove = (e) => {
-      if (!isDragging || !element) return;
-      const deltaX = e.clientX - dragStartX.current;
-      const deltaY = e.clientY - dragStartY.current;
-      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
-      element.scrollTop = scrollStartTop.current - deltaY * 2;
-    };
-    const handleMouseUp = () => {
-      setIsDragging(false);
-    };
-    element.addEventListener("mousedown", handleMouseDown);
-    if (isDragging) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.addEventListener("mouseleave", handleMouseUp);
-    }
-    return () => {
-      element.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("mouseleave", handleMouseUp);
-    };
-  }, [isDragging, ref]);
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
-      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
-      ...props,
-      children
-    }
-  );
-};
-var SyncDragX = ({ children, className, asChild = false, ...props }) => {
-  const ref = useSyncDrag({ axis: "horizontal" });
-  const [isDragging, setIsDragging] = useState(false);
-  const dragStartX = useRef(0);
-  const scrollStartLeft = useRef(0);
-  useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const handleMouseDown = (e) => {
-      setIsDragging(true);
-      dragStartX.current = e.clientX;
-      scrollStartLeft.current = element.scrollLeft;
-      e.preventDefault();
-    };
-    const handleMouseMove = (e) => {
-      if (!isDragging || !element) return;
-      const deltaX = e.clientX - dragStartX.current;
-      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
-    };
-    const handleMouseUp = () => {
-      setIsDragging(false);
-    };
-    element.addEventListener("mousedown", handleMouseDown);
-    if (isDragging) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.addEventListener("mouseleave", handleMouseUp);
-    }
-    return () => {
-      element.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("mouseleave", handleMouseUp);
-    };
-  }, [isDragging, ref]);
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
-      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
-      ...props,
-      children
-    }
-  );
-};
-var SyncDragSlave = ({
-  ref: extRef,
-  children,
-  className,
-  asChild = false,
-  ...props
-}) => {
-  const ref = useScrollSlave({ ref: extRef, axis: "both" });
-  const [isDragging, setIsDragging] = useState(false);
-  const dragStartX = useRef(0);
-  const dragStartY = useRef(0);
-  const scrollStartLeft = useRef(0);
-  const scrollStartTop = useRef(0);
-  useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const handleMouseDown = (e) => {
-      setIsDragging(true);
-      dragStartX.current = e.clientX;
-      dragStartY.current = e.clientY;
-      scrollStartLeft.current = element.scrollLeft;
-      scrollStartTop.current = element.scrollTop;
-      e.preventDefault();
-    };
-    const handleMouseMove = (e) => {
-      if (!isDragging || !element) return;
-      const deltaX = e.clientX - dragStartX.current;
-      const deltaY = e.clientY - dragStartY.current;
-      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
-      element.scrollTop = scrollStartTop.current - deltaY * 2;
-    };
-    const handleMouseUp = () => {
-      setIsDragging(false);
-    };
-    element.addEventListener("mousedown", handleMouseDown);
-    if (isDragging) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.addEventListener("mouseleave", handleMouseUp);
-    }
-    return () => {
-      element.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("mouseleave", handleMouseUp);
-    };
-  }, [isDragging, ref]);
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
-      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
-      ...props,
-      children
-    }
-  );
-};
-var SyncDragSlaveX = ({
-  ref: extRef,
-  children,
-  className,
-  asChild = false,
-  ...props
-}) => {
-  const ref = useScrollSlave({ ref: extRef, axis: "horizontal" });
-  const [isDragging, setIsDragging] = useState(false);
-  const dragStartX = useRef(0);
-  const scrollStartLeft = useRef(0);
-  useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const handleMouseDown = (e) => {
-      setIsDragging(true);
-      dragStartX.current = e.clientX;
-      scrollStartLeft.current = element.scrollLeft;
-      e.preventDefault();
-    };
-    const handleMouseMove = (e) => {
-      if (!isDragging || !element) return;
-      const deltaX = e.clientX - dragStartX.current;
-      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
-    };
-    const handleMouseUp = () => {
-      setIsDragging(false);
-    };
-    element.addEventListener("mousedown", handleMouseDown);
-    if (isDragging) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.addEventListener("mouseleave", handleMouseUp);
-    }
-    return () => {
-      element.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("mouseleave", handleMouseUp);
-    };
-  }, [isDragging, ref]);
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn(
-        "cursor-grab overflow-x-auto overflow-y-hidden",
-        isDragging && "cursor-grabbing",
-        className
-      ),
-      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
-      ...props,
-      children
-    }
-  );
-};
-var SyncDragY = ({
-  ref: extRef,
-  children,
-  className,
-  asChild = false,
-  ...props
-}) => {
-  const ref = useSyncDrag({ ref: extRef, axis: "vertical" });
-  const [isDragging, setIsDragging] = useState(false);
-  const dragStartY = useRef(0);
-  const scrollStartTop = useRef(0);
-  useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const handleMouseDown = (e) => {
-      setIsDragging(true);
-      dragStartY.current = e.clientY;
-      scrollStartTop.current = element.scrollTop;
-      e.preventDefault();
-    };
-    const handleMouseMove = (e) => {
-      if (!isDragging || !element) return;
-      const deltaY = e.clientY - dragStartY.current;
-      element.scrollTop = scrollStartTop.current - deltaY * 2;
-    };
-    const handleMouseUp = () => {
-      setIsDragging(false);
-    };
-    element.addEventListener("mousedown", handleMouseDown);
-    if (isDragging) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.addEventListener("mouseleave", handleMouseUp);
-    }
-    return () => {
-      element.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("mouseleave", handleMouseUp);
-    };
-  }, [isDragging, ref]);
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn(
-        "cursor-grab overflow-x-hidden overflow-y-auto",
-        isDragging && "cursor-grabbing",
-        className
-      ),
-      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
-      ...props,
-      children
-    }
-  );
-};
-
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave };

package/dist/chunk-C7VGRU3O.mjs

@@ -1,283 +0,0 @@
-import { useTimelineState } from './chunk-JWKOW2OV.mjs';
-import { useViewport } from './chunk-VPQ5SSY3.mjs';
-import { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
-import { TimelineEvent } from './chunk-N6DSPSMM.mjs';
-import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
-import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
-import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
-import { TreeSearchBar } from './chunk-73VF2W3D.mjs';
-import { TreeView } from './chunk-VQPJ7TLB.mjs';
-import { useTreeState, useTreeSearch } from './chunk-PC5DHSC4.mjs';
-import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
-import { NavigationControls } from './chunk-5EXV5EWF.mjs';
-import { rightWedgeClasses, leftWedgeClasses, TOTAL_DURATION } from './chunk-4U232QAX.mjs';
-import { Tick } from './chunk-K22BEXUA.mjs';
-import { TooltipProvider } from './chunk-ZNPI2TYG.mjs';
-import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-BEJIZ56L.mjs';
-import { SyncScrollProvider } from './chunk-SAGQV2YZ.mjs';
-import { cn } from './chunk-HMN4IKTG.mjs';
-import { useState, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function Waterfall({
-  logData,
-  temporalCursor,
-  onTemporalCursorChange,
-  getIcon,
-  panelWidth = 300,
-  className,
-  hoveredId: externalHoveredId,
-  onItemHover: externalOnItemHover,
-  minWindow = 0.01,
-  maxWindow,
-  zoomFactor = 1.1,
-  enabled = true,
-  children
-}) {
-  const [visibleLogData, setVisibleLogData] = useState([]);
-  const [temporalMarkers, setTemporalMarkers] = useState([]);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [isCaseSensitive, setIsCaseSensitive] = useState(false);
-  const [isRegex, setIsRegex] = useState(false);
-  const internalTimelineState = useTimelineState(logData);
-  const hoveredId = externalHoveredId ?? internalTimelineState.hoveredId;
-  const setHoveredId = externalOnItemHover ?? internalTimelineState.setHoveredId;
-  const { visibleData, expandedItems, toggleItem, hasDescendants, dataWithMeta } = useTreeState({
-    data: logData,
-    defaultExpanded: true
-  });
-  const { filteredData, searchResultsCount, isRegexValid, renderLabel, hasActiveSearch } = useTreeSearch({
-    data: logData,
-    searchQuery,
-    isCaseSensitive,
-    isRegex
-  });
-  useEffect(() => {
-    const dataToUse = hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData;
-    setVisibleLogData(dataToUse);
-  }, [filteredData, visibleData, dataWithMeta, hasActiveSearch]);
-  const {
-    viewStart,
-    viewDuration,
-    timelineContainerRef,
-    timeToPercent,
-    ticks,
-    eventDots,
-    handlePan,
-    handleZoomDragStart,
-    setViewStart,
-    setViewDuration,
-    cursorVisible,
-    cursorPosition,
-    cursorLabel,
-    showMagnet
-  } = useViewport({
-    visibleLogData,
-    onTemporalCursorChange,
-    temporalCursor
-  });
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(SyncScrollProvider, { children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "bg-bg-primary text-text-primary rounded-uk-md border-line-primary/50",
-        "mx-auto flex w-full flex-col overflow-hidden border font-sans",
-        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full flex-row items-stretch", children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "border-line-primary/50 relative flex h-full flex-none flex-col border-r",
-            style: { width: panelWidth },
-            children: [
-              /* @__PURE__ */ jsx(
-                TreeSearchBar,
-                {
-                  className: "p-1",
-                  searchQuery,
-                  setSearchQuery,
-                  isCaseSensitive,
-                  setIsCaseSensitive,
-                  isRegex,
-                  setIsRegex,
-                  isRegexValid,
-                  searchResultsCount
-                }
-              ),
-              /* @__PURE__ */ jsx(SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
-                TreeView,
-                {
-                  data: hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData,
-                  getIcon,
-                  expandedItems,
-                  onToggleItem: toggleItem,
-                  onItemHover: setHoveredId,
-                  hoveredId,
-                  hasDescendants,
-                  renderLabel
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: timelineContainerRef,
-            className: "overflow-y-none scrollbar-hide relative flex h-full w-full flex-auto cursor-crosshair flex-col overflow-x-hidden pl-px active:cursor-grabbing",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "bg-bg-primary sticky top-0", children: /* @__PURE__ */ jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
-                ticks.map((marker, ind) => /* @__PURE__ */ jsx(
-                  Tick,
-                  {
-                    time: marker.time,
-                    label: marker.label,
-                    timeToPercent,
-                    zIndex: ind < ticks.length - 1 ? 10 : 0
-                  },
-                  marker.time
-                )),
-                eventDots.map(({ time }, tickIndex) => /* @__PURE__ */ jsx(
-                  TimeRuleEventDot,
-                  {
-                    percent: timeToPercent(time)
-                  },
-                  `snap-${time}-${tickIndex}`
-                ))
-              ] }) }),
-              /* @__PURE__ */ jsxs(
-                WheelZoomContext,
-                {
-                  className: "scrollbar-hide relative h-full max-h-full overflow-auto",
-                  viewStart,
-                  viewDuration,
-                  onViewStartChange: setViewStart,
-                  onWindowChange: setViewDuration,
-                  minWindow,
-                  maxWindow: maxWindow ?? TOTAL_DURATION * 10,
-                  zoomFactor,
-                  enabled,
-                  children: [
-                    /* @__PURE__ */ jsx(SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
-                      (item, index) => item.time === void 0 ? (
-                        // Render TimelineProcessBar for duration events
-                        /* @__PURE__ */ jsx(
-                          TimelineProcessBar,
-                          {
-                            index,
-                            item,
-                            isHovered: hoveredId === item.id,
-                            onMouseEnter: () => setHoveredId(item.id),
-                            onMouseLeave: () => setHoveredId(null),
-                            onClick: (time) => {
-                              setTemporalMarkers((prev) => [...prev, time]);
-                            },
-                            viewStart,
-                            viewWindow: viewDuration,
-                            timeToPercent
-                          },
-                          item.id
-                        )
-                      ) : (
-                        // Render TimelineEvent for instant events (with time property)
-                        /* @__PURE__ */ jsx(
-                          TimelineEvent,
-                          {
-                            item,
-                            isHovered: hoveredId === item.id,
-                            onMouseEnter: () => setHoveredId(item.id),
-                            onMouseLeave: () => setHoveredId(null),
-                            onClick: (time) => {
-                              setTemporalMarkers((prev) => [...prev, time]);
-                            },
-                            timeToPercent,
-                            index
-                          },
-                          item.id
-                        )
-                      )
-                    ) }),
-                    /* @__PURE__ */ jsx(SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsx(
-                      LeftWedge,
-                      {
-                        item,
-                        classes: rightWedgeClasses,
-                        viewStart,
-                        index
-                      },
-                      `left-wedge-${item.id}`
-                    )) }),
-                    /* @__PURE__ */ jsx(SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsx(
-                      RightWedge,
-                      {
-                        item,
-                        classes: leftWedgeClasses,
-                        viewEnd: viewStart + viewDuration,
-                        index
-                      },
-                      `right-wedge-${item.id}`
-                    )) }),
-                    children,
-                    /* @__PURE__ */ jsx("div", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 justify-center pb-4", children: /* @__PURE__ */ jsx(
-                      NavigationControls,
-                      {
-                        viewDuration,
-                        handlePan,
-                        handleZoomDragStart
-                      }
-                    ) })
-                  ]
-                }
-              ),
-              temporalMarkers.map((time, index) => /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "pointer-events-none absolute top-0 h-8 w-20 cursor-pointer",
-                  style: {
-                    zIndex: 110,
-                    left: `calc(${timeToPercent(time)}% - 2.5rem)`
-                  },
-                  onClick: () => {
-                    setTemporalMarkers((prev) => prev.filter((_, i) => i !== index));
-                  },
-                  title: "Click to remove marker",
-                  children: [
-                    /* @__PURE__ */ jsx("div", { className: "pointer-events-auto relative h-full w-full" }),
-                    /* @__PURE__ */ jsx(
-                      CursorOverlay,
-                      {
-                        left: 50,
-                        label: `T${index + 1}`,
-                        color: "#3b82f6",
-                        showReadout: true,
-                        variant: "static",
-                        zIndex: 110
-                      }
-                    )
-                  ]
-                },
-                `marker-${time}-${index}`
-              )),
-              cursorVisible && /* @__PURE__ */ jsx(
-                CursorOverlay,
-                {
-                  left: cursorPosition,
-                  label: cursorLabel,
-                  color: "#ef4444",
-                  showReadout: true,
-                  showMagnet,
-                  className: "transition-opacity duration-150",
-                  zIndex: 100
-                }
-              )
-            ]
-          }
-        )
-      ] })
-    }
-  ) }) });
-}
-
-export { Waterfall };