@vuer-ai/vuer-uikit 0.0.76 → 0.0.77

package/dist/chunk-TE5JNR5C.mjs

@@ -0,0 +1,117 @@
+import { buttonVariants } from './chunk-INHZ5D7P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      onMouseLeave: () => setCursorTarget(null),
+      "data-slot": "pagination-content",
+      className: cn("gap-xs flex flex-row items-center", className),
+      style: {
+        marginBottom: "0px"
+      },
+      ...props
+    }
+  ) });
+}
+function PaginationItem({ ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
+      "data-slot": "pagination-item",
+      className: "rounded-uk-sm",
+      style: {
+        marginBottom: "0px"
+      },
+      ...props
+    }
+  );
+}
+function PaginationLink({ className, isActive, size = "md", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "secondary" : "ghost",
+          size
+        }),
+        "hover:bg-transparent",
+        "hover:text-text-primary",
+        "min-w-[32px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      className: cn("gap-xs px-lg sm:pl-lg", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      className: cn("gap-xs px-lg sm:pr-lg", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn(
+        "text-text-primary flex size-9 size-[32px] items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/{chunk-IMN6FIOY.cjs → chunk-UHDBWDHS.cjs}

@@ -59,6 +59,9 @@ function TreeEntryItem({
       onSelectChange(selectedItemId === item.id ? null : item.id);
     }
   };
+  const ancestors = item.ancestors || [];
+  const indent = item.indent || 0;
+  const isLast = item.isLast !== void 0 ? item.isLast : false;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -74,7 +77,7 @@ function TreeEntryItem({
       onClick: handleItemSelect,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
-          item.ancestors.map((ancestor, index) => {
+          ancestors.map((ancestor, index) => {
             const parentIsLast = dataWithMeta.find((d) => d.id === ancestor.id)?.isLast;
             return /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -88,25 +91,25 @@ function TreeEntryItem({
               index
             );
           }),
-          item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+          indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: chunkOHIB3TEN_cjs.cn(
                   "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
-                  item.isLast ? "rounded-bl-md" : "",
+                  isLast ? "rounded-bl-md" : "",
                   "border-line-primary"
                 )
               }
             ),
-            !item.isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+            !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: "text-uk-md z-10 flex w-full items-center justify-between gap-2 px-2 whitespace-nowrap",
-            style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
+            style: { paddingLeft: `${indent * 1.25 + 0.5}rem` },
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
                 alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/{chunk-IQAZZPJD.cjs → chunk-V2OROE7H.cjs}

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var PACKAGE_VERSION = "0.0.76" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "9073cde" ;
+var GIT_HASH = "d181b80" ;
 function PackageBadge({
   className,
   packageName,

package/dist/chunk-XKIB3LSS.cjs

@@ -0,0 +1,167 @@
+'use strict';
+
+var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkT3G35JSP_cjs = require('./chunk-T3G35JSP.cjs');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+
+var TabsContext = react.createContext(void 0);
+var useTabsContext = () => {
+  const context = react.useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs components must be used within a Tabs component");
+  }
+  return context;
+};
+function TabsRoot({ className, size = "base", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      "data-slot": "tabs",
+      className: chunkOHIB3TEN_cjs.cn("flex w-full flex-col", className),
+      ...props
+    }
+  ) });
+}
+function TabsFallback({ className, size = "base", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs", className: chunkOHIB3TEN_cjs.cn("flex w-full flex-col", className), ...props }) });
+}
+var Tabs = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsRoot, TabsFallback);
+var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "justify-center"], {
+  variants: {
+    size: {
+      sm: "gap-xs",
+      base: "gap-sm",
+      lg: "gap-md"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+});
+function TabsListRoot({ className, ...props }) {
+  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      onMouseLeave: () => setCursorTarget(null),
+      "data-slot": "tabs-list",
+      className: chunkOHIB3TEN_cjs.cn(tabsListVariants({ size }), "justify-start", className),
+      ...props
+    }
+  ) });
+}
+function TabsListFallback({ className, ...props }) {
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "tabs-list",
+      className: chunkOHIB3TEN_cjs.cn(tabsListVariants({ size }), "justify-start", className),
+      ...props
+    }
+  ) });
+}
+var TabsList = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsListRoot, TabsListFallback);
+var tabsTriggerVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "font-normal",
+    "whitespace-nowrap",
+    "transition-all",
+    "disabled:pointer-events-none",
+    "disabled:bg-bg-tertiary",
+    "[&_svg]:pointer-events-none",
+    "[&_svg:not([class*='size-'])]:size-xl",
+    "shrink-0",
+    "[&_svg]:shrink-0",
+    "outline-none",
+    "text-text-primary",
+    "data-[state=active]:bg-bg-secondary",
+    "data-[state=active]:font-medium"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-uk-sm leading-uk-sm px-md py-xs rounded-uk-sm",
+        base: "text-uk-md leading-uk-md px-lg py-sm rounded-uk-md",
+        lg: "text-uk-lg leading-uk-lg px-xl py-sm rounded-uk-md"
+      }
+    },
+    defaultVariants: {
+      size: "base"
+    }
+  }
+);
+function TabsTriggerRoot({ className, ...props }) {
+  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
+      "data-slot": "tabs-trigger",
+      className: chunkOHIB3TEN_cjs.cn(tabsTriggerVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function TabsTriggerFallback({ className, ...props }) {
+  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
+      "data-slot": "tabs-trigger",
+      className: chunkOHIB3TEN_cjs.cn(tabsTriggerVariants({ size }), className),
+      ...props
+    }
+  );
+}
+var TabsTrigger = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsTriggerRoot, TabsTriggerFallback);
+function TabsContentRoot({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      "data-slot": "tabs-content",
+      className: chunkOHIB3TEN_cjs.cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+function TabsContentFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-content", className: chunkOHIB3TEN_cjs.cn("flex-1 outline-none", className), ...props });
+}
+var TabsContent = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsContentRoot, TabsContentFallback);
+
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;

