@texturehq/edges 2.6.2 → 3.0.0

package/dist/index.d.cts

@@ -2613,6 +2613,12 @@ interface ChartContainerProps {
     children: React__default.ReactNode;
     parentWidth: number;
     parentHeight: number;
+    /**
+     * Accessible name for the chart, rendered as the SVG `<title>`. Required so
+     * that screen readers announce what each chart shows; every chart needs its
+     * own, and there is deliberately no default to fall back to.
+     */
+    title: string;
     /**
      * Y-axis formatter using the main formatting system
      * Accepts ComponentFormatter types (string shorthand or full options)
@@ -2759,7 +2765,7 @@ interface ChartEventMarkersProps {
  *
  * @example
  * ```tsx
- * <ChartContainer>
+ * <ChartContainer title="Device power">
  *   <AreaSeries data={data} label="Power" />
  *   <ChartEventMarkers
  *     events={[
@@ -2813,7 +2819,7 @@ interface ChartEventSpansProps {
  *
  * @example
  * ```tsx
- * <ChartContainer>
+ * <ChartContainer title="Device power">
  *   <LineSeries data={data} label="Power" />
  *   <ChartEventSpans
  *     spans={[
@@ -2943,6 +2949,12 @@ interface TiledTimeSeriesChartViewport {
 interface TiledTimeSeriesChartProps {
     /** AreaSeries / LineSeries children. */
     children: React__default.ReactNode;
+    /**
+     * Accessible name for the chart, rendered as the SVG `<title>`. Required so
+     * that screen readers announce what each chart shows; every chart needs its
+     * own, and there is deliberately no default to fall back to.
+     */
+    title: string;
     /** The camera. Drives the x-scale directly, decoupled from the data extent. */
     viewport: TiledTimeSeriesChartViewport;
     /** Optional clamp for pan gestures. New viewports stay within these bounds. */
@@ -3222,6 +3234,8 @@ interface TiledTimeSeriesSource {
 }
 interface TiledTimeSeriesExplorerProps {
     source: TiledTimeSeriesSource;
+    /** Accessible name for the chart. Forwarded to the underlying tiled chart's SVG `<title>`. */
+    title: string;
     initialRange?: {
         days: number;
     } | undefined;
@@ -3251,7 +3265,7 @@ interface TiledTimeSeriesExplorerProps {
         gapMs: number;
     }) => ReactNode;
 }
-declare function TiledTimeSeriesExplorer({ source, initialRange, viewportEnd, yFormatter, yDomain, referenceLines, emptyState, presetRanges, tierToWindow, windowSizeOptions, height, hint, dataBounds, children, }: TiledTimeSeriesExplorerProps): react_jsx_runtime.JSX.Element;
+declare function TiledTimeSeriesExplorer({ source, title, initialRange, viewportEnd, yFormatter, yDomain, referenceLines, emptyState, presetRanges, tierToWindow, windowSizeOptions, height, hint, dataBounds, children, }: TiledTimeSeriesExplorerProps): react_jsx_runtime.JSX.Element;
 
 interface Filter {
     id: string;

package/dist/index.d.ts

@@ -2613,6 +2613,12 @@ interface ChartContainerProps {
     children: React__default.ReactNode;
     parentWidth: number;
     parentHeight: number;
+    /**
+     * Accessible name for the chart, rendered as the SVG `<title>`. Required so
+     * that screen readers announce what each chart shows; every chart needs its
+     * own, and there is deliberately no default to fall back to.
+     */
+    title: string;
     /**
      * Y-axis formatter using the main formatting system
      * Accepts ComponentFormatter types (string shorthand or full options)
@@ -2759,7 +2765,7 @@ interface ChartEventMarkersProps {
  *
  * @example
  * ```tsx
- * <ChartContainer>
+ * <ChartContainer title="Device power">
  *   <AreaSeries data={data} label="Power" />
  *   <ChartEventMarkers
  *     events={[
@@ -2813,7 +2819,7 @@ interface ChartEventSpansProps {
  *
  * @example
  * ```tsx
- * <ChartContainer>
+ * <ChartContainer title="Device power">
  *   <LineSeries data={data} label="Power" />
  *   <ChartEventSpans
  *     spans={[
@@ -2943,6 +2949,12 @@ interface TiledTimeSeriesChartViewport {
 interface TiledTimeSeriesChartProps {
     /** AreaSeries / LineSeries children. */
     children: React__default.ReactNode;
+    /**
+     * Accessible name for the chart, rendered as the SVG `<title>`. Required so
+     * that screen readers announce what each chart shows; every chart needs its
+     * own, and there is deliberately no default to fall back to.
+     */
+    title: string;
     /** The camera. Drives the x-scale directly, decoupled from the data extent. */
     viewport: TiledTimeSeriesChartViewport;
     /** Optional clamp for pan gestures. New viewports stay within these bounds. */
@@ -3222,6 +3234,8 @@ interface TiledTimeSeriesSource {
 }
 interface TiledTimeSeriesExplorerProps {
     source: TiledTimeSeriesSource;
+    /** Accessible name for the chart. Forwarded to the underlying tiled chart's SVG `<title>`. */
+    title: string;
     initialRange?: {
         days: number;
     } | undefined;
@@ -3251,7 +3265,7 @@ interface TiledTimeSeriesExplorerProps {
         gapMs: number;
     }) => ReactNode;
 }
-declare function TiledTimeSeriesExplorer({ source, initialRange, viewportEnd, yFormatter, yDomain, referenceLines, emptyState, presetRanges, tierToWindow, windowSizeOptions, height, hint, dataBounds, children, }: TiledTimeSeriesExplorerProps): react_jsx_runtime.JSX.Element;
+declare function TiledTimeSeriesExplorer({ source, title, initialRange, viewportEnd, yFormatter, yDomain, referenceLines, emptyState, presetRanges, tierToWindow, windowSizeOptions, height, hint, dataBounds, children, }: TiledTimeSeriesExplorerProps): react_jsx_runtime.JSX.Element;
 
 interface Filter {
     id: string;