@tribepad/themis 1.0.0

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

@@ -0,0 +1,32 @@
+/**
+ * ChartLegend Component
+ *
+ * Series legend displayed below the chart.
+ * Shows color swatches and series names.
+ *
+ * @see plan.md Decision 9: ChartLegend Export (internal only)
+ * @see plan.md Decision 12: Legend Position (below chart)
+ */
+import { type ReactElement } from 'react';
+import type { DataSeries } from './Chart.types';
+export interface ChartLegendProps {
+    /** Chart data series */
+    data: DataSeries[];
+    /** Whether the legend is visible */
+    visible: boolean;
+    /** Chart type (affects pattern display) */
+    type: 'bar' | 'line';
+    /** Function to get series color */
+    getSeriesColor: (seriesIndex: number) => string;
+}
+/**
+ * ChartLegend - Series legend (internal component)
+ *
+ * Displays legend items below the chart with color swatches.
+ * For line charts, also shows line pattern indicators.
+ */
+export declare function ChartLegend({ data, visible, type, getSeriesColor, }: ChartLegendProps): ReactElement | null;
+export declare namespace ChartLegend {
+    var displayName: string;
+}
+//# sourceMappingURL=ChartLegend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/ChartLegend.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,eAAe,CAAC;AAI7D,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,mCAAmC;IACnC,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;CACjD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,cAAc,GACf,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CA8DxC;yBAnEe,WAAW"}

package/dist/elements/Chart/ChartLineSeries.d.ts

@@ -0,0 +1,52 @@
+/**
+ * ChartLineSeries Component
+ *
+ * Renders a series of connected line with data points.
+ * Supports solid, dashed, and dotted line patterns.
+ *
+ * @see plan.md ChartLineSeries section
+ */
+import { type ReactElement, type KeyboardEvent } from 'react';
+import type { DataSeries, ScaleInfo, LinePattern } from './Chart.types';
+export interface ChartLineSeriesProps {
+    /** Series data */
+    series: DataSeries;
+    /** Series index */
+    seriesIndex: number;
+    /** Scale information */
+    scales: ScaleInfo;
+    /** Series color */
+    color: string;
+    /** Line pattern */
+    pattern: LinePattern;
+    /** Get tabIndex for a point */
+    getTabIndex: (seriesIndex: number, pointIndex: number) => 0 | -1;
+    /** Selected point */
+    selectedPoint: {
+        series: number;
+        point: number;
+    } | null;
+    /** Callback on point focus */
+    onPointFocus?: (seriesIndex: number, pointIndex: number) => void;
+    /** Callback on point blur */
+    onPointBlur?: () => void;
+    /** Callback on point hover */
+    onPointHover?: (seriesIndex: number, pointIndex: number) => void;
+    /** Callback on point hover end */
+    onPointHoverEnd?: () => void;
+    /** Callback on keydown */
+    onKeyDown?: (event: KeyboardEvent) => void;
+    /** Value formatter */
+    formatValue: (value: number) => string;
+}
+/**
+ * ChartLineSeries - Line chart series rendering
+ *
+ * Renders a path connecting all data points with circles at each point.
+ * Supports different line patterns for accessibility.
+ */
+export declare function ChartLineSeries({ series, seriesIndex, scales, color, pattern, getTabIndex, selectedPoint, onPointFocus, onPointBlur, onPointHover, onPointHoverEnd, onKeyDown, formatValue, }: ChartLineSeriesProps): ReactElement;
+export declare namespace ChartLineSeries {
+    var displayName: string;
+}
+//# sourceMappingURL=ChartLineSeries.d.ts.map

package/dist/elements/Chart/ChartLineSeries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineSeries.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/ChartLineSeries.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAW,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGxE,MAAM,WAAW,oBAAoB;IACnC,kBAAkB;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,MAAM,EAAE,SAAS,CAAC;IAClB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,+BAA+B;IAC/B,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACjE,qBAAqB;IACrB,aAAa,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACxD,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,sBAAsB;IACtB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,SAAS,EACT,WAAW,GACZ,EAAE,oBAAoB,GAAG,YAAY,CAuFrC;yBArGe,eAAe"}