package/dist/chunk-YPQYI63K.cjs

@@ -0,0 +1,249 @@
+'use strict';
+
+var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
+var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
+var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
+var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
+var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
+var chunkLP3AGGRK_cjs = require('./chunk-LP3AGGRK.cjs');
+var chunk6TSA7KXX_cjs = require('./chunk-6TSA7KXX.cjs');
+var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
+var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
+var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
+var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
+var chunk6E4NTY34_cjs = require('./chunk-6E4NTY34.cjs');
+var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
+var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
+var chunkLCCNBVKZ_cjs = require('./chunk-LCCNBVKZ.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var react = require('react');
+var jsxRuntime = require('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] = react.useState([]);
+  const [temporalMarkers, setTemporalMarkers] = react.useState([]);
+  const internalTimelineState = chunkWJL5HMO6_cjs.useTimelineState(logData);
+  const hoveredId = externalHoveredId ?? internalTimelineState.hoveredId;
+  const setHoveredId = externalOnItemHover ?? internalTimelineState.setHoveredId;
+  const {
+    viewStart,
+    viewDuration,
+    timelineContainerRef,
+    timeToPercent,
+    ticks,
+    eventDots,
+    handlePan,
+    handleZoomDragStart,
+    setViewStart,
+    setViewDuration,
+    cursorVisible,
+    cursorPosition,
+    cursorLabel,
+    showMagnet
+  } = chunkRJ7I6ZQK_cjs.useViewport({
+    visibleLogData,
+    onTemporalCursorChange,
+    temporalCursor
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkOHIB3TEN_cjs.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__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full flex-row items-stretch", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "border-line-primary/50 relative flex h-full flex-none flex-col border-r",
+            style: { width: panelWidth },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunk6E4NTY34_cjs.TreeView,
+              {
+                className: "h-full",
+                alwaysShowExpand: true,
+                isSearchable: true,
+                data: logData,
+                getIcon,
+                onVisibleDataChange: setVisibleLogData,
+                onItemHover: setHoveredId,
+                hoveredId,
+                useSyncScroll: true
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary sticky top-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
+                ticks.map((marker, ind) => /* @__PURE__ */ jsxRuntime.jsx(
+                  chunk6TSA7KXX_cjs.Tick,
+                  {
+                    time: marker.time,
+                    label: marker.label,
+                    timeToPercent,
+                    zIndex: ind < ticks.length - 1 ? 10 : 0
+                  },
+                  marker.time
+                )),
+                eventDots.map(({ time }, tickIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkMVAFOQ67_cjs.TimeRuleEventDot,
+                  {
+                    percent: timeToPercent(time)
+                  },
+                  `snap-${time}-${tickIndex}`
+                ))
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                chunkZ6UDRPC2_cjs.WheelZoomContext,
+                {
+                  className: "scrollbar-hide relative h-full max-h-full overflow-auto",
+                  viewStart,
+                  viewDuration,
+                  onViewStartChange: setViewStart,
+                  onWindowChange: setViewDuration,
+                  minWindow,
+                  maxWindow: maxWindow ?? chunkG2ZYONQO_cjs.TOTAL_DURATION * 10,
+                  zoomFactor,
+                  enabled,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.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__ */ jsxRuntime.jsx(
+                          chunkYXFHJKNW_cjs.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__ */ jsxRuntime.jsx(
+                          chunkTUYG6BYZ_cjs.TimelineEvent,
+                          {
+                            item,
+                            isHovered: hoveredId === item.id,
+                            onMouseEnter: () => setHoveredId(item.id),
+                            onMouseLeave: () => setHoveredId(null),
+                            onClick: (time) => {
+                              setTemporalMarkers((prev) => [...prev, time]);
+                            },
+                            timeToPercent,
+                            index
+                          },
+                          item.id
+                        )
+                      )
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      chunk5MNZYCN2_cjs.LeftWedge,
+                      {
+                        item,
+                        classes: chunkG2ZYONQO_cjs.rightWedgeClasses,
+                        viewStart,
+                        index
+                      },
+                      `left-wedge-${item.id}`
+                    )) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      chunk5MNZYCN2_cjs.RightWedge,
+                      {
+                        item,
+                        classes: chunkG2ZYONQO_cjs.leftWedgeClasses,
+                        viewEnd: viewStart + viewDuration,
+                        index
+                      },
+                      `right-wedge-${item.id}`
+                    )) }),
+                    children,
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 justify-center pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkLP3AGGRK_cjs.NavigationControls,
+                      {
+                        viewDuration,
+                        handlePan,
+                        handleZoomDragStart
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              temporalMarkers.map((time, index) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto relative h-full w-full" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      chunk2J75MYQA_cjs.CursorOverlay,
+                      {
+                        left: 50,
+                        label: `T${index + 1}`,
+                        color: "#3b82f6",
+                        showReadout: true,
+                        variant: "static",
+                        zIndex: 110
+                      }
+                    )
+                  ]
+                },
+                `marker-${time}-${index}`
+              )),
+              cursorVisible && /* @__PURE__ */ jsxRuntime.jsx(
+                chunk2J75MYQA_cjs.CursorOverlay,
+                {
+                  left: cursorPosition,
+                  label: cursorLabel,
+                  color: "#ef4444",
+                  showReadout: true,
+                  showMagnet,
+                  className: "transition-opacity duration-150",
+                  zIndex: 100
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  ) }) });
+}
+
+exports.Waterfall = Waterfall;

