@vuer-ai/vuer-uikit 0.0.96 → 0.0.98

package/src/ui/waterfall/index.tsx

@@ -0,0 +1,326 @@
+import React, { ReactNode, useEffect, useState } from "react";
+
+import { cn } from "../../hooks";
+import { TooltipProvider } from "../tooltip";
+import { CursorOverlay } from "./CursorOverlay";
+import { useTimelineState } from "./hooks/useTimelineState";
+import { useViewport } from "./hooks/useViewport";
+import { NavigationControls } from "./NavigationControls";
+import { Tick } from "./Tick";
+import { TimelineEvent } from "./TimelineEvent";
+import { TimelineProcessBar } from "./TimelineProcessBar";
+import { TimeRuleEventDot } from "./TimeRuleEventDot";
+import { LogItemType, LogItemWithMeta } from "./types";
+import { leftWedgeClasses, rightWedgeClasses, TOTAL_DURATION } from "./utils";
+import { LeftWedge, RightWedge } from "./Wedges";
+import { WheelZoomContext } from "./WheelZoomContext";
+import { SyncDragY, SyncScroll, SyncScrollProvider, SyncScrollSlave } from "../../SyncScroll";
+import { TreeSearchBar, TreeView, useTreeSearch, useTreeState } from "../tree-view";
+
+export * from "./types";
+export * from "./utils";
+
+export interface WaterfallProps {
+  logData: LogItemType[];
+  temporalCursor?: number;
+  /** Width of the list view */
+  panelWidth?: number;
+  onTemporalCursorChange?: (time: number) => void;
+  getIcon: (item: LogItemType) => ReactNode;
+  /** External hover state (optional - will use internal state if not provided) */
+  hoveredId?: string | null;
+  /** External hover setter (optional - will use internal state if not provided) */
+  onItemHover?: (id: string | null) => void;
+  /** Minimum zoom viewWindow duration in seconds (default: 0.01) */
+  minWindow?: number;
+  /** Maximum zoom viewWindow duration in seconds (default: event duration * 10) */
+  maxWindow?: number;
+  /** Zoom factor for mouse wheel zoom (default: 1.1) */
+  zoomFactor?: number;
+  /** Enable wheel handling for pan and zoom (default: true) */
+  enabled?: boolean;
+  /** Children elements to render within the timeline */
+  children?: React.ReactNode;
+  /** Additional CSS classes for the wrapper */
+  className?: string;
+}
+
+/**
+ * Waterfall component that accepts external render functions but manages its own state.
+ * Provides internal state management with external rendering control.
+ */
+export function Waterfall({
+  logData,
+  temporalCursor,
+  onTemporalCursorChange,
+  getIcon,
+  panelWidth = 300,
+  className,
+  hoveredId: externalHoveredId,
+  onItemHover: externalOnItemHover,
+  minWindow = 0.01,
+  maxWindow,
+  zoomFactor = 1.1,
+  enabled = true,
+  children,
+}: WaterfallProps) {
+  const [visibleLogData, setVisibleLogData] = useState<LogItemWithMeta[]>([]);
+  const [temporalMarkers, setTemporalMarkers] = useState<number[]>([]);
+
+  // Search state
+  const [searchQuery, setSearchQuery] = useState("");
+  const [isCaseSensitive, setIsCaseSensitive] = useState(false);
+  const [isRegex, setIsRegex] = useState(false);
+
+  // Use external state if provided, otherwise use internal state
+  const internalTimelineState = useTimelineState(logData);
+
+  const hoveredId = externalHoveredId ?? internalTimelineState.hoveredId;
+  const setHoveredId = externalOnItemHover ?? internalTimelineState.setHoveredId;
+
+  // Use the new tree hooks
+  const { visibleData, expandedItems, toggleItem, hasDescendants, dataWithMeta } = useTreeState({
+    data: logData,
+    defaultExpanded: true,
+  });
+
+  const { filteredData, searchResultsCount, isRegexValid, renderLabel, hasActiveSearch } =
+    useTreeSearch({
+      data: logData,
+      searchQuery,
+      isCaseSensitive,
+      isRegex,
+    });
+
+  // Update visible log data when filtered data changes
+  useEffect(() => {
+    // If there's an active search, use filtered data, otherwise use visible data
+    const dataToUse = hasActiveSearch
+      ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id))
+      : visibleData;
+    setVisibleLogData(dataToUse as LogItemWithMeta[]);
+  }, [filteredData, visibleData, dataWithMeta, hasActiveSearch]);
+
+  const {
+    viewStart,
+    viewDuration,
+    timelineContainerRef,
+    timeToPercent,
+    ticks,
+    eventDots,
+    handlePan,
+    handleZoomDragStart,
+    setViewStart,
+    setViewDuration,
+    cursorVisible,
+    cursorPosition,
+    cursorLabel,
+    showMagnet,
+  } = useViewport({
+    visibleLogData,
+    onTemporalCursorChange,
+    temporalCursor,
+  });
+
+  return (
+    <TooltipProvider>
+      <SyncScrollProvider>
+        <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,
+          )}
+        >
+          {/* Header Section with Search and Timeline Ruler */}
+          <div className="relative flex h-full flex-row items-stretch">
+            {/* Search Bar and Tree View */}
+            <div
+              className="border-line-primary/50 relative flex h-full flex-none flex-col border-r"
+              style={{ width: panelWidth }}
+            >
+              <TreeSearchBar
+                className="p-1"
+                searchQuery={searchQuery}
+                setSearchQuery={setSearchQuery}
+                isCaseSensitive={isCaseSensitive}
+                setIsCaseSensitive={setIsCaseSensitive}
+                isRegex={isRegex}
+                setIsRegex={setIsRegex}
+                isRegexValid={isRegexValid}
+                searchResultsCount={searchResultsCount}
+              />
+              <SyncScroll className="flex-1 overflow-y-auto">
+                <TreeView
+                  data={
+                    hasActiveSearch
+                      ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id))
+                      : visibleData
+                  }
+                  getIcon={getIcon}
+                  expandedItems={expandedItems}
+                  onToggleItem={toggleItem}
+                  onItemHover={setHoveredId}
+                  hoveredId={hoveredId}
+                  hasDescendants={hasDescendants}
+                  renderLabel={renderLabel}
+                />
+              </SyncScroll>
+            </div>
+            <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"
+            >
+              {/* Timeline Ruler */}
+              <div className="bg-bg-primary sticky top-0">
+                <div className="border-line-primary/50 relative h-8 border-b">
+                  {/* Timeline markers */}
+                  {ticks.map((marker, ind) => (
+                    <Tick
+                      key={marker.time}
+                      time={marker.time}
+                      label={marker.label}
+                      timeToPercent={timeToPercent}
+                      zIndex={ind < ticks.length - 1 ? 10 : 0}
+                    />
+                  ))}
+                  {/* Key event dots */}
+                  {eventDots.map(({ time }, tickIndex) => (
+                    <TimeRuleEventDot
+                      key={`snap-${time}-${tickIndex}`}
+                      percent={timeToPercent(time)}
+                    />
+                  ))}
+                </div>
+              </div>
+              {/* Timeline Content */}
+              <WheelZoomContext
+                className="scrollbar-hide relative h-full max-h-full overflow-auto"
+                viewStart={viewStart}
+                viewDuration={viewDuration}
+                onViewStartChange={setViewStart}
+                onWindowChange={setViewDuration}
+                minWindow={minWindow}
+                maxWindow={maxWindow ?? TOTAL_DURATION * 10}
+                zoomFactor={zoomFactor}
+                enabled={enabled}
+              >
+                {/* Timeline Events */}
+                <SyncDragY className="scrollbar-hide hide-scrollbar relative h-full w-full">
+                  {visibleLogData.map((item, index) =>
+                    item.time === undefined ? (
+                      // Render TimelineProcessBar for duration events
+                      <TimelineProcessBar
+                        index={index}
+                        key={item.id}
+                        item={item}
+                        isHovered={hoveredId === item.id}
+                        onMouseEnter={() => setHoveredId(item.id)}
+                        onMouseLeave={() => setHoveredId(null)}
+                        onClick={(time: number) => {
+                          setTemporalMarkers((prev) => [...prev, time]);
+                        }}
+                        viewStart={viewStart}
+                        viewWindow={viewDuration}
+                        timeToPercent={timeToPercent}
+                      />
+                    ) : (
+                      // Render TimelineEvent for instant events (with time property)
+                      <TimelineEvent
+                        key={item.id}
+                        item={item}
+                        isHovered={hoveredId === item.id}
+                        onMouseEnter={() => setHoveredId(item.id)}
+                        onMouseLeave={() => setHoveredId(null)}
+                        onClick={(time: number) => {
+                          setTemporalMarkers((prev) => [...prev, time]);
+                        }}
+                        timeToPercent={timeToPercent}
+                        index={index}
+                      />
+                    ),
+                  )}
+                </SyncDragY>
+
+                {/* Out of range wedges (left) */}
+                <SyncScrollSlave className="scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2">
+                  {visibleLogData.map((item, index) => (
+                    <LeftWedge
+                      key={`left-wedge-${item.id}`}
+                      item={item}
+                      classes={rightWedgeClasses}
+                      viewStart={viewStart}
+                      index={index}
+                    />
+                  ))}
+                </SyncScrollSlave>
+
+                {/* Out of range wedges (right) */}
+                <SyncScrollSlave className="scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2">
+                  {visibleLogData.map((item, index) => (
+                    <RightWedge
+                      key={`right-wedge-${item.id}`}
+                      item={item}
+                      classes={leftWedgeClasses}
+                      viewEnd={viewStart + viewDuration}
+                      index={index}
+                    />
+                  ))}
+                </SyncScrollSlave>
+
+                {/* Custom children content */}
+                {children}
+                <div className="absolute bottom-1 left-1/2 -translate-x-1/2 justify-center pb-4">
+                  <NavigationControls
+                    viewDuration={viewDuration}
+                    handlePan={handlePan}
+                    handleZoomDragStart={handleZoomDragStart}
+                  />
+                </div>
+              </WheelZoomContext>
+
+              {temporalMarkers.map((time, index) => (
+                <div
+                  key={`marker-${time}-${index}`}
+                  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"
+                >
+                  <div className="pointer-events-auto relative h-full w-full" />
+                  <CursorOverlay
+                    left={50}
+                    label={`T${index + 1}`}
+                    color="#3b82f6" // blue-500
+                    showReadout={true}
+                    variant="static"
+                    zIndex={110}
+                  />
+                </div>
+              ))}
+
+              {/*Interactive cursor with readout */}
+              {cursorVisible && (
+                <CursorOverlay
+                  left={cursorPosition}
+                  label={cursorLabel}
+                  color="#ef4444"
+                  showReadout
+                  showMagnet={showMagnet}
+                  className="transition-opacity duration-150"
+                  zIndex={100}
+                />
+              )}
+            </div>
+          </div>
+        </div>
+      </SyncScrollProvider>
+    </TooltipProvider>
+  );
+}