package/dist/elements/Chart/ChartSVG.d.ts

@@ -0,0 +1,62 @@
+/**
+ * ChartSVG Component
+ *
+ * Main SVG container with keyboard handling and accessibility attributes.
+ * Composes grid, axes, and series components.
+ *
+ * @see plan.md ChartSVG section
+ */
+import { type ReactElement, type KeyboardEvent } from 'react';
+import type { DataSeries, ChartType, ChartDimensions, ScaleInfo } from './Chart.types';
+export interface ChartSVGProps {
+    /** Chart type */
+    type: ChartType;
+    /** Chart data series */
+    data: DataSeries[];
+    /** Chart dimensions */
+    dimensions: ChartDimensions;
+    /** Scale information */
+    scales: ScaleInfo;
+    /** Title ID for aria-labelledby */
+    titleId: string;
+    /** Description ID for aria-describedby */
+    descId: string;
+    /** Show grid lines */
+    showGrid: boolean;
+    /** X-axis label */
+    xAxisLabel: string;
+    /** Y-axis label */
+    yAxisLabel: string;
+    /** Get series color */
+    getSeriesColor: (seriesIndex: number) => string;
+    /** Get tabIndex for a point */
+    getTabIndex: (seriesIndex: number, pointIndex: number) => 0 | -1;
+    /** Selected point */
+    selectedPoint: {
+        series: number;
+        point: number;
+    } | null;
+    /** Value formatter */
+    formatValue: (value: number) => string;
+    /** Keyboard event handler */
+    onKeyDown: (event: KeyboardEvent) => void;
+    /** Point focus handler */
+    onPointFocus: (seriesIndex: number, pointIndex: number) => void;
+    /** Point blur handler */
+    onPointBlur: () => void;
+    /** Point hover handler */
+    onPointHover: (seriesIndex: number, pointIndex: number) => void;
+    /** Point hover end handler */
+    onPointHoverEnd: () => void;
+}
+/**
+ * ChartSVG - Main SVG container
+ *
+ * Sets up the SVG with proper accessibility attributes and
+ * composes the grid, axes, and data series.
+ */
+export declare function ChartSVG({ type, data, dimensions, scales, titleId, descId, showGrid, xAxisLabel, yAxisLabel, getSeriesColor, getTabIndex, selectedPoint, formatValue, onKeyDown, onPointFocus, onPointBlur, onPointHover, onPointHoverEnd, }: ChartSVGProps): ReactElement;
+export declare namespace ChartSVG {
+    var displayName: string;
+}
+//# sourceMappingURL=ChartSVG.d.ts.map

package/dist/elements/Chart/ChartSVG.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSVG.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/ChartSVG.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAK9D,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,EAEV,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,wBAAwB;IACxB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,uBAAuB;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,wBAAwB;IACxB,MAAM,EAAE,SAAS,CAAC;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,+BAA+B;IAC/B,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACjE,qBAAqB;IACrB,aAAa,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACxD,sBAAsB;IACtB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,6BAA6B;IAC7B,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,0BAA0B;IAC1B,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,yBAAyB;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0BAA0B;IAC1B,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,8BAA8B;IAC9B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,UAAU,EACV,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,GAChB,EAAE,aAAa,GAAG,YAAY,CAoF9B;yBAvGe,QAAQ"}

package/dist/elements/Chart/ChartTooltip.d.ts

