@gridui/chart 0.0.0-stage → 1.0.0

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/shared/context.ts", "../src/shared/model.ts", "../src/shared/chart-root.tsx", "../src/bar-chart/bar-chart.tsx", "../src/shared/datum-mark.tsx", "../src/bar-series/bar-series.tsx", "../src/chart-cursor/chart-cursor.tsx", "../src/shared/ticks.ts", "../src/chart-grid/chart-grid.tsx", "../src/chart-plot/chart-plot.tsx", "../src/shared/use-measured-layout.ts", "../src/chart-tooltip/layout.ts", "../src/chart-tooltip/chart-tooltip.tsx", "../src/chart-value-labels/layout.ts", "../src/chart-value-labels/chart-value-labels.tsx", "../src/shared/axis.tsx", "../src/chart-x-axis/chart-x-axis.tsx", "../src/chart-y-axis/chart-y-axis.tsx", "../src/line-chart/line-chart.tsx", "../src/line-series/line-series.tsx"],
+  "sourcesContent": ["/**\n * @author WMXPY\n * @package GridUI\n * @namespace Shared\n * @description Context\n */\n\nimport type { ChartDatum, ChartScale } from \"./types\";\nimport { createContext, useContext } from \"react\";\n\nexport type ChartState = {\n    readonly data: readonly ChartDatum[];\n    readonly kind: \"line\" | \"bar\";\n    readonly horizontal: boolean;\n    readonly scale: ChartScale;\n    readonly domain: readonly [number, number];\n    readonly label: string;\n    readonly height: number;\n    readonly selectedId: string | null;\n    readonly activeId: string | null;\n    readonly interactive: boolean;\n    readonly select: (id: string | null) => void;\n    readonly activate: (id: string | null, source: \"pointer\" | \"focus\") => void;\n    readonly dismiss: () => void;\n    readonly formatDatum: (datum: ChartDatum) => string;\n};\n\nexport const ChartContext = createContext<ChartState | null>(null);\nexport const useChart = (): ChartState => {\n    const state = useContext(ChartContext);\n    if (!state) {\n        throw new Error(\"Chart parts require a LineChart or BarChart.\");\n    }\n    return state;\n};\n\nexport type PlotState = {\n    readonly width: number;\n    readonly height: number;\n    readonly left: number;\n    readonly right: number;\n    readonly top: number;\n    readonly bottom: number;\n    readonly band: number;\n    readonly category: (datum: ChartDatum) => number;\n    readonly value: (value: number) => number;\n};\nexport const PlotContext = createContext<PlotState | null>(null);\nexport const usePlot = (): PlotState => {\n    const state = useContext(PlotContext);\n    if (!state) {\n        throw new Error(\"Chart drawing parts require a ChartPlot.\");\n    }\n    return state;\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace Shared\n * @description Model\n */\n\nimport type { ChartDatum, ChartScale } from \"./types\";\n\nexport const numericX = (value: ChartDatum[\"x\"], scale: ChartScale): number => {\n    const parsed = scale === \"time\" && typeof value === \"string\" ? Date.parse(value) : value;\n    const number = value instanceof Date ? value.getTime() : parsed;\n    if (typeof number !== \"number\" || !Number.isFinite(number)) {\n        throw new RangeError(\"Continuous chart coordinates must be finite numbers or valid dates.\");\n    }\n    return number;\n};\n\nexport const prepareData = (data: readonly ChartDatum[], scale: ChartScale): readonly ChartDatum[] => {\n    const ids = new Set<string>();\n    for (const datum of data) {\n        if (!datum.id || ids.has(datum.id)) {\n            throw new Error(\"Chart datum IDs must be nonempty and unique.\");\n        }\n        ids.add(datum.id);\n        if (datum.y !== null && !Number.isFinite(datum.y)) {\n            throw new RangeError(\"Chart values must be finite numbers or null.\");\n        }\n        if (scale !== \"category\") {\n            numericX(datum.x, scale);\n        }\n    }\n    return scale === \"category\" ? data : [...data].sort((a, b) => {\n        return numericX(a.x, scale) - numericX(b.x, scale);\n    });\n};\n\nexport const valueDomain = (data: readonly ChartDatum[], explicit?: readonly [number, number]): readonly [number, number] => {\n    let min = 0;\n    let max = 0;\n    for (const datum of data) {\n        if (datum.y !== null) {\n            min = Math.min(min, datum.y);\n            max = Math.max(max, datum.y);\n        }\n    }\n    if (explicit) {\n        if (!explicit.every(Number.isFinite) || explicit[0] >= explicit[1] || explicit[0] > min || explicit[1] < max) {\n            throw new RangeError(\"Chart domains must be increasing, finite, and include zero and all values.\");\n        }\n        return explicit;\n    }\n    return min === max ? [\n        0,\n        1,\n    ] : [\n        min,\n        max,\n    ];\n};\n\nexport const valueTicks = (domain: readonly [number, number]): readonly number[] => {\n    return [\n        ...new Set([\n            0,\n            ...Array.from({ length: 5 }, (_, index) => {\n                return domain[0] + (domain[1] - domain[0]) * index / 4;\n            }),\n        ]),\n    ].sort((a, b) => {\n        return a - b;\n    });\n};\n\nexport const linePath = (data: readonly ChartDatum[], x: (datum: ChartDatum) => number, y: (value: number) => number): string => {\n    let connected = false;\n    return data.map(datum => {\n        if (datum.y === null) {\n            connected = false;\n            return \"\";\n        }\n        const command = connected ? \"L\" : \"M\";\n        connected = true;\n        return `${command}${x(datum)},${y(datum.y)}`;\n    }).join(\" \");\n};\n\nexport const datumLabel = (datum: ChartDatum): string => {\n    const x = datum.x instanceof Date ? datum.x.toISOString() : String(datum.x);\n    return `${x}: ${datum.y === null ? \"\u2014\" : String(datum.y)}`;\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace Shared\n * @description Chart Root\n */\n\nimport { ChartContext } from \"./context\";\nimport { datumLabel, prepareData, valueDomain } from \"./model\";\nimport type { ChartOptions, ChartScale } from \"./types\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\n\nexport type ChartRootProps = ChartOptions & {\n    readonly kind: \"line\" | \"bar\";\n    readonly horizontal: boolean;\n    readonly scale: ChartScale;\n};\n\nexport const ChartRoot: FC<ChartRootProps> = (props: ChartRootProps) => {\n\n    const {\n        label, data, children, height = 300, yDomain, selectedId, defaultSelectedId,\n        onSelectionChange, formatDatum = datumLabel, kind, horizontal, scale, className, ...rest\n    } = props;\n    const [\n        localSelection,\n        setLocalSelection,\n    ] = useState<string | null>(defaultSelectedId ?? null);\n    const [\n        hoveredId,\n        setHoveredId,\n    ] = useState<string | null>(null);\n    const [\n        focusedId,\n        setFocusedId,\n    ] = useState<string | null>(null);\n    const { ordered, domain, availableIds } = useMemo(() => {\n        const prepared = prepareData(data, scale);\n        return {\n            ordered: prepared,\n            domain: valueDomain(prepared, yDomain),\n            availableIds: new Set(prepared.filter(datum => {\n                return datum.y !== null;\n            }).map(datum => {\n                return datum.id;\n            })),\n        };\n    }, [\n        data,\n        scale,\n        yDomain,\n    ]);\n    useEffect(() => {\n        setHoveredId(current => {\n            return current !== null && availableIds.has(current) ? current : null;\n        });\n        setFocusedId(current => {\n            return current !== null && availableIds.has(current) ? current : null;\n        });\n    }, [availableIds]);\n    const activeId = [\n        hoveredId,\n        focusedId,\n    ].find(id => {\n        return id !== null && availableIds.has(id);\n    }) ?? null;\n    const activate = (id: string | null, source: \"pointer\" | \"focus\") => {\n        if (source === \"pointer\") {\n            setHoveredId(id);\n        } else {\n            setFocusedId(id);\n        }\n    };\n    const dismiss = () => {\n        setHoveredId(null);\n        setFocusedId(null);\n    };\n    if (!Number.isFinite(height) || height < 160) {\n        throw new RangeError(\"Chart height must be finite and at least 160 pixels.\");\n    }\n    const candidate = selectedId === undefined ? localSelection : selectedId;\n    const selection = candidate !== null && availableIds.has(candidate) ? candidate : null;\n    const select = (id: string | null) => {\n        if (selectedId === undefined) {\n            setLocalSelection(id);\n        }\n        onSelectionChange?.(id);\n    };\n    return (<div\n        {...rest}\n        role=\"group\"\n        aria-label={label}\n        className={cn(\"gridui-chart\", className)}\n    >\n        <ChartContext\n            value={{\n                data: ordered,\n                kind,\n                horizontal,\n                scale,\n                domain,\n                label,\n                height,\n                selectedId: selection,\n                activeId,\n                interactive: onSelectionChange !== undefined || defaultSelectedId !== undefined,\n                select,\n                activate,\n                dismiss,\n                formatDatum,\n            }}\n        >\n            {children}\n        </ChartContext>\n    </div>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace BarChart\n * @description Bar Chart\n */\n\nimport { ChartRoot } from \"../shared/chart-root\";\nimport type { ChartOptions } from \"../shared/types\";\nimport type { FC } from \"react\";\n\nexport type BarChartProps = ChartOptions & {\n    readonly orientation?: \"vertical\" | \"horizontal\";\n};\n\nexport const BarChart: FC<BarChartProps> = (props: BarChartProps) => {\n    const { orientation = \"vertical\", ...restProps } = props;\n\n    return (<ChartRoot\n        {...restProps}\n        kind=\"bar\"\n        horizontal={orientation === \"horizontal\"}\n        scale=\"category\"\n    />);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace Shared\n * @description Datum Mark\n */\n\nimport { useChart } from \"./context\";\nimport type { ChartDatum } from \"./types\";\nimport { isComposingKeyEvent } from \"@gridui/interaction\";\nimport type { FC, ReactNode } from \"react\";\n\nexport type DatumMarkProps = {\n    readonly datum: ChartDatum;\n    readonly children: ReactNode;\n};\n\nexport const DatumMark: FC<DatumMarkProps> = (props: DatumMarkProps) => {\n    const { datum, children } = props;\n\n    const chart = useChart();\n    const selected = chart.selectedId === datum.id;\n    return (<g\n        className=\"gridui-chart-mark\"\n        data-selected={selected || undefined}\n        role={chart.interactive ? \"button\" : undefined}\n        tabIndex={chart.interactive ? 0 : undefined}\n        aria-label={chart.formatDatum(datum)}\n        aria-pressed={chart.interactive ? selected : undefined}\n        onPointerEnter={() => {\n            return void chart.activate(datum.id, \"pointer\");\n        }}\n        onPointerLeave={() => {\n            return void chart.activate(null, \"pointer\");\n        }}\n        onFocus={() => {\n            return void chart.activate(datum.id, \"focus\");\n        }}\n        onBlur={() => {\n            return void chart.activate(null, \"focus\");\n        }}\n        onClick={chart.interactive ? () => {\n            return void chart.select(selected ? null : datum.id);\n        } : undefined}\n        onKeyDown={chart.interactive ? event => {\n            if (isComposingKeyEvent(event.nativeEvent)) {\n                return;\n            }\n            if (event.key === \"Enter\" || event.key === \" \") {\n                event.preventDefault();\n                if (!event.repeat) {\n                    chart.select(selected ? null : datum.id);\n                }\n            } else if (event.key === \"Escape\") {\n                chart.dismiss();\n                chart.select(null);\n            }\n        } : undefined}\n    >\n        {children}\n    </g>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace BarSeries\n * @description Bar Series\n */\n\nimport { useChart, usePlot } from \"../shared/context\";\nimport { DatumMark } from \"../shared/datum-mark\";\nimport type { CSSProperties, FC } from \"react\";\n\nexport type BarSeriesProps = {\n    readonly color?: CSSProperties[\"color\"];\n    readonly selectedColor?: CSSProperties[\"color\"];\n    readonly width?: number;\n    readonly widthRatio?: number;\n    readonly gap?: number;\n    readonly opacity?: number;\n    readonly inactiveOpacity?: number;\n};\n\nexport const BarSeries: FC<BarSeriesProps> = (props: BarSeriesProps) => {\n    const { color = \"var(--gridui-chart-series)\", selectedColor = \"var(--gridui-chart-selected)\", width, widthRatio = 0.7, gap = 4, opacity = 1, inactiveOpacity = 0.45 } = props;\n\n    const chart = useChart();\n    const plot = usePlot();\n    if (chart.kind !== \"bar\") {\n        throw new Error(\"BarSeries requires BarChart.\");\n    }\n    const invalidWidth = width !== undefined && (!Number.isFinite(width) || width <= 0);\n    if (!Number.isFinite(widthRatio) || widthRatio <= 0 || widthRatio > 1 || !Number.isFinite(gap) || gap < 0 || invalidWidth) {\n        throw new RangeError(\"Bar width must be positive, its ratio at most one, and gap nonnegative.\");\n    }\n    const thickness = Math.min(width ?? plot.band * widthRatio, Math.max(Math.min(1, plot.band), plot.band - gap));\n    const baseline = plot.value(0);\n    return (<g>\n        {chart.data.map(datum => {\n            if (datum.y === null) {\n                return null;\n            }\n            const at = plot.category(datum);\n            const end = plot.value(datum.y);\n            const selected = chart.selectedId === datum.id;\n            return (<DatumMark\n                key={datum.id}\n                datum={datum}\n            >\n                <rect\n                    className=\"gridui-chart-hit\"\n                    x={chart.horizontal ? plot.left : at - plot.band / 2}\n                    y={chart.horizontal ? at - plot.band / 2 : plot.top}\n                    width={chart.horizontal ? plot.right - plot.left : plot.band}\n                    height={chart.horizontal ? plot.band : plot.bottom - plot.top}\n                    fill=\"transparent\"\n                />\n                <rect\n                    x={chart.horizontal ? Math.min(end, baseline) : at - thickness / 2}\n                    y={chart.horizontal ? at - thickness / 2 : Math.min(end, baseline)}\n                    width={chart.horizontal ? Math.abs(end - baseline) : thickness}\n                    height={chart.horizontal ? thickness : Math.abs(end - baseline)}\n                    fill={selected ? selectedColor : color}\n                    opacity={chart.selectedId && !selected ? inactiveOpacity : opacity}\n                    pointerEvents=\"none\"\n                />\n            </DatumMark>);\n        })}\n    </g>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartCursor\n * @description Chart Cursor\n */\n\nimport { useChart, usePlot } from \"../shared/context\";\nimport type { CSSProperties, FC } from \"react\";\n\nexport type ChartCursorProps = {\n    readonly color?: CSSProperties[\"color\"];\n    readonly strokeWidth?: number;\n    readonly dashArray?: string;\n};\nexport const ChartCursor: FC<ChartCursorProps> = (props: ChartCursorProps) => {\n    const { color = \"var(--gridui-chart-axis)\", strokeWidth = 1, dashArray = \"3 3\" } = props;\n\n    const chart = useChart();\n    const plot = usePlot();\n    const datum = chart.data.find(item => {\n        return item.id === (chart.activeId ?? chart.selectedId);\n    });\n    if (!datum || datum.y === null) {\n        return null;\n    }\n    const at = plot.category(datum);\n    return (<line\n        aria-hidden=\"true\"\n        pointerEvents=\"none\"\n        x1={chart.horizontal ? plot.left : at}\n        x2={chart.horizontal ? plot.right : at}\n        y1={chart.horizontal ? at : plot.top}\n        y2={chart.horizontal ? at : plot.bottom}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeDasharray={dashArray}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace Shared\n * @description Ticks\n */\n\nimport type { ChartState, PlotState } from \"./context\";\nimport { numericX, valueTicks } from \"./model\";\nimport type { ChartDatum, ChartTickOptions } from \"./types\";\n\nexport type ChartTick = {\n    readonly key: string;\n    readonly value: ChartDatum[\"x\"];\n    readonly at: number;\n};\n\nexport const axisTicks = (chart: Pick<ChartState, \"data\" | \"horizontal\" | \"scale\" | \"domain\">, plot: PlotState, axis: \"x\" | \"y\", options: ChartTickOptions): readonly ChartTick[] => {\n    const { tickCount, tickValues } = options;\n    if (tickCount !== undefined && (!Number.isSafeInteger(tickCount) || tickCount < 2)) {\n        throw new RangeError(\"Chart tickCount must be an integer of at least two.\");\n    }\n    const dataAxis = (axis === \"x\") !== chart.horizontal;\n    const first = chart.data[0];\n    const last = chart.data.at(-1);\n    if (dataAxis && (!first || !last)) {\n        return [];\n    }\n    if (dataAxis && chart.scale === \"category\") {\n        const requested = tickValues && new Set(tickValues.map(value => {\n            return value instanceof Date ? value.getTime() : value;\n        }));\n        const candidates = chart.data.filter(datum => {\n            return !requested || requested.has(datum.x instanceof Date ? datum.x.getTime() : datum.x);\n        });\n        const indices = tickCount !== undefined && !requested && candidates.length > tickCount\n            ? new Set(Array.from({ length: tickCount }, (_, index) => {\n                return Math.round(index * (candidates.length - 1) / (tickCount - 1));\n            })) : null;\n        return candidates.flatMap((datum, index) => {\n            return indices && !indices.has(index) ? [] : [\n                {\n                    key: datum.id,\n                    value: datum.x,\n                    at: plot.category(datum),\n                },\n            ];\n        });\n    }\n    const low = dataAxis && first ? numericX(first.x, chart.scale) : chart.domain[0];\n    const high = dataAxis && last ? numericX(last.x, chart.scale) : chart.domain[1];\n    const count = tickCount ?? 5;\n    const generated = low === high ? [low] : Array.from({ length: count }, (_, index) => {\n        return low + (high - low) * index / (count - 1);\n    });\n    const defaults = dataAxis ? chart.data.map(datum => {\n        return datum.x;\n    }) : valueTicks(chart.domain);\n    const values = tickValues ?? (tickCount !== undefined ? generated : defaults);\n    const seen = new Set<number>();\n    return values.flatMap(value => {\n        const number = numericX(value, dataAxis ? chart.scale : \"linear\");\n        if (number < low || number > high || seen.has(number)) {\n            return [];\n        }\n        seen.add(number);\n        const formattedValue = dataAxis && chart.scale === \"time\" ? new Date(number) : number;\n        return [\n            {\n                key: String(number),\n                value: formattedValue,\n                at: dataAxis ? plot.category({\n                    id: \"\",\n                    x: formattedValue,\n                    y: null,\n                }) : plot.value(number),\n            },\n        ];\n    }).sort((a, b) => {\n        return a.at - b.at;\n    });\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartGrid\n * @description Chart Grid\n */\n\nimport { useChart, usePlot } from \"../shared/context\";\nimport { axisTicks } from \"../shared/ticks\";\nimport type { ChartTickOptions } from \"../shared/types\";\nimport type { CSSProperties, FC } from \"react\";\n\nexport type ChartGridProps = {\n    readonly xTicks?: ChartTickOptions;\n    readonly yTicks?: ChartTickOptions;\n    readonly horizontal?: boolean;\n    readonly vertical?: boolean;\n    readonly color?: CSSProperties[\"color\"];\n    readonly strokeWidth?: number;\n    readonly dashArray?: string;\n};\nexport const ChartGrid: FC<ChartGridProps> = (props: ChartGridProps) => {\n    const { xTicks = {}, yTicks = {}, horizontal = true, vertical = false, color = \"var(--gridui-chart-grid)\", strokeWidth = 1, dashArray } = props;\n\n    const chart = useChart();\n    const plot = usePlot();\n    const x = axisTicks(chart, plot, \"x\", xTicks);\n    const y = axisTicks(chart, plot, \"y\", yTicks);\n    return (<g\n        className=\"gridui-chart-grid\"\n        aria-hidden=\"true\"\n        pointerEvents=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeDasharray={dashArray}\n    >\n        {horizontal && y.map(({ at }, index) => {\n            return (<line\n                key={`h-${index}`}\n                x1={plot.left}\n                x2={plot.right}\n                y1={at}\n                y2={at}\n            />);\n        })}\n        {vertical && x.map(({ at }, index) => {\n            return (<line\n                key={`v-${index}`}\n                x1={at}\n                x2={at}\n                y1={plot.top}\n                y2={plot.bottom}\n            />);\n        })}\n    </g>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartPlot\n * @description Chart Plot\n */\n\nimport { PlotContext, useChart } from \"../shared/context\";\nimport { numericX } from \"../shared/model\";\nimport type { ChartDatum } from \"../shared/types\";\nimport type { CSSProperties, FC, ReactNode } from \"react\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\n\nexport type ChartPlotProps = {\n    readonly children: ReactNode;\n    readonly background?: CSSProperties[\"fill\"];\n    readonly padding?: Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>>;\n};\n\nexport const ChartPlot: FC<ChartPlotProps> = (props: ChartPlotProps) => {\n    const { children, background = \"var(--gridui-chart-background)\", padding } = props;\n\n    const chart = useChart();\n    const ref = useRef<HTMLDivElement>(null);\n    const [\n        width,\n        setWidth,\n    ] = useState(640);\n    const descriptionId = useId();\n    useEffect(() => {\n        const element = ref.current;\n        if (!element) {\n            return;\n        }\n        const observer = new ResizeObserver(entries => {\n            const measured = entries[0]?.contentRect.width;\n            if (measured && measured > 0) {\n                setWidth(measured);\n            }\n        });\n        observer.observe(element);\n        return () => {\n            return void observer.disconnect();\n        };\n    }, []);\n    const inset = {\n        left: padding?.left ?? (chart.horizontal ? 88 : 56),\n        right: padding?.right ?? 24,\n        top: padding?.top ?? 28,\n        bottom: padding?.bottom ?? 48,\n    };\n    if (Object.values(inset).some(value => {\n        return !Number.isFinite(value) || value < 0;\n    })) {\n        throw new RangeError(\"Chart padding must be finite and nonnegative.\");\n    }\n    const left = Math.min(width, inset.left);\n    const right = Math.max(left, width - inset.right);\n    const top = Math.min(chart.height, inset.top);\n    const bottom = Math.max(top, chart.height - inset.bottom);\n    const drawable = right > left && bottom > top;\n    const plot = useMemo(() => {\n        const extent = Math.max(1, chart.horizontal ? bottom - top : right - left);\n        const start = chart.horizontal ? top : left;\n        const count = chart.data.length;\n        const band = extent / Math.max(1, count);\n        const first = chart.data[0];\n        const last = chart.data[count - 1];\n        const low = first && chart.scale !== \"category\" ? numericX(first.x, chart.scale) : 0;\n        const high = last && chart.scale !== \"category\" ? numericX(last.x, chart.scale) : 0;\n        const indices = new Map(chart.data.map((datum, index) => {\n            return [\n                datum.id,\n                index,\n            ];\n        }));\n        const category = (datum: ChartDatum) => {\n            const index = indices.get(datum.id) ?? 0;\n            if (chart.scale !== \"category\") {\n                return start + (high === low ? extent / 2 : (numericX(datum.x, chart.scale) - low) / (high - low) * extent);\n            }\n            const linePosition = count < 2 ? extent / 2 : index * extent / (count - 1);\n            return start + (chart.kind === \"bar\" ? (index + 0.5) * band : linePosition);\n        };\n        const value = (number: number) => {\n            const ratio = (number - chart.domain[0]) / (chart.domain[1] - chart.domain[0]);\n            return chart.horizontal ? left + ratio * Math.max(1, right - left) : bottom - ratio * Math.max(1, bottom - top);\n        };\n        return {\n            width,\n            height: chart.height,\n            left,\n            right,\n            top,\n            bottom,\n            band,\n            category,\n            value,\n        };\n    }, [\n        chart.data,\n        chart.domain,\n        chart.height,\n        chart.horizontal,\n        chart.kind,\n        chart.scale,\n        bottom,\n        left,\n        right,\n        top,\n        width,\n    ]);\n    return (<div\n        ref={ref}\n        className=\"gridui-chart-plot\"\n    >\n        <svg\n            width=\"100%\"\n            height={chart.height}\n            viewBox={`0 0 ${width} ${chart.height}`}\n            role={chart.interactive ? \"group\" : \"img\"}\n            aria-label={chart.label}\n            aria-describedby={descriptionId}\n        >\n            <desc\n                id={descriptionId}\n            >\n                {chart.data.map(chart.formatDatum).join(\"; \")}\n            </desc>\n            <rect\n                x={left}\n                y={top}\n                width={Math.max(0, right - left)}\n                height={Math.max(0, bottom - top)}\n                fill={background}\n                pointerEvents=\"none\"\n            />\n            <PlotContext\n                value={plot}\n            >\n                {drawable ? children : null}\n            </PlotContext>\n        </svg>\n    </div>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace Shared\n * @description Use Measured Layout\n */\n\nimport { useLayoutEffect, useRef, useState } from \"react\";\n\nexport type TextBounds = Pick<DOMRect, \"x\" | \"y\" | \"width\" | \"height\">;\nexport type MeasureText = (text: string) => TextBounds;\n\n// The empty SVG text ref is an imperative measurement surface, never visible content.\nexport const useMeasuredLayout = <T>(calculate: (measure: MeasureText) => T) => {\n    const ref = useRef<SVGTextElement>(null);\n    const [\n        result,\n        setResult,\n    ] = useState<{\n        calculate: typeof calculate;\n        value: T;\n    } | null>(null);\n    useLayoutEffect(() => {\n        const node = ref.current;\n        if (!node) {\n            return;\n        }\n        let disposed = false;\n        const update = () => {\n            if (disposed) {\n                return;\n            }\n            const cache = new Map<string, TextBounds>();\n            const value = calculate(text => {\n                const cached = cache.get(text);\n                if (cached) {\n                    return cached;\n                }\n                node.textContent = text;\n                const box = node.getBBox();\n                const bounds = {\n                    x: box.x,\n                    y: box.y,\n                    width: box.width,\n                    height: box.height,\n                };\n                cache.set(text, bounds);\n                return bounds;\n            });\n            // A stable probe lets ResizeObserver detect inherited font changes.\n            node.textContent = \"M\";\n            setResult({\n                calculate,\n                value,\n            });\n        };\n        update();\n        const observer = new ResizeObserver(update);\n        observer.observe(node);\n        const fonts = node.ownerDocument.fonts;\n        void fonts.ready.then(update);\n        fonts.addEventListener(\"loadingdone\", update);\n        return () => {\n            disposed = true;\n            observer.disconnect();\n            fonts.removeEventListener(\"loadingdone\", update);\n        };\n    }, [calculate]);\n    return {\n        ref,\n        layout: result?.calculate === calculate ? result.value : undefined,\n    };\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartTooltip\n * @description Layout\n */\n\nimport type { PlotState } from \"../shared/context\";\nimport type { ChartDatum } from \"../shared/types\";\nimport type { MeasureText } from \"../shared/use-measured-layout\";\n\ntype TooltipLayout = {\n    readonly lines: readonly {\n        readonly text: string;\n        readonly x: number;\n        readonly y: number;\n    }[];\n    readonly width: number;\n    readonly height: number;\n};\n\nconst PLOT_INSET = 4;\nconst POINT_GAP = 12;\nconst PADDING_INLINE = 10;\nconst PADDING_TOP = 8;\nconst PADDING_BOTTOM = 4;\nconst LINE_GAP = 4;\nconst MIN_LINE_HEIGHT = 18;\n\nconst fittingGraphemeCount = (segments: readonly string[], start: number, availableWidth: number, measure: MeasureText): number => {\n    // Always consume one grapheme, even when it is wider than the available space.\n    let low = 1;\n    let high = segments.length - start;\n    while (low < high) {\n        const count = Math.ceil((low + high) / 2);\n        if (measure(segments.slice(start, start + count).join(\"\")).width <= availableWidth) {\n            low = count;\n        } else {\n            high = count - 1;\n        }\n    }\n    return low;\n};\n\nconst wrapTooltipText = (text: string, availableWidth: number, measure: MeasureText): string[] => {\n    const lines: string[] = [];\n    const segmenter = new Intl.Segmenter(undefined, { granularity: \"grapheme\" });\n    for (const paragraph of text.split(\"\\n\")) {\n        const segments = Array.from(segmenter.segment(paragraph), part => {\n            return part.segment;\n        });\n        if (!segments.length) {\n            lines.push(\"\");\n        }\n        let start = 0;\n        while (start < segments.length) {\n            let count = fittingGraphemeCount(segments, start, availableWidth, measure);\n            if (start + count < segments.length) {\n                const wordBreak = segments.slice(start, start + count).reduce((last, segment, index) => {\n                    return /\\s/u.test(segment) ? index : last;\n                }, -1);\n                if (wordBreak > 0) {\n                    count = wordBreak + 1;\n                }\n            }\n            lines.push(segments.slice(start, start + count).join(\"\"));\n            start += count;\n        }\n    }\n    return lines;\n};\n\nexport const calculateTooltipLayout = (text: string | null, plotWidth: number, measure: MeasureText): TooltipLayout | null => {\n    if (text === null) {\n        return null;\n    }\n    const availableWidth = Math.max(1, plotWidth - 2 * (PLOT_INSET + PADDING_INLINE));\n    const lines = wrapTooltipText(text, availableWidth, measure);\n    const bounds = lines.map(measure);\n    const lineHeight = Math.max(MIN_LINE_HEIGHT, ...bounds.map(box => {\n        return box.height + LINE_GAP;\n    }));\n    return {\n        lines: lines.map((line, index) => {\n            const box = bounds[index];\n            return {\n                text: line,\n                x: PADDING_INLINE - (box?.x ?? 0),\n                y: PADDING_TOP + index * lineHeight - (box?.y ?? 0),\n            };\n        }),\n        width: Math.max(PADDING_INLINE * 2, ...bounds.map(box => {\n            return box.width + PADDING_INLINE * 2;\n        })),\n        height: lines.length * lineHeight + PADDING_TOP + PADDING_BOTTOM,\n    };\n};\n\ntype TooltipPositionOptions = {\n    readonly datum: ChartDatum | undefined;\n    readonly horizontal: boolean;\n    readonly plot: Pick<PlotState, \"width\" | \"height\" | \"category\" | \"value\">;\n    readonly width: number;\n    readonly height: number;\n};\n\nexport const calculateTooltipPosition = (options: TooltipPositionOptions): {\n    readonly x: number;\n    readonly y: number;\n} => {\n    const { datum, horizontal, plot, width, height } = options;\n    let pointX = 0;\n    let pointY = 0;\n    if (datum && datum.y !== null) {\n        if (horizontal) {\n            pointX = plot.value(datum.y);\n            pointY = plot.category(datum);\n        } else {\n            pointX = plot.category(datum);\n            pointY = plot.value(datum.y);\n        }\n    }\n    return {\n        x: Math.max(PLOT_INSET, Math.min(plot.width - width - PLOT_INSET, pointX - width / 2)),\n        y: Math.max(PLOT_INSET, Math.min(plot.height - height - PLOT_INSET, pointY - height - POINT_GAP)),\n    };\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartTooltip\n * @description Chart Tooltip\n */\n\nimport { useChart, usePlot } from \"../shared/context\";\nimport type { ChartDatum } from \"../shared/types\";\nimport { type MeasureText, useMeasuredLayout } from \"../shared/use-measured-layout\";\nimport { calculateTooltipLayout, calculateTooltipPosition } from \"./layout\";\nimport type { CSSProperties, FC } from \"react\";\nimport { useCallback } from \"react\";\n\nexport type ChartTooltipProps = {\n    readonly format?: (datum: ChartDatum) => string;\n    readonly background?: CSSProperties[\"color\"];\n    readonly color?: CSSProperties[\"color\"];\n};\nexport const ChartTooltip: FC<ChartTooltipProps> = (props: ChartTooltipProps) => {\n    const { format, background = \"var(--gridui-background)\", color = \"var(--gridui-foreground)\" } = props;\n\n    const chart = useChart();\n    const plot = usePlot();\n    const datum = chart.data.find(item => {\n        return item.id === chart.activeId;\n    });\n    const text = datum && datum.y !== null ? (format ?? chart.formatDatum)(datum) : null;\n    const calculate = useCallback((measure: MeasureText) => {\n        return calculateTooltipLayout(text, plot.width, measure);\n    }, [\n        text,\n        plot.width,\n    ]);\n    const { ref, layout } = useMeasuredLayout(calculate);\n    const { x, y } = calculateTooltipPosition({\n        datum,\n        horizontal: chart.horizontal,\n        plot,\n        width: layout?.width ?? 0,\n        height: layout?.height ?? 0,\n    });\n    return (<g\n        className={text === null ? undefined : \"gridui-chart-tooltip\"}\n        aria-hidden=\"true\"\n        pointerEvents=\"none\"\n        fontSize={12}\n    >\n        <text\n            ref={ref}\n            visibility=\"hidden\"\n        />\n        {layout && (<g\n            transform={`translate(${x} ${y})`}\n        >\n            <rect\n                width={layout.width}\n                height={layout.height}\n                fill={background}\n                stroke=\"var(--gridui-border)\"\n            />\n            <text\n                fill={color}\n            >\n                {layout.lines.map((line, index) => {\n                    return (<tspan\n                        key={index}\n                        x={line.x}\n                        y={line.y}\n                    >\n                        {line.text}\n                    </tspan>);\n                })}\n            </text>\n        </g>)}\n    </g>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartValueLabels\n * @description Layout\n */\n\nimport type { PlotState } from \"../shared/context\";\nimport type { ChartDatum } from \"../shared/types\";\nimport type { MeasureText, TextBounds } from \"../shared/use-measured-layout\";\n\ntype ValueLabelLayoutOptions = {\n    readonly data: readonly ChartDatum[];\n    readonly selectedId: string | null;\n    readonly horizontal: boolean;\n    readonly plot: Pick<PlotState, \"width\" | \"height\" | \"category\" | \"value\">;\n    readonly visibility: \"all\" | \"selected\" | \"none\";\n    readonly position: \"end\" | \"center\";\n    readonly format: (value: number, datum: ChartDatum) => string;\n    readonly offset: number;\n    readonly measure: MeasureText;\n};\n\ntype ValueLabel = {\n    readonly id: string;\n    readonly text: string;\n    readonly x: number;\n    readonly y: number;\n};\n\nconst PLOT_INSET = 2;\nconst LABEL_GAP = 4;\n\nconst labelsOverlap = (left: TextBounds, right: TextBounds): boolean => {\n    return left.x < right.x + right.width + LABEL_GAP\n        && left.x + left.width + LABEL_GAP > right.x\n        && left.y < right.y + right.height + LABEL_GAP\n        && left.y + left.height + LABEL_GAP > right.y;\n};\n\nexport const calculateValueLabelLayout = (options: ValueLabelLayoutOptions): ValueLabel[] => {\n    const { data, selectedId, horizontal, plot, visibility, position, format, offset, measure } = options;\n    const occupied: TextBounds[] = [];\n    const labels: ValueLabel[] = [];\n    for (const datum of data) {\n        if (visibility === \"none\" || datum.y === null || visibility === \"selected\" && datum.id !== selectedId) {\n            continue;\n        }\n        const text = format(datum.y, datum);\n        const box = measure(text);\n        if (box.width > plot.width - PLOT_INSET * 2 || box.height > plot.height - PLOT_INSET * 2) {\n            continue;\n        }\n\n        const categoryPosition = plot.category(datum);\n        let valuePosition = plot.value(datum.y);\n        if (position === \"center\") {\n            valuePosition = (valuePosition + plot.value(0)) / 2;\n        }\n        let centerX = categoryPosition;\n        let centerY = valuePosition;\n        if (horizontal) {\n            centerX = valuePosition;\n            centerY = categoryPosition;\n        }\n        if (position === \"end\") {\n            if (horizontal) {\n                const direction = datum.y < 0 ? -1 : 1;\n                centerX += direction * (offset + box.width / 2);\n            } else {\n                centerY -= Math.sign(datum.y || 1) * offset;\n            }\n        }\n\n        const bounds: TextBounds = {\n            x: Math.max(PLOT_INSET, Math.min(plot.width - box.width - PLOT_INSET, centerX - box.width / 2)),\n            y: Math.max(PLOT_INSET, Math.min(plot.height - box.height - PLOT_INSET, centerY - box.height / 2)),\n            width: box.width,\n            height: box.height,\n        };\n        if (occupied.some(other => {\n            return labelsOverlap(bounds, other);\n        })) {\n            continue;\n        }\n        occupied.push(bounds);\n        labels.push({\n            id: datum.id,\n            text,\n            x: bounds.x - box.x,\n            y: bounds.y - box.y,\n        });\n    }\n    return labels;\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartValueLabels\n * @description Chart Value Labels\n */\n\nimport { useChart, usePlot } from \"../shared/context\";\nimport type { ChartDatum } from \"../shared/types\";\nimport { type MeasureText, useMeasuredLayout } from \"../shared/use-measured-layout\";\nimport { calculateValueLabelLayout } from \"./layout\";\nimport type { CSSProperties, FC } from \"react\";\nimport { useCallback } from \"react\";\n\nexport type ChartValueLabelsProps = {\n    readonly visibility?: \"all\" | \"selected\" | \"none\";\n    readonly position?: \"end\" | \"center\";\n    readonly format?: (value: number, datum: ChartDatum) => string;\n    readonly color?: CSSProperties[\"color\"];\n    readonly fontSize?: number;\n    readonly offset?: number;\n};\n\nexport const ChartValueLabels: FC<ChartValueLabelsProps> = (props: ChartValueLabelsProps) => {\n    const { visibility = \"selected\", position = \"end\", format = String, color = \"var(--gridui-chart-value)\", fontSize = 12, offset = 12 } = props;\n\n    const chart = useChart();\n    const plot = usePlot();\n    const calculate = useCallback((measure: MeasureText) => {\n        return calculateValueLabelLayout({\n            data: chart.data,\n            selectedId: chart.selectedId,\n            horizontal: chart.horizontal,\n            plot,\n            visibility,\n            position,\n            format,\n            offset,\n            measure,\n        });\n    }, [\n        chart,\n        plot,\n        visibility,\n        position,\n        format,\n        offset,\n    ]);\n    const { ref, layout } = useMeasuredLayout(calculate);\n    return (<g\n        className=\"gridui-chart-values\"\n        aria-hidden=\"true\"\n        pointerEvents=\"none\"\n        fill={color}\n        fontSize={fontSize}\n    >\n        <text\n            ref={ref}\n            visibility=\"hidden\"\n        />\n        {layout?.map(label => {\n            return (<text\n                key={label.id}\n                x={label.x}\n                y={label.y}\n            >\n                {label.text}\n            </text>);\n        })}\n    </g>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace Shared\n * @description Axis\n */\n\nimport { useChart, usePlot } from \"./context\";\nimport { axisTicks } from \"./ticks\";\nimport type { ChartAxisOptions } from \"./types\";\nimport { type MeasureText, useMeasuredLayout } from \"./use-measured-layout\";\nimport type { FC } from \"react\";\nimport { useCallback, useMemo } from \"react\";\n\nexport type AxisProps = ChartAxisOptions & {\n    readonly axis: \"x\" | \"y\";\n    readonly position: \"start\" | \"end\";\n};\n\nexport const Axis: FC<AxisProps> = (props: AxisProps) => {\n    const { axis, position, line = true, ticks = true, labels = true, title, tickFormat, tickCount, tickValues, color = \"var(--gridui-chart-axis)\", strokeWidth = 1, labelColor = \"var(--gridui-chart-label)\", fontSize = 12 } = props;\n\n    const chart = useChart();\n    const plot = usePlot();\n    const { data, horizontal, scale, domain } = chart;\n    const isX = axis === \"x\";\n    const xEdge = position === \"start\" ? plot.top : plot.bottom;\n    const yEdge = position === \"start\" ? plot.left : plot.right;\n    const edge = isX ? xEdge : yEdge;\n    const titleX = position === \"start\" ? 12 : plot.width - 12;\n    const titleY = position === \"start\" ? 12 : plot.height - 2;\n    const sign = position === \"start\" ? -1 : 1;\n    const all = useMemo(() => {\n        return axisTicks({\n            data,\n            horizontal,\n            scale,\n            domain,\n        }, plot, axis, {\n            ...(tickCount === undefined ? {} : { tickCount }),\n            ...(tickValues === undefined ? {} : { tickValues }),\n        });\n    }, [\n        data,\n        horizontal,\n        scale,\n        domain,\n        plot,\n        axis,\n        tickCount,\n        tickValues,\n    ]);\n    const calculate = useCallback((measure: MeasureText) => {\n        const occupied: {\n            x: number;\n            y: number;\n            width: number;\n            height: number;\n        }[] = [];\n        const shown = new Map<string, {\n            text: string;\n            x: number;\n            y: number;\n        }>();\n        const ordered = all.length > 1 ? [\n            all[0]!,\n            all.at(-1)!,\n            ...all.slice(1, -1),\n        ] : all;\n        for (const tick of ordered) {\n            const defaultText = tick.value instanceof Date ? tick.value.toISOString().slice(0, 10) : String(tick.value);\n            const text = tickFormat ? tickFormat(tick.value) : defaultText;\n            const box = measure(text);\n            if (box.width > plot.width - 4 || box.height > plot.height - 4) {\n                continue;\n            }\n            const outsideX = position === \"start\" ? edge - 9 - box.width : edge + 9;\n            const outsideY = position === \"start\" ? edge - 9 - box.height : edge + 9;\n            const originX = isX ? tick.at - box.width / 2 : outsideX;\n            const originY = isX ? outsideY : tick.at - box.height / 2;\n            const x = Math.max(2, Math.min(plot.width - box.width - 2, originX));\n            const y = Math.max(2, Math.min(plot.height - box.height - 2, originY));\n            if (occupied.some(other => {\n                return x < other.x + other.width + 4 && x + box.width + 4 > other.x && y < other.y + other.height + 4 && y + box.height + 4 > other.y;\n            })) {\n                continue;\n            }\n            occupied.push({\n                x,\n                y,\n                width: box.width,\n                height: box.height,\n            });\n            shown.set(tick.key, {\n                text,\n                x: x - box.x,\n                y: y - box.y,\n            });\n        }\n        return shown;\n    }, [\n        all,\n        tickFormat,\n        plot.width,\n        plot.height,\n        isX,\n        position,\n        edge,\n    ]);\n    const { ref, layout } = useMeasuredLayout(calculate);\n    return (<g\n        aria-hidden=\"true\"\n        className=\"gridui-chart-axis\"\n        data-axis={axis}\n    >\n        {line && (<line\n            x1={isX ? plot.left : edge}\n            y1={isX ? edge : plot.top}\n            x2={isX ? plot.right : edge}\n            y2={isX ? edge : plot.bottom}\n            stroke={color}\n            strokeWidth={strokeWidth}\n        />)}\n        <text\n            ref={ref}\n            visibility=\"hidden\"\n            pointerEvents=\"none\"\n            fontSize={fontSize}\n        />\n        {all.map(tick => {\n            const label = layout?.get(tick.key);\n            return (<g\n                key={tick.key}\n            >\n                {ticks && (<line\n                    x1={isX ? tick.at : edge}\n                    y1={isX ? edge : tick.at}\n                    x2={isX ? tick.at : edge + sign * 4}\n                    y2={isX ? edge + sign * 4 : tick.at}\n                    stroke={color}\n                    strokeWidth={strokeWidth}\n                />)}\n                {labels && label && (<text\n                    x={label.x}\n                    y={label.y}\n                    fill={labelColor}\n                    fontSize={fontSize}\n                >\n                    {label.text}\n                </text>)}\n            </g>);\n        })}\n        {title && (<text\n            x={isX ? (plot.left + plot.right) / 2 : titleX}\n            y={isX ? titleY : (plot.top + plot.bottom) / 2}\n            transform={isX ? undefined : `rotate(-90 ${position === \"start\" ? 12 : plot.width - 12} ${(plot.top + plot.bottom) / 2})`}\n            textAnchor=\"middle\"\n            fill={labelColor}\n            fontSize={fontSize}\n        >\n            {title}\n        </text>)}\n    </g>);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartXAxis\n * @description Chart X Axis\n */\n\nimport { Axis } from \"../shared/axis\";\nimport type { ChartAxisOptions } from \"../shared/types\";\nimport type { FC } from \"react\";\n\nexport type ChartXAxisProps = ChartAxisOptions & {\n    readonly position?: \"top\" | \"bottom\";\n};\nexport const ChartXAxis: FC<ChartXAxisProps> = (props: ChartXAxisProps) => {\n    const { position = \"bottom\", ...restProps } = props;\n\n    return (<Axis\n        {...restProps}\n        axis=\"x\"\n        position={position === \"top\" ? \"start\" : \"end\"}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace ChartYAxis\n * @description Chart Y Axis\n */\n\nimport { Axis } from \"../shared/axis\";\nimport type { ChartAxisOptions } from \"../shared/types\";\nimport type { FC } from \"react\";\n\nexport type ChartYAxisProps = ChartAxisOptions & {\n    readonly position?: \"left\" | \"right\";\n};\nexport const ChartYAxis: FC<ChartYAxisProps> = (props: ChartYAxisProps) => {\n    const { position = \"left\", ...restProps } = props;\n\n    return (<Axis\n        {...restProps}\n        axis=\"y\"\n        position={position === \"left\" ? \"start\" : \"end\"}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace LineChart\n * @description Line Chart\n */\n\nimport { ChartRoot } from \"../shared/chart-root\";\nimport type { ChartOptions, ChartScale } from \"../shared/types\";\nimport type { FC } from \"react\";\n\nexport type LineChartProps = ChartOptions & {\n    readonly xScale?: ChartScale;\n};\n\nexport const LineChart: FC<LineChartProps> = (props: LineChartProps) => {\n    const { xScale = \"category\", ...restProps } = props;\n\n    return (<ChartRoot\n        {...restProps}\n        kind=\"line\"\n        horizontal={false}\n        scale={xScale}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package GridUI\n * @namespace LineSeries\n * @description Line Series\n */\n\nimport { useChart, usePlot } from \"../shared/context\";\nimport { DatumMark } from \"../shared/datum-mark\";\nimport { linePath } from \"../shared/model\";\nimport type { ChartPointOptions } from \"../shared/types\";\nimport type { CSSProperties, FC } from \"react\";\n\nexport type LineSeriesProps = {\n    readonly color?: CSSProperties[\"color\"];\n    readonly strokeWidth?: number;\n    readonly dashArray?: string;\n    readonly points?: ChartPointOptions;\n    readonly selectedColor?: CSSProperties[\"color\"];\n};\n\nexport const LineSeries: FC<LineSeriesProps> = (props: LineSeriesProps) => {\n    const { color = \"var(--gridui-chart-series)\", strokeWidth = 2, dashArray, points, selectedColor = \"var(--gridui-chart-selected)\" } = props;\n\n    const chart = useChart();\n    const plot = usePlot();\n    if (chart.kind !== \"line\") {\n        throw new Error(\"LineSeries requires LineChart.\");\n    }\n    const size = points?.size ?? 5;\n    const shape = points?.shape ?? \"none\";\n    return (<g>\n        <path\n            d={linePath(chart.data, plot.category, plot.value)}\n            fill=\"none\"\n            stroke={color}\n            strokeWidth={strokeWidth}\n            strokeDasharray={dashArray}\n            strokeLinejoin=\"miter\"\n            pointerEvents=\"none\"\n        />\n        {chart.data.map((datum, index) => {\n            if (datum.y === null) {\n                return null;\n            }\n            const selected = chart.selectedId === datum.id;\n            const isolated = (chart.data[index - 1]?.y ?? null) === null && (chart.data[index + 1]?.y ?? null) === null;\n            const visible = shape !== \"none\" || selected || isolated;\n            const markSize = selected ? Math.max(8, size) : size;\n            const pointColor = selected ? selectedColor : points?.color ?? color;\n            const fill = points?.fill === \"hollow\" && !selected ? \"var(--gridui-chart-point-background)\" : pointColor;\n            const x = plot.category(datum);\n            const y = plot.value(datum.y);\n            const previous = chart.data[index - 1];\n            const next = chart.data[index + 1];\n            const start = previous ? (plot.category(previous) + x) / 2 : plot.left;\n            const end = next ? (plot.category(next) + x) / 2 : plot.right;\n            return (<DatumMark\n                key={datum.id}\n                datum={datum}\n            >\n                <rect\n                    className=\"gridui-chart-hit\"\n                    x={start}\n                    y={plot.top}\n                    width={Math.max(1, end - start)}\n                    height={plot.bottom - plot.top}\n                    fill=\"transparent\"\n                />\n                {visible && (shape === \"square\" ? (<rect\n                    x={x - markSize / 2}\n                    y={y - markSize / 2}\n                    width={markSize}\n                    height={markSize}\n                    fill={fill}\n                    stroke={selected ? selectedColor : points?.color ?? color}\n                    strokeWidth={points?.strokeWidth ?? 1.5}\n                    pointerEvents=\"none\"\n                />) : (<circle\n                    cx={x}\n                    cy={y}\n                    r={markSize / 2}\n                    fill={fill}\n                    stroke={selected ? selectedColor : points?.color ?? color}\n                    strokeWidth={points?.strokeWidth ?? 1.5}\n                    pointerEvents=\"none\"\n                />))}\n            </DatumMark>);\n        })}\n    </g>);\n};\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsx", "jsx", "jsx", "jsx", "jsxs", "useEffect", "useMemo", "useState", "jsx", "jsxs", "useRef", "useState", "jsx", "jsxs", "PLOT_INSET", "useCallback", "jsx", "jsxs", "useCallback", "useMemo", "jsx", "jsxs", "jsx", "jsx", "jsx", "jsx", "jsxs"]
+}