package/src/ui/waterfall/types.ts

@@ -0,0 +1,20 @@
+import { TreeDataItem } from "../tree-view";
+
+// Shared data types
+export type LogItemType = TreeDataItem & {
+  etype: "task" | "attempt" | "info" | "step";
+  icon?: "history" | "file-code" | "bot" | "check-circle" | "pause-circle";
+  createTime?: number;
+  startTime?: number;
+  duration?: number;
+  time?: number;
+  color?: "blue" | "green" | "orange" | "gray-light" | "gray-medium" | "purple";
+  isCollapsible?: boolean;
+  hasStripes?: boolean;
+  isHaltedStep?: boolean;
+};
+
+export interface LogItemWithMeta extends LogItemType {
+  isLast: boolean;
+  ancestors: LogItemType[];
+}

package/src/ui/waterfall/utils.ts

@@ -0,0 +1,91 @@
+// Mock data constants
+export const TOTAL_DURATION = 22;
+
+// Utility functions
+export const formatDuration = (seconds: number): string => {
+  const sign = seconds < 0 ? "-" : "";
+  const absSeconds = Math.abs(seconds);
+
+  if (absSeconds < 1) {
+    if (absSeconds < 0.0005) return "0s";
+    return `${sign}${Math.round(absSeconds * 1000)}ms`;
+  }
+  if (absSeconds < 60) {
+    return `${sign}${absSeconds.toFixed(3)}s`;
+  }
+
+  const SECONDS_IN_MINUTE = 60;
+  const SECONDS_IN_HOUR = 3600;
+  const SECONDS_IN_DAY = 86400;
+  const SECONDS_IN_MONTH = 2592000; // 30 days
+  const SECONDS_IN_YEAR = 31536000; // 365 days
+
+  if (absSeconds < SECONDS_IN_HOUR) {
+    const m = Math.floor(absSeconds / SECONDS_IN_MINUTE);
+    const s = absSeconds % SECONDS_IN_MINUTE;
+    return `${sign}${m}m ${s.toFixed(2).padStart(5, "0")}s`;
+  }
+
+  if (absSeconds < SECONDS_IN_DAY) {
+    const h = Math.floor(absSeconds / SECONDS_IN_HOUR);
+    const m = Math.floor((absSeconds % SECONDS_IN_HOUR) / SECONDS_IN_MINUTE);
+    const s = Math.floor(absSeconds % SECONDS_IN_MINUTE);
+    return `${sign}${h}h ${String(m).padStart(2, "0")}m ${String(s).padStart(2, "0")}s`;
+  }
+
+  if (absSeconds < SECONDS_IN_MONTH) {
+    const d = Math.floor(absSeconds / SECONDS_IN_DAY);
+    const h = Math.floor((absSeconds % SECONDS_IN_DAY) / SECONDS_IN_HOUR);
+    const m = Math.floor((absSeconds % SECONDS_IN_HOUR) / SECONDS_IN_MINUTE);
+    return `${sign}${d}d ${String(h).padStart(2, "0")}h ${String(m).padStart(2, "0")}m`;
+  }
+
+  if (absSeconds < SECONDS_IN_YEAR) {
+    const mo = Math.floor(absSeconds / SECONDS_IN_MONTH);
+    const d = Math.floor((absSeconds % SECONDS_IN_MONTH) / SECONDS_IN_DAY);
+    const h = Math.floor((absSeconds % SECONDS_IN_DAY) / SECONDS_IN_HOUR);
+    return `${sign}${mo}mo ${String(d).padStart(3, "0")}d ${String(h).padStart(2, "0")}h`;
+  }
+
+  const y = Math.floor(absSeconds / SECONDS_IN_YEAR);
+  const mo = Math.floor((absSeconds % SECONDS_IN_YEAR) / SECONDS_IN_MONTH);
+  const d = Math.floor((absSeconds % SECONDS_IN_MONTH) / SECONDS_IN_DAY);
+  return `${sign}${y}y ${String(mo).padStart(2, "0")}mo ${String(d).padStart(3, "0")}d`;
+};
+
+// Color class mappings
+export const borderColorClasses = {
+  blue: "border-blue-500",
+  green: "border-green-500",
+  orange: "border-orange-500",
+  purple: "border-purple-500",
+  "gray-light": "border-muted",
+  "gray-medium": "border-slate-400 dark:border-slate-600",
+};
+
+export const colorClasses = {
+  blue: "bg-blue-500",
+  green: "bg-green-500",
+  orange: "bg-orange-500",
+  purple: "bg-purple-500",
+  "gray-light": "bg-muted",
+  "gray-medium": "bg-slate-400 dark:bg-slate-700",
+};
+
+export const leftWedgeClasses = {
+  blue: "border-l-blue-500",
+  green: "border-l-green-500",
+  orange: "border-l-orange-500",
+  purple: "border-l-purple-500",
+  "gray-light": "border-l-slate-300 dark:border-l-slate-600",
+  "gray-medium": "border-l-slate-400 dark:border-l-slate-500",
+};
+
+export const rightWedgeClasses = {
+  blue: "border-r-blue-500",
+  green: "border-r-green-500",
+  orange: "border-r-orange-500",
+  purple: "border-r-purple-500",
+  "gray-light": "border-r-slate-300 dark:border-r-slate-600",
+  "gray-medium": "border-r-slate-400 dark:border-r-slate-500",
+};

