@alfadocs/ui-kit-debug 1.1.0 → 1.2.0

package/dist/_chunks/sparkline-DLq7xwic.js

@@ -1,394 +0,0 @@
-import { jsx as i, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as Y, useId as ee, useMemo as x, useRef as te, useState as $, useEffect as j, useImperativeHandle as re } from "react";
-import { c as B } from "./index-D2ZczOXr.js";
-import { useTranslation as ne } from "react-i18next";
-import ae from "react-apexcharts";
-import T from "apexcharts";
-import { g as L, u as se } from "./apexcharts-theme-B_AxGC_h.js";
-import { m as oe } from "./annotation-marker-CsUJGZjQ.js";
-import { u as ie } from "./registry-DvAUVLHh.js";
-function de(r) {
-  if (r.length < 2)
-    return { slope: 0, direction: "steady" };
-  const a = r.length, d = (a - 1) / 2, m = r.reduce((n, o) => n + o, 0) / a;
-  let c = 0, h = 0;
-  for (let n = 0; n < a; n++) {
-    const o = n - d;
-    c += o * (r[n] - m), h += o * o;
-  }
-  const l = h === 0 ? 0 : c / h, I = 0.01 * (Math.max(...r) - Math.min(...r) || 1), f = Math.abs(l) < I ? "steady" : l > 0 ? "increasing" : "decreasing";
-  return { slope: l, direction: f };
-}
-const ce = {
-  id: "sparkline",
-  capabilities: [],
-  state: {},
-  actions: {
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — write,
-      // not read.
-      safety: "write",
-      argsType: "{ data: number[] }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          data: {
-            type: "array",
-            items: { type: "number" },
-            description: "The new data points to render."
-          }
-        },
-        required: ["data"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.sparkline.actions.updateSeries",
-      description: "Replace the sparkline data without remounting.",
-      invoke: (r, a) => {
-        r.updateSeries(a.data);
-      }
-    },
-    export_png: {
-      // Pure getter — returns an image of the current chart, no state change.
-      safety: "read",
-      returns: "string",
-      returnsSchema: {
-        type: "string",
-        description: "A PNG image of the sparkline encoded as a data URI."
-      },
-      descriptionKey: "ui.agent.sparkline.actions.exportPng",
-      description: "Return a PNG data URI of the sparkline.",
-      invoke: (r) => r.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "sparkline" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, V = B("ds:relative ds:inline-block ds:w-full", {
-  variants: {
-    size: {
-      xs: "ds:h-6",
-      sm: "ds:h-8",
-      md: "ds:h-10",
-      // Applied when an explicit `height` prop is given: the wrapper
-      // grows with the svg instead of clipping at the size's fixed height.
-      auto: ""
-    }
-  },
-  defaultVariants: { size: "md" }
-}), le = B("", {
-  variants: {
-    tone: {
-      neutral: "ds:[--annotation-color:var(--muted-foreground)]",
-      info: "ds:[--annotation-color:var(--info)]",
-      success: "ds:[--annotation-color:var(--success)]",
-      /* `--warning-readable`, not `--warning`: a 1.5px dashed line is a
-       * non-text graphic (WCAG 1.4.11, 3:1), and yellow-500 is ~1.6:1 on a
-       * light card. The token aliases back to `--warning` in dark. */
-      warning: "ds:[--annotation-color:var(--warning-readable)]",
-      error: "ds:[--annotation-color:var(--destructive)]",
-      accent: "ds:[--annotation-color:var(--accent)]"
-    }
-  },
-  defaultVariants: { tone: "neutral" }
-}), ue = {
-  increasing: "↑",
-  decreasing: "↓",
-  steady: "→"
-}, pe = {
-  xs: 24,
-  sm: 32,
-  md: 40
-}, w = 2, W = 2.5;
-function me(r) {
-  return Number.isFinite(r) ? Math.min(1, Math.max(0, r)) : 0;
-}
-function he(r) {
-  return r.filter((a) => a != null);
-}
-function fe() {
-  return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-const ge = Y(
-  ({
-    id: r,
-    data: a,
-    variant: d = "line",
-    size: m = "md",
-    label: c,
-    color: h,
-    showEndpoint: l = !1,
-    showTooltip: C = !1,
-    width: I,
-    height: f,
-    annotations: n,
-    className: o,
-    ...O
-  }, K) => {
-    var E;
-    const { t: u, i18n: S } = ne(), z = ee(), g = x(
-      () => `sparkline-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [z]
-    ), k = te(null), [D, Z] = $(0), s = x(() => he(a), [a]), { direction: N } = de(s), _ = x(() => {
-      const e = n && n.length > 0 ? u("sparkline.annotations", {
-        list: n.map((p) => p.label).join(", ")
-      }) : "", t = (p) => e ? `${p}. ${e}` : p;
-      if (s.length === 0)
-        return t(u("sparkline.noData", "No data"));
-      const v = (p) => new Intl.NumberFormat(S.language).format(p), b = u(`sparkline.direction.${N}`), F = {
-        min: v(Math.min(...s)),
-        max: v(Math.max(...s)),
-        current: v(s[s.length - 1]),
-        direction: b
-      };
-      return t(c ? u("sparkline.summary", { label: c, ...F }) : u("sparkline.summaryNoLabel", F));
-    }, [s, n, c, N, S.language, u]), [y, q] = $(
-      () => {
-        try {
-          return L();
-        } catch {
-          return {};
-        }
-      }
-    );
-    j(() => {
-      let e;
-      const t = new MutationObserver(() => {
-        clearTimeout(e), e = setTimeout(() => {
-          try {
-            q(L());
-          } catch {
-          }
-        }, 50);
-      });
-      return t.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(e), t.disconnect();
-      };
-    }, []), j(() => {
-      const e = k.current;
-      if (!e) return;
-      const t = new ResizeObserver((v) => {
-        const b = v[0];
-        b && Z(Math.floor(b.contentRect.width));
-      });
-      return t.observe(e), () => t.disconnect();
-    }, []), se(k);
-    const R = x(
-      () => ({
-        updateSeries(e) {
-          var t;
-          (t = T.getChartByID(g)) == null || t.updateSeries([{ data: e }]);
-        },
-        updateOptions(e) {
-          var t;
-          (t = T.getChartByID(g)) == null || t.updateOptions(e);
-        },
-        async dataURI() {
-          const e = T.getChartByID(g);
-          return e ? (await e.dataURI()).imgURI : "";
-        }
-      }),
-      [g]
-    );
-    re(K, () => R, [R]), ie(ce, R, r);
-    const M = h ?? ((E = y.colors) == null ? void 0 : E[0]) ?? "currentColor";
-    if (s.length === 0)
-      return /* @__PURE__ */ i(
-        "div",
-        {
-          ref: k,
-          role: "img",
-          "aria-label": _,
-          dir: "ltr",
-          className: V({
-            size: f !== void 0 ? "auto" : m,
-            className: o
-          }),
-          "data-component": "sparkline",
-          "data-component-id": r,
-          ...O
-        }
-      );
-    const P = fe(), A = a.length > s.length, H = A ? a.flatMap((e, t) => e == null ? [] : [{ x: t, y: e }]) : s, J = {
-      ...y,
-      chart: {
-        ...y.chart,
-        id: g,
-        type: d,
-        sparkline: { enabled: !0 },
-        toolbar: { show: !1 },
-        animations: {
-          enabled: !P,
-          // A gapped series is re-rendered as {x, y} pairs, and Apex's
-          // update tween interpolates between the old and new paths point by
-          // point. Across a width change the two have different lengths and
-          // the tween emits `d="… NaN …"` for a few frames. The finished
-          // render is correct either way; switching the tween off keeps the
-          // console clean.
-          dynamicAnimation: { enabled: !P && !A }
-        },
-        zoom: { enabled: !1 },
-        parentHeightOffset: 0
-      },
-      colors: [M],
-      stroke: {
-        curve: "smooth",
-        width: d === "bar" ? 0 : 2
-      },
-      fill: {
-        opacity: d === "area" ? 0.15 : 1
-      },
-      xaxis: {
-        crosshairs: { show: !1 },
-        // Pin the extent to the slot count so a gap at either end still holds
-        // its place — otherwise the plot would rescale to the measurements
-        // and the annotation fractions would no longer mean the same thing.
-        ...A ? { type: "numeric", min: 0, max: a.length - 1 } : {}
-      },
-      tooltip: { enabled: C },
-      markers: l ? {
-        size: [0],
-        discrete: [
-          {
-            // An index into the SERIES, whose holes have already been
-            // removed — so this is the last MEASURED point, never a slot
-            // the parameter was not measured at.
-            seriesIndex: 0,
-            dataPointIndex: H.length - 1,
-            fillColor: M,
-            strokeColor: M,
-            size: 4
-          }
-        ]
-      } : { size: 0 },
-      grid: {
-        ...y.grid,
-        show: !1,
-        // ApexCharts grid.padding uses physical keys (not CSS logical properties).
-        // The chart wrapper enforces dir="ltr" so these always resolve correctly.
-        padding: {
-          top: w,
-          right: w,
-          bottom: w,
-          left: w
-        }
-      }
-    }, Q = I ?? (D > 0 ? D : "100%"), X = f ?? pe[m ?? "md"], U = n != null && n.length ? n : void 0;
-    return /* @__PURE__ */ G(
-      "div",
-      {
-        ref: k,
-        role: "img",
-        "aria-label": _,
-        dir: "ltr",
-        className: V({
-          size: f !== void 0 ? "auto" : m,
-          className: o
-        }),
-        "data-component": "sparkline",
-        "data-component-id": r,
-        ...O,
-        children: [
-          /* @__PURE__ */ i(
-            ae,
-            {
-              type: d,
-              series: [{ data: H }],
-              options: J,
-              width: Q,
-              height: X,
-              "aria-hidden": "true"
-            }
-          ),
-          U && /* Drawn over the plot rather than through ApexCharts' own xaxis
-          annotations: a fraction of the measured extent is the one
-          positioning rule that survives series of different lengths, which
-          is what makes a column of sparklines share an x. */
-          /* The inset lives on a div: an <svg> is a replaced element, so
-             left+right do not size it and it would fall back to its intrinsic
-             300px. The div is the plot box; the svg fills it. The 2px MUST
-             equal PLOT_EDGE_PADDING — Tailwind needs a static literal, so the
-             two cannot share one source; change them together or the first and
-             last annotation drift off the first and last data point. */
-          /* @__PURE__ */ i("div", { className: "ds:pointer-events-none ds:absolute ds:inset-y-0 ds:inset-x-[2px]", children: /* @__PURE__ */ i(
-            "svg",
-            {
-              "aria-hidden": "true",
-              focusable: "false",
-              "data-testid": "sparkline-annotations",
-              className: "ds:size-full",
-              children: U.map((e) => {
-                const t = me(e.position);
-                return (
-                  /* A nested viewport placed at a percentage of the plot: the
-                   one positioning rule that needs no measurement, so a column
-                   of sparklines shares an x whatever their widths. */
-                  /* @__PURE__ */ G(
-                    "svg",
-                    {
-                      x: `${t * 100}%`,
-                      y: "0",
-                      width: "1",
-                      height: "100%",
-                      overflow: "visible",
-                      "data-annotation-id": e.id,
-                      "data-annotation-position": t,
-                      className: le({ tone: e.tone }),
-                      children: [
-                        /* @__PURE__ */ i(
-                          "line",
-                          {
-                            x1: 0,
-                            x2: 0,
-                            y1: 0,
-                            y2: "100%",
-                            className: "ds:[stroke:var(--annotation-color)] ds:[stroke-dasharray:2_3] ds:[stroke-width:1]"
-                          }
-                        ),
-                        /* @__PURE__ */ i(
-                          "path",
-                          {
-                            d: oe(
-                              e.shape ?? "diamond",
-                              0,
-                              W,
-                              W
-                            ),
-                            className: "ds:[fill:var(--annotation-color)]"
-                          }
-                        )
-                      ]
-                    },
-                    e.id
-                  )
-                );
-              })
-            }
-          ) }),
-          l && /* @__PURE__ */ i(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none",
-              children: ue[N]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ge.displayName = "Sparkline";
-export {
-  ge as S,
-  ce as s,
-  de as u
-};
-//# sourceMappingURL=sparkline-DLq7xwic.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sparkline-DLq7xwic.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  state: {},\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: 'Replace the sparkline data without remounting.',\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  },\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/* ------------------------------------------------------------------ */\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\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}\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  /** 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\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      width,\n      height,\n      annotations,\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\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 ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) setContainerWidth(Math.floor(entry.contentRect.width));\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    const agentHandle = useMemo<SparklineHandle>(\n      () => ({\n        updateSeries(newData: (number | null)[]) {\n          ApexCharts.getChartByID(chartId)?.updateSeries([{ data: newData }]);\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      }),\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    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: { enabled: showTooltip },\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    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={[{ 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        {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","DIRECTION_ARROW","SIZE_HEIGHT","PLOT_EDGE_PADDING","ANNOTATION_CAP_RADIUS","clampFraction","value","measured","prefersReducedMotion","Sparkline","forwardRef","id","variant","size","label","color","showEndpoint","showTooltip","width","height","annotations","className","props","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","wrapperRef","useRef","containerWidth","setContainerWidth","useState","points","ariaLabel","marks","a","withMarks","summary","fmt","dirText","nums","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","ro","entries","entry","useNeutraliseHiddenFocus","agentHandle","newData","_a","ApexCharts","opts","instance","useImperativeHandle","useAgentRegistration","resolvedColor","jsx","reducedMotion","gapped","seriesData","x","chartOptions","resolvedWidth","resolvedHeight","drawnAnnotations","jsxs","ReactApexChart","annotation","fraction","markerPath"],"mappings":"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"}