package/dist/chunk-ZO3X2NDT.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkXKIB3LSS_cjs = require('./chunk-XKIB3LSS.cjs');
+var chunk7DFI7CUK_cjs = require('./chunk-7DFI7CUK.cjs');
+var chunkJBMXLVXM_cjs = require('./chunk-JBMXLVXM.cjs');
+var chunkYQCSEMRB_cjs = require('./chunk-YQCSEMRB.cjs');
+var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkNSQOQD43_cjs.Button);
+var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkXKIB3LSS_cjs.Tabs);
+var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkYQCSEMRB_cjs.InputRoot);
+var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkJBMXLVXM_cjs.SelectTrigger);
+var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk7DFI7CUK_cjs.Textarea);
+
+exports.CursorButton = CursorButton;
+exports.CursorInputRoot = CursorInputRoot;
+exports.CursorSelectTrigger = CursorSelectTrigger;
+exports.CursorTabs = CursorTabs;
+exports.CursorTextarea = CursorTextarea;

package/dist/highlight-cursor/enhanced-components.cjs

@@ -1,12 +1,11 @@
 'use strict';
 
-var chunk3MINR6DU_cjs = require('../chunk-3MINR6DU.cjs');
-require('../chunk-L6LCOLOV.cjs');
+var chunkZO3X2NDT_cjs = require('../chunk-ZO3X2NDT.cjs');
+require('../chunk-XKIB3LSS.cjs');
 require('../chunk-7DFI7CUK.cjs');
 require('../chunk-JBMXLVXM.cjs');
 require('../chunk-YQCSEMRB.cjs');
 require('../chunk-NSQOQD43.cjs');