package/dist/chunk-W2YAQV5N.mjs

@@ -1,57 +0,0 @@
-import { createContext, useContext, useState, useCallback } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/dial/DialProvider.tsx
-var DialSchemaContext = createContext(void 0);
-var useDialSchema = () => {
-  const context = useContext(DialSchemaContext);
-  if (!context) {
-    throw new Error("useDialSchema must be used within a DialSchemaProvider");
-  }
-  return context;
-};
-var DialProvider = ({
-  children,
-  schemas,
-  initialValues = {},
-  onValueChange
-}) => {
-  const [values, setValues] = useState(() => {
-    const defaultValues = {};
-    schemas.forEach((schema) => {
-      defaultValues[schema.name] = initialValues[schema.name] ?? schema.value;
-    });
-    return defaultValues;
-  });
-  const getValue = useCallback(
-    (name) => {
-      return values[name];
-    },
-    [values]
-  );
-  const setValue = useCallback(
-    (name, value) => {
-      setValues((prev) => ({
-        ...prev,
-        [name]: value
-      }));
-      onValueChange?.(name, value);
-    },
-    [onValueChange]
-  );
-  return /* @__PURE__ */ jsx(
-    DialSchemaContext.Provider,
-    {
-      value: {
-        values,
-        schemas,
-        getValue,
-        setValue,
-        onValueChange
-      },
-      children
-    }
-  );
-};
-
-export { DialProvider, useDialSchema };