@@ -0,0 +1,45 @@
+/**
+ * ChartTooltip Component
+ *
+ * Floating tooltip that appears on focus/hover.
+ * Reuses styling from Themis Tooltip component for consistency.
+ * Positioned above the data point with boundary handling.
+ *
+ * @see plan.md Decision 4: Tooltip Behavior
+ * @see plan.md Decision 14: Tooltip Positioning
+ */
+import { type ReactElement } from 'react';
+export interface ChartTooltipProps {
+    /** Whether the tooltip is visible */
+    visible: boolean;
+    /** Point X coordinate */
+    x: number;
+    /** Point Y coordinate */
+    y: number;
+    /** Series name */
+    seriesName: string;
+    /** Point label */
+    label: string;
+    /** Formatted value */
+    value: string;
+    /** Chart width for boundary checks */
+    chartWidth: number;
+    /** Chart height for boundary checks */
+    chartHeight: number;
+    /** Optional trend text (e.g., "up 15% from previous") */
+    trend?: string | null;
+    /** Trend direction for icon display */
+    trendDirection?: 'up' | 'down' | null;
+}
+/**
+ * ChartTooltip - Focus/hover tooltip
+ *
+ * Shows data point information on keyboard focus and mouse hover.
+ * Uses Themis Tooltip styling for visual consistency.
+ * Positions above the point by default, flips below if near top edge.
+ */
+export declare function ChartTooltip({ visible, x, y, seriesName, label, value, chartWidth, chartHeight, trend, trendDirection, }: ChartTooltipProps): ReactElement | null;
+export declare namespace ChartTooltip {
+    var displayName: string;
+}
+//# sourceMappingURL=ChartTooltip.d.ts.map

package/dist/elements/Chart/ChartTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/ChartTooltip.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,EAAE,KAAK,YAAY,EAA+B,MAAM,OAAO,CAAC;AAGvE,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,yBAAyB;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;CACvC;AAID;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,CAAC,EACD,CAAC,EACD,UAAU,EACV,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,cAAc,GACf,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAiGzC;yBA5Ge,YAAY"}

package/dist/elements/Chart/chart.constants.d.ts

@@ -0,0 +1,108 @@
+/**
+ * Chart Component Constants
+ *
+ * Defines constants and defaults for chart dimensions, styling, and algorithms.
+ * All values follow WCAG 2.2 AAA guidelines where applicable.
+ *
+ * @see plan.md Constants & Defaults section
+ */
+/**
+ * Chart aspect ratio (16:9 landscape)
+ * Height = width * CHART_ASPECT_RATIO
+ */
+export declare const CHART_ASPECT_RATIO: number;
+/**
+ * Padding around the plot area (in pixels)
+ * Provides space for axes, labels, and legend
+ */
+export declare const CHART_PADDING: {
+    readonly top: 20;
+    readonly right: 20;
+    readonly bottom: 60;
+    readonly left: 60;
+};
+/**
+ * Minimum chart dimensions to ensure readability
+ */
+export declare const MIN_CHART_WIDTH = 300;
+export declare const MIN_CHART_HEIGHT = 169;
+/**
+ * Bar layout constants for grouped bar charts
+ */
+export declare const BAR_GROUP_PADDING = 0.2;
+export declare const BAR_PADDING = 0.1;
+export declare const MIN_BAR_WIDTH = 20;
+export declare const BAR_RADIUS = 4;
+/**
+ * Line rendering constants
+ */
+export declare const LINE_STROKE_WIDTH = 2;
+export declare const POINT_RADIUS = 6;
+export declare const POINT_HOVER_RADIUS = 8;
+/**
+ * Stroke dash arrays for line patterns (accessibility feature)
+ * Different patterns help distinguish series for colorblind users
+ */
+export declare const LINE_PATTERNS: {
+    readonly solid: "none";
+    readonly dashed: "8 4";
+    readonly dotted: "2 4";
+};
+/**
+ * Grid line constants
+ */
+export declare const GRID_LINE_COUNT = 5;
+export declare const GRID_COLOR = "var(--border)";
+export declare const GRID_STROKE_WIDTH = 1;
+export declare const GRID_STROKE_OPACITY = 0.7;
+/**
+ * Axis constants
+ */
+export declare const AXIS_COLOR = "var(--border)";
+export declare const AXIS_STROKE_WIDTH = 1;
+export declare const AXIS_TICK_SIZE = 6;
+export declare const AXIS_LABEL_FONT_SIZE = 12;
+/**
+ * Touch target constants (WCAG 2.2 AAA: minimum 44x44px)
+ */
+export declare const MIN_TOUCH_TARGET = 44;
+export declare const FOCUS_RING_OFFSET = 4;
+export declare const FOCUS_RING_WIDTH = 2;
+/**
+ * Default series colors using CSS variables with fallbacks
+ * Maps to --chart-1 through --chart-5 if defined, otherwise uses accessible defaults
+ */
+export declare const DEFAULT_SERIES_COLORS: readonly ["var(--chart-1, hsl(221 83% 53%))", "var(--chart-2, hsl(142 71% 45%))", "var(--chart-3, hsl(38 92% 50%))", "var(--chart-4, hsl(262 83% 58%))", "var(--chart-5, hsl(0 84% 60%))"];
+/**
+ * Calculate nice round numbers for axis labels
+ * Based on "Nice Numbers for Graph Labels" algorithm by Paul Heckbert
+ *
+ * @param range - The data range (max - min)
+ * @param round - Whether to round to nearest nice number
+ * @returns A nice round number suitable for axis ticks
+ */
+export declare function niceNum(range: number, round: boolean): number;
+/**
+ * Calculate nice tick values for Y-axis
+ *
+ * @param minValue - Minimum data value
+ * @param maxValue - Maximum data value
+ * @param tickCount - Target number of ticks (default: 5)
+ * @returns Array of nice tick values
+ */
+export declare function calculateYAxisTicks(minValue: number, maxValue: number, tickCount?: number): number[];
+/**
+ * Calculate bar layout for grouped bar charts
+ *
+ * @param plotWidth - Available width for the plot area
+ * @param labelCount - Number of labels (x-axis categories)
+ * @param seriesCount - Number of series (bars per group)
+ * @param plotX - X offset of the plot area (default: 0)
+ * @returns Bar layout calculations
+ */
+export declare function calculateBarLayout(plotWidth: number, labelCount: number, seriesCount: number, plotX?: number): {
+    barWidth: number;
+    groupWidth: number;
+    getBarX: (labelIdx: number, seriesIdx: number) => number;
+};
+//# sourceMappingURL=chart.constants.d.ts.map