package/dist/line-chart/line-chart.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace LineChart
+ * @description Line Chart
+ */
+import type { ChartOptions, ChartScale } from "../shared/types";
+import type { FC } from "react";
+export type LineChartProps = ChartOptions & {
+    readonly xScale?: ChartScale;
+};
+export declare const LineChart: FC<LineChartProps>;

package/dist/line-series/line-series.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace LineSeries
+ * @description Line Series
+ */
+import type { ChartPointOptions } from "../shared/types";
+import type { CSSProperties, FC } from "react";
+export type LineSeriesProps = {
+    readonly color?: CSSProperties["color"];
+    readonly strokeWidth?: number;
+    readonly dashArray?: string;
+    readonly points?: ChartPointOptions;
+    readonly selectedColor?: CSSProperties["color"];
+};
+export declare const LineSeries: FC<LineSeriesProps>;

package/dist/shared/axis.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Axis
+ */
+import type { ChartAxisOptions } from "./types";
+import type { FC } from "react";
+export type AxisProps = ChartAxisOptions & {
+    readonly axis: "x" | "y";
+    readonly position: "start" | "end";
+};
+export declare const Axis: FC<AxisProps>;

package/dist/shared/chart-root.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Chart Root
+ */
+import type { ChartOptions, ChartScale } from "./types";
+import type { FC } from "react";
+export type ChartRootProps = ChartOptions & {
+    readonly kind: "line" | "bar";
+    readonly horizontal: boolean;
+    readonly scale: ChartScale;
+};
+export declare const ChartRoot: FC<ChartRootProps>;

