@manta-eu/react 0.6.0 → 0.8.0

package/dist/routes/integrations/connection-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"connection-view.js","sourceRoot":"","sources":["../../../src/routes/integrations/connection-view.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"connection-view.js","sourceRoot":"","sources":["../../../src/routes/integrations/connection-view.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manta-eu/react",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "The Manta design system, knowledge-graph UI and agent components",
   "homepage": "https://developers.manta.eu",
   "keywords": [
@@ -1139,12 +1139,12 @@
     "usehooks-ts": "^3.1.1",
     "zod": "^4.5.0",
     "zustand": "^5.0.2",
-    "@manta-eu/auth": "0.6.0",
-    "@manta-eu/datalog-parser": "0.6.0",
-    "@manta-eu/client": "0.6.0",
-    "@manta-eu/ldo": "0.6.0",
-    "@manta-eu/lib": "0.6.0",
-    "@manta-eu/rdf-lib": "0.6.0"
+    "@manta-eu/auth": "0.8.0",
+    "@manta-eu/client": "0.8.0",
+    "@manta-eu/datalog-parser": "0.8.0",
+    "@manta-eu/ldo": "0.8.0",
+    "@manta-eu/rdf-lib": "0.8.0",
+    "@manta-eu/lib": "0.8.0"
   },
   "peerDependencies": {
     "@ulb-darmstadt/shacl-form": "^2.1.1-rc1",
@@ -1155,11 +1155,11 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^10.2.1",
-    "@storybook/addon-links": "^10.2.1",
-    "@storybook/react": "^10.2.1",
-    "@storybook/react-vite": "^10.2.1",
-    "@tailwindcss/postcss": "^4.1.17",
+    "@storybook/addon-docs": "^10.6.4",
+    "@storybook/addon-links": "^10.6.4",
+    "@storybook/react": "^10.6.4",
+    "@storybook/react-vite": "^10.6.4",
+    "@tailwindcss/postcss": "^4.3.3",
     "@types/js-cookie": "^3.0.6",
     "@types/mustache": "^4.2.5",
     "@types/ramda": "^0.31.1",
@@ -1174,12 +1174,12 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "rimraf": "^6.1.3",
-    "storybook": "^10.2.1",
-    "tailwindcss": "^4.1.17",
+    "storybook": "^10.6.4",
+    "tailwindcss": "^4.3.3",
     "tsc-alias": "^1.9.5",
     "typescript": "^5.9.3",
     "uuid": "^13.0.0",
-    "vite": "^7.3.1",
+    "vite": "^8.3.5",
     "vitest": "^4.1.8",
     "@manta-eu/eslint-config": "0.1.0"
   },
@@ -1200,9 +1200,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:lib",
+    "build": "rimraf dist && postcss src/globals.css -o dist/globals.css && tsc --project tsconfig.build.json && tsc-alias --project tsconfig.build.json --resolve-full-paths",
     "build-storybook": "NODE_OPTIONS=\"$NODE_OPTIONS --max-old-space-size=6144\" storybook build",
-    "build:lib": "rimraf dist && postcss src/globals.css -o dist/globals.css && tsc --project tsconfig.build.json && tsc-alias --project tsconfig.build.json --resolve-full-paths",
     "lint": "eslint .",
     "storybook": "storybook dev -p 6007",
     "test": "vitest --run",

package/src/components/button/index.tsx

@@ -1,5 +1,6 @@
 import { Slot } from "@radix-ui/react-slot";
 import { Loader2 } from "lucide-react";
+import { Children } from "react";
 import type { ComponentProps, ComponentPropsWithoutRef, ComponentType, ElementType, ReactNode, Ref } from "react";
 import { tv } from "tailwind-variants";
 import { cn, type ClassProp, type VariantPropsOf } from "#style";
@@ -8,6 +9,21 @@ function Loader(props: ComponentProps<typeof Loader2>) {
   return <Loader2 {...props} className={cn("size-4 animate-spin text-inherit", props.className)} />;
 }
 
+function isText(child: unknown): child is string | number {
+  return typeof child === "string" || typeof child === "number";
+}
+
+// Text needs an element around it, or the loading state's `[&>*]:invisible` leaves it under the spinner.
+export function wrapTextChildren(children: ReactNode): ReactNode[] {
+  const parts = Children.toArray(children);
+  return parts.flatMap<ReactNode>((child, index) => {
+    if (!isText(child)) return [child];
+    if (index > 0 && isText(parts[index - 1])) return [];
+    const end = parts.findIndex((part, at) => at > index && !isText(part));
+    return [<span key={`text-${index}`}>{parts.slice(index, end === -1 ? undefined : end).join("")}</span>];
+  });
+}
+
 export const buttonConfig = {
   base: [
     "inline-flex items-center justify-center text-center gap-1.5 transition-[color_150ms_ease,transform_100ms_ease-out] motion-reduce:transition-none",
@@ -165,7 +181,7 @@ export function Button(props: ButtonProps) {
       {LeftIconComponent && <LeftIconComponent />}
       {label && <span>{label}</span>}
       {RightIconComponent && <RightIconComponent />}
-      {children}
+      {wrapTextChildren(children)}
       {isLoading && (
         <span className="absolute inset-0 flex items-center justify-center" data-loader-wrapper aria-hidden="true">
           <Loader data-loader />

package/src/components/chart/ForecastChart.tsx

@@ -0,0 +1,383 @@
+import { isPresent } from "@manta-eu/lib/present";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { Area, CartesianGrid, ComposedChart, Line, ReferenceDot, ReferenceLine, XAxis, YAxis } from "recharts";
+import { renderAnnotations } from "./annotations";
+import { ChartTooltip } from "./chart";
+import { ChartFrame } from "./ChartFrame";
+import {
+  forecastMargin,
+  forecastXAxisHeight,
+  formatCompact,
+  formatWhole,
+  nearestMetric,
+  partKey,
+  plotGeometry,
+  rangeKey,
+  valueAtY,
+  type ForecastEvent,
+  type ForecastPart,
+  type ForecastPlanShare,
+} from "./forecast";
+import {
+  betweenName,
+  buildForecastModel,
+  forecastParts as parts,
+  gainName,
+  metricColor,
+  withoutColor,
+  type ForecastBetween,
+  type ForecastMetric,
+} from "./forecast-model";
+import { ForecastEventCard, ForecastEventDot } from "./ForecastEventCard";
+import { ForecastHoverCard } from "./ForecastHoverCard";
+import { ForecastLegend } from "./ForecastLegend";
+import { Popover, PopoverAnchor } from "#components/popover/index";
+import { cn } from "#style";
+
+export type ForecastChartProps = {
+  /** One row per x value; each row carries `x` and a number per metric key. */
+  data: Record<string, unknown>[];
+  /** The x value of Today: lines are solid up to it and dotted after. Omit it for a history-only chart. */
+  today?: string | number;
+  metrics: ForecastMetric[];
+  /** Legend name of the shading between a metric and its `withoutPlans` line. */
+  gainLabel?: string;
+  /** A faint fill between two metrics, such as profit between revenue and costs. */
+  between?: ForecastBetween[];
+  goal?: { value: number; label: string };
+  events?: ForecastEvent[];
+  /** Called when an event's dot or its card link is chosen; without it, an event's `href` is a plain link. */
+  onEventSelect?: (event: ForecastEvent) => void;
+  /** The plans behind each projected point of a metric, shown in its hover card (the first two). */
+  planShares?: ForecastPlanShare[];
+  /** Formats axis ticks. */
+  formatValue?: (value: number) => string;
+  /** Formats the figures in the hover card. */
+  formatDetail?: (value: number) => string;
+  /** Follows the signed gap in the hover card: "+$2,664 with the plans". */
+  changeLabel?: string;
+  projectedLabel?: string;
+  /** The tag on the Today line. */
+  todayLabel?: string;
+  /** Legend names of the solid and dotted parts of a single metric. */
+  legendLabels?: { historic?: string; projected?: string };
+  title?: string;
+  height?: number;
+  className?: string;
+};
+
+const projectedDash = "0.5 6";
+const noBetween: ForecastBetween[] = [];
+const noEvents: ForecastEvent[] = [];
+const noPlanShares: ForecastPlanShare[] = [];
+
+function TodayTag(props: { text: string; viewBox?: { x?: number; y?: number } }) {
+  const { text, viewBox } = props;
+  if (viewBox?.x === undefined || viewBox.y === undefined) {
+    return null;
+  }
+  return (
+    <foreignObject
+      x={viewBox.x - 100}
+      y={viewBox.y}
+      width={200}
+      height={20}
+      className="pointer-events-none overflow-visible"
+    >
+      <div className="flex justify-center">
+        <span className="h-5 rounded-full border border-default-border bg-card px-2 typography-tiny-medium leading-5 text-default-foreground">
+          {text}
+        </span>
+      </div>
+    </foreignObject>
+  );
+}
+
+export function ForecastChart(props: ForecastChartProps) {
+  const {
+    data,
+    today,
+    metrics,
+    gainLabel = "Added by plans",
+    between = noBetween,
+    goal,
+    events = noEvents,
+    onEventSelect,
+    planShares = noPlanShares,
+    formatValue = formatCompact,
+    formatDetail = formatWhole,
+    changeLabel = "with the plans",
+    projectedLabel = "projected",
+    todayLabel = "Today",
+    legendLabels,
+    title,
+    height = 320,
+    className,
+  } = props;
+  const id = useId().replace(/:/g, "");
+  const fadeId = `forecast-fade-${id}`;
+  const cardId = `forecast-event-${id}`;
+  const plotRef = useRef<HTMLDivElement>(null);
+  const closeTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
+  const [activeEvent, setActiveEvent] = useState<{ index: number; cx: number; cy: number }>();
+  const [focusKey, setFocusKey] = useState<string>();
+
+  const model = useMemo(
+    () =>
+      buildForecastModel({
+        data,
+        ...(today === undefined ? {} : { today }),
+        metrics,
+        between,
+        gainLabel,
+        ...(goal ? { goal } : {}),
+        ...(legendLabels ? { legendLabels } : {}),
+      }),
+    [data, today, metrics, between, goal, gainLabel, legendLabels],
+  );
+
+  const emptyKeys = model.emptyKeys.join(", ");
+  useEffect(() => {
+    if (isPresent(emptyKeys)) {
+      console.warn(`ForecastChart: no numbers in data for ${emptyKeys}; check the metric keys`);
+    }
+  }, [emptyKeys]);
+
+  const missingToday = model.todayMissing ? String(today) : "";
+  useEffect(() => {
+    if (isPresent(missingToday)) {
+      console.warn(
+        `ForecastChart: today "${missingToday}" matches no row's x; the Today line and projection are hidden`,
+      );
+    }
+  }, [missingToday]);
+
+  const { overlay, withPlans, rows, domain, ticks, firstColor } = model;
+  const gainOpacity: Record<ForecastPart, number> = overlay ? { past: 0.5, ahead: 0.34 } : { past: 0.24, ahead: 0.14 };
+  const betweenOpacity: Record<ForecastPart, number> = { past: 0.08, ahead: 0.05 };
+  const geometry = plotGeometry(height);
+  const focusedMetric = model.hoverMetrics.find((metric) => metric.key === focusKey) ?? model.hoverMetrics[0];
+
+  function followPointer(state: { chartY?: number; activePayload?: { payload?: Record<string, unknown> }[] }) {
+    const row = state.activePayload?.[0]?.payload;
+    if (state.chartY === undefined || row === undefined) {
+      return;
+    }
+    const nearest = nearestMetric(
+      row,
+      metrics.map((metric) => metric.key),
+      valueAtY(state.chartY, geometry.top, geometry.height, domain),
+    );
+    if (nearest !== focusKey) {
+      setFocusKey(nearest);
+    }
+  }
+
+  function cancelClose() {
+    clearTimeout(closeTimer.current);
+  }
+
+  function closeSoon() {
+    cancelClose();
+    closeTimer.current = setTimeout(() => setActiveEvent(undefined), 150);
+  }
+
+  function closeUnlessInside(next: EventTarget | null) {
+    const inside = [plotRef.current, document.getElementById(cardId)].some(
+      (container) => next instanceof Node && container?.contains(next),
+    );
+    if (!inside) {
+      setActiveEvent(undefined);
+    }
+  }
+
+  function showEvent(index: number, cx: number, cy: number) {
+    cancelClose();
+    setActiveEvent({ index, cx, cy });
+  }
+
+  function rangeArea(name: string, part: ForecastPart, color: string, opacity: number) {
+    return (
+      <Area
+        key={rangeKey(name, part)}
+        dataKey={rangeKey(name, part)}
+        type="monotone"
+        fill={color}
+        fillOpacity={opacity}
+        stroke="none"
+        tooltipType="none"
+        activeDot={false}
+        isAnimationActive={false}
+      />
+    );
+  }
+
+  function line(key: string, part: ForecastPart, color: string, width: number, withPlans: boolean) {
+    const activeDot = { r: 3.5, fill: color, stroke: "var(--color-card)", strokeWidth: 1.5 };
+    return (
+      <Line
+        key={partKey(key, part)}
+        dataKey={partKey(key, part)}
+        type="monotone"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinejoin="round"
+        strokeLinecap="round"
+        strokeDasharray={part === "ahead" && withPlans ? projectedDash : undefined}
+        dot={false}
+        activeDot={activeEvent ? false : activeDot}
+        tooltipType="none"
+        isAnimationActive={false}
+      />
+    );
+  }
+
+  const shownEvent = activeEvent ? events[activeEvent.index] : undefined;
+
+  return (
+    <div className={cn("w-full", className)}>
+      {isPresent(title) ? (
+        <p className="typography-small-medium mb-2 text-center text-default-foreground">{title}</p>
+      ) : null}
+      <ForecastLegend items={model.legendItems} />
+      <div ref={plotRef} className="relative">
+        <ChartFrame config={model.config} height={height}>
+          <ComposedChart accessibilityLayer data={rows} margin={forecastMargin} onMouseMove={followPointer}>
+            <defs>
+              <linearGradient id={fadeId} x1="0" y1="0" x2="0" y2="1">
+                <stop offset="0%" stopColor={model.fadeColor} stopOpacity={overlay ? 0.3 : 0.34} />
+                <stop offset="100%" stopColor={model.fadeColor} stopOpacity={0} />
+              </linearGradient>
+            </defs>
+            <CartesianGrid vertical={false} strokeDasharray="2 3" />
+            <XAxis
+              dataKey="x"
+              height={forecastXAxisHeight}
+              tickLine={false}
+              axisLine={false}
+              tickMargin={12}
+              minTickGap={24}
+            />
+            <YAxis
+              tickLine={false}
+              axisLine={false}
+              width={56}
+              domain={domain}
+              ticks={ticks}
+              interval={0}
+              tickFormatter={formatValue}
+              allowDataOverflow
+            />
+            {model.fadeKeys.map(({ part, key }) => (
+              <Area
+                key={`fade-${part}`}
+                dataKey={partKey(key, part)}
+                baseValue="dataMin"
+                type="monotone"
+                stroke="none"
+                fill={`url(#${fadeId})`}
+                tooltipType="none"
+                activeDot={false}
+                isAnimationActive={false}
+              />
+            ))}
+            {between.flatMap((_, index) =>
+              parts.map((part) => rangeArea(betweenName(index), part, firstColor, betweenOpacity[part])),
+            )}
+            {withPlans.flatMap((entry) =>
+              parts.map((part) =>
+                rangeArea(gainName(entry.index), part, metricColor(entry.metric, entry.index), gainOpacity[part]),
+              ),
+            )}
+            {isPresent(goal)
+              ? renderAnnotations([
+                  { kind: "reference-line", axis: "y", value: goal.value, label: goal.label, tone: "neutral" },
+                ])
+              : null}
+            {model.todayIndex >= 0 && today !== undefined ? (
+              <ReferenceLine
+                x={today}
+                stroke="var(--color-default-foreground)"
+                strokeOpacity={0.4}
+                label={<TodayTag text={todayLabel} />}
+              />
+            ) : null}
+            <ChartTooltip
+              active={shownEvent ? false : undefined}
+              cursor={{ stroke: "var(--color-default-border)" }}
+              content={
+                <ForecastHoverCard
+                  metric={focusedMetric}
+                  formatDetail={formatDetail}
+                  changeLabel={changeLabel}
+                  projectedLabel={projectedLabel}
+                  planShares={planShares}
+                />
+              }
+            />
+            {withPlans.flatMap((entry) =>
+              parts.map((part) => line(entry.without.key, part, withoutColor, overlay ? 1.5 : 2, false)),
+            )}
+            {metrics.flatMap((metric, index) =>
+              (["ahead", "past"] as const).map((part) =>
+                line(metric.key, part, metricColor(metric, index), index === 0 ? 2.5 : 2.25, true),
+              ),
+            )}
+            {events.map((event, index) => {
+              const metricIndex = metrics.findIndex((metric) => metric.key === event.metric);
+              const metric = metrics[metricIndex];
+              const value = data.find((row) => row.x === event.x)?.[event.metric];
+              if (typeof value !== "number" || metric === undefined) {
+                return null;
+              }
+              return (
+                <ReferenceDot
+                  key={`${event.metric}-${event.x}-${event.title}`}
+                  x={event.x}
+                  y={value}
+                  shape={(dot: { cx?: number; cy?: number }) => (
+                    <ForecastEventDot
+                      event={event}
+                      color={metricColor(metric, metricIndex)}
+                      {...(dot.cx === undefined ? {} : { cx: dot.cx })}
+                      {...(dot.cy === undefined ? {} : { cy: dot.cy })}
+                      active={activeEvent?.index === index}
+                      cardId={cardId}
+                      {...(onEventSelect ? { onSelect: onEventSelect } : {})}
+                      onShow={(cx, cy) => showEvent(index, cx, cy)}
+                      onLeave={closeSoon}
+                      onBlur={closeUnlessInside}
+                    />
+                  )}
+                />
+              );
+            })}
+          </ComposedChart>
+        </ChartFrame>
+        <Popover
+          key={activeEvent?.index}
+          open={shownEvent !== undefined}
+          onOpenChange={(open) => !open && setActiveEvent(undefined)}
+        >
+          <PopoverAnchor asChild>
+            <span
+              aria-hidden="true"
+              className="pointer-events-none absolute size-0"
+              style={{ left: activeEvent?.cx ?? 0, top: activeEvent?.cy ?? 0 }}
+            />
+          </PopoverAnchor>
+          {shownEvent ? (
+            <ForecastEventCard
+              event={shownEvent}
+              id={cardId}
+              {...(onEventSelect ? { onSelect: onEventSelect } : {})}
+              onEnter={cancelClose}
+              onLeave={closeSoon}
+              onBlur={closeUnlessInside}
+            />
+          ) : null}
+        </Popover>
+      </div>
+    </div>
+  );
+}

package/src/components/chart/ForecastEventCard.tsx

@@ -0,0 +1,163 @@
+import { isPresent } from "@manta-eu/lib/present";
+import { ArrowUpRight } from "lucide-react";
+import type { FocusEvent, KeyboardEvent, ReactNode } from "react";
+import type { ForecastEvent } from "./forecast";
+import { PopoverArrow, PopoverContent } from "#components/popover/index";
+import { cn } from "#style";
+
+const eventLabels: Record<ForecastEvent["status"], string> = {
+  applied: "Applied",
+  waiting: "Waiting for your approval",
+};
+
+export function eventLabel(event: ForecastEvent): string {
+  return event.label ?? eventLabels[event.status];
+}
+
+type ForecastEventDotProps = {
+  event: ForecastEvent;
+  color: string;
+  cx?: number;
+  cy?: number;
+  active: boolean;
+  cardId: string;
+  onSelect?: (event: ForecastEvent) => void;
+  onShow: (cx: number, cy: number) => void;
+  onLeave: () => void;
+  onBlur: (next: EventTarget | null) => void;
+};
+
+/** A dot on a metric's line. With `onSelect` it acts on click or Enter; otherwise an `href` makes it a plain link. */
+export function ForecastEventDot(props: ForecastEventDotProps) {
+  const { event, color, cx, cy, active, cardId, onSelect, onShow, onLeave, onBlur } = props;
+  if (cx === undefined || cy === undefined) {
+    return null;
+  }
+  const label = `${eventLabel(event)}: ${event.title}`;
+  const waiting = event.status === "waiting";
+  const circles = (
+    <>
+      <circle cx={cx} cy={cy} r={14} fill="transparent" />
+      <circle
+        cx={cx}
+        cy={cy}
+        r={10}
+        fill={color}
+        className={cn(
+          "opacity-0 transition-opacity group-hover/event:opacity-20 group-focus-visible/event:opacity-35",
+          active && "opacity-20",
+        )}
+      />
+      <circle
+        cx={cx}
+        cy={cy}
+        r={active ? 6.5 : 5}
+        fill={waiting ? "var(--color-card)" : color}
+        stroke={waiting ? color : "var(--color-card)"}
+        strokeWidth={2}
+      />
+    </>
+  );
+  const shared = {
+    "aria-label": label,
+    "aria-describedby": active ? cardId : undefined,
+    className: "group/event cursor-pointer outline-none",
+    onMouseEnter: () => onShow(cx, cy),
+    onMouseLeave: onLeave,
+    onFocus: () => onShow(cx, cy),
+    onBlur: (focusEvent: FocusEvent) => onBlur(focusEvent.relatedTarget),
+  };
+
+  if (onSelect === undefined && isPresent(event.href)) {
+    return (
+      <a href={event.href} {...shared}>
+        {circles}
+      </a>
+    );
+  }
+
+  if (onSelect === undefined) {
+    return (
+      <g role="img" tabIndex={0} {...shared} className="group/event outline-none">
+        {circles}
+      </g>
+    );
+  }
+
+  function handleKeyDown(keyEvent: KeyboardEvent<SVGGElement>) {
+    if (keyEvent.key === "Enter" || keyEvent.key === " ") {
+      keyEvent.preventDefault();
+      onSelect?.(event);
+    }
+  }
+
+  return (
+    <g role="button" tabIndex={0} {...shared} onClick={() => onSelect(event)} onKeyDown={handleKeyDown}>
+      {circles}
+    </g>
+  );
+}
+
+type ForecastEventCardProps = {
+  event: ForecastEvent;
+  id: string;
+  onSelect?: (event: ForecastEvent) => void;
+  onEnter: () => void;
+  onLeave: () => void;
+  onBlur: (next: EventTarget | null) => void;
+};
+
+/** The dark card over a dot: its label, title, value and, with an `href`, an "Open plan" link. */
+export function ForecastEventCard(props: ForecastEventCardProps) {
+  const { event, id, onSelect, onEnter, onLeave, onBlur } = props;
+  const link: ReactNode = isPresent(event.href) ? (
+    <a
+      href={event.href}
+      onClick={(clickEvent) => {
+        if (onSelect) {
+          clickEvent.preventDefault();
+          onSelect(event);
+        }
+      }}
+      className="mt-1 inline-flex items-center gap-1 self-start typography-small underline underline-offset-2"
+    >
+      {event.linkLabel ?? "Open plan"}
+      <ArrowUpRight className="size-3.5" aria-hidden="true" />
+    </a>
+  ) : null;
+  return (
+    <PopoverContent
+      id={id}
+      role={isPresent(event.href) ? undefined : "tooltip"}
+      side="top"
+      sideOffset={12}
+      collisionPadding={8}
+      onOpenAutoFocus={(focusEvent) => focusEvent.preventDefault()}
+      onCloseAutoFocus={(focusEvent) => focusEvent.preventDefault()}
+      className={cn(
+        "flex w-max min-w-50 max-w-65 flex-col gap-1 rounded-md-v4 border-0 px-3.5 pt-2.5 pb-3",
+        "bg-inverse text-inverse-foreground shadow-xl ring-1 ring-inverse-foreground/10",
+        !isPresent(event.href) && "pointer-events-none",
+      )}
+      onMouseEnter={onEnter}
+      onMouseLeave={onLeave}
+      onBlur={(focusEvent) => onBlur(focusEvent.relatedTarget)}
+    >
+      <span className="typography-tiny opacity-70">{eventLabel(event)}</span>
+      <strong className="typography-body-medium">{event.title}</strong>
+      {isPresent(event.value) ? (
+        <span
+          className="typography-small-semibold tabular-nums"
+          style={{ color: "color-mix(in srgb, var(--color-accent-foreground) 55%, var(--color-inverse-foreground))" }}
+        >
+          {event.value}
+          {isPresent(event.valueNote) ? (
+            <small className="ml-1 typography-tiny opacity-70">{event.valueNote}</small>
+          ) : null}
+        </span>
+      ) : null}
+      {link}
+      <PopoverArrow className="fill-inverse" width={12} height={6} />
+    </PopoverContent>
+  );
+}