@vuer-ai/vuer-uikit 0.0.88 → 0.0.89

package/dist/chunk-ISLTDEPI.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PACKAGE_VERSION = "0.0.88" ;
+var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
+var GIT_HASH = "14c31d2" ;
+function PackageBadge({
+  className,
+  packageName,
+  packageFullName,
+  versionText,
+  linkable = true,
+  gitHash
+}) {
+  const npmUrl = packageFullName && versionText ? `https://www.npmjs.com/package/${packageFullName}/v/${versionText.replace("v", "")}` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center ${className || ""}`,
+      style: linkable ? { cursor: "pointer" } : void 0,
+      children: [
+        (packageName || versionText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-uk-xs inline-flex items-center overflow-hidden", children: [
+          packageName && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "pl-sm pr-xs py-xxxs bg-brand-primary text-text-withbg text-uk-xs",
+              style: {
+                backgroundColor: "var(--color-brand-primary, var(--brand-primary))",
+                color: "white",
+                textShadow: "0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.1)"
+              },
+              children: packageName
+            }
+          ),
+          versionText && /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: linkable && npmUrl ? npmUrl : void 0,
+              className: chunkOHIB3TEN_cjs.cn(
+                "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
+                "bg-alt-primary",
+                "text-text-secondary",
+                "text-text-primary text-uk-xs",
+                linkable && "hover:text-brand-primary"
+              ),
+              style: {
+                textShadow: "0 1px 1px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05)"
+              },
+              onClick: !linkable ? (e) => e.preventDefault() : void 0,
+              children: versionText
+            }
+          )
+        ] }),
+        gitHash && gitHash !== "unknown" && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: linkable ? `https://github.com/vuer-ai/vuer-uikit/commit/${gitHash}` : void 0,
+            className: "px-md rounded-uk-ssx font-number-input text-text-tertiary text-uk-xs ml-[0px] bg-transparent py-[0px]",
+            onClick: !linkable ? (e) => e.preventDefault() : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranch, { className: "mr-[2px] inline-block size-2" }),
+              gitHash
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function UIKitBadge({
+  className,
+  package: showPackage = false,
+  prefix = false,
+  linkable = false,
+  version = false,
+  hash = false
+}) {
+  const packageShortName = PACKAGE_NAME.split("/").pop() || PACKAGE_NAME;
+  const versionText = version ? prefix ? `v${PACKAGE_VERSION}` : PACKAGE_VERSION : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PackageBadge,
+    {
+      className,
+      packageName: showPackage ? packageShortName : void 0,
+      packageFullName: PACKAGE_NAME,
+      versionText,
+      linkable,
+      gitHash: hash ? GIT_HASH : void 0
+    }
+  );
+}
+
+exports.GIT_HASH = GIT_HASH;
+exports.PACKAGE_VERSION = PACKAGE_VERSION;
+exports.PackageBadge = PackageBadge;
+exports.UIKitBadge = UIKitBadge;

package/dist/{chunk-X3RZDN2C.cjs → chunk-IZNQXFZ6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkI7NPMMUG_cjs = require('./chunk-I7NPMMUG.cjs');
+var chunkRBKCE3N7_cjs = require('./chunk-RBKCE3N7.cjs');
 var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var react = require('react');
@@ -19,7 +19,7 @@ var PresetsInput = react.forwardRef(function PresetsInput2({ presets, value = 0,
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("gap-xs grid grid-cols-5", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI7NPMMUG_cjs.InputNumbers,
+      chunkRBKCE3N7_cjs.InputNumbers,
       {
         ...props,
         ref,

package/dist/{chunk-JWS7MZGX.mjs → chunk-J2RFARFN.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-XOZ6S53T.mjs';
+import { VectorInput } from './chunk-EAQAIANE.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-6NUAFTM5.cjs → chunk-JO5TYMHM.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkVFSVU357_cjs = require('./chunk-VFSVU357.cjs');
+var chunkKZP7AY75_cjs = require('./chunk-KZP7AY75.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Vec3Input = react.forwardRef(function Vec3Input2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVFSVU357_cjs.VectorInput,
+    chunkKZP7AY75_cjs.VectorInput,
     {
       ref,
       value,

package/dist/{chunk-7WS53WEO.cjs → chunk-JSUB7URV.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkI7NPMMUG_cjs = require('./chunk-I7NPMMUG.cjs');
+var chunkRBKCE3N7_cjs = require('./chunk-RBKCE3N7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DegInput = react.forwardRef(function DegInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI7NPMMUG_cjs.InputNumbers,
+    chunkRBKCE3N7_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/chunk-KVRUJWH2.mjs

@@ -0,0 +1,283 @@
+import { useTimelineState } from './chunk-JWKOW2OV.mjs';
+import { useViewport } from './chunk-VPQ5SSY3.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 { 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 { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
+import { TreeSearchBar } from './chunk-AOLOYU5C.mjs';
+import { TooltipProvider } from './chunk-PCSY5IJ2.mjs';
+import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-PDOFOJ4P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { SyncScrollProvider } from './chunk-SAGQV2YZ.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 };

package/dist/chunk-KZP7AY75.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunkRBKCE3N7_cjs = require('./chunk-RBKCE3N7.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var VectorInput = react.forwardRef(function VectorInput2({ labels, prefix, gridAutoFlow, columns, rows, layout, columnMajor, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkRBKCE3N7_cjs.InputNumbers,
+    {
+      ref,
+      prefix: labels || prefix,
+      gridAutoFlow: gridAutoFlow || layout,
+      columns,
+      rows,
+      columnMajor,
+      ...props
+    }
+  );
+});
+
+exports.VectorInput = VectorInput;

package/dist/{chunk-4V5DMSTZ.mjs → chunk-LQWJ34PD.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-QN5Q5OCZ.mjs';
+import { InputNumbers } from './chunk-QAERXYKR.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-7CP6EUTM.mjs → chunk-M7CWV3WR.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-QN5Q5OCZ.mjs';
+import { InputNumbers } from './chunk-QAERXYKR.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-OLCFDXGF.mjs → chunk-OBYDDCUD.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-XOZ6S53T.mjs';
+import { VectorInput } from './chunk-EAQAIANE.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';