package/dist/shared/context.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Context
+ */
+import type { ChartDatum, ChartScale } from "./types";
+export type ChartState = {
+    readonly data: readonly ChartDatum[];
+    readonly kind: "line" | "bar";
+    readonly horizontal: boolean;
+    readonly scale: ChartScale;
+    readonly domain: readonly [number, number];
+    readonly label: string;
+    readonly height: number;
+    readonly selectedId: string | null;
+    readonly activeId: string | null;
+    readonly interactive: boolean;
+    readonly select: (id: string | null) => void;
+    readonly activate: (id: string | null, source: "pointer" | "focus") => void;
+    readonly dismiss: () => void;
+    readonly formatDatum: (datum: ChartDatum) => string;
+};
+export declare const ChartContext: import("react").Context<ChartState | null>;
+export declare const useChart: () => ChartState;
+export type PlotState = {
+    readonly width: number;
+    readonly height: number;
+    readonly left: number;
+    readonly right: number;
+    readonly top: number;
+    readonly bottom: number;
+    readonly band: number;
+    readonly category: (datum: ChartDatum) => number;
+    readonly value: (value: number) => number;
+};
+export declare const PlotContext: import("react").Context<PlotState | null>;
+export declare const usePlot: () => PlotState;

package/dist/shared/datum-mark.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Datum Mark
+ */
+import type { ChartDatum } from "./types";
+import type { FC, ReactNode } from "react";
+export type DatumMarkProps = {
+    readonly datum: ChartDatum;
+    readonly children: ReactNode;
+};
+export declare const DatumMark: FC<DatumMarkProps>;