-require('../chunk-T3G35JSP.cjs');
 require('../chunk-WJY6BMVR.cjs');
 require('../chunk-QN4N4I3Z.cjs');
 require('../chunk-Q7E73DVJ.cjs');
@@ -19,26 +18,27 @@ require('../chunk-RPTRTGC2.cjs');
 require('../chunk-LBWMTA5T.cjs');
 require('../chunk-OHIB3TEN.cjs');
 require('../chunk-P6DICGAV.cjs');
+require('../chunk-T3G35JSP.cjs');
 
 
 
 Object.defineProperty(exports, "CursorButton", {
   enumerable: true,
-  get: function () { return chunk3MINR6DU_cjs.CursorButton; }
+  get: function () { return chunkZO3X2NDT_cjs.CursorButton; }
 });
 Object.defineProperty(exports, "CursorInputRoot", {
   enumerable: true,
-  get: function () { return chunk3MINR6DU_cjs.CursorInputRoot; }
+  get: function () { return chunkZO3X2NDT_cjs.CursorInputRoot; }
 });
 Object.defineProperty(exports, "CursorSelectTrigger", {
   enumerable: true,
-  get: function () { return chunk3MINR6DU_cjs.CursorSelectTrigger; }
+  get: function () { return chunkZO3X2NDT_cjs.CursorSelectTrigger; }
 });
 Object.defineProperty(exports, "CursorTabs", {
   enumerable: true,
-  get: function () { return chunk3MINR6DU_cjs.CursorTabs; }
+  get: function () { return chunkZO3X2NDT_cjs.CursorTabs; }
 });
 Object.defineProperty(exports, "CursorTextarea", {
   enumerable: true,
-  get: function () { return chunk3MINR6DU_cjs.CursorTextarea; }
+  get: function () { return chunkZO3X2NDT_cjs.CursorTextarea; }
 });

package/dist/highlight-cursor/enhanced-components.mjs

@@ -1,10 +1,9 @@
-export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-7CTCK26U.mjs';
-import '../chunk-B53A4WNW.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-IZJYFVS7.mjs';
+import '../chunk-HOJOWLJT.mjs';
 import '../chunk-25RDJXX7.mjs';
 import '../chunk-KY4I766B.mjs';
 import '../chunk-JXALL32A.mjs';
 import '../chunk-INHZ5D7P.mjs';
-import '../chunk-XMG3IVGZ.mjs';
 import '../chunk-RAHKRYQJ.mjs';
 import '../chunk-F7ZHPSLA.mjs';
 import '../chunk-3QT5VABC.mjs';
@@ -17,3 +16,4 @@ import '../chunk-4F2GSF2T.mjs';
 import '../chunk-IDUVYPN7.mjs';
 import '../chunk-HMN4IKTG.mjs';
 import '../chunk-3FR3WKI4.mjs';
+import '../chunk-XMG3IVGZ.mjs';