@alfadocs/ui-kit-debug 1.29.0 → 1.31.0

package/dist/_chunks/sparkline-Dx_sxK3J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline-Dx_sxK3J.js","sources":["../../src/components/sparkline/use-linear-trend.ts","../../src/components/sparkline/sparkline.agent.ts","../../src/components/sparkline/sparkline.tsx"],"sourcesContent":["export type TrendDirection = 'increasing' | 'decreasing' | 'steady';\n\nexport interface LinearTrendResult {\n  slope: number;\n  direction: TrendDirection;\n}\n\nexport function useLinearTrend(data: number[]): LinearTrendResult {\n  if (data.length < 2) {\n    return { slope: 0, direction: 'steady' };\n  }\n\n  const n = data.length;\n  const xMean = (n - 1) / 2;\n  const yMean = data.reduce((sum, y) => sum + y, 0) / n;\n\n  let numerator = 0;\n  let denominator = 0;\n\n  for (let i = 0; i < n; i++) {\n    const dx = i - xMean;\n    numerator += dx * (data[i] - yMean);\n    denominator += dx * dx;\n  }\n\n  const slope = denominator === 0 ? 0 : numerator / denominator;\n  const range = Math.max(...data) - Math.min(...data);\n  const threshold = 0.01 * (range || 1);\n\n  const direction: TrendDirection =\n    Math.abs(slope) < threshold\n      ? 'steady'\n      : slope > 0\n        ? 'increasing'\n        : 'decreasing';\n\n  return { slope, direction };\n}\n","import type { AgentAdapter } from '../../agent/types';\nimport type { SparklineHandle } from './sparkline';\n\nexport const sparklineAgent: AgentAdapter<SparklineHandle> = {\n  id: 'sparkline',\n  capabilities: [],\n  // `select_annotation` enforces two preconditions silently and\n  // `update_series` writes straight into ApexCharts, bypassing React —\n  // so nothing in the React tree reflects what is actually rendered.\n  // These slots are the checkable form of both.\n  //\n  // A9 boundary: an annotation `id` is the host's opaque key, so it is\n  // exposed; `SparklineAnnotation.label` is human-readable and could\n  // name a clinical event, so it is not. The plotted values are\n  // measurements in a clinical sparkline and are never exposed — only\n  // their count. `trend` from `useLinearTrend` is deliberately left out\n  // for the same reason (still derived from the plotted values); adding\n  // it needs a DS-maintainer sign-off.\n  state: {\n    annotationIds: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.sparkline.state.annotationIds',\n      description:\n        'Ids of the annotations currently drawn, in declaration order. The only ids `select_annotation` will accept — check against this before calling. Ids only, never annotation labels.',\n      read: (handle) => handle.getAnnotationIds(),\n    },\n    selectable: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.sparkline.state.selectable',\n      description:\n        'True when the host wired an annotation-select handler. False means every `select_annotation` call is a no-op, whatever id is passed.',\n      read: (handle) => handle.isSelectable(),\n    },\n    pointCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.sparkline.state.pointCount',\n      description:\n        'Number of positions in the currently rendered series, unmeasured gaps included — reflecting whichever applied last, the `data` prop or an `update_series` call. A count only; the plotted values are never exposed.',\n      read: (handle) => handle.getPointCount(),\n    },\n  },\n  actions: {\n    update_series: {\n      // Replacing the rendered series mutates what the chart displays — write,\n      // not read.\n      safety: 'write',\n      argsType: '{ data: number[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          data: {\n            type: 'array',\n            items: { type: 'number' },\n            description: 'The new data points to render.',\n          },\n        },\n        required: ['data'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.sparkline.actions.updateSeries',\n      description:\n        'Replace the sparkline data without remounting. Writes straight into ApexCharts, bypassing React — read the `pointCount` slot back rather than expecting the host tree to reflect it. Host-supplied point labels are not updated, so the tooltip title is hidden after this call.',\n      errors: [\n        'Per-point tooltip titles are hidden after this call — the host point labels describe the previous series, not the one written.',\n      ],\n      invoke: (handle, args: { data: number[] }) => {\n        handle.updateSeries(args.data);\n      },\n    },\n    export_png: {\n      // Pure getter — returns an image of the current chart, no state change.\n      safety: 'read',\n      returns: 'string',\n      returnsSchema: {\n        type: 'string',\n        description: 'A PNG image of the sparkline encoded as a data URI.',\n      },\n      descriptionKey: 'ui.agent.sparkline.actions.exportPng',\n      description: 'Return a PNG data URI of the sparkline.',\n      invoke: (handle) => handle.dataURI(),\n    },\n    select_annotation: {\n      // Routes the host somewhere — the same thing a pointer press on the\n      // annotation's band does. Nothing in the chart changes, but the host's\n      // surface does, so it is not a read.\n      safety: 'write',\n      argsType: '{ annotationId: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          annotationId: {\n            type: 'string',\n            description:\n              \"The annotation's id, as carried by data-annotation-hit-id on the pressable band. The decorative drawn marker carries the same value as data-annotation-id, but is not selectable.\",\n          },\n        },\n        required: ['annotationId'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.sparkline.actions.selectAnnotation',\n      description:\n        'Select a drawn annotation, as pressing its band would. No-op unless the host wired onAnnotationSelect and the id names an annotation that is currently drawn — check the `selectable` and `annotationIds` slots first, since neither failure produces a signal.',\n      errors: [\n        'Silently ignored when `selectable` is false — the host wired no annotation-select handler.',\n        'Silently ignored when the id is not in `annotationIds` — that annotation is not currently drawn.',\n      ],\n      invoke: (handle, args: { annotationId: string }) => {\n        handle.selectAnnotation(args.annotationId);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sparkline' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport ReactApexChart from 'react-apexcharts';\nimport ApexCharts from 'apexcharts';\nimport { getApexChartsTheme } from '../../tokens/apexcharts-theme';\nimport { useNeutraliseHiddenFocus } from '../_shared/use-neutralize-hidden-focus';\nimport { markerPath, type MarkerShape } from '../annotation-marker';\nimport { useLinearTrend } from './use-linear-trend';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { sparklineAgent } from './sparkline.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst sparklineVariants = cva('ds:relative ds:inline-block ds:w-full', {\n  variants: {\n    size: {\n      xs: 'ds:h-6',\n      sm: 'ds:h-8',\n      md: 'ds:h-10',\n      // Applied when an explicit `height` prop is given: the wrapper\n      // grows with the svg instead of clipping at the size's fixed height.\n      auto: '',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* Tone only TINTS the annotation — the shape is what distinguishes one\n * event from another (WCAG 1.4.1), matching AnnotationMarker's vocabulary. */\nconst annotationVariants = cva('', {\n  variants: {\n    tone: {\n      neutral: 'ds:[--annotation-color:var(--muted-foreground)]',\n      info: 'ds:[--annotation-color:var(--info)]',\n      success: 'ds:[--annotation-color:var(--success)]',\n      /* `--warning-readable`, not `--warning`: a 1.5px dashed line is a\n       * non-text graphic (WCAG 1.4.11, 3:1), and yellow-500 is ~1.6:1 on a\n       * light card. The token aliases back to `--warning` in dark. */\n      warning: 'ds:[--annotation-color:var(--warning-readable)]',\n      error: 'ds:[--annotation-color:var(--destructive)]',\n      accent: 'ds:[--annotation-color:var(--accent)]',\n    },\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\n/* A 24–40px sparkline cannot hold a 44px target, so the POINTER layer alone is\n * bled outward to reach it. The drawn layer is a separate div at `inset-y-0`;\n * nothing rendered moves.\n *\n * BOTH axes follow `--min-target-size`: the vertical bleed via the calc\n * variants below, and the JS band width by measuring the resolved token off\n * the wrapper (fallback 44). Under `.theme-accessible` (48px) the band\n * widens on both axes. `auto` (an explicit `height`) cannot be computed here\n * at all and inherits whatever the host set. */\nconst annotationHitVariants = cva(\n  'ds:pointer-events-none ds:absolute ds:inset-x-[2px]',\n  {\n    variants: {\n      // Bleed to the target-size token, not a literal: (token − drawn)/−2 per\n      // size, so `.theme-accessible` (48px) widens the band automatically —\n      // the same calc idiom IconButton uses for its hit-area expansion.\n      size: {\n        xs: 'ds:inset-y-[calc((var(--min-target-size)-24px)/-2)]',\n        sm: 'ds:inset-y-[calc((var(--min-target-size)-32px)/-2)]',\n        md: 'ds:inset-y-[calc((var(--min-target-size)-40px)/-2)]',\n        auto: 'ds:inset-y-0',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst DIRECTION_ARROW = {\n  increasing: '↑',\n  decreasing: '↓',\n  steady: '→',\n} as const;\n\nconst SIZE_HEIGHT: Record<'xs' | 'sm' | 'md', number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n};\n\n/** ApexCharts grid padding, in px. The plotted extent is the wrapper inset by\n * this on each edge, so the annotation overlay has to use the same number to\n * land its first/last position on the first/last data point. */\nconst PLOT_EDGE_PADDING = 2;\n\n/** Radius of an annotation's shape cap, in svg user units (= px here). Sized\n * against the SMALLEST sparkline it has to sit on (`xs`, 24px): a 5px cap is\n * ~a fifth of that height, still shape-legible, and no longer competes with\n * the series it annotates. */\nconst ANNOTATION_CAP_RADIUS = 2.5;\n\n/** FALLBACK pointer-band width, in px — the light/dark `--min-target-size`.\n * The live value is measured off the wrapper so `.theme-accessible` (48px)\n * widens the band; this constant only covers the tick before the first\n * measurement and non-browser environments. Wider than the token is never\n * allowed — a sparse set of annotations would turn the whole trend into a\n * click target. */\nconst ANNOTATION_HIT_WIDTH = 44;\n\ninterface AnnotationHitBand {\n  annotation: SparklineAnnotation;\n  x: number;\n  width: number;\n}\n\n/**\n * The pointer bands for a set of annotations across a plot `plotWidth` px wide.\n * Pure — the geometry is the only part needing a measured width, and keeping it\n * out of the render is what makes it testable.\n *\n * Each annotation owns the strip from the midpoint of the gap behind it to the\n * midpoint of the gap ahead, clamped to the plot. Its band is 44px inside that\n * strip, centred on its line and slid inward where the strip's edge would cut\n * it — so a line on the first data point still gets a full band, and no band\n * reaches past the plot onto whatever sits beside the sparkline. Annotations\n * closer than 44px each keep half the gap: a press must mean exactly one.\n */\nfunction annotationHitBands(\n  annotations: readonly SparklineAnnotation[],\n  plotWidth: number,\n  hitWidth: number = ANNOTATION_HIT_WIDTH,\n): AnnotationHitBand[] {\n  const centred = annotations\n    .map((annotation) => ({\n      annotation,\n      centre: clampFraction(annotation.position) * plotWidth,\n    }))\n    .sort((a, b) => a.centre - b.centre);\n\n  return centred.map((entry, index) => {\n    const before = centred[index - 1];\n    const after = centred[index + 1];\n    const from = before ? (before.centre + entry.centre) / 2 : 0;\n    const to = after ? (entry.centre + after.centre) / 2 : plotWidth;\n    const lower = Math.max(0, from);\n    const upper = Math.min(plotWidth, to);\n    const width = Math.min(hitWidth, Math.max(0, upper - lower));\n    const x = Math.min(\n      Math.max(entry.centre - width / 2, lower),\n      upper - width,\n    );\n    return { annotation: entry.annotation, x, width };\n  });\n}\n\nfunction clampFraction(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.min(1, Math.max(0, value));\n}\n\n/** The measurements in a series, gaps dropped. A `null` is an unmeasured\n * position, not a zero — it must not reach the min/max/trend maths. */\nfunction measured(data: readonly (number | null)[]): number[] {\n  return data.filter((value): value is number => value != null);\n}\n\nfunction prefersReducedMotion(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SparklineHandle {\n  updateSeries: (data: (number | null)[]) => void;\n  updateOptions: (opts: ApexCharts.ApexOptions) => void;\n  dataURI: () => Promise<string>;\n  /** Fire the host's annotation handler for `id`, as a pointer press on that\n   * annotation's band would. No-op when the sparkline is not selectable, or\n   * when `id` names no currently drawn annotation. */\n  selectAnnotation: (id: string) => void;\n  /* ---- read-back: the two preconditions `selectAnnotation` silently\n   * enforces, plus the series length ------------------------------- */\n  /** Ids of the annotations currently drawn — the only ids `selectAnnotation`\n   * will accept. Ids only: an annotation's `label` is human-readable and could\n   * name a clinical event, so it is never exposed. */\n  getAnnotationIds: () => string[];\n  /** True when the host wired `onAnnotationSelect`. False means every\n   * `selectAnnotation` call is a no-op. */\n  isSelectable: () => boolean;\n  /** Number of positions in the currently rendered series, gaps included.\n   * A count only — the plotted values are measurements and stay private. */\n  getPointCount: () => number;\n}\n\n/** Semantic tint for an annotation. Decorative reinforcement of `shape` —\n * never the only channel carrying which event this is. */\nexport type SparklineAnnotationTone =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'accent';\n\n/**\n * A vertical reference line dropped across the plot — the release-annotation\n * pattern: \"something happened here, look at what the line does around it\".\n *\n * `position` is a FRACTION of the plotted x extent, not an index: `0` is the\n * first data point, `1` the last, `0.5` exactly halfway between them. That is\n * what lets an event that falls BETWEEN two points be placed at all, and what\n * lets the same event land at the same x in a column of stacked sparklines —\n * the caller derives the fraction once, from a domain the whole column shares,\n * rather than per-series from a point count that differs row to row.\n */\nexport interface SparklineAnnotation {\n  /** Stable key — also emitted as `data-annotation-id` for test/agent hooks. */\n  id: string;\n  /** Fraction of the plotted x extent: 0 = first point, 1 = last. Clamped. */\n  position: number;\n  /** Accessible label, already localised by the caller. Folded into the\n   * sparkline's own `aria-label` — the line itself says nothing aloud. */\n  label: string;\n  /** Shape of the cap drawn at the top of the line. The accessible channel. */\n  shape?: MarkerShape;\n  tone?: SparklineAnnotationTone;\n}\n\nexport interface SparklineProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'>,\n    VariantProps<typeof sparklineVariants> {\n  /** Data points in plot order. `null` is an unmeasured position — it holds\n   * the point's place on the x extent and draws a gap, so a series measured\n   * at some positions and not others stays aligned with one that was measured\n   * at all of them. */\n  data: (number | null)[];\n  /** Chart visual style */\n  variant?: 'line' | 'bar' | 'area';\n  /** Size preset */\n  size?: 'xs' | 'sm' | 'md';\n  /** Accessible label prefix, e.g. \"Revenue, 30 days\" */\n  label?: string;\n  /** Stroke / bar colour override — defaults to var(--primary) via bridge */\n  color?: string;\n  /** Show end-point dot with trend direction arrow */\n  showEndpoint?: boolean;\n  /**\n   * Show Apex's hover tooltip with the data point value. Defaults to\n   * `false` — sparklines are intentionally minimal — opt in when the\n   * sparkline is large enough to be a primary metric surface (e.g.\n   * dashboard widgets) and the user benefits from per-point readout.\n   */\n  showTooltip?: boolean;\n  /** Series name shown in the tooltip, already localised. Defaults to\n   * `label`, so the tooltip never falls back to Apex's \"series-1\". */\n  seriesName?: string;\n  /** Tooltip title per point, same order and length as `data` (gaps\n   * included). Omitted = no tooltip title. Never drawn on an axis. */\n  pointLabels?: readonly string[];\n  /** Width override — defaults to 100% of container */\n  width?: string | number;\n  /** Height override — defaults to the size variant height */\n  height?: string | number;\n  /** Vertical reference lines dropped across the plot. Omitted = none, so\n   * every existing consumer is unaffected. */\n  annotations?: readonly SparklineAnnotation[];\n  /**\n   * Make the drawn annotations POINTER-selectable — a press anywhere in an\n   * annotation's 44px band calls this with its `id`. Omitted (the default, and\n   * what every consumer before 1.1.0 gets) leaves them decorative, which is\n   * what a dashboard sparkline wants: a trend thumbnail should not be a click\n   * target.\n   *\n   * NOT a keyboard route, and deliberately so. The sparkline is `role=\"img\"`,\n   * whose descendants are not exposed to assistive technology at all, so a\n   * focusable control drawn inside it would be a tab stop with no accessible\n   * name. The host MUST therefore already offer a keyboard control that does\n   * the same thing for the same annotation (WCAG 2.1.1) — this is a pointer\n   * shortcut to that control, never the only way in.\n   *\n   * The band is delivered by the `size` variants only, and follows\n   * `--min-target-size` on both axes (48px under `.theme-accessible`). Pass\n   * an explicit `height` and the pointer layer falls back to the drawn\n   * height, so `height={20}` yields a 20px-tall target — below even WCAG\n   * 2.5.8.\n   */\n  onAnnotationSelect?: (annotationId: string) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Sparkline component                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const Sparkline = forwardRef<SparklineHandle, SparklineProps>(\n  (\n    {\n      id,\n      data,\n      variant = 'line',\n      size = 'md',\n      label,\n      color,\n      showEndpoint = false,\n      showTooltip = false,\n      seriesName,\n      pointLabels,\n      width,\n      height,\n      annotations,\n      onAnnotationSelect,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const chartId = useMemo(\n      () => `sparkline-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(0);\n    const [hitWidth, setHitWidth] = useState(ANNOTATION_HIT_WIDTH);\n\n    // Gaps are positions, not values: they hold the point's place on the x\n    // extent but never reach the trend, the min/max, or the endpoint dot.\n    const points = useMemo(() => measured(data), [data]);\n    const { direction } = useLinearTrend(points);\n\n    /* ---- accessible summary ---------------------------------------- */\n    const ariaLabel = useMemo(() => {\n      // The annotations are the only thing a vertical line in an SVG can say\n      // aloud, so they ride the summary in every branch — including \"no data\",\n      // where the marked events are all there is left to report.\n      const marks =\n        annotations && annotations.length > 0\n          ? t('sparkline.annotations', {\n              list: annotations.map((a) => a.label).join(', '),\n            })\n          : '';\n      const withMarks = (summary: string) =>\n        marks ? `${summary}. ${marks}` : summary;\n\n      if (points.length === 0) {\n        return withMarks(t('sparkline.noData', 'No data'));\n      }\n      const fmt = (n: number) => new Intl.NumberFormat(i18n.language).format(n);\n      const dirText = t(`sparkline.direction.${direction}`);\n      const nums = {\n        min: fmt(Math.min(...points)),\n        max: fmt(Math.max(...points)),\n        current: fmt(points[points.length - 1]),\n        direction: dirText,\n      };\n      if (label) {\n        return withMarks(t('sparkline.summary', { label, ...nums }));\n      }\n      return withMarks(t('sparkline.summaryNoLabel', nums));\n    }, [points, annotations, label, direction, i18n.language, t]);\n\n    /* ---- theme-reactive state -------------------------------------- */\n    const [themeOptions, setThemeOptions] = useState<ApexCharts.ApexOptions>(\n      () => {\n        try {\n          return getApexChartsTheme();\n        } catch {\n          return {};\n        }\n      },\n    );\n\n    /* ---- MutationObserver: re-read theme on class change ----------- */\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      const observer = new MutationObserver(() => {\n        clearTimeout(timer);\n        timer = setTimeout(() => {\n          try {\n            setThemeOptions(getApexChartsTheme());\n          } catch {\n            /* no-op in non-browser environments */\n          }\n        }, 50);\n      });\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => {\n        clearTimeout(timer);\n        observer.disconnect();\n      };\n    }, []);\n\n    /* ---- ResizeObserver: track container width -------------------- */\n    useEffect(() => {\n      const el = wrapperRef.current;\n      if (!el) return;\n      const measureTarget = () => {\n        // The resolved token off the wrapper: theme classes live above the\n        // component, so the cascade answers for whichever theme applies.\n        const raw = getComputedStyle(el).getPropertyValue('--min-target-size');\n        const parsed = Number.parseFloat(raw);\n        if (Number.isFinite(parsed) && parsed > 0) setHitWidth(parsed);\n      };\n      measureTarget();\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) setContainerWidth(Math.floor(entry.contentRect.width));\n        measureTarget();\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, []);\n\n    /* ApexCharts injects focusable canvases inside the `aria-hidden`   */\n    /* chart wrapper. Neutralise their tabindex so axe's                */\n    /* `aria-hidden-focus` rule passes. Shared hook — same fix in       */\n    /* `Chart` (full apex) and the calendar's mirror events.            */\n    useNeutraliseHiddenFocus(wrapperRef);\n\n    /* ---- imperative handle ---------------------------------------- */\n    // Through a ref so the handle keeps one identity across a host that\n    // re-creates the callback on every render — the agent registry keys on it.\n    const selectRef = useRef(onAnnotationSelect);\n    useEffect(() => {\n      selectRef.current = onAnnotationSelect;\n    }, [onAnnotationSelect]);\n    // Assigned during render, not in an effect: an agent may call before the\n    // next commit, and routing the host to an annotation that is not drawn\n    // opens a panel addressed to nothing.\n    const drawnRef = useRef(annotations);\n    drawnRef.current = annotations;\n    // The `data` prop and `updateSeries` are two independent paths into\n    // the rendered series — the latter writes straight into ApexCharts,\n    // bypassing React — so track whichever applied last. Keyed on the\n    // prop (not assigned every render) so an unrelated re-render does\n    // not clobber a length an agent just set.\n    // Read by `updateSeries`, which replaces the whole series. Never\n    // undefined: Apex swaps an undefined name for \"series-1\", while an\n    // empty one renders no name at all.\n    const resolvedSeriesName = seriesName ?? label ?? '';\n    const seriesNameRef = useRef(resolvedSeriesName);\n    seriesNameRef.current = resolvedSeriesName;\n    const pointCountRef = useRef(data.length);\n    // Point labels and their slot map, read by the tooltip formatter through\n    // a ref so a formatter Apex already holds never reads stale labels.\n    const tooltipLabelsRef = useRef<{\n      labels?: readonly string[];\n      slotOf?: readonly number[];\n      shown: boolean;\n    }>({ shown: false });\n    // Set by `updateSeries`: the host's labels describe the old series, so\n    // the title stays hidden until the host passes new `data`.\n    const labelsStaleRef = useRef(false);\n    useEffect(() => {\n      pointCountRef.current = data.length;\n      if (!labelsStaleRef.current) return;\n      labelsStaleRef.current = false;\n      if (tooltipLabelsRef.current.shown) {\n        ApexCharts.getChartByID(chartId)?.updateOptions({\n          tooltip: { x: { show: true } },\n        });\n      }\n    }, [data, chartId]);\n\n    const agentHandle = useMemo<SparklineHandle>(\n      () => ({\n        updateSeries(newData: (number | null)[]) {\n          const chart = ApexCharts.getChartByID(chartId);\n          chart?.updateSeries([{ name: seriesNameRef.current, data: newData }]);\n          pointCountRef.current = newData.length;\n          if (tooltipLabelsRef.current.shown) {\n            labelsStaleRef.current = true;\n            chart?.updateOptions({ tooltip: { x: { show: false } } });\n          }\n        },\n        updateOptions(opts: ApexCharts.ApexOptions) {\n          ApexCharts.getChartByID(chartId)?.updateOptions(opts);\n        },\n        async dataURI(): Promise<string> {\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return '';\n          const result = await instance.dataURI();\n          return (result as { imgURI: string }).imgURI;\n        },\n        selectAnnotation(annotationId: string) {\n          const drawn = drawnRef.current?.some((a) => a.id === annotationId);\n          if (!drawn) return;\n          selectRef.current?.(annotationId);\n        },\n        // Read-back for the two preconditions `selectAnnotation` enforces\n        // silently — without these an agent can check neither and gets no\n        // signal from either failure.\n        getAnnotationIds: () => (drawnRef.current ?? []).map((a) => a.id),\n        isSelectable: () => selectRef.current != null,\n        getPointCount: () => pointCountRef.current,\n      }),\n      [chartId],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(sparklineAgent, agentHandle, id);\n\n    /* ---- resolve color -------------------------------------------- */\n    const resolvedColor = color ?? themeOptions.colors?.[0] ?? 'currentColor';\n\n    /* ---- empty state ---------------------------------------------- */\n    if (points.length === 0) {\n      return (\n        <div\n          ref={wrapperRef}\n          role=\"img\"\n          aria-label={ariaLabel}\n          dir=\"ltr\"\n          className={sparklineVariants({\n            size: height !== undefined ? 'auto' : size,\n            className,\n          })}\n          data-component=\"sparkline\"\n          data-component-id={id}\n          {...props}\n        />\n      );\n    }\n\n    /* ---- chart config ---------------------------------------------- */\n    const reducedMotion = prefersReducedMotion();\n\n    // A gapped series is plotted as {x, y} pairs on a NUMERIC axis pinned to\n    // the full slot count, not as an array with holes in it: ApexCharts draws\n    // a line only between consecutive non-null points, so a lab measured at\n    // slots 0, 4 and 8 would render as three isolated points and no trend at\n    // all. Pairs keep each measurement at its own slot, connect across the\n    // gap, and leave the extent — and so every annotation — unchanged.\n    // Gapless data keeps the plain-array form, so every existing consumer\n    // renders byte-identically.\n    const gapped = data.length > points.length;\n    const seriesData = gapped\n      ? data.flatMap((y, x) => (y == null ? [] : [{ x, y }]))\n      : points;\n\n    // Apex hands the tooltip the index into the SERIES, whose gaps are\n    // removed, so map it back to its slot in `data` before reading a label.\n    const slotOf = gapped\n      ? data.flatMap((y, slot) => (y == null ? [] : [slot]))\n      : undefined;\n    tooltipLabelsRef.current = {\n      labels: pointLabels,\n      slotOf,\n      shown: showTooltip && pointLabels !== undefined,\n    };\n    const tooltip: ApexCharts.ApexOptions['tooltip'] = showTooltip\n      ? {\n          enabled: true,\n          x: pointLabels\n            ? {\n                show: true,\n                formatter: (_value, opts) => {\n                  const { labels, slotOf: slots } = tooltipLabelsRef.current;\n                  if (labelsStaleRef.current || !labels) return '';\n                  const index = opts?.dataPointIndex ?? -1;\n                  return labels[slots ? (slots[index] ?? -1) : index] ?? '';\n                },\n              }\n            : // No labels: hide the title rather than show a raw index.\n              { show: false },\n        }\n      : { enabled: false };\n\n    const chartOptions: ApexCharts.ApexOptions = {\n      ...themeOptions,\n      chart: {\n        ...themeOptions.chart,\n        id: chartId,\n        type: variant,\n        sparkline: { enabled: true },\n        toolbar: { show: false },\n        animations: {\n          enabled: !reducedMotion,\n          // A gapped series is re-rendered as {x, y} pairs, and Apex's\n          // update tween interpolates between the old and new paths point by\n          // point. Across a width change the two have different lengths and\n          // the tween emits `d=\"… NaN …\"` for a few frames. The finished\n          // render is correct either way; switching the tween off keeps the\n          // console clean.\n          dynamicAnimation: { enabled: !reducedMotion && !gapped },\n        },\n        zoom: { enabled: false },\n        parentHeightOffset: 0,\n      },\n      colors: [resolvedColor],\n      stroke: {\n        curve: 'smooth',\n        width: variant === 'bar' ? 0 : 2,\n      },\n      fill: {\n        opacity: variant === 'area' ? 0.15 : 1,\n      },\n      xaxis: {\n        crosshairs: { show: false },\n        // Pin the extent to the slot count so a gap at either end still holds\n        // its place — otherwise the plot would rescale to the measurements\n        // and the annotation fractions would no longer mean the same thing.\n        ...(gapped\n          ? { type: 'numeric' as const, min: 0, max: data.length - 1 }\n          : {}),\n      },\n      tooltip,\n      markers: showEndpoint\n        ? {\n            size: [0],\n            discrete: [\n              {\n                // An index into the SERIES, whose holes have already been\n                // removed — so this is the last MEASURED point, never a slot\n                // the parameter was not measured at.\n                seriesIndex: 0,\n                dataPointIndex: seriesData.length - 1,\n                fillColor: resolvedColor,\n                strokeColor: resolvedColor,\n                size: 4,\n              },\n            ],\n          }\n        : { size: 0 },\n      grid: {\n        ...themeOptions.grid,\n        show: false,\n        // ApexCharts grid.padding uses physical keys (not CSS logical properties).\n        // The chart wrapper enforces dir=\"ltr\" so these always resolve correctly.\n        padding: {\n          top: PLOT_EDGE_PADDING,\n          right: PLOT_EDGE_PADDING,\n          bottom: PLOT_EDGE_PADDING,\n          left: PLOT_EDGE_PADDING,\n        },\n      },\n    };\n\n    const resolvedWidth =\n      width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = height ?? SIZE_HEIGHT[size ?? 'md'];\n\n    // Positioned as a percentage of the overlay's own box rather than from a\n    // measured width: the overlay is inset to the plot area, so a fraction is\n    // exact at any size and cannot lag or disagree with the plot.\n    const drawnAnnotations = annotations?.length ? annotations : undefined;\n\n    // The plot box in px — the overlay is the wrapper inset by the grid padding\n    // on each edge. Nothing is measured before the first ResizeObserver tick,\n    // and a band with no width lies about where it is: no width, no bands.\n    const plotWidth = containerWidth - PLOT_EDGE_PADDING * 2;\n    const hitBands =\n      onAnnotationSelect && drawnAnnotations && plotWidth > 0\n        ? annotationHitBands(drawnAnnotations, plotWidth, hitWidth)\n        : undefined;\n\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        dir=\"ltr\"\n        className={sparklineVariants({\n          size: height !== undefined ? 'auto' : size,\n          className,\n        })}\n        data-component=\"sparkline\"\n        data-component-id={id}\n        {...props}\n      >\n        <ReactApexChart\n          type={variant}\n          series={[{ name: resolvedSeriesName, data: seriesData }]}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n          aria-hidden=\"true\"\n        />\n        {drawnAnnotations && (\n          /* Drawn over the plot rather than through ApexCharts' own xaxis\n             annotations: a fraction of the measured extent is the one\n             positioning rule that survives series of different lengths, which\n             is what makes a column of sparklines share an x. */\n          /* The inset lives on a div: an <svg> is a replaced element, so\n             left+right do not size it and it would fall back to its intrinsic\n             300px. The div is the plot box; the svg fills it. The 2px MUST\n             equal PLOT_EDGE_PADDING — Tailwind needs a static literal, so the\n             two cannot share one source; change them together or the first and\n             last annotation drift off the first and last data point. */\n          <div className=\"ds:pointer-events-none ds:absolute ds:inset-y-0 ds:inset-x-[2px]\">\n            <svg\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              data-testid=\"sparkline-annotations\"\n              className=\"ds:size-full\"\n            >\n              {drawnAnnotations.map((annotation) => {\n                const fraction = clampFraction(annotation.position);\n                return (\n                  /* A nested viewport placed at a percentage of the plot: the\n                   one positioning rule that needs no measurement, so a column\n                   of sparklines shares an x whatever their widths. */\n                  <svg\n                    key={annotation.id}\n                    x={`${fraction * 100}%`}\n                    y=\"0\"\n                    width=\"1\"\n                    height=\"100%\"\n                    overflow=\"visible\"\n                    data-annotation-id={annotation.id}\n                    data-annotation-position={fraction}\n                    className={annotationVariants({ tone: annotation.tone })}\n                  >\n                    <line\n                      x1={0}\n                      x2={0}\n                      y1={0}\n                      y2=\"100%\"\n                      /* 1px, more gap than dash: the line marks WHERE, the\n                         series is what is read, and at 1.5px the annotation\n                         was the louder of the two. */\n                      className=\"ds:[stroke:var(--annotation-color)] ds:[stroke-dasharray:2_3] ds:[stroke-width:1]\"\n                    />\n                    <path\n                      d={markerPath(\n                        annotation.shape ?? 'diamond',\n                        0,\n                        ANNOTATION_CAP_RADIUS,\n                        ANNOTATION_CAP_RADIUS,\n                      )}\n                      className=\"ds:[fill:var(--annotation-color)]\"\n                    />\n                  </svg>\n                );\n              })}\n            </svg>\n          </div>\n        )}\n        {hitBands && onAnnotationSelect && (\n          /* Sized in px, not percentages: the target size is a measurement,\n             not a fraction of a box the reader can resize.\n             `pointer-events-none` holds all the way down to the bands, so the\n             only live pixels are the token-width each annotation owns. */\n          <div\n            className={annotationHitVariants({\n              size: height !== undefined ? 'auto' : size,\n            })}\n          >\n            <svg\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              data-testid=\"sparkline-annotation-hits\"\n              className=\"ds:size-full\"\n            >\n              {hitBands.map(({ annotation, x, width }) => (\n                <g\n                  key={annotation.id}\n                  data-annotation-hit-id={annotation.id}\n                  onClick={() => onAnnotationSelect(annotation.id)}\n                  className={`ds:group ds:pointer-events-auto ds:cursor-pointer ${annotationVariants(\n                    { tone: annotation.tone },\n                  )}`}\n                >\n                  {/* A native tooltip for the pointer that can act on it. The\n                      same labels already ride the wrapper's aria-label, and\n                      this svg is aria-hidden, so nothing is said twice. */}\n                  <title>\n                    {t('sparkline.annotationAction', {\n                      label: annotation.label,\n                    })}\n                  </title>\n                  {/* Target and hover affordance in one rect: it tints on\n                      hover so the reader sees which event the press means.\n                      Opacity does not affect hit-testing. */}\n                  <rect\n                    x={x}\n                    y={0}\n                    width={width}\n                    height=\"100%\"\n                    className=\"ds:[fill:var(--annotation-color)] ds:opacity-0 ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-hover:opacity-20\"\n                  />\n                </g>\n              ))}\n            </svg>\n          </div>\n        )}\n        {showEndpoint && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none\"\n          >\n            {DIRECTION_ARROW[direction]}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nSparkline.displayName = 'Sparkline';\n"],"names":["useLinearTrend","data","n","xMean","yMean","sum","y","numerator","denominator","i","dx","slope","threshold","direction","sparklineAgent","handle","args","sparklineVariants","cva","annotationVariants","annotationHitVariants","DIRECTION_ARROW","SIZE_HEIGHT","PLOT_EDGE_PADDING","ANNOTATION_CAP_RADIUS","ANNOTATION_HIT_WIDTH","annotationHitBands","annotations","plotWidth","hitWidth","centred","annotation","clampFraction","b","entry","index","before","after","from","to","lower","upper","width","x","value","measured","prefersReducedMotion","Sparkline","forwardRef","id","variant","size","label","color","showEndpoint","showTooltip","seriesName","pointLabels","height","onAnnotationSelect","className","props","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","wrapperRef","useRef","containerWidth","setContainerWidth","useState","setHitWidth","points","ariaLabel","marks","a","withMarks","summary","fmt","dirText","nums","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","measureTarget","raw","parsed","ro","entries","useNeutraliseHiddenFocus","selectRef","drawnRef","resolvedSeriesName","seriesNameRef","pointCountRef","tooltipLabelsRef","labelsStaleRef","_a","ApexCharts","agentHandle","newData","chart","opts","instance","annotationId","_b","useImperativeHandle","useAgentRegistration","resolvedColor","jsx","reducedMotion","gapped","seriesData","slotOf","slot","tooltip","_value","labels","slots","chartOptions","resolvedWidth","resolvedHeight","drawnAnnotations","hitBands","jsxs","ReactApexChart","fraction","markerPath"],"mappings":"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"}

package/dist/_chunks/{timeline-r-8IUoBS.js → timeline-u-2t9t_M.js}

@@ -130,10 +130,10 @@ const K = {
     layout: t = "rail-start",
     order: r = "newest-first",
     className: s,
-    children: i,
+    children: a,
     ...n
-  }, a) => {
-    const d = p(() => ({ layout: t, order: r }), [t, r]), o = w(null), [l, z] = V(null), h = w(null);
+  }, d) => {
+    const i = p(() => ({ layout: t, order: r }), [t, r]), o = w(null), [l, z] = V(null), h = w(null);
     h.current = l;
     const x = I((y) => {
       var T;
@@ -149,7 +149,7 @@ const K = {
       }),
       [x]
     );
-    return O(a, () => o.current, []), B(K, R, n.id), /* @__PURE__ */ e(v.Provider, { value: d, children: /* @__PURE__ */ e(
+    return O(d, () => o.current, []), B(K, R, n.id), /* @__PURE__ */ e(v.Provider, { value: i, children: /* @__PURE__ */ e(
       "ol",
       {
         ref: o,
@@ -158,37 +158,37 @@ const K = {
         "data-selected-event": l ?? void 0,
         className: U({ layout: t, order: r, className: s }),
         ...n,
-        children: i
+        children: a
       }
     ) });
   }
 );
 E.displayName = "Timeline";
 const S = m(
-  ({ type: t = "neutral", eventId: r, className: s, children: i, ...n }, a) => {
-    const { layout: d } = u(v), { t: o } = A(), l = p(() => ({ type: t }), [t]);
-    return d === "alternating" ? /* @__PURE__ */ e(g.Provider, { value: l, children: /* @__PURE__ */ c(
+  ({ type: t = "neutral", eventId: r, className: s, children: a, ...n }, d) => {
+    const { layout: i } = u(v), { t: o } = A(), l = p(() => ({ type: t }), [t]);
+    return i === "alternating" ? /* @__PURE__ */ e(g.Provider, { value: l, children: /* @__PURE__ */ c(
       "li",
       {
-        ref: a,
+        ref: d,
         "data-event-id": r,
         className: ["ds:contents", s].filter(Boolean).join(" "),
         ...n,
         children: [
           /* @__PURE__ */ e("span", { className: "ds:sr-only", children: o(`timeline.type.${t}`) }),
-          i
+          a
         ]
       }
     ) }) : /* @__PURE__ */ e(g.Provider, { value: l, children: /* @__PURE__ */ c(
       "li",
       {
-        ref: a,
+        ref: d,
         "data-event-id": r,
-        className: W({ layout: d, className: s }),
+        className: W({ layout: i, className: s }),
         ...n,
         children: [
           /* @__PURE__ */ e("span", { className: "ds:sr-only", children: o(`timeline.type.${t}`) }),
-          i
+          a
         ]
       }
     ) });
@@ -196,38 +196,38 @@ const S = m(
 );
 S.displayName = "Timeline.Event";
 const _ = m(
-  ({ icon: t, className: r, ...s }, i) => {
-    const { type: n } = u(g), { layout: a } = u(v), d = /* @__PURE__ */ e(
+  ({ icon: t, className: r, ...s }, a) => {
+    const { type: n } = u(g), { layout: d } = u(v), i = /* @__PURE__ */ e(
       "div",
       {
-        ref: i,
+        ref: a,
         "aria-hidden": "true",
         className: Y({ type: n, className: r }),
         ...s,
         children: t ?? X[n]
       }
     );
-    return a === "alternating" ? /* @__PURE__ */ c(
+    return d === "alternating" ? /* @__PURE__ */ c(
       "div",
       {
         "aria-hidden": "true",
         className: "ds:col-start-2 ds:flex ds:flex-col ds:items-center",
         children: [
           /* @__PURE__ */ e("div", { className: "ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden" }),
-          d,
+          i,
           /* @__PURE__ */ e("div", { className: "ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]" })
         ]
       }
-    ) : d;
+    ) : i;
   }
 );
 _.displayName = "Timeline.Dot";
 const j = m(
-  ({ title: t, description: r, actor: s, children: i, className: n, ...a }, d) => {
+  ({ title: t, description: r, actor: s, children: a, className: n, ...d }, i) => {
     const { layout: o } = u(v), l = /* @__PURE__ */ e(
       "div",
       {
-        ref: d,
+        ref: i,
         className: [
           "ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]",
           // Wrap policy: `break-word` (not `anywhere`) preserves word-
@@ -240,7 +240,7 @@ const j = m(
           "ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:break-word]",
           n
         ].filter(Boolean).join(" "),
-        ...a,
+        ...d,
         children: /* @__PURE__ */ e(N, { variant: "outlined", children: /* @__PURE__ */ c(N.Body, { children: [
           /* @__PURE__ */ e("p", { className: "type-label ds:text-[var(--foreground)]", children: t }),
           r && /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: r }),
@@ -248,7 +248,7 @@ const j = m(
             /* @__PURE__ */ e(P, { size: "xs", name: s.name, src: s.src }),
             /* @__PURE__ */ e("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: s.name })
           ] }),
-          i
+          a
         ] }) })
       }
     );
@@ -259,24 +259,26 @@ j.displayName = "Timeline.Content";
 const G = 1440 * 60 * 1e3, k = m(
   ({
     date: t,
-    relative: r = !0,
-    format: s = { dateStyle: "medium", timeStyle: "short" },
-    className: i,
-    ...n
-  }, a) => /* @__PURE__ */ e(
+    locale: r,
+    relative: s = !0,
+    format: a = { dateStyle: "medium", timeStyle: "short" },
+    className: n,
+    ...d
+  }, i) => /* @__PURE__ */ e(
     q,
     {
-      ref: a,
+      ref: i,
       value: t,
-      format: r ? "relative" : "absolute",
-      relativeWindow: r ? G : void 0,
-      absoluteFormat: s,
+      locale: r,
+      format: s ? "relative" : "absolute",
+      relativeWindow: s ? G : void 0,
+      absoluteFormat: a,
       className: [
         "ds:text-[var(--muted-foreground)]",
         "ds:[font-variant-numeric:var(--font-feature-tabular)]",
-        i
+        n
       ].filter(Boolean).join(" "),
-      ...n
+      ...d
     }
   )
 );
@@ -291,4 +293,4 @@ export {
   le as T,
   K as t
 };
-//# sourceMappingURL=timeline-r-8IUoBS.js.map
+//# sourceMappingURL=timeline-u-2t9t_M.js.map

package/dist/_chunks/timeline-u-2t9t_M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-u-2t9t_M.js","sources":["../../src/components/timeline/timeline.agent.ts","../../src/components/timeline/timeline.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Timeline.                                              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TimelineHandle } from './timeline';\n\nexport const timelineAgent: AgentAdapter<TimelineHandle> = {\n  id: 'timeline',\n  // `select_event` persists `selectedEvent` state, so this is single-selection\n  // (`select_single`), not a transient `pick`. See PRS §26 §4.\n  capabilities: ['select_single'],\n  state: {\n    selectedEvent: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.timeline.state.selectedEvent',\n      description: 'Opaque event id of the currently-active event, or null.',\n      read: (handle) => handle.getSelectedEvent(),\n    },\n  },\n  actions: {\n    select_event: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.timeline.actions.selectEvent',\n      description: 'Scroll the given event into view and mark it as selected.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectEvent(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'timeline',\n      description: 'Marks the Timeline root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-event-id',\n      description:\n        'Opaque event id emitted on each Timeline.Event when the `eventId` prop is provided.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type LiHTMLAttributes,\n  type OlHTMLAttributes,\n  type ReactNode,\n  type TimeHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { TriangleAlert, Check, Circle, Info, X } from 'lucide-react';\nimport { Avatar } from '../avatar';\nimport { Card } from '../card';\nimport { Timestamp } from '../timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { timelineAgent } from './timeline.agent';\n\n// TODO: optional @tanstack/react-virtual integration for 500+ events\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ntype EventType = 'info' | 'success' | 'warning' | 'error' | 'neutral';\ntype Layout = 'rail-start' | 'rail-end' | 'alternating';\n\ninterface TimelineContextValue {\n  layout: Layout;\n  order: 'newest-first' | 'oldest-first';\n}\n\nconst TimelineContext = createContext<TimelineContextValue>({\n  layout: 'rail-start',\n  order: 'newest-first',\n});\n\ninterface TimelineEventContextValue {\n  type: EventType;\n}\n\nconst TimelineEventContext = createContext<TimelineEventContextValue>({\n  type: 'neutral',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root                                                          */\n/* ------------------------------------------------------------------ */\n\nconst timelineVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      'rail-start': 'ds:ps-4',\n      'rail-end': 'ds:pe-4',\n      alternating:\n        'ds:grid ds:grid-cols-[1fr_2rem_1fr] ds:gap-x-[var(--spacing-md)]',\n    },\n    order: {\n      'newest-first': 'ds:flex-col',\n      'oldest-first': 'ds:flex-col-reverse',\n    },\n  },\n  defaultVariants: { layout: 'rail-start', order: 'newest-first' },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — event item                                                    */\n/* ------------------------------------------------------------------ */\n\nconst eventVariants = cva(\n  'ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n  {\n    variants: {\n      layout: {\n        'rail-start': [\n          'ds:flex-row',\n          // Rail: continuous border on the inline-start of the event list\n          'ds:before:absolute ds:before:top-8 ds:before:bottom-0',\n          'ds:before:border-inline-start-[2px] ds:before:border-[color:var(--border)]',\n          'ds:before:inset-inline-start-[-1rem]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        'rail-end': [\n          'ds:flex-row-reverse',\n          'ds:before:absolute ds:before:top-8 ds:before:bottom-0',\n          'ds:before:border-inline-end-[2px] ds:before:border-[color:var(--border)]',\n          'ds:before:inset-inline-end-[-1rem]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        alternating: 'ds:contents',\n      },\n    },\n    defaultVariants: { layout: 'rail-start' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — dot                                                           */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  [\n    'ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)] ds:shrink-0',\n    'ds:size-8',\n    'ds:ring-2 ds:ring-[var(--background)]',\n  ].join(' '),\n  {\n    variants: {\n      type: {\n        info: 'ds:bg-[var(--info)] ds:text-[var(--info-solid-foreground)]',\n        success:\n          'ds:bg-[var(--success)] ds:text-[var(--success-solid-foreground)]',\n        warning:\n          'ds:bg-[var(--warning)] ds:text-[var(--warning-solid-foreground)]',\n        error:\n          'ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]',\n        neutral: 'ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: { type: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TimelineProps\n  extends\n    Omit<OlHTMLAttributes<HTMLOListElement>, 'color'>,\n    VariantProps<typeof timelineVariants> {\n  layout?: Layout;\n  order?: 'newest-first' | 'oldest-first';\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineEventProps extends LiHTMLAttributes<HTMLLIElement> {\n  type?: EventType;\n  /** Opaque event id — when set, the component emits `data-event-id` for agent addressing. */\n  eventId?: string;\n  children: ReactNode;\n  className?: string;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TimelineHandle {\n  getSelectedEvent: () => string | null;\n  selectEvent: (id: string) => void;\n}\n\nexport interface TimelineDotProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineContentProps extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  description?: string;\n  actor?: { name: string; src?: string };\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineTimestampProps extends TimeHTMLAttributes<HTMLTimeElement> {\n  date: Date | string;\n  /** Overrides the active language for date and time formatting. */\n  locale?: string;\n  relative?: boolean;\n  format?: Intl.DateTimeFormatOptions;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Default icons per type                                              */\n/* ------------------------------------------------------------------ */\n\nconst TYPE_ICONS: Record<EventType, ReactNode> = {\n  info: <Info size={16} aria-hidden=\"true\" />,\n  success: <Check size={16} aria-hidden=\"true\" />,\n  warning: <TriangleAlert size={16} aria-hidden=\"true\" />,\n  error: <X size={16} aria-hidden=\"true\" />,\n  neutral: <Circle size={16} aria-hidden=\"true\" />,\n};\n\n/* ------------------------------------------------------------------ */\n/* Timeline root                                                       */\n/* ------------------------------------------------------------------ */\n\nconst TimelineRoot = forwardRef<HTMLOListElement, TimelineProps>(\n  (\n    {\n      layout = 'rail-start',\n      order = 'newest-first',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useMemo(() => ({ layout, order }), [layout, order]);\n    const olRef = useRef<HTMLOListElement | null>(null);\n    const [selectedEvent, setSelectedEvent] = useState<string | null>(null);\n    const latestRef = useRef<string | null>(null);\n    latestRef.current = selectedEvent;\n\n    const selectEvent = useCallback((id: string) => {\n      setSelectedEvent(id);\n      const target = olRef.current?.querySelector(\n        `[data-event-id=\"${id}\"]`,\n      ) as HTMLElement | null;\n      target?.scrollIntoView({ block: 'center', behavior: 'auto' });\n    }, []);\n\n    const agentHandle = useMemo<TimelineHandle>(\n      () => ({\n        getSelectedEvent: () => latestRef.current,\n        selectEvent,\n      }),\n      [selectEvent],\n    );\n    useImperativeHandle(ref, () => olRef.current as HTMLOListElement, []);\n    useAgentRegistration(timelineAgent, agentHandle, props.id);\n\n    return (\n      <TimelineContext.Provider value={ctx}>\n        <ol\n          ref={olRef}\n          data-component=\"timeline\"\n          data-component-id={props.id}\n          data-selected-event={selectedEvent ?? undefined}\n          className={timelineVariants({ layout, order, className })}\n          {...props}\n        >\n          {children}\n        </ol>\n      </TimelineContext.Provider>\n    );\n  },\n);\nTimelineRoot.displayName = 'Timeline';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Event                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TimelineEvent = forwardRef<HTMLLIElement, TimelineEventProps>(\n  ({ type = 'neutral', eventId, className, children, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n    const { t } = useTranslation();\n\n    const evtCtx = useMemo(() => ({ type }), [type]);\n\n    if (layout === 'alternating') {\n      // In alternating layout the <li> uses `contents` so its children\n      // participate directly in the parent grid.\n      return (\n        <TimelineEventContext.Provider value={evtCtx}>\n          <li\n            ref={ref}\n            data-event-id={eventId}\n            className={['ds:contents', className].filter(Boolean).join(' ')}\n            {...props}\n          >\n            {/* Visually-hidden type prefix for screen readers */}\n            <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n            {children}\n          </li>\n        </TimelineEventContext.Provider>\n      );\n    }\n\n    return (\n      <TimelineEventContext.Provider value={evtCtx}>\n        <li\n          ref={ref}\n          data-event-id={eventId}\n          className={eventVariants({ layout, className })}\n          {...props}\n        >\n          {/* Visually-hidden type prefix for screen readers */}\n          <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n          {children}\n        </li>\n      </TimelineEventContext.Provider>\n    );\n  },\n);\nTimelineEvent.displayName = 'Timeline.Event';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Dot                                                        */\n/* ------------------------------------------------------------------ */\n\nconst TimelineDot = forwardRef<HTMLDivElement, TimelineDotProps>(\n  ({ icon, className, ...props }, ref) => {\n    const { type } = useContext(TimelineEventContext);\n    const { layout } = useContext(TimelineContext);\n\n    const dot = (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={dotVariants({ type, className })}\n        {...props}\n      >\n        {icon ?? TYPE_ICONS[type]}\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // In alternating grid: col 2 (centre) for the dot with the rail line\n      return (\n        <div\n          aria-hidden=\"true\"\n          className=\"ds:col-start-2 ds:flex ds:flex-col ds:items-center\"\n        >\n          {/* Rail segment above the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden\" />\n          {dot}\n          {/* Rail segment below the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]\" />\n        </div>\n      );\n    }\n\n    return dot;\n  },\n);\nTimelineDot.displayName = 'Timeline.Dot';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Content                                                    */\n/* ------------------------------------------------------------------ */\n\nconst TimelineContent = forwardRef<HTMLDivElement, TimelineContentProps>(\n  ({ title, description, actor, children, className, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n\n    const inner = (\n      <div\n        ref={ref}\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]',\n          // Wrap policy: `break-word` (not `anywhere`) preserves word-\n          // boundary wrapping for natural-language titles / descriptions;\n          // only genuinely unbreakable strings (URLs, hashes) break mid-\n          // word when they would otherwise overflow. `anywhere` introduces\n          // a soft-wrap opportunity at every character boundary, which\n          // chopped Italian / German labels mid-word when an event card\n          // sat in a narrow context.\n          'ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:break-word]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <Card variant=\"outlined\">\n          <Card.Body>\n            <p className=\"type-label ds:text-[var(--foreground)]\">{title}</p>\n            {description && (\n              <p className=\"ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]\">\n                {description}\n              </p>\n            )}\n            {actor && (\n              <div className=\"ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <Avatar size=\"xs\" name={actor.name} src={actor.src} />\n                <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n                  {actor.name}\n                </span>\n              </div>\n            )}\n            {children}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // Alternating: odd events in col 1 (start), even events in col 3 (end).\n      // We use CSS nth-child targeting via a wrapper that sets col placement.\n      return (\n        <div className=\"ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1\">\n          {inner}\n        </div>\n      );\n    }\n\n    return inner;\n  },\n);\nTimelineContent.displayName = 'Timeline.Content';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Timestamp — thin wrapper over the shared Timestamp         */\n/* component. Keeps the existing API (`date`, `relative`, `format`)    */\n/* for backward compatibility; adds tabular-nums because timeline      */\n/* timestamps sit in a rail gutter and benefit from column-aligned     */\n/* digits.                                                              */\n/* ------------------------------------------------------------------ */\n\nconst TWENTY_FOUR_HOURS_MS = 24 * 60 * 60 * 1000;\n\nconst TimelineTimestamp = forwardRef<HTMLTimeElement, TimelineTimestampProps>(\n  (\n    {\n      date,\n      locale,\n      relative = true,\n      format = { dateStyle: 'medium', timeStyle: 'short' },\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Timestamp\n      ref={ref}\n      value={date}\n      locale={locale}\n      format={relative ? 'relative' : 'absolute'}\n      relativeWindow={relative ? TWENTY_FOUR_HOURS_MS : undefined}\n      absoluteFormat={format}\n      className={[\n        'ds:text-[var(--muted-foreground)]',\n        'ds:[font-variant-numeric:var(--font-feature-tabular)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nTimelineTimestamp.displayName = 'Timeline.Timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Event: TimelineEvent,\n  Dot: TimelineDot,\n  Content: TimelineContent,\n  Timestamp: TimelineTimestamp,\n});\n"],"names":["timelineAgent","handle","args","TimelineContext","createContext","TimelineEventContext","timelineVariants","cva","eventVariants","dotVariants","TYPE_ICONS","jsx","Info","Check","TriangleAlert","X","Circle","TimelineRoot","forwardRef","layout","order","className","children","props","ref","ctx","useMemo","olRef","useRef","selectedEvent","setSelectedEvent","useState","latestRef","selectEvent","useCallback","id","target","_a","agentHandle","useImperativeHandle","useAgentRegistration","TimelineEvent","type","eventId","useContext","t","useTranslation","evtCtx","jsxs","TimelineDot","icon","dot","TimelineContent","title","description","actor","inner","Card","Avatar","TWENTY_FOUR_HOURS_MS","TimelineTimestamp","date","locale","relative","format","Timestamp","Timeline"],"mappings":"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"}

package/dist/_chunks/use-zoom-drilldown-qCX34w9I.js

@@ -0,0 +1,210 @@
+import { useRef as I, useEffect as M, useState as F, useMemo as E, useCallback as s } from "react";
+import { flushSync as R } from "react-dom";
+function x(e) {
+  return e != null && e.current ? e.current : typeof document > "u" ? null : document;
+}
+function O(e, l) {
+  const c = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : (
+    // SSR / jsdom fallback — drop every character that's
+    // significant in a CSS attribute selector. Conservative but
+    // robust enough for the test environment.
+    e.replace(/["'\\[\]]/g, "")
+  ), d = `[data-error-anchor="${c}"], [name="${c}"], [name$="[${c}]"]`, u = Array.from(l.querySelectorAll(d));
+  return u.length === 0 ? null : u.find((p) => p.offsetParent !== null) ?? u[0];
+}
+function $(e, l, c = {}) {
+  const {
+    scope: d,
+    scrollOptions: u = { behavior: "smooth", block: "center" },
+    focus: a = !0,
+    skipInitialMount: p = !0
+  } = c, o = I(!1), f = I(null), i = l.find((h) => !!e[h]) ?? null;
+  M(() => {
+    if (p && !o.current) {
+      o.current = !0, f.current = i;
+      return;
+    }
+    if (!i) {
+      f.current = null;
+      return;
+    }
+    if (i === f.current || typeof window > "u") return;
+    const h = window.requestAnimationFrame(() => {
+      const g = x(d);
+      if (!g) return;
+      const t = O(i, g);
+      t && (t.scrollIntoView(u), a && t.focus({ preventScroll: !0 }), f.current = i);
+    });
+    return () => window.cancelAnimationFrame(h);
+  }, [i]);
+}
+function k(e, l = !1) {
+  const c = {};
+  for (const d of e)
+    c[d.id] = { signed: l ? !1 : !!d.signed };
+  return c;
+}
+function D(e) {
+  const [l, c] = F(
+    () => k(e)
+  ), [d, u] = F(null), [a, p] = F(
+    () => {
+      var n;
+      return ((n = e[0]) == null ? void 0 : n.id) ?? null;
+    }
+  ), o = E(
+    () => e.map((n) => {
+      const r = l[n.id];
+      return {
+        ...n,
+        signed: r ? r.signed : !!n.signed,
+        payload: r == null ? void 0 : r.payload
+      };
+    }),
+    [e, l]
+  ), f = E(
+    () => o.reduce((n, r) => r.signed ? n + 1 : n, 0),
+    [o]
+  ), i = o.length, h = i > 0 && f === i, g = s((n) => {
+    u(n);
+  }, []), t = s(() => {
+    u(null);
+  }, []), w = s((n, r) => {
+    c((m) => ({ ...m, [n]: { signed: !0, payload: r } })), u((m) => m === n ? null : m);
+  }, []), T = s(
+    (n) => {
+      var r;
+      return !!((r = l[n]) != null && r.signed);
+    },
+    [l]
+  ), S = s(() => {
+    var n;
+    c(k(e, !0)), u(null), p(((n = e[0]) == null ? void 0 : n.id) ?? null);
+  }, [e]), C = s(() => {
+    p((n) => {
+      const r = o.length;
+      if (r === 0) return null;
+      const m = n ? o.findIndex((y) => y.id === n) : -1;
+      return o[(m + 1 + r) % r].id;
+    });
+  }, [o]), v = s(() => {
+    p((n) => {
+      const r = o.length;
+      if (r === 0) return null;
+      const m = n ? o.findIndex((y) => y.id === n) : 0;
+      return o[(m - 1 + r) % r].id;
+    });
+  }, [o]), A = s(() => {
+    p((n) => {
+      const r = o.length;
+      if (r === 0) return n;
+      const m = n ? o.findIndex((y) => y.id === n) : -1;
+      for (let y = 1; y <= r; y += 1) {
+        const b = o[(m + y) % r];
+        if (!b.signed) return b.id;
+      }
+      return n;
+    });
+  }, [o]);
+  return E(
+    () => ({
+      fields: o,
+      signedCount: f,
+      total: i,
+      isComplete: h,
+      activeFieldId: d,
+      openField: g,
+      closeField: t,
+      markSigned: w,
+      isFieldSigned: T,
+      reset: S,
+      cursorFieldId: a,
+      goToNextField: C,
+      goToPreviousField: v,
+      goToNextUnsigned: A
+    }),
+    [
+      o,
+      f,
+      i,
+      h,
+      d,
+      g,
+      t,
+      w,
+      T,
+      S,
+      a,
+      C,
+      v,
+      A
+    ]
+  );
+}
+const q = "ds-zoom-drilldown", L = () => {
+  if (typeof document > "u") return null;
+  const e = document.querySelector("main");
+  return e ? e.querySelector("[data-radix-scroll-area-viewport]") ?? e.closest("[data-radix-scroll-area-viewport]") ?? e : null;
+}, N = (e) => typeof e.startViewTransition == "function" && typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("view-transition-class", q);
+function P(e = {}) {
+  const [l, c] = F(null), d = I(
+    null
+  ), u = I(e.getScrollContainer);
+  u.current = e.getScrollContainer;
+  const a = s(
+    () => (u.current ?? L)(),
+    []
+  ), p = s(() => {
+    const t = a();
+    return {
+      window: typeof window < "u" ? window.scrollY : 0,
+      container: t ? t.scrollTop : 0
+    };
+  }, [a]), o = s(() => {
+    const t = d.current;
+    if (!t) return;
+    d.current = null;
+    let w = 0;
+    const T = () => {
+      const S = a();
+      typeof window < "u" && window.scrollTo({ top: t.window }), S && (S.scrollTop = t.container), !((typeof window > "u" || Math.abs(window.scrollY - t.window) < 2) && (!S || Math.abs(S.scrollTop - t.container) < 2)) && w < 20 && (w += 1, requestAnimationFrame(T));
+    };
+    T();
+  }, [a]), f = s(() => {
+    const t = a();
+    typeof window < "u" && window.scrollTo({ top: 0 }), t && (t.scrollTop = 0);
+  }, [a]), i = s(
+    (t) => {
+      var v;
+      const w = document, T = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, S = t === null;
+      if (T || !N(w) || !w.startViewTransition) {
+        R(() => c(t)), S ? o() : f();
+        return;
+      }
+      const C = w.startViewTransition(() => {
+        R(() => c(t)), S || f();
+      });
+      S && ((v = C == null ? void 0 : C.finished) == null || v.then(o, o));
+    },
+    [o, f]
+  ), h = s(
+    (t) => {
+      d.current = p(), i(t);
+    },
+    [p, i]
+  ), g = s(() => i(null), [i]);
+  return M(() => {
+    if (l === null) return;
+    const t = (w) => {
+      w.key === "Escape" && !w.defaultPrevented && g();
+    };
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }, [l, g]), { selected: l, open: h, close: g };
+}
+export {
+  q as Z,
+  D as a,
+  P as b,
+  $ as u
+};
+//# sourceMappingURL=use-zoom-drilldown-qCX34w9I.js.map