package/dist/shared/model.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Model
+ */
+import type { ChartDatum, ChartScale } from "./types";
+export declare const numericX: (value: ChartDatum["x"], scale: ChartScale) => number;
+export declare const prepareData: (data: readonly ChartDatum[], scale: ChartScale) => readonly ChartDatum[];
+export declare const valueDomain: (data: readonly ChartDatum[], explicit?: readonly [number, number]) => readonly [number, number];
+export declare const valueTicks: (domain: readonly [number, number]) => readonly number[];
+export declare const linePath: (data: readonly ChartDatum[], x: (datum: ChartDatum) => number, y: (value: number) => number) => string;
+export declare const datumLabel: (datum: ChartDatum) => string;

package/dist/shared/ticks.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Ticks
+ */
+import type { ChartState, PlotState } from "./context";
+import type { ChartDatum, ChartTickOptions } from "./types";
+export type ChartTick = {
+    readonly key: string;
+    readonly value: ChartDatum["x"];
+    readonly at: number;
+};
+export declare const axisTicks: (chart: Pick<ChartState, "data" | "horizontal" | "scale" | "domain">, plot: PlotState, axis: "x" | "y", options: ChartTickOptions) => readonly ChartTick[];

package/dist/shared/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Types
+ */
+import type { ComponentPropsWithRef, CSSProperties, ReactNode } from "react";
+export type ChartDatum = {
+    readonly id: string;
+    readonly x: string | number | Date;
+    readonly y: number | null;
+};
+export type ChartScale = "category" | "linear" | "time";
+export type ChartOptions = Omit<ComponentPropsWithRef<"div">, "children" | "onSelect"> & {
+    readonly label: string;
+    readonly data: readonly ChartDatum[];
+    readonly children: ReactNode;
+    readonly height?: number;
+    readonly yDomain?: readonly [number, number];
+    readonly selectedId?: string | null;
+    readonly defaultSelectedId?: string;
+    readonly onSelectionChange?: (id: string | null) => void;
+    readonly formatDatum?: (datum: ChartDatum) => string;
+};
+export type ChartTickOptions = {
+    readonly tickCount?: number;
+    readonly tickValues?: readonly ChartDatum["x"][];
+};
+export type ChartAxisOptions = ChartTickOptions & {
+    readonly line?: boolean;
+    readonly ticks?: boolean;
+    readonly labels?: boolean;
+    readonly title?: string;
+    readonly tickFormat?: (value: ChartDatum["x"]) => string;
+    readonly color?: CSSProperties["color"];
+    readonly strokeWidth?: number;
+    readonly labelColor?: CSSProperties["color"];
+    readonly fontSize?: number;
+};
+export type ChartPointOptions = {
+    readonly shape?: "none" | "square" | "circle";
+    readonly size?: number;
+    readonly fill?: "solid" | "hollow";
+    readonly color?: CSSProperties["color"];
+    readonly strokeWidth?: number;
+};