package/dist/elements/Chart/chart.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.constants.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/chart.constants.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAS,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAMpC;;GAEG;AACH,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,WAAW,MAAM,CAAC;AAC/B,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,UAAU,IAAI,CAAC;AAM5B;;GAEG;AACH,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,UAAU,kBAAkB,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,UAAU,kBAAkB,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAMvC;;GAEG;AACH,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAMlC;;;GAGG;AACH,eAAO,MAAM,qBAAqB,4LAMxB,CAAC;AAMX;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,CAkB7D;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,SAAS,SAAI,GACZ,MAAM,EAAE,CAsBV;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,KAAK,SAAI,GACR;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1D,CA6BA"}

package/dist/elements/Chart/chart.variants.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Chart Component CVA Variants
+ *
+ * Defines class-variance-authority variants for chart styling.
+ * Implements responsive, theme-aware styling via CSS variables.
+ *
+ * @see plan.md CVA Variants section
+ * @see chart-prd.md FR-013 (Theme Integration)
+ */
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Chart container variants
+ * Applies to the outer figure element
+ */
+export declare const chartVariants: (props?: ({
+    variant?: "default" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ChartVariants = VariantProps<typeof chartVariants>;
+/**
+ * Data point variants
+ * Applies to individual bar rects or line circles
+ * Note: Fill/stroke colors are applied dynamically via getSeriesColor
+ */
+export declare const dataPointVariants: (props?: ({
+    type?: "line" | "bar" | null | undefined;
+    state?: "default" | "selected" | "focused" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type DataPointVariants = VariantProps<typeof dataPointVariants>;
+/**
+ * Focus ring variants for keyboard navigation
+ * Applied to SVG elements that receive keyboard focus
+ */
+export declare const focusRingVariants: (props?: ({
+    visible?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type FocusRingVariants = VariantProps<typeof focusRingVariants>;
+/**
+ * Legend variants
+ * Applied to the legend container below the chart
+ */
+export declare const legendVariants: (props?: ({
+    visible?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type LegendVariants = VariantProps<typeof legendVariants>;
+//# sourceMappingURL=chart.variants.d.ts.map

package/dist/elements/Chart/chart.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.variants.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/chart.variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,aAAa;;8EAczB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAM/D;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;8EAoB7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAMvE;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;8EAc7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAMvE;;;GAGG;AACH,eAAO,MAAM,cAAc;;8EAc1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/elements/Chart/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Chart Component - Public Exports
+ *
+ * @see chart-prd.md (Product Requirements)
+ * @see plan.md API Contracts section
+ */
+export { Chart } from './Chart';
+export { chartVariants, dataPointVariants } from './chart.variants';
+export type { ChartVariants, DataPointVariants } from './chart.variants';
+export { ChartPropsSchema, DataPointSchema, DataSeriesSchema, ChartTypeSchema, ChartVariantSchema, LinePatternSchema, } from './Chart.types';
+export type { ChartProps, DataPoint, DataSeries, ChartType, ChartVariant, LinePattern, ChartState, ChartDimensions, ScaleInfo, ChartContextValue, } from './Chart.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGzE,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,EACX,UAAU,EACV,eAAe,EACf,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC"}

package/dist/elements/Chart/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkV74LGMAE_js = require('../../chunk-V74LGMAE.js');
+require('../../chunk-FWQYB22U.js');
+require('../../chunk-VIREG536.js');
+require('../../chunk-T4COXKQ3.js');
+
+
+
+Object.defineProperty(exports, "Chart", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.Chart; }
+});
+Object.defineProperty(exports, "ChartPropsSchema", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.ChartPropsSchema; }
+});
+Object.defineProperty(exports, "ChartTypeSchema", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.ChartTypeSchema; }
+});
+Object.defineProperty(exports, "ChartVariantSchema", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.ChartVariantSchema; }
+});
+Object.defineProperty(exports, "DataPointSchema", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.DataPointSchema; }
+});
+Object.defineProperty(exports, "DataSeriesSchema", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.DataSeriesSchema; }
+});
+Object.defineProperty(exports, "LinePatternSchema", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.LinePatternSchema; }
+});
+Object.defineProperty(exports, "chartVariants", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.chartVariants; }
+});
+Object.defineProperty(exports, "dataPointVariants", {
+  enumerable: true,
+  get: function () { return chunkV74LGMAE_js.dataPointVariants; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/elements/Chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/elements/Chart/index.mjs

@@ -0,0 +1,6 @@
+export { Chart, ChartPropsSchema, ChartTypeSchema, ChartVariantSchema, DataPointSchema, DataSeriesSchema, LinePatternSchema, chartVariants, dataPointVariants } from '../../chunk-D6CBOECS.mjs';
+import '../../chunk-DZ556D2F.mjs';
+import '../../chunk-E2KQFV3O.mjs';
+import '../../chunk-5SVLJN2C.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/elements/Chart/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/elements/Chart/useChartDimensions.d.ts

@@ -0,0 +1,18 @@
+/**
+ * useChartDimensions Hook
+ *
+ * Responsive container sizing using ResizeObserver.
+ * Maintains 16:9 aspect ratio and calculates plot area dimensions.
+ *
+ * @see plan.md Implementation Details - Responsive Container Sizing
+ */
+import { type RefObject } from 'react';
+import type { ChartDimensions } from './Chart.types';
+/**
+ * Hook for responsive chart dimensions
+ *
+ * @param containerRef - Ref to the chart container element
+ * @returns ChartDimensions object with width, height, padding, and plotArea
+ */
+export declare function useChartDimensions(containerRef: RefObject<HTMLElement | null>): ChartDimensions;
+//# sourceMappingURL=useChartDimensions.d.ts.map

package/dist/elements/Chart/useChartDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartDimensions.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/useChartDimensions.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAQrD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAC1C,eAAe,CAgEjB"}

package/dist/elements/Chart/useChartKeyboard.d.ts

@@ -0,0 +1,42 @@
+/**
+ * useChartKeyboard Hook
+ *
+ * Keyboard event handling for chart navigation and selection.
+ * Integrates with roving tabindex for 2D navigation.
+ *
+ * @see plan.md Decision 2: Keyboard Navigation Pattern
+ */
+import { type KeyboardEvent } from 'react';
+import type { RovingTabIndexActions } from './useRovingTabIndex';
+export interface UseChartKeyboardOptions {
+    /** Roving tabindex actions */
+    roving: RovingTabIndexActions;
+    /** Callback when a point is selected (Enter/Space) */
+    onSelect?: () => void;
+    /** Callback when selection is cleared (Escape) */
+    onClear?: () => void;
+    /** Whether the chart is disabled */
+    disabled?: boolean;
+}
+export interface ChartKeyboardProps {
+    /** Keyboard event handler to spread on the chart element */
+    onKeyDown: (event: KeyboardEvent) => void;
+}
+/**
+ * Hook for chart keyboard event handling
+ *
+ * Supported keys:
+ * - ArrowRight: Move to next point
+ * - ArrowLeft: Move to previous point
+ * - ArrowDown: Move to next series
+ * - ArrowUp: Move to previous series
+ * - Home: Move to first point in series
+ * - End: Move to last point in series
+ * - Enter/Space: Select current point
+ * - Escape: Clear selection
+ *
+ * @param options - Configuration options
+ * @returns Keyboard props to spread on the chart element
+ */
+export declare function useChartKeyboard(options: UseChartKeyboardOptions): ChartKeyboardProps;
+//# sourceMappingURL=useChartKeyboard.d.ts.map

package/dist/elements/Chart/useChartKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartKeyboard.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/useChartKeyboard.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,uBAAuB;IACtC,8BAA8B;IAC9B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,4DAA4D;IAC5D,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,uBAAuB,GAC/B,kBAAkB,CA2DpB"}

package/dist/elements/Chart/useRovingTabIndex.d.ts

@@ -0,0 +1,46 @@
+export interface RovingTabIndexState {
+    /** Currently focused row (series index) */
+    focusedRow: number;
+    /** Currently focused column (point index) */
+    focusedCol: number;
+}
+export interface RovingTabIndexActions {
+    /** Move focus right (next point) */
+    moveRight: () => void;
+    /** Move focus left (previous point) */
+    moveLeft: () => void;
+    /** Move focus down (next series) */
+    moveDown: () => void;
+    /** Move focus up (previous series) */
+    moveUp: () => void;
+    /** Move to first point in current series */
+    moveToStart: () => void;
+    /** Move to last point in current series */
+    moveToEnd: () => void;
+    /** Set focus to specific position */
+    setFocus: (row: number, col: number) => void;
+    /** Get tabIndex for a specific cell */
+    getTabIndex: (row: number, col: number) => 0 | -1;
+}
+export interface UseRovingTabIndex2DOptions {
+    /** Number of rows (series count) */
+    rows: number;
+    /** Number of columns (points per series) - can vary per row */
+    cols: number | ((row: number) => number);
+    /** Initial focused row */
+    initialRow?: number;
+    /** Initial focused column */
+    initialCol?: number;
+    /** Wrap at boundaries */
+    wrap?: boolean;
+    /** Callback when focus changes */
+    onFocusChange?: (row: number, col: number) => void;
+}
+/**
+ * Hook for 2D roving tabindex navigation
+ *
+ * @param options - Configuration options
+ * @returns State and actions for managing 2D focus
+ */
+export declare function useRovingTabIndex2D(options: UseRovingTabIndex2DOptions): RovingTabIndexState & RovingTabIndexActions;
+//# sourceMappingURL=useRovingTabIndex.d.ts.map

package/dist/elements/Chart/useRovingTabIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingTabIndex.d.ts","sourceRoot":"","sources":["../../../src/elements/Chart/useRovingTabIndex.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,mBAAmB;IAClC,2CAA2C;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,uCAAuC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,4CAA4C;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,uCAAuC;IACvC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,0BAA0B;IACzC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACzC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,0BAA0B,GAClC,mBAAmB,GAAG,qBAAqB,CAwK7C"}