package/dist/{chunk-QLCEHV4Q.mjs → chunk-2OZK5DY5.mjs}

@@ -1,17 +1,17 @@
 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 { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
-import { TreeSearchBar } from './chunk-73VF2W3D.mjs';
 import { TooltipProvider } from './chunk-ZNPI2TYG.mjs';
 import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-PDOFOJ4P.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';

package/dist/{chunk-Z35DNFRZ.cjs → chunk-7IS37C3P.cjs}

@@ -2,18 +2,18 @@
 
 var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
 var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
+var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
 var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
 var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
 var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
+var chunk55RSKLJ5_cjs = require('./chunk-55RSKLJ5.cjs');
 var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');
 var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
 var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
 var chunkLP3AGGRK_cjs = require('./chunk-LP3AGGRK.cjs');
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
 var chunk6TSA7KXX_cjs = require('./chunk-6TSA7KXX.cjs');
-var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
-var chunk55RSKLJ5_cjs = require('./chunk-55RSKLJ5.cjs');
 var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
 var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');

package/dist/{chunk-4AOAH77D.mjs → chunk-A2PCEL5S.mjs}

@@ -1,9 +1,9 @@
 import { Tabs } from './chunk-B53A4WNW.mjs';
 import { Textarea } from './chunk-25RDJXX7.mjs';
-import { InputRoot } from './chunk-4XUJBMDE.mjs';
 import { SelectTrigger } from './chunk-CX6OFX5Z.mjs';
-import { withCursor } from './chunk-RAHKRYQJ.mjs';
+import { InputRoot } from './chunk-4XUJBMDE.mjs';
 import { Button } from './chunk-INHZ5D7P.mjs';
+import { withCursor } from './chunk-RAHKRYQJ.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx
 var CursorButton = withCursor(Button);

package/dist/{chunk-K4VD5PPY.mjs → chunk-BIUDC66P.mjs}

@@ -4,8 +4,8 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '
 import { Skeleton } from './chunk-DWWM2TV3.mjs';
 import { InputRoot } from './chunk-4XUJBMDE.mjs';
 import { Button } from './chunk-INHZ5D7P.mjs';
-import { cn } from './chunk-HMN4IKTG.mjs';
 import { useIsMobile } from './chunk-XHJDRQD7.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';

package/dist/{chunk-RKJR6RZU.cjs → chunk-OYNLQTHW.cjs}

@@ -6,8 +6,8 @@ var chunkXGGAJUY3_cjs = require('./chunk-XGGAJUY3.cjs');
 var chunkYO6X755G_cjs = require('./chunk-YO6X755G.cjs');
 var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
 var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var chunkJR4TVE43_cjs = require('./chunk-JR4TVE43.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');

package/dist/{chunk-VE3XLQLO.cjs → chunk-QUFZWF4E.cjs}

@@ -2,10 +2,10 @@
 
 var chunkL6LCOLOV_cjs = require('./chunk-L6LCOLOV.cjs');
 var chunk7DFI7CUK_cjs = require('./chunk-7DFI7CUK.cjs');
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
 var chunkYMSWUGHW_cjs = require('./chunk-YMSWUGHW.cjs');
-var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
+var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.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);