package/dist/shared/use-measured-layout.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author WMXPY
+ * @package GridUI
+ * @namespace Shared
+ * @description Use Measured Layout
+ */
+export type TextBounds = Pick<DOMRect, "x" | "y" | "width" | "height">;
+export type MeasureText = (text: string) => TextBounds;
+export declare const useMeasuredLayout: <T>(calculate: (measure: MeasureText) => T) => {
+    ref: import("react").RefObject<SVGTextElement | null>;
+    layout: T | undefined;
+};

package/dist/styles.css

@@ -0,0 +1,37 @@
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
+@layer utilities;
+@layer components {
+  .gridui-chart {
+    --gridui-chart-background: transparent;
+    --gridui-chart-grid: var(--gridui-border);
+    --gridui-chart-axis: var(--gridui-border);
+    --gridui-chart-label: var(--gridui-muted);
+    --gridui-chart-value: var(--gridui-foreground);
+    --gridui-chart-series: var(--gridui-accent-background);
+    --gridui-chart-selected: var(--gridui-accent-background);
+    --gridui-chart-point-background: var(--gridui-background);
+    min-width: 0;
+    font-family: var(--gridui-font-body);
+  }
+  .gridui-chart-plot {
+    width: 100%;
+    min-width: 0;
+  }
+  .gridui-chart-plot > svg {
+    display: block;
+    max-width: 100%;
+    overflow: visible;
+  }
+  .gridui-chart-values, .gridui-chart-tooltip {
+    font-family: var(--gridui-font-mono);
+    font-variant-numeric: tabular-nums;
+  }
+  .gridui-chart-mark[role="button"] {
+    cursor: pointer;
+  }
+  .gridui-chart-mark:focus-visible > .gridui-chart-hit {
+    stroke: var(--gridui-focus-color);
+    stroke-width: 2;
+  }
+}

