@astryxdesign/lab 0.0.0-bootstrap.0 → 0.1.2-canary.04e71b2

package/dist/Chart/ChartHeatmapGL.js

@@ -0,0 +1,171 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file ChartHeatmapGL.tsx
+ * @output WebGL heatmap — 2D grid, canvas mounted outside SVG
+ * @position Child of Chart; manages its own y band scale for rows
+ */
+
+import { useRef, useEffect, useMemo } from 'react';
+import { scaleBand } from 'd3-scale';
+import { useChart } from "./ChartContext.js";
+import { isBandScale } from "./utils.js";
+import { hexToGL, getWebGLContext, setupGLState, sizeCanvas, mountCanvasOverSVG, createProgram } from "./webgl.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const VERT = `
+  attribute vec2 a_position;
+  attribute vec3 a_color;
+  uniform vec2 u_resolution;
+  varying vec3 v_color;
+  void main() {
+    vec2 clip = (a_position / u_resolution) * 2.0 - 1.0;
+    gl_Position = vec4(clip.x, -clip.y, 0.0, 1.0);
+    v_color = a_color;
+  }
+`;
+const FRAG = `
+  precision mediump float;
+  varying vec3 v_color;
+  void main() {
+    gl_FragColor = vec4(v_color, 1.0);
+  }
+`;
+function sampleRamp(ramp, t) {
+  const c = Math.max(0, Math.min(1, t));
+  if (ramp.length === 1) {
+    return ramp[0];
+  }
+  const s = c * (ramp.length - 1);
+  const lo = Math.floor(s);
+  const hi = Math.min(lo + 1, ramp.length - 1);
+  const f = s - lo;
+  return [ramp[lo][0] + f * (ramp[hi][0] - ramp[lo][0]), ramp[lo][1] + f * (ramp[hi][1] - ramp[lo][1]), ramp[lo][2] + f * (ramp[hi][2] - ramp[lo][2])];
+}
+export function ChartHeatmapGL({
+  xKey,
+  yKey,
+  valueKey,
+  colorRange,
+  domain: domainProp,
+  cellGap = 1
+}) {
+  const {
+    data,
+    xScale,
+    width,
+    height
+  } = useChart();
+  const canvasRef = useRef(null);
+  const glRef = useRef(null);
+  const programRef = useRef(null);
+  const markerRef = useRef(null);
+  const ramp = useMemo(() => colorRange.map(hexToGL), [colorRange]);
+  const yBandScale = useMemo(() => {
+    const cats = [...new Set(data.map(d => String(d[yKey])))];
+    return scaleBand().domain(cats).range([0, height]).padding(0.05);
+  }, [data, yKey, height]);
+  const domain = useMemo(() => {
+    if (domainProp) {
+      return domainProp;
+    }
+    let min = Infinity,
+      max = -Infinity;
+    for (const d of data) {
+      const v = d[valueKey];
+      if (typeof v === 'number') {
+        if (v < min) {
+          min = v;
+        }
+        if (v > max) {
+          max = v;
+        }
+      }
+    }
+    return [min, max];
+  }, [data, valueKey, domainProp]);
+
+  // Mount canvas
+  useEffect(() => {
+    const marker = markerRef.current;
+    if (!marker) {
+      return;
+    }
+    if (!canvasRef.current) {
+      canvasRef.current = document.createElement('canvas');
+    }
+    return mountCanvasOverSVG(marker, canvasRef.current, width, height);
+  }, [width, height]);
+
+  // Draw
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas || width <= 0 || height <= 0 || !isBandScale(xScale)) {
+      return;
+    }
+    sizeCanvas(canvas, width, height);
+    if (!glRef.current) {
+      glRef.current = getWebGLContext(canvas);
+    }
+    const gl = glRef.current;
+    if (!gl) {
+      return;
+    }
+    if (!programRef.current) {
+      programRef.current = createProgram(gl, VERT, FRAG);
+    }
+    const program = programRef.current;
+    if (!program) {
+      return;
+    }
+    gl.viewport(0, 0, canvas.width, canvas.height);
+    setupGLState(gl);
+    gl.useProgram(program);
+    const positions = [];
+    const colors = [];
+    const [dMin, dMax] = domain;
+    const range = dMax - dMin || 1;
+    const gap = cellGap;
+    const xBW = xScale.bandwidth();
+    const yBW = yBandScale.bandwidth();
+    for (const d of data) {
+      const xVal = xScale(String(d[xKey]));
+      const yVal = yBandScale(String(d[yKey]));
+      if (xVal == null || yVal == null) {
+        continue;
+      }
+      const v = typeof d[valueKey] === 'number' ? d[valueKey] : 0;
+      const t = (v - dMin) / range;
+      const [r, g, b] = sampleRamp(ramp, t);
+      const x0 = xVal + gap / 2;
+      const x1 = xVal + xBW - gap / 2;
+      const y0 = yVal + gap / 2;
+      const y1 = yVal + yBW - gap / 2;
+      positions.push(x0, y0, x1, y0, x0, y1, x1, y0, x1, y1, x0, y1);
+      for (let i = 0; i < 6; i++) {
+        colors.push(r, g, b);
+      }
+    }
+    const posBuf = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, posBuf);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW);
+    const aPos = gl.getAttribLocation(program, 'a_position');
+    gl.enableVertexAttribArray(aPos);
+    gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 0, 0);
+    const colBuf = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, colBuf);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(colors), gl.STATIC_DRAW);
+    const aCol = gl.getAttribLocation(program, 'a_color');
+    gl.enableVertexAttribArray(aCol);
+    gl.vertexAttribPointer(aCol, 3, gl.FLOAT, false, 0, 0);
+    gl.uniform2f(gl.getUniformLocation(program, 'u_resolution'), width, height);
+    gl.drawArrays(gl.TRIANGLES, 0, positions.length / 2);
+    gl.deleteBuffer(posBuf);
+    gl.deleteBuffer(colBuf);
+  }, [data, xKey, yKey, valueKey, xScale, yBandScale, width, height, domain, ramp, cellGap]);
+  if (width <= 0 || height <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("g", {
+    ref: markerRef
+  });
+}

package/dist/Chart/ChartLegend.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @file ChartLegend.tsx
+ * @output Renders a legend — discrete swatches or continuous gradient bar
+ * @position Child of Chart or standalone
+ *
+ * Two modes:
+ * - Discrete: pass `items` — renders color swatches with labels
+ * - Gradient: pass `gradient` + `domain` — renders a continuous color bar with tick labels
+ *
+ * The `gradient` prop accepts the output of useChartColors().sequential/diverging directly.
+ */
+export interface ChartLegendItem {
+    label: string;
+    color: string;
+}
+export interface ChartLegendProps {
+    /** Discrete legend items — color swatches with labels */
+    items?: ChartLegendItem[];
+    /**
+     * Continuous gradient — array of hex colors from low to high.
+     * Pass the output of useChartColors().sequential.blue(5) or diverging directly.
+     */
+    gradient?: string[];
+    /** Numeric domain for the gradient [min, max]. Required when gradient is set. */
+    domain?: [number, number];
+    /** Label for the gradient legend */
+    label?: string;
+    /** Number of tick labels on the gradient bar (default: 3) */
+    ticks?: number;
+    /** Custom tick formatter */
+    tickFormat?: (value: number) => string;
+}
+/**
+ * Chart legend — discrete swatches or continuous gradient.
+ *
+ * @example
+ * ```
+ * // Discrete
+ * <ChartLegend items={[
+ *   {label: 'Revenue', color: colors[0]},
+ *   {label: 'Expenses', color: colors[1]},
+ * ]} />
+ *
+ * // Continuous — pipe useChartColors() directly
+ * <ChartLegend
+ *   gradient={useChartColors().sequential.blue(5)}
+ *   domain={[0, 100]}
+ *   label="Temperature"
+ * />
+ *
+ * // Diverging
+ * <ChartLegend
+ *   gradient={useChartColors().diverging.coldHot(7)}
+ *   domain={[-50, 50]}
+ *   label="Change %"
+ * />
+ * ```
+ */
+export declare function ChartLegend({ items, gradient, domain, label, ticks, tickFormat, }: ChartLegendProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ChartLegend.d.ts.map

package/dist/Chart/ChartLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../src/Chart/ChartLegend.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,iFAAiF;IACjF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAS,EACT,UAAmB,GACpB,EAAE,gBAAgB,sCAgGlB"}

package/dist/Chart/ChartLegend.js

@@ -0,0 +1,161 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file ChartLegend.tsx
+ * @output Renders a legend — discrete swatches or continuous gradient bar
+ * @position Child of Chart or standalone
+ *
+ * Two modes:
+ * - Discrete: pass `items` — renders color swatches with labels
+ * - Gradient: pass `gradient` + `domain` — renders a continuous color bar with tick labels
+ *
+ * The `gradient` prop accepts the output of useChartColors().sequential/diverging directly.
+ */
+
+/** Build a CSS linear-gradient from an array of color stops */
+function toGradientCSS(colors) {
+  if (colors.length === 0) {
+    return 'transparent';
+  }
+  if (colors.length === 1) {
+    return colors[0];
+  }
+  const stops = colors.map((c, i) => `${c} ${i / (colors.length - 1) * 100}%`);
+  return `linear-gradient(to right, ${stops.join(', ')})`;
+}
+
+/**
+ * Chart legend — discrete swatches or continuous gradient.
+ *
+ * @example
+ * ```
+ * // Discrete
+ * <ChartLegend items={[
+ *   {label: 'Revenue', color: colors[0]},
+ *   {label: 'Expenses', color: colors[1]},
+ * ]} />
+ *
+ * // Continuous — pipe useChartColors() directly
+ * <ChartLegend
+ *   gradient={useChartColors().sequential.blue(5)}
+ *   domain={[0, 100]}
+ *   label="Temperature"
+ * />
+ *
+ * // Diverging
+ * <ChartLegend
+ *   gradient={useChartColors().diverging.coldHot(7)}
+ *   domain={[-50, 50]}
+ *   label="Change %"
+ * />
+ * ```
+ */
+export function ChartLegend({
+  items,
+  gradient,
+  domain,
+  label,
+  ticks = 3,
+  tickFormat = String
+}) {
+  // Gradient mode
+  if (gradient && gradient.length > 0 && domain) {
+    const [min, max] = domain;
+    const tickValues = Array.from({
+      length: ticks
+    }, (_, i) => min + i / (ticks - 1) * (max - min));
+    return /*#__PURE__*/_jsx("foreignObject", {
+      x: 0,
+      y: -4,
+      width: "100%",
+      height: 48,
+      style: {
+        overflow: 'visible'
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          gap: 4,
+          fontSize: 12,
+          color: 'var(--color-text-secondary)'
+        },
+        children: [label && /*#__PURE__*/_jsx("span", {
+          style: {
+            fontWeight: 500,
+            color: 'var(--color-text-primary)'
+          },
+          children: label
+        }), /*#__PURE__*/_jsxs("div", {
+          style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            width: 200
+          },
+          children: [/*#__PURE__*/_jsx("div", {
+            style: {
+              height: 10,
+              borderRadius: 4,
+              background: toGradientCSS(gradient)
+            }
+          }), /*#__PURE__*/_jsx("div", {
+            style: {
+              display: 'flex',
+              justifyContent: 'space-between'
+            },
+            children: tickValues.map(v => /*#__PURE__*/_jsx("span", {
+              style: {
+                fontSize: 10
+              },
+              children: tickFormat(v)
+            }, v))
+          })]
+        })]
+      })
+    });
+  }
+
+  // Discrete mode
+  if (!items || items.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("foreignObject", {
+    x: 0,
+    y: -4,
+    width: "100%",
+    height: 24,
+    style: {
+      overflow: 'visible'
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        gap: 16,
+        justifyContent: 'center',
+        fontSize: 12,
+        color: 'var(--color-text-secondary)'
+      },
+      children: items.map(item => /*#__PURE__*/_jsxs("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: 4
+        },
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: 2,
+            backgroundColor: item.color,
+            flexShrink: 0
+          }
+        }), /*#__PURE__*/_jsx("span", {
+          children: item.label
+        })]
+      }, item.label))
+    })
+  });
+}

package/dist/Chart/ChartLine.d.ts

@@ -0,0 +1,23 @@
+export interface ChartLineProps {
+    /** Which data key to visualize */
+    dataKey: string;
+    /** Line stroke color */
+    color: string;
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Show dots at data points */
+    dots?: boolean;
+    /** Dot radius */
+    dotRadius?: number;
+}
+/**
+ * Line mark. Works with both band and linear x-scales.
+ *
+ * @example
+ * ```
+ * <ChartLine dataKey="trend" color={useChartColors().categorical(2)[1]} />
+ * <ChartLine dataKey="trend" color="#0171E3" dots />
+ * ```
+ */
+export declare function ChartLine({ dataKey, color, strokeWidth, dots, dotRadius, }: ChartLineProps): import("react").JSX.Element;
+//# sourceMappingURL=ChartLine.d.ts.map

package/dist/Chart/ChartLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLine.d.ts","sourceRoot":"","sources":["../../src/Chart/ChartLine.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,WAAe,EACf,IAAY,EACZ,SAAa,GACd,EAAE,cAAc,+BA4BhB"}

package/dist/Chart/ChartLine.js

@@ -0,0 +1,64 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file ChartLine.tsx
+ * @output Renders a line for a data key
+ * @position Child of Chart; reads scales from context
+ */
+
+import { useMemo } from 'react';
+import { line, curveMonotoneX } from 'd3-shape';
+import { useChart } from "./ChartContext.js";
+import { xPixel } from "./utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Line mark. Works with both band and linear x-scales.
+ *
+ * @example
+ * ```
+ * <ChartLine dataKey="trend" color={useChartColors().categorical(2)[1]} />
+ * <ChartLine dataKey="trend" color="#0171E3" dots />
+ * ```
+ */
+export function ChartLine({
+  dataKey,
+  color,
+  strokeWidth = 2,
+  dots = false,
+  dotRadius = 3
+}) {
+  const {
+    data,
+    xKey,
+    xScale,
+    yScale
+  } = useChart();
+  const points = useMemo(() => {
+    return data.map((d, i) => {
+      const x = xPixel(d, xKey, xScale);
+      const yVal = typeof d[dataKey] === 'number' ? d[dataKey] : 0;
+      return {
+        x,
+        y: yScale(yVal),
+        index: i
+      };
+    });
+  }, [data, xKey, dataKey, xScale, yScale]);
+  const pathD = useMemo(() => {
+    const generator = line().x(d => d.x).y(d => d.y).curve(curveMonotoneX);
+    return generator(points) ?? '';
+  }, [points]);
+  return /*#__PURE__*/_jsxs("g", {
+    children: [/*#__PURE__*/_jsx("path", {
+      d: pathD,
+      fill: "none",
+      stroke: color,
+      strokeWidth: strokeWidth
+    }), dots && points.map(p => /*#__PURE__*/_jsx("circle", {
+      cx: p.x,
+      cy: p.y,
+      r: dotRadius,
+      fill: color
+    }, p.index))]
+  });
+}

package/dist/Chart/ChartReferenceLine.d.ts

@@ -0,0 +1,11 @@
+export interface ChartReferenceLineProps {
+    y?: number;
+    x?: number;
+    color?: string;
+    strokeWidth?: number;
+    strokeDasharray?: string;
+    label?: string;
+    labelPosition?: 'start' | 'end';
+}
+export declare function ChartReferenceLine({ y, x, color, strokeWidth, strokeDasharray, label, labelPosition, }: ChartReferenceLineProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ChartReferenceLine.d.ts.map

package/dist/Chart/ChartReferenceLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartReferenceLine.d.ts","sourceRoot":"","sources":["../../src/Chart/ChartReferenceLine.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,uBAAuB;IACtC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACjC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,CAAC,EAAE,CAAC,EAAE,KAAwC,EAC9C,WAAe,EAAE,eAAuB,EAAE,KAAK,EAAE,aAAqB,GACvE,EAAE,uBAAuB,sCAmDzB"}

package/dist/Chart/ChartReferenceLine.js

@@ -0,0 +1,109 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file ChartReferenceLine.tsx
+ * @output Horizontal or vertical reference line with crosshair-style badge label
+ */
+
+import { useChart } from "./ChartContext.js";
+import { isBandScale } from "./utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ChartReferenceLine({
+  y,
+  x,
+  color = 'var(--color-border-emphasized)',
+  strokeWidth = 1,
+  strokeDasharray = '6 3',
+  label,
+  labelPosition = 'end'
+}) {
+  const {
+    width,
+    height,
+    xScale,
+    yScale
+  } = useChart();
+
+  // Shared badge dimensions — matches crosshair label style
+  const badgeH = 14;
+  const badgeRx = 3;
+  const fontSize = 10;
+  if (y != null) {
+    const py = yScale(y);
+    const textW = label ? label.length * 5.5 + 8 : 0;
+    const bx = labelPosition === 'end' ? width - textW - 2 : 2;
+    return /*#__PURE__*/_jsxs("g", {
+      children: [/*#__PURE__*/_jsx("line", {
+        x1: 0,
+        x2: width,
+        y1: py,
+        y2: py,
+        stroke: color,
+        strokeWidth: strokeWidth,
+        strokeDasharray: strokeDasharray
+      }), label && /*#__PURE__*/_jsxs("g", {
+        transform: `translate(${bx},${py})`,
+        pointerEvents: "none",
+        children: [/*#__PURE__*/_jsx("rect", {
+          x: 0,
+          y: -badgeH / 2,
+          width: textW,
+          height: badgeH,
+          rx: badgeRx,
+          fill: "var(--color-background-popover)",
+          fillOpacity: 0.85,
+          stroke: color,
+          strokeWidth: 0.5
+        }), /*#__PURE__*/_jsx("text", {
+          x: textW / 2,
+          dy: "0.35em",
+          textAnchor: "middle",
+          fontSize: fontSize,
+          fontWeight: 500,
+          fill: color,
+          children: label
+        })]
+      })]
+    });
+  }
+  if (x != null && !isBandScale(xScale)) {
+    const px = xScale(x);
+    const textW = label ? label.length * 5.5 + 8 : 0;
+    const by = labelPosition === 'end' ? 4 : height - badgeH - 4;
+    return /*#__PURE__*/_jsxs("g", {
+      children: [/*#__PURE__*/_jsx("line", {
+        x1: px,
+        x2: px,
+        y1: 0,
+        y2: height,
+        stroke: color,
+        strokeWidth: strokeWidth,
+        strokeDasharray: strokeDasharray
+      }), label && /*#__PURE__*/_jsxs("g", {
+        transform: `translate(${px - textW / 2},${by})`,
+        pointerEvents: "none",
+        children: [/*#__PURE__*/_jsx("rect", {
+          x: 0,
+          y: 0,
+          width: textW,
+          height: badgeH,
+          rx: badgeRx,
+          fill: "var(--color-background-popover)",
+          fillOpacity: 0.85,
+          stroke: color,
+          strokeWidth: 0.5
+        }), /*#__PURE__*/_jsx("text", {
+          x: textW / 2,
+          y: badgeH / 2,
+          dy: "0.35em",
+          textAnchor: "middle",
+          fontSize: fontSize,
+          fontWeight: 500,
+          fill: color,
+          children: label
+        })]
+      })]
+    });
+  }
+  return null;
+}

package/dist/Chart/ChartSelect.d.ts

@@ -0,0 +1,9 @@
+export interface ChartSelectProps {
+    onSelect?: (datum: Record<string, unknown>, index: number) => void;
+    onSelectionChange?: (indices: number[]) => void;
+    selected?: number[];
+    color?: string;
+    radius?: number;
+}
+export declare function ChartSelect({ onSelect, onSelectionChange, selected, color, radius, }: ChartSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=ChartSelect.d.ts.map

package/dist/Chart/ChartSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSelect.d.ts","sourceRoot":"","sources":["../../src/Chart/ChartSelect.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,iBAAiB,EACjB,QAAa,EACb,KAA6B,EAC7B,MAAU,GACX,EAAE,gBAAgB,+BAqFlB"}