@refraction-ui/react 0.22.0 → 0.23.1

package/dist/react-language-selector.js

@@ -4,7 +4,7 @@ import {
   createKeyboardHandler,
   cva,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-language-selector/dist/index.js
 import * as React from "react";

package/dist/react-line-chart.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-line-chart/dist/index.js
 import * as React from "react";
@@ -16,11 +16,24 @@ var DEFAULT_LINE_CHART_WIDTH = 760;
 var DEFAULT_LINE_CHART_HEIGHT = 230;
 var DEFAULT_TICK_COUNT = 4;
 var DEFAULT_HEADROOM = 1.08;
-var DEFAULT_LABEL_EVERY = 2;
+var MIN_LABEL_SPACING = 48;
 var CHART_TOKEN_COUNT = 5;
 function lineChartColor(index) {
   return `hsl(var(--chart-${index % CHART_TOKEN_COUNT + 1}))`;
 }
+var NICE_STEPS = [1, 2, 5, 10];
+function niceScale(rawMax, tickCount) {
+  const intervals = Math.max(1, Math.floor(tickCount));
+  if (!(rawMax > 0)) return { max: 1, step: 1 / intervals, ticks: Array.from({ length: intervals + 1 }, (_, i) => i / intervals) };
+  const target = rawMax / intervals;
+  const magnitude = 10 ** Math.floor(Math.log10(target));
+  const step = NICE_STEPS.map((m) => m * magnitude).find((candidate) => candidate >= target) ?? 10 * magnitude;
+  const count = Math.ceil(rawMax / step - 1e-9);
+  const decimals = Math.max(0, -Math.floor(Math.log10(step)));
+  const clean = (value) => Number(value.toFixed(decimals));
+  const ticks = Array.from({ length: count + 1 }, (_, i) => clean(i * step));
+  return { max: ticks[ticks.length - 1], step: clean(step), ticks };
+}
 function pathFrom(points) {
   return points.map(([px, py], i) => (i ? "L" : "M") + px.toFixed(1) + " " + py.toFixed(1)).join(" ");
 }
@@ -31,24 +44,22 @@ function computeLineChart(options) {
     width,
     height,
     tickCount = DEFAULT_TICK_COUNT,
-    headroom = DEFAULT_HEADROOM,
-    labelEvery = DEFAULT_LABEL_EVERY
+    headroom = DEFAULT_HEADROOM
   } = options;
   const padding = { ...DEFAULT_LINE_CHART_PADDING, ...options.padding };
   const n = labels.length;
   const values = series.flatMap((s) => s.data);
   const peak = values.length ? Math.max(...values) : 0;
-  const max = peak > 0 ? peak * headroom : 1;
+  const scale = niceScale(peak > 0 ? peak * headroom : 0, tickCount);
+  const max = scale.max;
   const plotW = width - padding.left - padding.right;
   const plotTop = padding.top;
   const plotBottom = height - padding.bottom;
   const plotH = plotBottom - plotTop;
+  const labelEvery = options.labelEvery ?? Math.max(1, Math.ceil(n / Math.max(1, Math.floor(plotW / MIN_LABEL_SPACING))));
   const x = (index) => padding.left + (n > 1 ? index / (n - 1) * plotW : plotW / 2);
   const y = (value) => plotTop + (1 - value / max) * plotH;
-  const ticks = Array.from({ length: tickCount + 1 }, (_, t) => {
-    const value = max / tickCount * t;
-    return { value, y: y(value) };
-  });
+  const ticks = scale.ticks.map((value) => ({ value, y: y(value) }));
   const xLabels = labels.map((label, index) => ({ index, label, x: x(index) })).filter(({ index }) => index % labelEvery === 0 || index === n - 1);
   const paths = series.map((s, si) => {
     const points = s.data.map((v, i) => [x(i), y(v)]);
@@ -107,19 +118,46 @@ var defaultFormat = (value) => String(Math.round(value));
 var MARKER_RADIUS = 3.5;
 var STROKE_WIDTH = 2.2;
 var TOOLTIP_TOP_PX = 8;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+function useMeasuredWidth(ref) {
+  const [measured, setMeasured] = React.useState(null);
+  useIsomorphicLayoutEffect(() => {
+    const node = ref.current;
+    if (!node || typeof ResizeObserver === "undefined") return;
+    const apply = (w) => {
+      const rounded = Math.round(w);
+      if (rounded > 0) setMeasured((prev) => prev === rounded ? prev : rounded);
+    };
+    apply(node.getBoundingClientRect().width);
+    const observer = new ResizeObserver((entries) => apply(entries[0]?.contentRect.width ?? 0));
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [ref]);
+  return measured;
+}
 var LineChart = React.forwardRef(function LineChart2({
   series,
   labels,
   ariaLabel,
   height = DEFAULT_LINE_CHART_HEIGHT,
-  width = DEFAULT_LINE_CHART_WIDTH,
+  width: fallbackWidth = DEFAULT_LINE_CHART_WIDTH,
   formatValue = defaultFormat,
   formatTick,
   area,
   showLegend = true,
   className,
   ...rest
-}, ref) {
+}, forwardedRef) {
+  const rootRef = React.useRef(null);
+  const ref = React.useCallback(
+    (node) => {
+      rootRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    },
+    [forwardedRef]
+  );
+  const width = useMeasuredWidth(rootRef) ?? fallbackWidth;
   const [active, setActive] = React.useState(null);
   const gradientBase = React.useId().replace(/:/g, "");
   const geo = React.useMemo(

package/dist/react-line-chart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../line-chart/src/line-chart.ts", "../../line-chart/src/line-chart.styles.ts", "../../react-line-chart/src/line-chart.tsx"],
-  "sourcesContent": ["export interface LineChartSeries {\n  /** Stable key for the series. */\n  id: string\n  /** Legend / tooltip name. */\n  name: string\n  /**\n   * Any CSS colour (a token `hsl(var(--…))` or a data colour). Defaults to the\n   * theme's chart palette (`--chart-1` … `--chart-5`) by series position.\n   */\n  color?: string\n  /** One value per label, in label order. */\n  data: number[]\n}\n\nexport interface LineChartPadding {\n  top: number\n  right: number\n  bottom: number\n  left: number\n}\n\nexport interface LineChartOptions {\n  series: LineChartSeries[]\n  labels: string[]\n  /** viewBox width — the SVG scales to its container's width. */\n  width: number\n  /** viewBox height. */\n  height: number\n  padding?: Partial<LineChartPadding>\n  /** Number of gridline intervals on the y-axis. */\n  tickCount?: number\n  /** Headroom multiplier above the largest value. */\n  headroom?: number\n  /** Show every n-th x label (the last label is always shown). */\n  labelEvery?: number\n}\n\nexport interface LineChartTick {\n  value: number\n  y: number\n}\n\nexport interface LineChartXLabel {\n  index: number\n  label: string\n  x: number\n}\n\nexport interface LineChartPath {\n  id: string\n  /** Resolved stroke colour. */\n  color: string\n  /** The stroke path. */\n  line: string\n  /** The line closed down to the zero baseline, for an area fill. */\n  area: string\n}\n\nexport interface LineChartColumn {\n  index: number\n  x: number\n  width: number\n}\n\nexport interface LineChartGeometry {\n  width: number\n  height: number\n  padding: LineChartPadding\n  /** Top of the shared y-scale. */\n  max: number\n  ticks: LineChartTick[]\n  xLabels: LineChartXLabel[]\n  paths: LineChartPath[]\n  /** One hover/focus column per category. */\n  columns: LineChartColumn[]\n  x: (index: number) => number\n  y: (value: number) => number\n  /** Top and bottom of the plot area, for a crosshair. */\n  plotTop: number\n  plotBottom: number\n}\n\nexport const DEFAULT_LINE_CHART_PADDING: LineChartPadding = {\n  top: 14,\n  right: 14,\n  bottom: 24,\n  left: 40,\n}\n\nexport const DEFAULT_LINE_CHART_WIDTH = 760\nexport const DEFAULT_LINE_CHART_HEIGHT = 230\nconst DEFAULT_TICK_COUNT = 4\nconst DEFAULT_HEADROOM = 1.08\nconst DEFAULT_LABEL_EVERY = 2\n/** Number of `--chart-N` tokens the theme defines. */\nconst CHART_TOKEN_COUNT = 5\n\n/** The theme chart colour for the series at `index` (wraps around). */\nexport function lineChartColor(index: number): string {\n  return `hsl(var(--chart-${(index % CHART_TOKEN_COUNT) + 1}))`\n}\n\nfunction pathFrom(points: Array<[number, number]>): string {\n  return points.map(([px, py], i) => (i ? 'L' : 'M') + px.toFixed(1) + ' ' + py.toFixed(1)).join(' ')\n}\n\n/**\n * Pure geometry for a responsive multi-series line chart. Every series shares\n * ONE y-scale (zero baseline to the largest value plus headroom), so series are\n * comparable. Coordinates are in viewBox units; the SVG scales to its container.\n */\nexport function computeLineChart(options: LineChartOptions): LineChartGeometry {\n  const {\n    series,\n    labels,\n    width,\n    height,\n    tickCount = DEFAULT_TICK_COUNT,\n    headroom = DEFAULT_HEADROOM,\n    labelEvery = DEFAULT_LABEL_EVERY,\n  } = options\n  const padding = { ...DEFAULT_LINE_CHART_PADDING, ...options.padding }\n  const n = labels.length\n  const values = series.flatMap((s) => s.data)\n  const peak = values.length ? Math.max(...values) : 0\n  const max = peak > 0 ? peak * headroom : 1\n  const plotW = width - padding.left - padding.right\n  const plotTop = padding.top\n  const plotBottom = height - padding.bottom\n  const plotH = plotBottom - plotTop\n\n  const x = (index: number) => padding.left + (n > 1 ? (index / (n - 1)) * plotW : plotW / 2)\n  const y = (value: number) => plotTop + (1 - value / max) * plotH\n\n  const ticks: LineChartTick[] = Array.from({ length: tickCount + 1 }, (_, t) => {\n    const value = (max / tickCount) * t\n    return { value, y: y(value) }\n  })\n\n  const xLabels: LineChartXLabel[] = labels\n    .map((label, index) => ({ index, label, x: x(index) }))\n    .filter(({ index }) => index % labelEvery === 0 || index === n - 1)\n\n  const paths: LineChartPath[] = series.map((s, si) => {\n    const points = s.data.map((v, i): [number, number] => [x(i), y(v)])\n    const line = pathFrom(points)\n    const first = points.length ? points[0][0] : x(0)\n    const last = points.length ? points[points.length - 1][0] : x(0)\n    const base = y(0).toFixed(1)\n    const area = `${line} L ${last.toFixed(1)} ${base} L ${first.toFixed(1)} ${base} Z`\n    return { id: s.id, color: s.color ?? lineChartColor(si), line, area }\n  })\n\n  const colW = n > 1 ? plotW / (n - 1) : plotW\n  const columns: LineChartColumn[] = labels.map((_, index) => ({\n    index,\n    x: x(index) - colW / 2,\n    width: colW,\n  }))\n\n  return { width, height, padding, max, ticks, xLabels, paths, columns, x, y, plotTop, plotBottom }\n}\n\n/** Where a tooltip for `index` sits horizontally, as a percent of the chart width. */\nexport function tooltipLeftPercent(geometry: LineChartGeometry, index: number): number {\n  return (geometry.x(index) / geometry.width) * 100\n}\n\n/**\n * The category index a keyboard key moves to from `current` (null = nothing\n * active yet). Returns `current` unchanged for keys the chart doesn't handle.\n */\nexport function nextLineChartIndex(current: number | null, key: string, count: number): number | null {\n  if (count === 0) return null\n  const last = count - 1\n  switch (key) {\n    case 'ArrowRight':\n      return current == null ? 0 : Math.min(current + 1, last)\n    case 'ArrowLeft':\n      return current == null ? last : Math.max(current - 1, 0)\n    case 'Home':\n      return 0\n    case 'End':\n      return last\n    default:\n      return current\n  }\n}\n", "/** Token-class styles for LineChart; no colour literals. */\nexport const lineChartClasses = {\n  root: 'relative',\n  svg: 'block w-full rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  gridline: 'stroke-border',\n  axis: 'fill-muted-foreground text-[9px]',\n  crosshair: 'stroke-border',\n  marker: 'stroke-card',\n  tooltip:\n    'pointer-events-none absolute z-10 -translate-x-1/2 whitespace-nowrap rounded-md bg-tertiary px-2.5 py-2 text-[11px] text-tertiary-foreground shadow-lg',\n  tooltipLabel: 'mb-1 opacity-60',\n  tooltipRow: 'flex justify-between gap-2',\n  legend: 'mt-2.5 flex flex-wrap gap-3.5',\n  legendItem: 'inline-flex items-center gap-1.5 text-[11px] text-muted-foreground',\n  legendSwatch: 'h-[3px] w-2.5 rounded-sm',\n} as const\n", "import * as React from 'react'\nimport {\n  computeLineChart,\n  lineChartClasses as c,\n  nextLineChartIndex,\n  tooltipLeftPercent,\n  DEFAULT_LINE_CHART_WIDTH,\n  DEFAULT_LINE_CHART_HEIGHT,\n  type LineChartSeries,\n} from '@refraction-ui/line-chart'\nimport { cn } from '@refraction-ui/shared'\n\nexport type { LineChartSeries }\n\nexport interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** The series to plot, all on one shared y-scale. */\n  series: LineChartSeries[]\n  /** One category label per data point. */\n  labels: string[]\n  /** Accessible name of the chart image (required). */\n  ariaLabel: string\n  /** Rendered height in px (also the viewBox height). Defaults to 230. */\n  height?: number\n  /** viewBox width; the chart always stretches to its container. Defaults to 760. */\n  width?: number\n  /** Formats a value in the tooltip. */\n  formatValue?: (value: number) => string\n  /** Formats a y-axis tick. Defaults to `formatValue`. */\n  formatTick?: (value: number) => string\n  /** Fill the area under each line. Defaults to on for a single series only. */\n  area?: boolean\n  /** Show the series legend under the chart. Defaults to true. */\n  showLegend?: boolean\n}\n\nconst defaultFormat = (value: number) => String(Math.round(value))\nconst MARKER_RADIUS = 3.5\nconst STROKE_WIDTH = 2.2\nconst TOOLTIP_TOP_PX = 8\n\n/**\n * LineChart — a responsive multi-series line chart on one shared y-scale, with\n * gridlines, category x-labels, a hover/keyboard crosshair + tooltip and a\n * legend. The SVG uses a viewBox, so it stretches to its container's width.\n * Keyboard: focus the chart, then ←/→/Home/End move between categories.\n */\nexport const LineChart = React.forwardRef<HTMLDivElement, LineChartProps>(function LineChart(\n  {\n    series,\n    labels,\n    ariaLabel,\n    height = DEFAULT_LINE_CHART_HEIGHT,\n    width = DEFAULT_LINE_CHART_WIDTH,\n    formatValue = defaultFormat,\n    formatTick,\n    area,\n    showLegend = true,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const [active, setActive] = React.useState<number | null>(null)\n  const gradientBase = React.useId().replace(/:/g, '')\n  const geo = React.useMemo(\n    () => computeLineChart({ series, labels, width, height }),\n    [series, labels, width, height],\n  )\n  const fillArea = area ?? series.length === 1\n  const tick = formatTick ?? formatValue\n\n  const handleKeyDown = (event: React.KeyboardEvent<SVGSVGElement>) => {\n    const next = nextLineChartIndex(active, event.key, labels.length)\n    if (next === active) return\n    event.preventDefault()\n    setActive(next)\n  }\n\n  return (\n    <div ref={ref} className={cn(c.root, className)} data-slot=\"line-chart\" {...rest}>\n      <svg\n        className={c.svg}\n        viewBox={`0 0 ${width} ${height}`}\n        style={{ height }}\n        role=\"img\"\n        aria-label={ariaLabel}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onBlur={() => setActive(null)}\n        onMouseLeave={() => setActive(null)}\n      >\n        {geo.ticks.map((t, i) => (\n          <g key={i}>\n            <line className={c.gridline} x1={geo.padding.left} y1={t.y} x2={width - geo.padding.right} y2={t.y} />\n            <text className={c.axis} x={geo.padding.left - 8} y={t.y + 3} textAnchor=\"end\">\n              {tick(t.value)}\n            </text>\n          </g>\n        ))}\n        {geo.xLabels.map((l) => (\n          <text key={l.index} className={c.axis} x={l.x} y={height - 6} textAnchor=\"middle\">\n            {l.label}\n          </text>\n        ))}\n        {geo.paths.map((p, si) => {\n          const gid = `${gradientBase}-${si}`\n          const value = active != null ? series[si].data[active] : undefined\n          return (\n            <g key={p.id}>\n              {fillArea && (\n                <>\n                  <defs>\n                    <linearGradient id={gid} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                      <stop offset=\"0%\" stopColor={p.color} stopOpacity=\"0.22\" />\n                      <stop offset=\"100%\" stopColor={p.color} stopOpacity=\"0\" />\n                    </linearGradient>\n                  </defs>\n                  <path d={p.area} fill={`url(#${gid})`} />\n                </>\n              )}\n              <path\n                d={p.line}\n                fill=\"none\"\n                stroke={p.color}\n                strokeWidth={STROKE_WIDTH}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n              {active != null && value != null && (\n                <circle\n                  className={c.marker}\n                  cx={geo.x(active)}\n                  cy={geo.y(value)}\n                  r={MARKER_RADIUS}\n                  fill={p.color}\n                  strokeWidth=\"1.5\"\n                />\n              )}\n            </g>\n          )\n        })}\n        {active != null && (\n          <line\n            className={c.crosshair}\n            x1={geo.x(active)}\n            y1={geo.plotTop}\n            x2={geo.x(active)}\n            y2={geo.plotBottom}\n            strokeDasharray=\"3 3\"\n          />\n        )}\n        {geo.columns.map((col) => (\n          <rect\n            key={col.index}\n            data-index={col.index}\n            x={col.x}\n            y={0}\n            width={col.width}\n            height={height}\n            fill=\"transparent\"\n            onMouseEnter={() => setActive(col.index)}\n          />\n        ))}\n      </svg>\n      {active != null && (\n        <div\n          className={c.tooltip}\n          role=\"status\"\n          style={{ left: `${tooltipLeftPercent(geo, active)}%`, top: TOOLTIP_TOP_PX }}\n        >\n          <div className={c.tooltipLabel}>{labels[active]}</div>\n          {series.map((s, si) => (\n            <div key={s.id} className={c.tooltipRow}>\n              <span style={{ color: geo.paths[si].color }}>{s.name}</span>\n              <b>{s.data[active] != null ? formatValue(s.data[active]) : '—'}</b>\n            </div>\n          ))}\n        </div>\n      )}\n      {showLegend && (\n        <div className={c.legend}>\n          {series.map((s, si) => (\n            <span key={s.id} className={c.legendItem}>\n              <i className={c.legendSwatch} style={{ background: geo.paths[si].color }} aria-hidden=\"true\" />\n              {s.name}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n"],
-  "mappings": ";;;;;;;;AAkFO,IAAM,6BAA+C;EAC1D,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;AACR;AAEO,IAAM,2BAA2B;AACjC,IAAM,4BAA4B;AACzC,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAE5B,IAAM,oBAAoB;AAGnB,SAAS,eAAe,OAAuB;AACpD,SAAO,mBAAoB,QAAQ,oBAAqB,CAAC;AAC3D;AAEA,SAAS,SAAS,QAAyC;AACzD,SAAO,OAAO,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,IAAI,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,MAAM,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG;AACpG;AAOO,SAAS,iBAAiB,SAA8C;AAC7E,QAAM;IACJ;IACA;IACA;IACA;IACA,YAAY;IACZ,WAAW;IACX,aAAa;EAAA,IACX;AACJ,QAAM,UAAU,EAAE,GAAG,4BAA4B,GAAG,QAAQ,QAAA;AAC5D,QAAM,IAAI,OAAO;AACjB,QAAM,SAAS,OAAO,QAAQ,CAAC,MAAM,EAAE,IAAI;AAC3C,QAAM,OAAO,OAAO,SAAS,KAAK,IAAI,GAAG,MAAM,IAAI;AACnD,QAAM,MAAM,OAAO,IAAI,OAAO,WAAW;AACzC,QAAM,QAAQ,QAAQ,QAAQ,OAAO,QAAQ;AAC7C,QAAM,UAAU,QAAQ;AACxB,QAAM,aAAa,SAAS,QAAQ;AACpC,QAAM,QAAQ,aAAa;AAE3B,QAAM,IAAI,CAAC,UAAkB,QAAQ,QAAQ,IAAI,IAAK,SAAS,IAAI,KAAM,QAAQ,QAAQ;AACzF,QAAM,IAAI,CAAC,UAAkB,WAAW,IAAI,QAAQ,OAAO;AAE3D,QAAM,QAAyB,MAAM,KAAK,EAAE,QAAQ,YAAY,EAAA,GAAK,CAAC,GAAG,MAAM;AAC7E,UAAM,QAAS,MAAM,YAAa;AAClC,WAAO,EAAE,OAAO,GAAG,EAAE,KAAK,EAAA;EAC5B,CAAC;AAED,QAAM,UAA6B,OAChC,IAAI,CAAC,OAAO,WAAW,EAAE,OAAO,OAAO,GAAG,EAAE,KAAK,EAAA,EAAI,EACrD,OAAO,CAAC,EAAE,MAAA,MAAY,QAAQ,eAAe,KAAK,UAAU,IAAI,CAAC;AAEpE,QAAM,QAAyB,OAAO,IAAI,CAAC,GAAG,OAAO;AACnD,UAAM,SAAS,EAAE,KAAK,IAAI,CAAC,GAAG,MAAwB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAClE,UAAM,OAAO,SAAS,MAAM;AAC5B,UAAM,QAAQ,OAAO,SAAS,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;AAChD,UAAM,OAAO,OAAO,SAAS,OAAO,OAAO,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;AAC/D,UAAM,OAAO,EAAE,CAAC,EAAE,QAAQ,CAAC;AAC3B,UAAM,OAAO,GAAG,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,IAAI,IAAI,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,IAAI;AAC/E,WAAO,EAAE,IAAI,EAAE,IAAI,OAAO,EAAE,SAAS,eAAe,EAAE,GAAG,MAAM,KAAA;EACjE,CAAC;AAED,QAAM,OAAO,IAAI,IAAI,SAAS,IAAI,KAAK;AACvC,QAAM,UAA6B,OAAO,IAAI,CAAC,GAAG,WAAW;IAC3D;IACA,GAAG,EAAE,KAAK,IAAI,OAAO;IACrB,OAAO;EAAA,EACP;AAEF,SAAO,EAAE,OAAO,QAAQ,SAAS,KAAK,OAAO,SAAS,OAAO,SAAS,GAAG,GAAG,SAAS,WAAA;AACvF;AAGO,SAAS,mBAAmB,UAA6B,OAAuB;AACrF,SAAQ,SAAS,EAAE,KAAK,IAAI,SAAS,QAAS;AAChD;AAMO,SAAS,mBAAmB,SAAwB,KAAa,OAA8B;AACpG,MAAI,UAAU,EAAG,QAAO;AACxB,QAAM,OAAO,QAAQ;AACrB,UAAQ,KAAA;IACN,KAAK;AACH,aAAO,WAAW,OAAO,IAAI,KAAK,IAAI,UAAU,GAAG,IAAI;IACzD,KAAK;AACH,aAAO,WAAW,OAAO,OAAO,KAAK,IAAI,UAAU,GAAG,CAAC;IACzD,KAAK;AACH,aAAO;IACT,KAAK;AACH,aAAO;IACT;AACE,aAAO;EAAA;AAEb;AC1LO,IAAM,mBAAmB;EAC9B,MAAM;EACN,KAAK;EACL,UAAU;EACV,MAAM;EACN,WAAW;EACX,QAAQ;EACR,SACE;EACF,cAAc;EACd,YAAY;EACZ,QAAQ;EACR,YAAY;EACZ,cAAc;AAChB;;;;ACoBA,IAAM,gBAAgB,CAAC,UAAkB,OAAO,KAAK,MAAM,KAAK,CAAC;AACjE,IAAM,gBAAgB;AACtB,IAAM,eAAe;AACrB,IAAM,iBAAiB;AAQhB,IAAM,YAAkB,iBAA2C,SAASA,WACjF;EACE;EACA;EACA;EACA,SAAS;EACT,QAAQ;EACR,cAAc;EACd;EACA;EACA,aAAa;EACb;EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAwB,IAAI;AAC9D,QAAM,eAAqB,YAAA,EAAQ,QAAQ,MAAM,EAAE;AACnD,QAAM,MAAY;IAChB,MAAM,iBAAiB,EAAE,QAAQ,QAAQ,OAAO,OAAA,CAAQ;IACxD,CAAC,QAAQ,QAAQ,OAAO,MAAM;EAAA;AAEhC,QAAM,WAAW,QAAQ,OAAO,WAAW;AAC3C,QAAM,OAAO,cAAc;AAE3B,QAAM,gBAAgB,CAAC,UAA8C;AACnE,UAAM,OAAO,mBAAmB,QAAQ,MAAM,KAAK,OAAO,MAAM;AAChE,QAAI,SAAS,OAAQ;AACrB,UAAM,eAAA;AACN,cAAU,IAAI;EAChB;AAEA,SACE,qBAAC,OAAA,EAAI,KAAU,WAAW,GAAGC,iBAAE,MAAM,SAAS,GAAG,aAAU,cAAc,GAAG,MAC1E,UAAA;IAAA;MAAC;MAAA;QACC,WAAWA,iBAAE;QACb,SAAS,OAAO,KAAK,IAAI,MAAM;QAC/B,OAAO,EAAE,OAAA;QACT,MAAK;QACL,cAAY;QACZ,UAAU;QACV,WAAW;QACX,QAAQ,MAAM,UAAU,IAAI;QAC5B,cAAc,MAAM,UAAU,IAAI;QAEjC,UAAA;UAAA,IAAI,MAAM,IAAI,CAAC,GAAG,MAAA,qBAChB,KAAA,EACC,UAAA;YAAA,oBAAC,QAAA,EAAK,WAAWA,iBAAE,UAAU,IAAI,IAAI,QAAQ,MAAM,IAAI,EAAE,GAAG,IAAI,QAAQ,IAAI,QAAQ,OAAO,IAAI,EAAE,EAAA,CAAG;YAAA,oBACnG,QAAA,EAAK,WAAWA,iBAAE,MAAM,GAAG,IAAI,QAAQ,OAAO,GAAG,GAAG,EAAE,IAAI,GAAG,YAAW,OACtE,UAAA,KAAK,EAAE,KAAK,EAAA,CACf;UAAA,EAAA,GAJM,CAKR,CACD;UACA,IAAI,QAAQ,IAAI,CAAC,MAChB,oBAAC,QAAA,EAAmB,WAAWA,iBAAE,MAAM,GAAG,EAAE,GAAG,GAAG,SAAS,GAAG,YAAW,UACtE,UAAA,EAAE,MAAA,GADM,EAAE,KAEb,CACD;UACA,IAAI,MAAM,IAAI,CAAC,GAAG,OAAO;AACxB,kBAAM,MAAM,GAAG,YAAY,IAAI,EAAE;AACjC,kBAAM,QAAQ,UAAU,OAAO,OAAO,EAAE,EAAE,KAAK,MAAM,IAAI;AACzD,mBAAA,qBACG,KAAA,EACE,UAAA;cAAA,YACC,qBAAA,UAAA,EACE,UAAA;gBAAA,oBAAC,QAAA,EACC,UAAA,qBAAC,kBAAA,EAAe,IAAI,KAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC/C,UAAA;kBAAA,oBAAC,QAAA,EAAK,QAAO,MAAK,WAAW,EAAE,OAAO,aAAY,OAAA,CAAO;kBACzD,oBAAC,QAAA,EAAK,QAAO,QAAO,WAAW,EAAE,OAAO,aAAY,IAAA,CAAI;gBAAA,EAAA,CAC1D,EAAA,CACF;gBACA,oBAAC,QAAA,EAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,GAAG,IAAA,CAAK;cAAA,EAAA,CACzC;cAEF;gBAAC;gBAAA;kBACC,GAAG,EAAE;kBACL,MAAK;kBACL,QAAQ,EAAE;kBACV,aAAa;kBACb,eAAc;kBACd,gBAAe;gBAAA;cAAA;cAEhB,UAAU,QAAQ,SAAS,QAC1B;gBAAC;gBAAA;kBACC,WAAWA,iBAAE;kBACb,IAAI,IAAI,EAAE,MAAM;kBAChB,IAAI,IAAI,EAAE,KAAK;kBACf,GAAG;kBACH,MAAM,EAAE;kBACR,aAAY;gBAAA;cAAA;YACd,EAAA,GA5BI,EAAE,EA8BV;UAEJ,CAAC;UACA,UAAU,QACT;YAAC;YAAA;cACC,WAAWA,iBAAE;cACb,IAAI,IAAI,EAAE,MAAM;cAChB,IAAI,IAAI;cACR,IAAI,IAAI,EAAE,MAAM;cAChB,IAAI,IAAI;cACR,iBAAgB;YAAA;UAAA;UAGnB,IAAI,QAAQ,IAAI,CAAC,QAChB;YAAC;YAAA;cAEC,cAAY,IAAI;cAChB,GAAG,IAAI;cACP,GAAG;cACH,OAAO,IAAI;cACX;cACA,MAAK;cACL,cAAc,MAAM,UAAU,IAAI,KAAK;YAAA;YAPlC,IAAI;UAAA,CASZ;QAAA;MAAA;IAAA;IAEF,UAAU,QACT;MAAC;MAAA;QACC,WAAWA,iBAAE;QACb,MAAK;QACL,OAAO,EAAE,MAAM,GAAG,mBAAmB,KAAK,MAAM,CAAC,KAAK,KAAK,eAAA;QAE3D,UAAA;UAAA,oBAAC,OAAA,EAAI,WAAWA,iBAAE,cAAe,UAAA,OAAO,MAAM,EAAA,CAAE;UAC/C,OAAO,IAAI,CAAC,GAAG,OACd,qBAAC,OAAA,EAAe,WAAWA,iBAAE,YAC3B,UAAA;YAAA,oBAAC,QAAA,EAAK,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,EAAE,MAAA,GAAU,UAAA,EAAE,KAAA,CAAK;YACrD,oBAAC,KAAA,EAAG,UAAA,EAAE,KAAK,MAAM,KAAK,OAAO,YAAY,EAAE,KAAK,MAAM,CAAC,IAAI,SAAA,CAAI;UAAA,EAAA,GAFvD,EAAE,EAGZ,CACD;QAAA;MAAA;IAAA;IAGJ,cACC,oBAAC,OAAA,EAAI,WAAWA,iBAAE,QACf,UAAA,OAAO,IAAI,CAAC,GAAG,OACd,qBAAC,QAAA,EAAgB,WAAWA,iBAAE,YAC5B,UAAA;MAAA,oBAAC,KAAA,EAAE,WAAWA,iBAAE,cAAc,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,EAAE,MAAA,GAAS,eAAY,OAAA,CAAO;MAC5F,EAAE;IAAA,EAAA,GAFM,EAAE,EAGb,CACD,EAAA,CACH;EAAA,EAAA,CAEJ;AAEJ,CAAC;",
+  "sourcesContent": ["export interface LineChartSeries {\n  /** Stable key for the series. */\n  id: string\n  /** Legend / tooltip name. */\n  name: string\n  /**\n   * Any CSS colour (a token `hsl(var(--…))` or a data colour). Defaults to the\n   * theme's chart palette (`--chart-1` … `--chart-5`) by series position.\n   */\n  color?: string\n  /** One value per label, in label order. */\n  data: number[]\n}\n\nexport interface LineChartPadding {\n  top: number\n  right: number\n  bottom: number\n  left: number\n}\n\nexport interface LineChartOptions {\n  series: LineChartSeries[]\n  labels: string[]\n  /** viewBox width — the SVG scales to its container's width. */\n  width: number\n  /** viewBox height. */\n  height: number\n  padding?: Partial<LineChartPadding>\n  /** Target number of gridline intervals on the y-axis (the nice scale may use fewer). */\n  tickCount?: number\n  /** Headroom multiplier above the largest value. */\n  headroom?: number\n  /**\n   * Show every n-th x label (the last label is always shown). Defaults to\n   * thinning so labels are at least ~48 viewBox units apart.\n   */\n  labelEvery?: number\n}\n\nexport interface LineChartTick {\n  value: number\n  y: number\n}\n\nexport interface LineChartXLabel {\n  index: number\n  label: string\n  x: number\n}\n\nexport interface LineChartPath {\n  id: string\n  /** Resolved stroke colour. */\n  color: string\n  /** The stroke path. */\n  line: string\n  /** The line closed down to the zero baseline, for an area fill. */\n  area: string\n}\n\nexport interface LineChartColumn {\n  index: number\n  x: number\n  width: number\n}\n\nexport interface LineChartGeometry {\n  width: number\n  height: number\n  padding: LineChartPadding\n  /** Top of the shared y-scale. */\n  max: number\n  ticks: LineChartTick[]\n  xLabels: LineChartXLabel[]\n  paths: LineChartPath[]\n  /** One hover/focus column per category. */\n  columns: LineChartColumn[]\n  x: (index: number) => number\n  y: (value: number) => number\n  /** Top and bottom of the plot area, for a crosshair. */\n  plotTop: number\n  plotBottom: number\n}\n\nexport const DEFAULT_LINE_CHART_PADDING: LineChartPadding = {\n  top: 14,\n  right: 14,\n  bottom: 24,\n  left: 40,\n}\n\nexport const DEFAULT_LINE_CHART_WIDTH = 760\nexport const DEFAULT_LINE_CHART_HEIGHT = 230\nconst DEFAULT_TICK_COUNT = 4\nconst DEFAULT_HEADROOM = 1.08\n/** Minimum horizontal room per x label when thinning automatically. */\nconst MIN_LABEL_SPACING = 48\n/** Number of `--chart-N` tokens the theme defines. */\nconst CHART_TOKEN_COUNT = 5\n\n/** The theme chart colour for the series at `index` (wraps around). */\nexport function lineChartColor(index: number): string {\n  return `hsl(var(--chart-${(index % CHART_TOKEN_COUNT) + 1}))`\n}\n\nconst NICE_STEPS = [1, 2, 5, 10]\n\n/**\n * A \"nice\" y-scale: a 1-2-5 × 10^k step so there are at most `tickCount`\n * intervals up to `rawMax`, and the max rounded up to a whole step. Tick\n * values are therefore round numbers by construction (0, 2000, 4000, …) —\n * never 5999.9999 — so any tick formatter prints clean labels.\n */\nexport function niceScale(rawMax: number, tickCount: number): { max: number; step: number; ticks: number[] } {\n  const intervals = Math.max(1, Math.floor(tickCount))\n  if (!(rawMax > 0)) return { max: 1, step: 1 / intervals, ticks: Array.from({ length: intervals + 1 }, (_, i) => i / intervals) }\n  const target = rawMax / intervals\n  const magnitude = 10 ** Math.floor(Math.log10(target))\n  const step = NICE_STEPS.map((m) => m * magnitude).find((candidate) => candidate >= target) ?? 10 * magnitude\n  const count = Math.ceil(rawMax / step - 1e-9)\n  // Strip binary floating-point noise (e.g. 0.1 * 3) to the step's precision.\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)))\n  const clean = (value: number) => Number(value.toFixed(decimals))\n  const ticks = Array.from({ length: count + 1 }, (_, i) => clean(i * step))\n  return { max: ticks[ticks.length - 1], step: clean(step), ticks }\n}\n\nfunction pathFrom(points: Array<[number, number]>): string {\n  return points.map(([px, py], i) => (i ? 'L' : 'M') + px.toFixed(1) + ' ' + py.toFixed(1)).join(' ')\n}\n\n/**\n * Pure geometry for a responsive multi-series line chart. Every series shares\n * ONE y-scale (zero baseline to the largest value plus headroom), so series are\n * comparable. Coordinates are in viewBox units; the SVG scales to its container.\n */\nexport function computeLineChart(options: LineChartOptions): LineChartGeometry {\n  const {\n    series,\n    labels,\n    width,\n    height,\n    tickCount = DEFAULT_TICK_COUNT,\n    headroom = DEFAULT_HEADROOM,\n  } = options\n  const padding = { ...DEFAULT_LINE_CHART_PADDING, ...options.padding }\n  const n = labels.length\n  const values = series.flatMap((s) => s.data)\n  const peak = values.length ? Math.max(...values) : 0\n  const scale = niceScale(peak > 0 ? peak * headroom : 0, tickCount)\n  const max = scale.max\n  const plotW = width - padding.left - padding.right\n  const plotTop = padding.top\n  const plotBottom = height - padding.bottom\n  const plotH = plotBottom - plotTop\n\n  const labelEvery =\n    options.labelEvery ??\n    Math.max(1, Math.ceil(n / Math.max(1, Math.floor(plotW / MIN_LABEL_SPACING))))\n\n  const x = (index: number) => padding.left + (n > 1 ? (index / (n - 1)) * plotW : plotW / 2)\n  const y = (value: number) => plotTop + (1 - value / max) * plotH\n\n  const ticks: LineChartTick[] = scale.ticks.map((value) => ({ value, y: y(value) }))\n\n  const xLabels: LineChartXLabel[] = labels\n    .map((label, index) => ({ index, label, x: x(index) }))\n    .filter(({ index }) => index % labelEvery === 0 || index === n - 1)\n\n  const paths: LineChartPath[] = series.map((s, si) => {\n    const points = s.data.map((v, i): [number, number] => [x(i), y(v)])\n    const line = pathFrom(points)\n    const first = points.length ? points[0][0] : x(0)\n    const last = points.length ? points[points.length - 1][0] : x(0)\n    const base = y(0).toFixed(1)\n    const area = `${line} L ${last.toFixed(1)} ${base} L ${first.toFixed(1)} ${base} Z`\n    return { id: s.id, color: s.color ?? lineChartColor(si), line, area }\n  })\n\n  const colW = n > 1 ? plotW / (n - 1) : plotW\n  const columns: LineChartColumn[] = labels.map((_, index) => ({\n    index,\n    x: x(index) - colW / 2,\n    width: colW,\n  }))\n\n  return { width, height, padding, max, ticks, xLabels, paths, columns, x, y, plotTop, plotBottom }\n}\n\n/** Where a tooltip for `index` sits horizontally, as a percent of the chart width. */\nexport function tooltipLeftPercent(geometry: LineChartGeometry, index: number): number {\n  return (geometry.x(index) / geometry.width) * 100\n}\n\n/**\n * The category index a keyboard key moves to from `current` (null = nothing\n * active yet). Returns `current` unchanged for keys the chart doesn't handle.\n */\nexport function nextLineChartIndex(current: number | null, key: string, count: number): number | null {\n  if (count === 0) return null\n  const last = count - 1\n  switch (key) {\n    case 'ArrowRight':\n      return current == null ? 0 : Math.min(current + 1, last)\n    case 'ArrowLeft':\n      return current == null ? last : Math.max(current - 1, 0)\n    case 'Home':\n      return 0\n    case 'End':\n      return last\n    default:\n      return current\n  }\n}\n", "/** Token-class styles for LineChart; no colour literals. */\nexport const lineChartClasses = {\n  root: 'relative',\n  svg: 'block w-full rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  gridline: 'stroke-border',\n  axis: 'fill-muted-foreground text-[9px]',\n  crosshair: 'stroke-border',\n  marker: 'stroke-card',\n  tooltip:\n    'pointer-events-none absolute z-10 -translate-x-1/2 whitespace-nowrap rounded-md bg-tertiary px-2.5 py-2 text-[11px] text-tertiary-foreground shadow-lg',\n  tooltipLabel: 'mb-1 opacity-60',\n  tooltipRow: 'flex justify-between gap-2',\n  legend: 'mt-2.5 flex flex-wrap gap-3.5',\n  legendItem: 'inline-flex items-center gap-1.5 text-[11px] text-muted-foreground',\n  legendSwatch: 'h-[3px] w-2.5 rounded-sm',\n} as const\n", "import * as React from 'react'\nimport {\n  computeLineChart,\n  lineChartClasses as c,\n  nextLineChartIndex,\n  tooltipLeftPercent,\n  DEFAULT_LINE_CHART_WIDTH,\n  DEFAULT_LINE_CHART_HEIGHT,\n  type LineChartSeries,\n} from '@refraction-ui/line-chart'\nimport { cn } from '@refraction-ui/shared'\n\nexport type { LineChartSeries }\n\nexport interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** The series to plot, all on one shared y-scale. */\n  series: LineChartSeries[]\n  /** One category label per data point. */\n  labels: string[]\n  /** Accessible name of the chart image (required). */\n  ariaLabel: string\n  /** Rendered height in px (also the viewBox height). Defaults to 230. */\n  height?: number\n  /**\n   * Fallback width, used for the server render and before the container is\n   * measured. On the client the chart measures its container and draws at that\n   * width, so text and strokes stay at their authored size. Defaults to 760.\n   */\n  width?: number\n  /** Formats a value in the tooltip. */\n  formatValue?: (value: number) => string\n  /** Formats a y-axis tick. Defaults to `formatValue`. */\n  formatTick?: (value: number) => string\n  /** Fill the area under each line. Defaults to on for a single series only. */\n  area?: boolean\n  /** Show the series legend under the chart. Defaults to true. */\n  showLegend?: boolean\n}\n\nconst defaultFormat = (value: number) => String(Math.round(value))\nconst MARKER_RADIUS = 3.5\nconst STROKE_WIDTH = 2.2\nconst TOOLTIP_TOP_PX = 8\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\n/**\n * Width of `ref`'s element in CSS px, tracked with a ResizeObserver; `null`\n * until measured (server render, or no ResizeObserver).\n */\nfunction useMeasuredWidth(ref: React.RefObject<HTMLElement | null>): number | null {\n  const [measured, setMeasured] = React.useState<number | null>(null)\n  useIsomorphicLayoutEffect(() => {\n    const node = ref.current\n    if (!node || typeof ResizeObserver === 'undefined') return\n    const apply = (w: number) => {\n      const rounded = Math.round(w)\n      if (rounded > 0) setMeasured((prev) => (prev === rounded ? prev : rounded))\n    }\n    apply(node.getBoundingClientRect().width)\n    const observer = new ResizeObserver((entries) => apply(entries[0]?.contentRect.width ?? 0))\n    observer.observe(node)\n    return () => observer.disconnect()\n  }, [ref])\n  return measured\n}\n\n/**\n * LineChart — a responsive multi-series line chart on one shared y-scale, with\n * gridlines, category x-labels, a hover/keyboard crosshair + tooltip and a\n * legend. It measures its container and draws at that width (1:1 viewBox), so\n * axis text keeps its authored size in narrow panels.\n * Keyboard: focus the chart, then ←/→/Home/End move between categories.\n */\nexport const LineChart = React.forwardRef<HTMLDivElement, LineChartProps>(function LineChart(\n  {\n    series,\n    labels,\n    ariaLabel,\n    height = DEFAULT_LINE_CHART_HEIGHT,\n    width: fallbackWidth = DEFAULT_LINE_CHART_WIDTH,\n    formatValue = defaultFormat,\n    formatTick,\n    area,\n    showLegend = true,\n    className,\n    ...rest\n  },\n  forwardedRef,\n) {\n  const rootRef = React.useRef<HTMLDivElement | null>(null)\n  const ref = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node\n      if (typeof forwardedRef === 'function') forwardedRef(node)\n      else if (forwardedRef) forwardedRef.current = node\n    },\n    [forwardedRef],\n  )\n  // Draw at the container's real width: a fixed viewBox stretched to a narrow\n  // panel would shrink the axis text and the chart height with it.\n  const width = useMeasuredWidth(rootRef) ?? fallbackWidth\n  const [active, setActive] = React.useState<number | null>(null)\n  const gradientBase = React.useId().replace(/:/g, '')\n  const geo = React.useMemo(\n    () => computeLineChart({ series, labels, width, height }),\n    [series, labels, width, height],\n  )\n  const fillArea = area ?? series.length === 1\n  const tick = formatTick ?? formatValue\n\n  const handleKeyDown = (event: React.KeyboardEvent<SVGSVGElement>) => {\n    const next = nextLineChartIndex(active, event.key, labels.length)\n    if (next === active) return\n    event.preventDefault()\n    setActive(next)\n  }\n\n  return (\n    <div ref={ref} className={cn(c.root, className)} data-slot=\"line-chart\" {...rest}>\n      <svg\n        className={c.svg}\n        viewBox={`0 0 ${width} ${height}`}\n        style={{ height }}\n        role=\"img\"\n        aria-label={ariaLabel}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onBlur={() => setActive(null)}\n        onMouseLeave={() => setActive(null)}\n      >\n        {geo.ticks.map((t, i) => (\n          <g key={i}>\n            <line className={c.gridline} x1={geo.padding.left} y1={t.y} x2={width - geo.padding.right} y2={t.y} />\n            <text className={c.axis} x={geo.padding.left - 8} y={t.y + 3} textAnchor=\"end\">\n              {tick(t.value)}\n            </text>\n          </g>\n        ))}\n        {geo.xLabels.map((l) => (\n          <text key={l.index} className={c.axis} x={l.x} y={height - 6} textAnchor=\"middle\">\n            {l.label}\n          </text>\n        ))}\n        {geo.paths.map((p, si) => {\n          const gid = `${gradientBase}-${si}`\n          const value = active != null ? series[si].data[active] : undefined\n          return (\n            <g key={p.id}>\n              {fillArea && (\n                <>\n                  <defs>\n                    <linearGradient id={gid} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                      <stop offset=\"0%\" stopColor={p.color} stopOpacity=\"0.22\" />\n                      <stop offset=\"100%\" stopColor={p.color} stopOpacity=\"0\" />\n                    </linearGradient>\n                  </defs>\n                  <path d={p.area} fill={`url(#${gid})`} />\n                </>\n              )}\n              <path\n                d={p.line}\n                fill=\"none\"\n                stroke={p.color}\n                strokeWidth={STROKE_WIDTH}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n              {active != null && value != null && (\n                <circle\n                  className={c.marker}\n                  cx={geo.x(active)}\n                  cy={geo.y(value)}\n                  r={MARKER_RADIUS}\n                  fill={p.color}\n                  strokeWidth=\"1.5\"\n                />\n              )}\n            </g>\n          )\n        })}\n        {active != null && (\n          <line\n            className={c.crosshair}\n            x1={geo.x(active)}\n            y1={geo.plotTop}\n            x2={geo.x(active)}\n            y2={geo.plotBottom}\n            strokeDasharray=\"3 3\"\n          />\n        )}\n        {geo.columns.map((col) => (\n          <rect\n            key={col.index}\n            data-index={col.index}\n            x={col.x}\n            y={0}\n            width={col.width}\n            height={height}\n            fill=\"transparent\"\n            onMouseEnter={() => setActive(col.index)}\n          />\n        ))}\n      </svg>\n      {active != null && (\n        <div\n          className={c.tooltip}\n          role=\"status\"\n          style={{ left: `${tooltipLeftPercent(geo, active)}%`, top: TOOLTIP_TOP_PX }}\n        >\n          <div className={c.tooltipLabel}>{labels[active]}</div>\n          {series.map((s, si) => (\n            <div key={s.id} className={c.tooltipRow}>\n              <span style={{ color: geo.paths[si].color }}>{s.name}</span>\n              <b>{s.data[active] != null ? formatValue(s.data[active]) : '—'}</b>\n            </div>\n          ))}\n        </div>\n      )}\n      {showLegend && (\n        <div className={c.legend}>\n          {series.map((s, si) => (\n            <span key={s.id} className={c.legendItem}>\n              <i className={c.legendSwatch} style={{ background: geo.paths[si].color }} aria-hidden=\"true\" />\n              {s.name}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n"],
+  "mappings": "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",
   "names": ["LineChart", "c"]
 }

package/dist/react-link-card.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WSPJTQAV.js";
 import {
   cn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-link-card/dist/index.js
 import * as React from "react";

package/dist/react-live-captions.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-live-captions/dist/index.js
 import * as React from "react";

package/dist/react-live-cursors.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-live-cursors/dist/index.js
 import * as React from "react";

package/dist/react-live-transcript.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-live-transcript/dist/index.js
 import * as React from "react";

package/dist/react-location-selector.js

@@ -1,7 +1,7 @@
 import {
   cn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-location-selector/dist/index.js
 import * as React from "react";

package/dist/react-logger.js

@@ -1,9 +1,9 @@
 import {
   createFaroSink
-} from "./chunk-XWP763SH.js";
+} from "./chunk-V727VZOE.js";
 import {
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-logger/dist/index.js
 import * as React from "react";
@@ -159,7 +159,7 @@ function createTelemetry(config) {
   addSinkInternal(createConsoleSink({ pretty: preset.pretty }));
   if (config.endpoint) {
     const endpoint = config.endpoint;
-    void import("./chunk-SDZ3LROZ.js").then(({ createFaroSink: createFaroSink2 }) => createFaroSink2({ app: config.app, endpoint })).then((faro) => {
+    void import("./chunk-7P7EJ56S.js").then(({ createFaroSink: createFaroSink2 }) => createFaroSink2({ app: config.app, endpoint })).then((faro) => {
       if (faro) addSinkInternal(faro);
     }).catch(() => {
     });

package/dist/react-markdown-renderer.js

@@ -2,8 +2,8 @@ import {
   MarkdownRenderer,
   markdownRendererTokens,
   proseVariants
-} from "./chunk-SDAJVXD4.js";
-import "./chunk-2Q6HHFAN.js";
+} from "./chunk-5P56PN3J.js";
+import "./chunk-75BKRTPO.js";
 export {
   MarkdownRenderer,
   markdownRendererTokens,

package/dist/react-marquee-strip.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-marquee-strip/dist/index.js
 import * as React from "react";

package/dist/react-mascot.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-mascot/dist/index.js
 import * as React from "react";

package/dist/react-mastery-bar.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-mastery-bar/dist/index.js
 import * as React from "react";

package/dist/react-mini-map.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-mini-map/dist/index.js
 import * as React from "react";

package/dist/react-mobile-nav.js

@@ -5,7 +5,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-mobile-nav/dist/index.js
 import * as React from "react";

package/dist/react-native-select.js

@@ -0,0 +1,52 @@
+import {
+  cn,
+  cva
+} from "./chunk-75BKRTPO.js";
+
+// ../react-native-select/dist/index.js
+import * as React from "react";
+
+// ../native-select/dist/index.js
+var nativeSelectChevronPath = "m6 9 6 6 6-6";
+var nativeSelectWrapperClass = "relative inline-flex min-w-0 items-center";
+var nativeSelectVariants = cva({
+  base: "w-full cursor-pointer appearance-none rounded-md border border-input bg-background text-foreground shadow-sm ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  variants: {
+    size: {
+      sm: "h-8 pl-2.5 pr-8 text-xs",
+      default: "h-9 pl-3 pr-9 text-sm",
+      lg: "h-10 pl-3 pr-10 text-base"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var nativeSelectIconClass = "pointer-events-none absolute right-2.5 h-4 w-4 shrink-0 text-muted-foreground";
+
+// ../react-native-select/dist/index.js
+import { jsxs, jsx } from "react/jsx-runtime";
+var NativeSelect = React.forwardRef(function NativeSelect2({ size = "default", className, containerClassName, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("span", { className: cn(nativeSelectWrapperClass, containerClassName), "data-slot": "native-select", children: [
+    /* @__PURE__ */ jsx("select", { ref, className: cn(nativeSelectVariants({ size }), className), ...props, children }),
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: nativeSelectIconClass,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx("path", { d: nativeSelectChevronPath })
+      }
+    )
+  ] });
+});
+export {
+  NativeSelect
+};
+//# sourceMappingURL=react-native-select.js.map

package/dist/react-native-select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../native-select/src/native-select.ts", "../../native-select/src/native-select.styles.ts", "../../react-native-select/src/native-select.tsx"],
+  "sourcesContent": ["/** Visual size of a NativeSelect. */\nexport type NativeSelectSize = 'sm' | 'default' | 'lg'\n\n/** The chevron's path (a down chevron), so adapters ship no icon dependency. */\nexport const nativeSelectChevronPath = 'm6 9 6 6 6-6'\n", "import { cva } from '@refraction-ui/shared'\n\n/** Wrapper that positions the chevron over the select. */\nexport const nativeSelectWrapperClass = 'relative inline-flex min-w-0 items-center'\n\n/**\n * The `<select>`: the platform's own listbox (mobile pickers, type-to-select,\n * form submission, `change` events) with the input look. Size-owned utilities\n * live only in the size variants so `size` always wins.\n */\nexport const nativeSelectVariants = cva({\n  base:\n    'w-full cursor-pointer appearance-none rounded-md border border-input bg-background text-foreground shadow-sm ' +\n    'ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring ' +\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  variants: {\n    size: {\n      sm: 'h-8 pl-2.5 pr-8 text-xs',\n      default: 'h-9 pl-3 pr-9 text-sm',\n      lg: 'h-10 pl-3 pr-10 text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n})\n\n/** The chevron: decorative, and never eats the click meant for the select. */\nexport const nativeSelectIconClass =\n  'pointer-events-none absolute right-2.5 h-4 w-4 shrink-0 text-muted-foreground'\n", "import * as React from 'react'\nimport {\n  nativeSelectChevronPath,\n  nativeSelectIconClass,\n  nativeSelectVariants,\n  nativeSelectWrapperClass,\n  type NativeSelectSize,\n} from '@refraction-ui/native-select'\nimport { cn } from '@refraction-ui/shared'\n\nexport type { NativeSelectSize }\n\nexport interface NativeSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  /** Visual size; shadows the native `size` (visible rows), which a dropdown never wants. */\n  size?: NativeSelectSize\n  /** Classes for the positioning wrapper (width, margins); `className` styles the select. */\n  containerClassName?: string\n}\n\n/**\n * NativeSelect — a native `<select>` with the input look and a chevron.\n * Children are ordinary `<option>`/`<optgroup>` elements; every native\n * attribute and event passes through, and the ref is the select itself. Use it\n * for forms and filter bars; use `Select` for a custom listbox.\n */\nexport const NativeSelect = React.forwardRef<HTMLSelectElement, NativeSelectProps>(function NativeSelect(\n  { size = 'default', className, containerClassName, children, ...props },\n  ref,\n) {\n  return (\n    <span className={cn(nativeSelectWrapperClass, containerClassName)} data-slot=\"native-select\">\n      <select ref={ref} className={cn(nativeSelectVariants({ size }), className)} {...props}>\n        {children}\n      </select>\n      <svg\n        className={nativeSelectIconClass}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d={nativeSelectChevronPath} />\n      </svg>\n    </span>\n  )\n})\n"],
+  "mappings": ";;;;;;;;;AAIO,IAAM,0BAA0B;ACDhC,IAAM,2BAA2B;AAOjC,IAAM,uBAAuB,IAAI;EACtC,MACE;EAGF,UAAU;IACR,MAAM;MACJ,IAAI;MACJ,SAAS;MACT,IAAI;IAAA;EACN;EAEF,iBAAiB;IACf,MAAM;EAAA;AAEV,CAAC;AAGM,IAAM,wBACX;;;;ACJK,IAAM,eAAqB,iBAAiD,SAASA,cAC1F,EAAE,OAAO,WAAW,WAAW,oBAAoB,UAAU,GAAG,MAAA,GAChE,KACA;AACA,SACE,qBAAC,QAAA,EAAK,WAAW,GAAG,0BAA0B,kBAAkB,GAAG,aAAU,iBAC3E,UAAA;IAAA,oBAAC,UAAA,EAAO,KAAU,WAAW,GAAG,qBAAqB,EAAE,KAAA,CAAM,GAAG,SAAS,GAAI,GAAG,OAC7E,SAAA,CACH;IACA;MAAC;MAAA;QACC,WAAW;QACX,OAAM;QACN,SAAQ;QACR,MAAK;QACL,QAAO;QACP,aAAY;QACZ,eAAc;QACd,gBAAe;QACf,eAAY;QAEZ,UAAA,oBAAC,QAAA,EAAK,GAAG,wBAAA,CAAyB;MAAA;IAAA;EACpC,EAAA,CACF;AAEJ,CAAC;",
+  "names": ["NativeSelect"]
+}

package/dist/react-navbar.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-navbar/dist/index.js
 import * as React from "react";

package/dist/react-numbered-steps.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-numbered-steps/dist/index.js
 import * as React from "react";

package/dist/react-otp-input.js

@@ -2,7 +2,7 @@ import {
   Keys,
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-otp-input/dist/index.js
 import * as React from "react";

package/dist/react-page-header.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-page-header/dist/index.js
 import * as React from "react";

package/dist/react-pagination.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-pagination/dist/index.js
 import * as React from "react";

package/dist/react-password-input.js

@@ -1,10 +1,10 @@
 import {
   Input
-} from "./chunk-RSWOLRIC.js";
+} from "./chunk-KIZD73DK.js";
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-password-input/dist/index.js
 import * as React from "react";

package/dist/react-payment.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-payment/dist/index.js
 import * as React from "react";

package/dist/react-popover.js

@@ -5,7 +5,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-popover/dist/index.js
 import * as React from "react";

package/dist/react-pre-call-lobby.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-pre-call-lobby/dist/index.js
 import * as React from "react";

package/dist/react-presence-indicator.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-presence-indicator/dist/index.js
 import * as React from "react";

package/dist/react-pricing-card.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-pricing-card/dist/index.js
 import * as React from "react";

package/dist/react-progress-display.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-progress-display/dist/index.js
 import * as React from "react";

package/dist/react-radial-gauge.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-radial-gauge/dist/index.js
 import * as React from "react";

package/dist/react-radio.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-radio/dist/index.js
 import * as React from "react";

package/dist/react-rating-scale.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-rating-scale/dist/index.js
 import * as React from "react";

package/dist/react-reaction-bar.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-reaction-bar/dist/index.js
 import * as React from "react";

package/dist/react-resizable-layout.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-resizable-layout/dist/index.js
 import * as React from "react";

package/dist/react-search-bar.js

@@ -5,7 +5,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-search-bar/dist/index.js
 import * as React from "react";

package/dist/react-section-head.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-section-head/dist/index.js
 import * as React from "react";