package/docs/catalog.json

@@ -0,0 +1,168 @@
+{
+  "schemaVersion": 1,
+  "name": "@gridui/chart",
+  "version": "1.0.0",
+  "category": "data",
+  "description": "Composable GridUI line and bar charts",
+  "usage": "Composable line and bar charts in the Data family. Import components from `@gridui/chart` and load `@gridui/chart/styles.css` after Theme.",
+  "documentation": [
+    "README.md",
+    "docs/reference/README.md",
+    "docs/reference/bar-chart.md",
+    "docs/reference/bar-series.md",
+    "docs/reference/chart-cursor.md",
+    "docs/reference/chart-grid.md",
+    "docs/reference/chart-plot.md",
+    "docs/reference/chart-tooltip.md",
+    "docs/reference/chart-value-labels.md",
+    "docs/reference/chart-xaxis.md",
+    "docs/reference/chart-yaxis.md",
+    "docs/reference/line-chart.md",
+    "docs/reference/line-series.md"
+  ],
+  "exports": [
+    {
+      "name": "BarChart",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "BarChartProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "BarSeries",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "BarSeriesProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartCursor",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartCursorProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartDatum",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartGrid",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartGridProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartPlot",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartPlotProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartPointOptions",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartScale",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartTickOptions",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartTooltip",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartTooltipProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartValueLabels",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartValueLabelsProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartXAxis",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartXAxisProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartYAxis",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "ChartYAxisProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "LineChart",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "LineChartProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "LineSeries",
+      "kind": "component",
+      "importPath": "@gridui/chart"
+    },
+    {
+      "name": "LineSeriesProps",
+      "kind": "type",
+      "importPath": "@gridui/chart"
+    }
+  ],
+  "styles": [
+    "@gridui/theme/styles.css",
+    "@gridui/chart/styles.css"
+  ],
+  "examples": [
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-data/chart/stories/comparison.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-data/chart/stories/elements.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-data/chart/stories/getting-started.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-data/chart/stories/inspection.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-data/chart/stories/trends.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-data/chart/stories/bar-chart.stories.tsx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-data/chart/stories/line-chart.stories.tsx"
+  ]
+}

package/docs/reference/README.md

@@ -0,0 +1,14 @@
+<!-- Generated by pnpm docs:storybook. -->
+# Component reference
+
+- [BarChart](bar-chart.md)
+- [BarSeries](bar-series.md)
+- [ChartCursor](chart-cursor.md)
+- [ChartGrid](chart-grid.md)
+- [ChartPlot](chart-plot.md)
+- [ChartTooltip](chart-tooltip.md)
+- [ChartValueLabels](chart-value-labels.md)
+- [ChartXAxis](chart-xaxis.md)
+- [ChartYAxis](chart-yaxis.md)
+- [LineChart](line-chart.md)
+- [LineSeries](line-series.md)