@elabs-ai/components-ui 4.2.0 → 5.0.0

package/dist/chunk-XONGYCW3.js

@@ -0,0 +1,637 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/revision-timeline/revision-timeline.tsx
+import {
+  createContext,
+  forwardRef,
+  use,
+  useCallback,
+  useMemo,
+  useState
+} from "react";
+import { cva } from "class-variance-authority";
+import { ChevronRight, GitBranch, GitCommitHorizontal, GitMerge, Plus, Minus } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var revisionTimelineVariants = cva("flex flex-col", {
+  variants: {
+    density: {
+      comfortable: "gap-0",
+      compact: "gap-0"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+});
+var LANE_PALETTE_SIZE = 5;
+function laneColor(lane) {
+  return `var(--chart-${lane % LANE_PALETTE_SIZE + 1})`;
+}
+var LANE_W = 16;
+var ROW_H_COMFORTABLE = 48;
+var ROW_H_COMPACT = 36;
+var DAY_HEADER_H = 32;
+var NODE_R = 4;
+var EDGE_TURN = 16;
+var LANE_STROKE_OPACITY = 0.75;
+function laneX(lane) {
+  return lane * LANE_W + LANE_W / 2;
+}
+function buildBranchMaps(branches) {
+  const branchById = /* @__PURE__ */ new Map();
+  const parentOf = /* @__PURE__ */ new Map();
+  for (const b of branches) {
+    branchById.set(b.id, b);
+    parentOf.set(b.id, b.parentBranchId);
+  }
+  return { branchById, parentOf };
+}
+function makeTopCollapsed(parentOf, collapsedSet) {
+  const cache = /* @__PURE__ */ new Map();
+  return function topCollapsed(branchId) {
+    const cached = cache.get(branchId);
+    if (cached !== void 0 || cache.has(branchId)) return cached;
+    let topMost;
+    const visited = /* @__PURE__ */ new Set();
+    let cur = branchId;
+    while (cur !== void 0 && !visited.has(cur)) {
+      visited.add(cur);
+      if (collapsedSet.has(cur)) topMost = cur;
+      cur = parentOf.get(cur);
+    }
+    cache.set(branchId, topMost);
+    return topMost;
+  };
+}
+function computeRenderItems(revisions, collapsedSet, maps) {
+  const items = [];
+  const summaryOf = /* @__PURE__ */ new Map();
+  const summaryCount = /* @__PURE__ */ new Map();
+  const summaryEmitted = /* @__PURE__ */ new Set();
+  const seenVisibleBranch = /* @__PURE__ */ new Set();
+  const topCollapsed = makeTopCollapsed(maps.parentOf, collapsedSet);
+  for (const rev of revisions) {
+    const bid = rev.branchId;
+    if (bid !== void 0 && maps.branchById.has(bid)) {
+      const top = topCollapsed(bid);
+      if (top !== void 0) {
+        const summaryId = `summary:${top}`;
+        summaryOf.set(rev.id, summaryId);
+        summaryCount.set(top, (summaryCount.get(top) ?? 0) + 1);
+        if (!summaryEmitted.has(top)) {
+          summaryEmitted.add(top);
+          const branch = maps.branchById.get(top) ?? { id: top };
+          items.push({
+            kind: "summary",
+            branch,
+            count: 0,
+            lane: rev.lane,
+            id: summaryId,
+            tipTimestamp: rev.timestamp
+          });
+        }
+        continue;
+      }
+      const canCollapse = !seenVisibleBranch.has(bid);
+      seenVisibleBranch.add(bid);
+      items.push({ kind: "revision", revision: rev, canCollapse, branchId: bid });
+      continue;
+    }
+    items.push({ kind: "revision", revision: rev, canCollapse: false, branchId: bid });
+  }
+  for (const it of items) {
+    if (it.kind === "summary") it.count = summaryCount.get(it.branch.id) ?? 0;
+  }
+  return { items, summaryOf };
+}
+var RevisionTimelineContext = createContext(null);
+function useRevisionTimelineCtx() {
+  const ctx = use(RevisionTimelineContext);
+  if (!ctx) throw new Error("RevisionTimeline sub-parts must be inside <RevisionTimeline>");
+  return ctx;
+}
+function LaneGutter({ revisions, edges, rowCenterY, height, className }) {
+  const maxLane = revisions.reduce((m, r) => Math.max(m, r.lane), 0);
+  const svgW = (maxLane + 1) * LANE_W;
+  const idToRev = useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const r of revisions) m.set(r.id, r);
+    return m;
+  }, [revisions]);
+  const laneSpan = useMemo(() => {
+    const first = /* @__PURE__ */ new Map();
+    const last = /* @__PURE__ */ new Map();
+    for (const r of revisions) {
+      if (!first.has(r.lane)) first.set(r.lane, r.id);
+      last.set(r.lane, r.id);
+    }
+    return { first, last };
+  }, [revisions]);
+  const incomingCount = useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const e of edges) m.set(e.to, (m.get(e.to) ?? 0) + 1);
+    return m;
+  }, [edges]);
+  if (height === 0 || revisions.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: svgW,
+      height,
+      className: cn("shrink-0 self-stretch", className),
+      style: { minWidth: svgW },
+      children: [
+        Array.from(laneSpan.last.entries()).map(([lane, lastId]) => {
+          const firstId = laneSpan.first.get(lane);
+          const y1 = firstId ? rowCenterY.get(firstId) : void 0;
+          const y2 = rowCenterY.get(lastId);
+          if (y1 === void 0 || y2 === void 0) return null;
+          const x = laneX(lane);
+          return /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: x,
+              y1,
+              x2: x,
+              y2,
+              stroke: laneColor(lane),
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              opacity: LANE_STROKE_OPACITY
+            },
+            `spine-${lane}`
+          );
+        }),
+        edges.map((edge, ei) => {
+          const fromRev = idToRev.get(edge.from);
+          const toRev = idToRev.get(edge.to);
+          if (!fromRev || !toRev) return null;
+          if (fromRev.lane === toRev.lane) return null;
+          const y1 = rowCenterY.get(fromRev.id);
+          const y2 = rowCenterY.get(toRev.id);
+          if (y1 === void 0 || y2 === void 0) return null;
+          const x1 = laneX(fromRev.lane);
+          const x2 = laneX(toRev.lane);
+          const dir = y2 >= y1 ? 1 : -1;
+          const k = Math.min(Math.abs(y2 - y1) / 2, EDGE_TURN);
+          return /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: `M ${x1} ${y1} C ${x1} ${y1 + dir * k}, ${x2} ${y2 - dir * k}, ${x2} ${y2}`,
+              stroke: laneColor(fromRev.lane),
+              strokeWidth: 2,
+              fill: "none",
+              strokeLinecap: "round",
+              opacity: LANE_STROKE_OPACITY
+            },
+            `edge-${ei}`
+          );
+        }),
+        revisions.map((rev) => {
+          const x = laneX(rev.lane);
+          const y = rowCenterY.get(rev.id);
+          if (y === void 0) return null;
+          const isMerge = (incomingCount.get(rev.id) ?? 0) >= 2;
+          return /* @__PURE__ */ jsx("g", { children: isMerge ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "circle",
+              {
+                cx: x,
+                cy: y,
+                r: NODE_R + 2,
+                fill: "var(--background)",
+                stroke: laneColor(rev.lane),
+                strokeWidth: 2
+              }
+            ),
+            /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: NODE_R - 1, fill: laneColor(rev.lane) })
+          ] }) : /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: NODE_R, fill: laneColor(rev.lane) }) }, `node-${rev.id}`);
+        })
+      ]
+    }
+  );
+}
+function DayHeader({ label }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "separator",
+      "aria-label": label,
+      style: { height: DAY_HEADER_H },
+      className: "box-border flex items-center gap-3 px-3",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-eyebrow uppercase text-muted-foreground", children: label }),
+        /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function Churn({ additions, deletions }) {
+  const hasAdditions = additions !== void 0 && additions > 0;
+  const hasDeletions = deletions !== void 0 && deletions > 0;
+  if (!hasAdditions && !hasDeletions) return null;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "flex shrink-0 items-center gap-1 tabular-nums text-meta text-muted-foreground",
+      "aria-label": `${additions ?? 0} additions, ${deletions ?? 0} deletions`,
+      children: [
+        hasAdditions && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-0.5 text-success-text", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true", className: "size-2.5" }),
+          additions
+        ] }),
+        hasDeletions && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-0.5 text-destructive", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx(Minus, { "aria-hidden": "true", className: "size-2.5" }),
+          deletions
+        ] })
+      ]
+    }
+  );
+}
+function RefChip({ label }) {
+  return /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center rounded border border-border bg-muted px-1.5 py-0.5 text-meta text-muted-foreground", children: label });
+}
+function BranchChevron({ expanded }) {
+  return /* @__PURE__ */ jsx(
+    ChevronRight,
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "size-3.5 shrink-0 text-muted-foreground transition-transform duration-fast ease-standard motion-reduce:transition-none",
+        expanded && "rotate-90"
+      )
+    }
+  );
+}
+function BranchToggle({ branchName, onToggle }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-expanded": true,
+      "aria-label": `Collapse branch ${branchName}`,
+      onClick: onToggle,
+      className: cn(
+        "flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground",
+        "transition-colors duration-fast ease-standard motion-reduce:transition-none",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus-ring"
+      ),
+      children: /* @__PURE__ */ jsx(BranchChevron, { expanded: true })
+    }
+  );
+}
+function CollapsedBranchRow({
+  branchId,
+  branchName,
+  summaryLabel,
+  density,
+  indent,
+  onExpand
+}) {
+  const ROW_H = density === "compact" ? ROW_H_COMPACT : ROW_H_COMFORTABLE;
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      role: "listitem",
+      "data-summary-branch-id": branchId,
+      style: { height: ROW_H, paddingInlineStart: indent },
+      className: "relative flex items-center",
+      children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": false,
+          "aria-label": `Collapsed branch ${branchName}, ${summaryLabel}, expand`,
+          onClick: onExpand,
+          className: cn(
+            "flex h-full w-full min-w-0 items-center gap-2 px-2 text-start",
+            "transition-colors duration-fast ease-standard motion-reduce:transition-none",
+            "rounded focus-ring",
+            "hover:bg-accent hover:text-accent-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(BranchChevron, { expanded: false }),
+            /* @__PURE__ */ jsx(GitBranch, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-body text-foreground", title: branchName, children: branchName }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums text-meta text-muted-foreground", children: summaryLabel })
+          ]
+        }
+      )
+    }
+  );
+}
+function RevisionRow({ revision, isMerge, density, indent, collapseToggle }) {
+  const { selectedId, onSelect } = useRevisionTimelineCtx();
+  const isSelected = selectedId === revision.id;
+  const ROW_H = density === "compact" ? ROW_H_COMPACT : ROW_H_COMFORTABLE;
+  const formattedTimestamp = useMemo(() => {
+    const d = revision.timestamp instanceof Date ? revision.timestamp : new Date(revision.timestamp);
+    return new Intl.DateTimeFormat(void 0, {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(d);
+  }, [revision.timestamp]);
+  const fullTimestamp = useMemo(() => {
+    const d = revision.timestamp instanceof Date ? revision.timestamp : new Date(revision.timestamp);
+    return new Intl.DateTimeFormat(void 0, {
+      dateStyle: "full",
+      timeStyle: "medium"
+    }).format(d);
+  }, [revision.timestamp]);
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      role: "listitem",
+      "data-revision-id": revision.id,
+      "data-selected": isSelected || void 0,
+      style: { height: ROW_H, paddingInlineStart: indent },
+      className: "relative flex items-center",
+      children: [
+        collapseToggle && /* @__PURE__ */ jsx(BranchToggle, { branchName: collapseToggle.branchName, onToggle: collapseToggle.onToggle }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Select revision: ${revision.message}`,
+            "aria-pressed": isSelected,
+            onClick: () => onSelect(revision.id),
+            className: cn(
+              collapseToggle ? "flex h-full min-w-0 flex-1 items-center gap-2 px-2 text-start" : "flex h-full w-full min-w-0 items-center gap-2 px-2 text-start",
+              "transition-colors duration-fast ease-standard motion-reduce:transition-none",
+              "rounded focus-ring",
+              "hover:bg-accent hover:text-accent-foreground",
+              isSelected && "border-s-2 border-s-primary bg-accent text-accent-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: isMerge ? /* @__PURE__ */ jsx(GitMerge, { className: "size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(GitCommitHorizontal, { className: "size-3.5", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "min-w-0 flex-1 truncate text-body text-foreground",
+                  title: revision.message,
+                  children: revision.message
+                }
+              ),
+              revision.refs && revision.refs.length > 0 && /* @__PURE__ */ jsx("span", { className: "hidden shrink-0 items-center gap-1 sm:flex", children: revision.refs.map((ref) => /* @__PURE__ */ jsx(RefChip, { label: ref }, ref)) }),
+              /* @__PURE__ */ jsx(Churn, { additions: revision.additions, deletions: revision.deletions }),
+              revision.author && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "hidden shrink-0 text-caption text-muted-foreground md:block",
+                  title: revision.author,
+                  children: revision.author
+                }
+              ),
+              revision.shortSha && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "hidden shrink-0 font-mono text-meta text-muted-foreground sm:block",
+                  title: `Full SHA: ${revision.shortSha}`,
+                  children: revision.shortSha
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "time",
+                {
+                  dateTime: revision.timestamp instanceof Date ? revision.timestamp.toISOString() : new Date(revision.timestamp).toISOString(),
+                  className: "shrink-0 text-meta text-muted-foreground",
+                  title: fullTimestamp,
+                  children: formattedTimestamp
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function useBranchCollapse(opts) {
+  const { collapsedBranchIds, defaultCollapsedBranchIds, onBranchToggle } = opts;
+  const isControlled = collapsedBranchIds !== void 0;
+  const [internal, setInternal] = useState(
+    () => new Set(defaultCollapsedBranchIds ?? [])
+  );
+  const collapsedSet = useMemo(
+    () => isControlled ? new Set(collapsedBranchIds) : internal,
+    [isControlled, collapsedBranchIds, internal]
+  );
+  const toggleBranch = useCallback(
+    (branchId) => {
+      const next = !collapsedSet.has(branchId);
+      onBranchToggle?.(branchId, next);
+      if (!isControlled) {
+        setInternal((prev) => {
+          const s = new Set(prev);
+          if (next) s.add(branchId);
+          else s.delete(branchId);
+          return s;
+        });
+      }
+    },
+    [collapsedSet, isControlled, onBranchToggle]
+  );
+  return { collapsedSet, toggleBranch };
+}
+var RevisionTimeline = forwardRef(
+  function RevisionTimeline2({
+    revisions,
+    edges = [],
+    groupBy = "day",
+    formatDay,
+    selectedId: controlledSelectedId,
+    defaultSelectedId,
+    onSelect,
+    branches,
+    collapsedBranchIds,
+    defaultCollapsedBranchIds,
+    onBranchToggle,
+    formatBranchSummary,
+    density,
+    className,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const resolvedDensity = density ?? "comfortable";
+    const collapseEnabled = !!branches && branches.length > 0;
+    const branchMaps = useMemo(() => buildBranchMaps(branches ?? []), [branches]);
+    const { collapsedSet, toggleBranch } = useBranchCollapse({
+      collapsedBranchIds,
+      defaultCollapsedBranchIds,
+      onBranchToggle
+    });
+    const isControlled = controlledSelectedId !== void 0;
+    const [internalSelectedId, setInternalSelectedId] = useState(
+      defaultSelectedId
+    );
+    const resolvedSelectedId = isControlled ? controlledSelectedId : internalSelectedId;
+    const handleSelect = useCallback(
+      (id) => {
+        onSelect?.(id);
+        if (!isControlled) {
+          setInternalSelectedId(id);
+        }
+      },
+      [isControlled, onSelect]
+    );
+    const defaultFormatDay = useCallback(
+      (d) => new Intl.DateTimeFormat(void 0, {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      }).format(d),
+      []
+    );
+    const resolvedFormatDay = formatDay ?? defaultFormatDay;
+    const mergeIds = useMemo(() => {
+      const incoming = /* @__PURE__ */ new Map();
+      for (const e of edges) {
+        incoming.set(e.to, (incoming.get(e.to) ?? 0) + 1);
+      }
+      return new Set([...incoming.entries()].filter(([, n]) => n >= 2).map(([id]) => id));
+    }, [edges]);
+    const { items: renderItems, summaryOf } = useMemo(
+      () => computeRenderItems(revisions, collapsedSet, branchMaps),
+      [revisions, collapsedSet, branchMaps]
+    );
+    const groups = useMemo(() => {
+      const itemTime = (it) => it.kind === "revision" ? it.revision.timestamp : it.tipTimestamp;
+      if (groupBy === "none") {
+        return [{ dayKey: "all", dayLabel: "", items: renderItems }];
+      }
+      const result = [];
+      for (const it of renderItems) {
+        const ts = itemTime(it);
+        const d = ts instanceof Date ? ts : new Date(ts);
+        const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+        const last = result[result.length - 1];
+        if (last && last.dayKey === key) {
+          last.items.push(it);
+        } else {
+          result.push({ dayKey: key, dayLabel: resolvedFormatDay(d), items: [it] });
+        }
+      }
+      return result;
+    }, [renderItems, groupBy, resolvedFormatDay]);
+    const ROW_H = resolvedDensity === "compact" ? ROW_H_COMPACT : ROW_H_COMFORTABLE;
+    const { rowCenterY, gutterHeight } = useMemo(() => {
+      const map = /* @__PURE__ */ new Map();
+      let y = 0;
+      for (const group of groups) {
+        if (groupBy === "day") y += DAY_HEADER_H;
+        for (const it of group.items) {
+          const id = it.kind === "revision" ? it.revision.id : it.id;
+          map.set(id, y + ROW_H / 2);
+          y += ROW_H;
+        }
+      }
+      return { rowCenterY: map, gutterHeight: y };
+    }, [groups, groupBy, ROW_H]);
+    const gutterRevisions = useMemo(
+      () => renderItems.map(
+        (it) => it.kind === "revision" ? { id: it.revision.id, lane: it.revision.lane } : { id: it.id, lane: it.lane }
+      ),
+      [renderItems]
+    );
+    const visibleEdges = useMemo(() => {
+      if (!collapseEnabled || summaryOf.size === 0) return edges;
+      const seen = /* @__PURE__ */ new Set();
+      const out = [];
+      for (const e of edges) {
+        const from = summaryOf.get(e.from) ?? e.from;
+        const to = summaryOf.get(e.to) ?? e.to;
+        if (from === to) continue;
+        const key = `${from}\0${to}`;
+        if (seen.has(key)) continue;
+        seen.add(key);
+        out.push({ from, to });
+      }
+      return out;
+    }, [collapseEnabled, edges, summaryOf]);
+    const ctx = useMemo(
+      () => ({
+        selectedId: resolvedSelectedId,
+        onSelect: handleSelect
+      }),
+      [resolvedSelectedId, handleSelect]
+    );
+    const branchLabel = (branch) => branch.name ?? branch.id;
+    const summaryText = formatBranchSummary ?? ((count) => `${count} ${count === 1 ? "commit" : "commits"}`);
+    return /* @__PURE__ */ jsx(RevisionTimelineContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(revisionTimelineVariants({ density: resolvedDensity }), className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0", children: [
+          /* @__PURE__ */ jsx(
+            LaneGutter,
+            {
+              revisions: gutterRevisions,
+              edges: visibleEdges,
+              rowCenterY,
+              height: gutterHeight,
+              className: "mr-1"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+            groupBy === "day" && /* @__PURE__ */ jsx(DayHeader, { label: group.dayLabel }),
+            /* @__PURE__ */ jsx(
+              "ol",
+              {
+                role: "list",
+                "aria-label": groupBy === "day" ? group.dayLabel : t("ui.revisionTimeline.label"),
+                children: group.items.map((it) => {
+                  if (it.kind === "summary") {
+                    return /* @__PURE__ */ jsx(
+                      CollapsedBranchRow,
+                      {
+                        branchId: it.branch.id,
+                        branchName: branchLabel(it.branch),
+                        summaryLabel: summaryText(it.count, it.branch),
+                        density: resolvedDensity,
+                        indent: it.lane * LANE_W,
+                        onExpand: () => toggleBranch(it.branch.id)
+                      },
+                      it.id
+                    );
+                  }
+                  const branch = it.branchId ? branchMaps.branchById.get(it.branchId) : void 0;
+                  const collapseToggle = it.canCollapse && branch ? {
+                    branchName: branchLabel(branch),
+                    onToggle: () => toggleBranch(branch.id)
+                  } : void 0;
+                  return /* @__PURE__ */ jsx(
+                    RevisionRow,
+                    {
+                      revision: it.revision,
+                      isMerge: mergeIds.has(it.revision.id),
+                      density: resolvedDensity,
+                      indent: it.revision.lane * LANE_W,
+                      collapseToggle
+                    },
+                    it.revision.id
+                  );
+                })
+              }
+            )
+          ] }, group.dayKey)) })
+        ] })
+      }
+    ) });
+  }
+);
+
+export {
+  revisionTimelineVariants,
+  laneColor,
+  RevisionTimeline
+};
+//# sourceMappingURL=chunk-XONGYCW3.js.map