@cronus-ui/ui 0.6.0

package/dist/charts/heatmap/heatmap-y-axis.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useMemo, useState } from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../../lib/cn.js";
+import { useHeatmap } from "./heatmap-context.js";
+import { formatHeatmapYAxisLabel, getHeatmapDayLabels, resolveHeatmapRowOpacity, shouldShowHeatmapYAxisTick, } from "./heatmap-utils.js";
+export const HeatmapYAxis = memo(function HeatmapYAxis({ className, tickFilter = "odd", labelFormat = "full", rowOpacity, }) {
+    const { containerRef, margin, binHeight, gap, yScale, weekStartDay } = useHeatmap();
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const labels = useMemo(() => getHeatmapDayLabels(weekStartDay)
+        .map((label, row) => ({
+        row,
+        label: formatHeatmapYAxisLabel(label, labelFormat),
+        y: margin.top + yScale(row) + (binHeight - gap) / 2,
+    }))
+        .filter((tick) => shouldShowHeatmapYAxisTick(tick.row, tickFilter)), [binHeight, gap, labelFormat, margin.top, tickFilter, weekStartDay, yScale]);
+    const container = containerRef.current;
+    if (!(mounted && container)) {
+        return null;
+    }
+    return createPortal(labels.map((tick) => (_jsx("div", { className: "pointer-events-none absolute", style: {
+            top: tick.y,
+            left: 4,
+            width: Math.max(margin.left - 12, 0),
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "flex-end",
+            transform: "translateY(-50%)",
+        }, children: _jsx("span", { className: cn("whitespace-nowrap text-chart-label text-xs", className), style: { opacity: resolveHeatmapRowOpacity(tick.row, rowOpacity) }, children: tick.label }) }, tick.row))), container);
+});
+HeatmapYAxis.displayName = "HeatmapYAxis";
+export default HeatmapYAxis;
+//# sourceMappingURL=heatmap-y-axis.js.map

package/dist/charts/heatmap/index.d.ts

@@ -0,0 +1,15 @@
+export { generateHeatmapSkeletonFromTarget } from "./generate-heatmap-skeleton-data.js";
+export { computeHeatmapEnterFadeDelayMs, computeHeatmapLevelRange, HEATMAP_DEFAULT_ENTER_DURATION_MS, HEATMAP_DEFAULT_ENTER_EASE, HEATMAP_DEFAULT_ENTER_TRANSITION, HEATMAP_DEFAULT_LOADING_CELL_MAX_OPACITY, HEATMAP_DEFAULT_LOADING_CELL_RANDOMNESS, HEATMAP_ENTER_STAGGER_SPREAD, HEATMAP_LOADING_BASE_CELL_OPACITY, HEATMAP_LOADING_CHART_OPACITY, HEATMAP_LOADING_CONCEAL_MS, type HeatmapLevelRange, heatmapLoadingCellParticipates, resolveHeatmapEnterFadeDurationSec, } from "./heatmap-animation.js";
+export { HeatmapCells, type HeatmapCellsProps } from "./heatmap-cells.js";
+export { HeatmapChart, type HeatmapChartProps, type HeatmapLayout, } from "./heatmap-chart.js";
+export { HeatmapChartLoading, type HeatmapChartLoadingProps, } from "./heatmap-chart-loading.js";
+export { buildHeatmapColorScale, buildHeatmapColorScaleFromStyles, buildHeatmapFillScale, defaultHeatmapColorScale, defaultHeatmapFillScale, HEATMAP_DEFAULT_LEVEL_COLORS, HEATMAP_DEFAULT_LEVEL_STYLES, type HeatmapLevelColors, type HeatmapLevelFillMode, type HeatmapLevelStyle, type HeatmapLevelStyles, heatmapLevelPatternId, isHeatmapLevelPattern, levelColorsFromStyles, levelStylesFromColors, resolveHeatmapLevelStyles, } from "./heatmap-colors.js";
+export { type HeatmapBin, type HeatmapColumn, type HeatmapContextValue, HeatmapInteractionBoundary, HeatmapInteractionProvider, HeatmapInteractionRoot, HeatmapProvider, type HeatmapRevealMode, heatmapCssVars, useHeatmap, useHeatmapInteraction, useHeatmapInteractionOptional, } from "./heatmap-context.js";
+export { HEATMAP_LEGEND_LEVELS, HeatmapLegend, type HeatmapLegendProps, type HeatmapLegendVariant, } from "./heatmap-legend.js";
+export { resolveHeatmapSeparatorConfig, resolveHeatmapSeparatorConfigWithData, } from "./heatmap-resolve-separator.js";
+export { HeatmapSeparator, type HeatmapSeparatorProps, } from "./heatmap-separator.js";
+export { HeatmapTooltip, type HeatmapTooltipProps } from "./heatmap-tooltip.js";
+export { buildHeatmapLegendGradient, buildHeatmapQuarterSeparatorGroups, buildHeatmapRowOpacity, buildHeatmapSeparatorGradientStops, countHeatmapWeekDaysOnOrAfter, filterHeatmapColumns, findHeatmapColumnIndexForDate, formatHeatmapContributionLabel, formatHeatmapTooltipDate, formatHeatmapTooltipWeekday, formatHeatmapYAxisLabel, getCalendarQuarter, getCalendarQuarterStartDatesBetween, getHeatmapCalendarRangeStart, getHeatmapColumnMonthAnchor, getHeatmapColumnQuarterAnchor, getHeatmapColumnXOffset, getHeatmapContributionLevel, getHeatmapDayLabels, getHeatmapMonthLabelColumnIndex, getHeatmapPlotInnerWidth, getHeatmapSeparatorColumnIndices, getHeatmapSeparatorCount, getHeatmapSeparatorGroupStartColumn, getHeatmapSeparatorLineY, getHeatmapSeparatorX, getHeatmapTimeExtent, getHeatmapWeekCount, getHeatmapWeekStartAlignedToRange, getHeatmapWeekStartSunday, getHeatmapYearStartMonth, HEATMAP_DAY_LABELS, HEATMAP_MONTHS_ONE_YEAR, HEATMAP_MONTHS_SIX, HEATMAP_WEEKS_ONE_YEAR, type HeatmapDisplayRange, type HeatmapHoverStyleParams, type HeatmapSeparatorGradient, type HeatmapSeparatorGradientStop, type HeatmapSeparatorGroup, type HeatmapSeparatorGroupBy, type HeatmapSeparatorLayout, type HeatmapSeparatorParsedConfig, type HeatmapSeparatorStrokeStyle, type HeatmapWeekRange, type HeatmapWeekStartDay, type HeatmapYAxisLabelFormat, type HeatmapYAxisTickFilter, inferHeatmapCalendarRangeStart, isHeatmapGhostBin, isHeatmapHoverEffectEnabled, isHeatmapInactiveEffectEnabled, resolveHeatmapDisplayRange, resolveHeatmapHoverStyle, resolveHeatmapInactiveStyle, resolveHeatmapRowOpacity, resolveHeatmapSeparatorLayout, resolveHeatmapSeparatorStrokeDasharray, resolveHeatmapWeekRange, rotateHeatmapColumnBins, shouldShowHeatmapYAxisTick, } from "./heatmap-utils.js";
+export { HeatmapXAxis, type HeatmapXAxisProps } from "./heatmap-x-axis.js";
+export { HeatmapYAxis, type HeatmapYAxisProps } from "./heatmap-y-axis.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/heatmap/index.js

@@ -0,0 +1,15 @@
+export { generateHeatmapSkeletonFromTarget } from "./generate-heatmap-skeleton-data.js";
+export { computeHeatmapEnterFadeDelayMs, computeHeatmapLevelRange, HEATMAP_DEFAULT_ENTER_DURATION_MS, HEATMAP_DEFAULT_ENTER_EASE, HEATMAP_DEFAULT_ENTER_TRANSITION, HEATMAP_DEFAULT_LOADING_CELL_MAX_OPACITY, HEATMAP_DEFAULT_LOADING_CELL_RANDOMNESS, HEATMAP_ENTER_STAGGER_SPREAD, HEATMAP_LOADING_BASE_CELL_OPACITY, HEATMAP_LOADING_CHART_OPACITY, HEATMAP_LOADING_CONCEAL_MS, heatmapLoadingCellParticipates, resolveHeatmapEnterFadeDurationSec, } from "./heatmap-animation.js";
+export { HeatmapCells } from "./heatmap-cells.js";
+export { HeatmapChart, } from "./heatmap-chart.js";
+export { HeatmapChartLoading, } from "./heatmap-chart-loading.js";
+export { buildHeatmapColorScale, buildHeatmapColorScaleFromStyles, buildHeatmapFillScale, defaultHeatmapColorScale, defaultHeatmapFillScale, HEATMAP_DEFAULT_LEVEL_COLORS, HEATMAP_DEFAULT_LEVEL_STYLES, heatmapLevelPatternId, isHeatmapLevelPattern, levelColorsFromStyles, levelStylesFromColors, resolveHeatmapLevelStyles, } from "./heatmap-colors.js";
+export { HeatmapInteractionBoundary, HeatmapInteractionProvider, HeatmapInteractionRoot, HeatmapProvider, heatmapCssVars, useHeatmap, useHeatmapInteraction, useHeatmapInteractionOptional, } from "./heatmap-context.js";
+export { HEATMAP_LEGEND_LEVELS, HeatmapLegend, } from "./heatmap-legend.js";
+export { resolveHeatmapSeparatorConfig, resolveHeatmapSeparatorConfigWithData, } from "./heatmap-resolve-separator.js";
+export { HeatmapSeparator, } from "./heatmap-separator.js";
+export { HeatmapTooltip } from "./heatmap-tooltip.js";
+export { buildHeatmapLegendGradient, buildHeatmapQuarterSeparatorGroups, buildHeatmapRowOpacity, buildHeatmapSeparatorGradientStops, countHeatmapWeekDaysOnOrAfter, filterHeatmapColumns, findHeatmapColumnIndexForDate, formatHeatmapContributionLabel, formatHeatmapTooltipDate, formatHeatmapTooltipWeekday, formatHeatmapYAxisLabel, getCalendarQuarter, getCalendarQuarterStartDatesBetween, getHeatmapCalendarRangeStart, getHeatmapColumnMonthAnchor, getHeatmapColumnQuarterAnchor, getHeatmapColumnXOffset, getHeatmapContributionLevel, getHeatmapDayLabels, getHeatmapMonthLabelColumnIndex, getHeatmapPlotInnerWidth, getHeatmapSeparatorColumnIndices, getHeatmapSeparatorCount, getHeatmapSeparatorGroupStartColumn, getHeatmapSeparatorLineY, getHeatmapSeparatorX, getHeatmapTimeExtent, getHeatmapWeekCount, getHeatmapWeekStartAlignedToRange, getHeatmapWeekStartSunday, getHeatmapYearStartMonth, HEATMAP_DAY_LABELS, HEATMAP_MONTHS_ONE_YEAR, HEATMAP_MONTHS_SIX, HEATMAP_WEEKS_ONE_YEAR, inferHeatmapCalendarRangeStart, isHeatmapGhostBin, isHeatmapHoverEffectEnabled, isHeatmapInactiveEffectEnabled, resolveHeatmapDisplayRange, resolveHeatmapHoverStyle, resolveHeatmapInactiveStyle, resolveHeatmapRowOpacity, resolveHeatmapSeparatorLayout, resolveHeatmapSeparatorStrokeDasharray, resolveHeatmapWeekRange, rotateHeatmapColumnBins, shouldShowHeatmapYAxisTick, } from "./heatmap-utils.js";
+export { HeatmapXAxis } from "./heatmap-x-axis.js";
+export { HeatmapYAxis } from "./heatmap-y-axis.js";
+//# sourceMappingURL=index.js.map

package/dist/charts/heatmap/use-delayed-tooltip-data.d.ts

@@ -0,0 +1,3 @@
+import type { HeatmapTooltipData } from "./heatmap-context.js";
+export declare function useDelayedTooltipData(tooltipData: HeatmapTooltipData | null, showDelay: number, hideDelay: number): HeatmapTooltipData | null;
+//# sourceMappingURL=use-delayed-tooltip-data.d.ts.map

package/dist/charts/heatmap/use-delayed-tooltip-data.js

@@ -0,0 +1,53 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+export function useDelayedTooltipData(tooltipData, showDelay, hideDelay) {
+    const [displayData, setDisplayData] = useState(null);
+    const isShowingRef = useRef(false);
+    const showTimerRef = useRef(undefined);
+    const hideTimerRef = useRef(undefined);
+    useEffect(() => {
+        if (showTimerRef.current) {
+            clearTimeout(showTimerRef.current);
+            showTimerRef.current = undefined;
+        }
+        if (hideTimerRef.current) {
+            clearTimeout(hideTimerRef.current);
+            hideTimerRef.current = undefined;
+        }
+        if (tooltipData) {
+            if (isShowingRef.current) {
+                setDisplayData(tooltipData);
+                return;
+            }
+            if (showDelay === 0) {
+                isShowingRef.current = true;
+                setDisplayData(tooltipData);
+                return;
+            }
+            showTimerRef.current = setTimeout(() => {
+                isShowingRef.current = true;
+                setDisplayData(tooltipData);
+            }, showDelay);
+            return;
+        }
+        if (hideDelay === 0) {
+            isShowingRef.current = false;
+            setDisplayData(null);
+            return;
+        }
+        hideTimerRef.current = setTimeout(() => {
+            isShowingRef.current = false;
+            setDisplayData(null);
+        }, hideDelay);
+    }, [tooltipData, showDelay, hideDelay]);
+    useEffect(() => () => {
+        if (showTimerRef.current) {
+            clearTimeout(showTimerRef.current);
+        }
+        if (hideTimerRef.current) {
+            clearTimeout(hideTimerRef.current);
+        }
+    }, []);
+    return displayData;
+}
+//# sourceMappingURL=use-delayed-tooltip-data.js.map

package/dist/charts/highlight-segment-bounds.d.ts

@@ -0,0 +1,18 @@
+import type { TooltipData } from "./chart-context.js";
+import type { ChartSelection } from "./use-chart-interaction.js";
+export interface SegmentBounds {
+    /** Left edge of the highlight band, in pixels. */
+    x: number;
+    /** Width of the highlight band, in pixels. */
+    width: number;
+    isActive: boolean;
+}
+export declare const INACTIVE_SEGMENT: SegmentBounds;
+/**
+ * The highlight band `{x, width}` in pixel space, from the data + `xScale` plus
+ * the current hover/selection. Hover spans one data point either side of the dot
+ * (clamped to the ends); an active drag-selection uses the dragged pixel range
+ * directly and takes priority over hover.
+ */
+export declare function computeSegmentBounds(data: Record<string, unknown>[], xScale: (value: Date) => number | undefined, xAccessor: (d: Record<string, unknown>) => Date, tooltipData: Pick<TooltipData, "index"> | null | undefined, selection: Pick<ChartSelection, "active" | "startX" | "endX"> | null | undefined): SegmentBounds;
+//# sourceMappingURL=highlight-segment-bounds.d.ts.map

package/dist/charts/highlight-segment-bounds.js

@@ -0,0 +1,36 @@
+export const INACTIVE_SEGMENT = {
+    x: 0,
+    width: 0,
+    isActive: false,
+};
+/**
+ * The highlight band `{x, width}` in pixel space, from the data + `xScale` plus
+ * the current hover/selection. Hover spans one data point either side of the dot
+ * (clamped to the ends); an active drag-selection uses the dragged pixel range
+ * directly and takes priority over hover.
+ */
+export function computeSegmentBounds(data, xScale, xAccessor, tooltipData, selection) {
+    if (data.length === 0) {
+        return INACTIVE_SEGMENT;
+    }
+    if (selection?.active) {
+        const x = Math.min(selection.startX, selection.endX);
+        const width = Math.abs(selection.endX - selection.startX);
+        return { x, width, isActive: true };
+    }
+    if (!tooltipData) {
+        return INACTIVE_SEGMENT;
+    }
+    const idx = tooltipData.index;
+    const startIdx = Math.max(0, idx - 1);
+    const endIdx = Math.min(data.length - 1, idx + 1);
+    const startPoint = data[startIdx];
+    const endPoint = data[endIdx];
+    if (!(startPoint && endPoint)) {
+        return INACTIVE_SEGMENT;
+    }
+    const startX = xScale(xAccessor(startPoint)) ?? 0;
+    const endX = xScale(xAccessor(endPoint)) ?? 0;
+    return { x: startX, width: Math.max(0, endX - startX), isActive: true };
+}
+//# sourceMappingURL=highlight-segment-bounds.js.map

package/dist/charts/highlight-segment.d.ts

@@ -0,0 +1,22 @@
+import { type MotionValue } from "motion/react";
+import { type RefObject } from "react";
+export interface HighlightSegmentProps {
+    /** Ref to the rendered base stroke `<path>` — its `d` is re-used verbatim. */
+    pathRef: RefObject<SVGPathElement | null>;
+    /** Whether to render (caller gates on showHighlight + active + loaded). */
+    visible: boolean;
+    stroke: string;
+    strokeWidth: number;
+    /** Plot height — the clip band spans it fully. */
+    height: number;
+    /** Spring-eased left edge of the clip band (px). */
+    x: MotionValue<number>;
+    /** Spring-eased width of the clip band (px). */
+    width: MotionValue<number>;
+}
+export declare function HighlightSegment({ pathRef, visible, stroke, strokeWidth, height, x, width, }: HighlightSegmentProps): import("react").JSX.Element | null;
+export declare namespace HighlightSegment {
+    var displayName: string;
+}
+export default HighlightSegment;
+//# sourceMappingURL=highlight-segment.d.ts.map

package/dist/charts/highlight-segment.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { useId } from "react";
+export function HighlightSegment({ pathRef, visible, stroke, strokeWidth, height, x, width, }) {
+    const clipId = useId();
+    if (!(visible && pathRef.current)) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx(motion.rect, { height: height, width: width, x: x, y: 0 }) }) }), _jsx(motion.path, { animate: { opacity: 1 }, clipPath: `url(#${clipId})`, d: pathRef.current.getAttribute("d") || "", exit: { opacity: 0 }, fill: "none", initial: { opacity: 0 }, stroke: stroke, strokeLinecap: "round", strokeWidth: strokeWidth, transition: { duration: 0.4, ease: "easeInOut" } })] }));
+}
+HighlightSegment.displayName = "HighlightSegment";
+export default HighlightSegment;
+//# sourceMappingURL=highlight-segment.js.map

package/dist/charts/index.d.ts

@@ -0,0 +1,106 @@
+export { GradientDarkgreenGreen, GradientLightgreenGreen, GradientOrangeRed, GradientPinkBlue, GradientPinkRed, GradientPurpleOrange, GradientPurpleTeal, GradientSteelPurple, GradientTealBlue, LinearGradient, RadialGradient, } from "@visx/gradient";
+export { DEFAULT_ANIMATION_DURATION_MS, DEFAULT_ANIMATION_EASING, DEFAULT_CHART_ENTER_TRANSITION, } from "./animation.js";
+export { Area, type AreaProps } from "./area.js";
+export { AreaChart, type AreaChartProps } from "./area-chart.js";
+export { AreaChartLoading, type AreaChartLoadingProps, } from "./area-chart-loading.js";
+export { Background, type BackgroundProps } from "./background.js";
+export { Bar, type BarAnimationType, type BarLineCap, type BarProps, } from "./bar.js";
+export { BarChart, type BarChartProps, type BarOrientation } from "./bar-chart.js";
+export { BarChartLoading, type BarChartLoadingProps, } from "./bar-chart-loading.js";
+export { BarDepthBack, type BarDepthBackProps, type BarDepthEntry, BarDepthFront, type BarDepthFrontProps, BarDepthProvider, type BarDepthProviderProps, type BarDepthSegment, BarPulse, type BarPulseProps, useBarDepthEntries, } from "./bar-depth.js";
+export { BarColumnTrack, type BarColumnTrackProps, BarSquares, type BarSquaresProps, type GradientStop, } from "./bar-squares.js";
+export { computeSquareColumn, type SquareColumnLayout, topSquareCenterY, } from "./bar-squares-layout.js";
+export { BarXAxis, type BarXAxisProps } from "./bar-x-axis.js";
+export { BarYAxis, type BarYAxisProps } from "./bar-y-axis.js";
+export { Candlestick, type CandlestickProps } from "./candlestick.js";
+export { CandlestickChart, type CandlestickChartProps, type OHLCDataPoint, } from "./candlestick-chart.js";
+export { ChartBrush, type ChartBrushProps, type ChartBrushSelection, } from "./chart-brush.js";
+export { ChartBrushLayout, type ChartBrushLayoutProps, type ChartBrushLayoutState, } from "./chart-brush-layout.js";
+export { type ChartBrushPatternPreset, ChartBrushSelectionOverlay, type ChartBrushSelectionOverlayProps, type ChartBrushSelectionPattern, } from "./chart-brush-selection-overlay.js";
+export { ChartBrushTrackOverlay, type ChartBrushTrackOverlayProps, type ChartBrushTrackOverlayStyle, } from "./chart-brush-track-overlay.js";
+export { chartCenterContainerClassName, chartCenterLabelClassName, chartCenterValueClassName, } from "./chart-center-typography.js";
+export { CHART_CLIP_PASSTHROUGH } from "./chart-child-passthrough.js";
+export { ChartConfigProvider, type ChartConfigProviderProps, type ChartConfigValue, DEFAULT_CHART_CONFIG, resolveTooltipBoxMotion, type SpringConfig, useChartConfig, } from "./chart-config-context.js";
+export { type ChartContextValue, type ChartHoverContextValue, ChartProvider, type ChartStableContextValue, chartCssVars, defaultScatterColors, type LineConfig, type Margin, type TooltipData, useChart, useChartHover, useChartStable, useYScale, } from "./chart-context.js";
+export { ChartLegend, type ChartLegendProps, type LegendItem, } from "./chart-legend.js";
+export { ChartLegendHoverProvider, useChartLegendHover, } from "./chart-legend-hover.js";
+export { ChartLoadingLabel, type ChartLoadingLabelProps, } from "./chart-loading-label.js";
+export { type ChartPhase, type ChartStatus, DEFAULT_CHART_LIFECYCLE, DEFAULT_CHART_STATUS, DEFAULT_Y_DOMAIN_TWEEN_MS, isChartInteractionPhase, type LoadingStyle, resolveRestingChartPhase, } from "./chart-phase.js";
+export { ChartRevealClip, type ChartRevealClipProps, } from "./chart-reveal-clip.js";
+export { CHART_SCALE_VARS, type ChartScaleVars, chartScaleCssVars, } from "./chart-scale.js";
+export { ChartStatFlow, type ChartStatFlowFormat, type ChartStatFlowProps, defaultChartStatFlowFormat, } from "./chart-stat-flow.js";
+export { ChoroplethChart, type ChoroplethChartProps, type ChoroplethContextValue, type ChoroplethFeature, ChoroplethFeatureComponent, type ChoroplethFeatureProperties, type ChoroplethFeatureProps, ChoroplethGraticule, type ChoroplethGraticuleProps, ChoroplethProvider, ChoroplethTooltip, type ChoroplethTooltipData, type ChoroplethTooltipProps, choroplethCssVars, defaultChoroplethColors, type TransformMatrix, useChoropleth, useChoroplethZoom, } from "./choropleth/index.js";
+export { ComposedChart, type ComposedChartProps, } from "./composed-chart.js";
+export { FunnelChart, type FunnelChartProps, type FunnelGradientStop, type FunnelStage, } from "./funnel-chart.js";
+export { Gauge, type GaugeOrientation, type GaugeProps } from "./gauge.js";
+export type { GaugeLabelAlign, GaugeLabelPlacement, } from "./gauge-label-layout.js";
+export { type GenerateChartSkeletonDataOptions, generateChartSkeletonData, } from "./generate-chart-skeleton-data.js";
+export { Grid, type GridProps } from "./grid.js";
+export { buildHeatmapColorScale, buildHeatmapColorScaleFromStyles, buildHeatmapFillScale, buildHeatmapLegendGradient, buildHeatmapRowOpacity, defaultHeatmapColorScale, defaultHeatmapFillScale, filterHeatmapColumns, formatHeatmapContributionLabel, formatHeatmapTooltipDate, formatHeatmapTooltipWeekday, formatHeatmapYAxisLabel, getHeatmapCalendarRangeStart, getHeatmapColumnMonthAnchor, getHeatmapDayLabels, getHeatmapSeparatorColumnIndices, getHeatmapTimeExtent, getHeatmapWeekCount, getHeatmapWeekStartAlignedToRange, getHeatmapWeekStartSunday, getHeatmapYearStartMonth, HEATMAP_DAY_LABELS, HEATMAP_DEFAULT_LEVEL_COLORS, HEATMAP_DEFAULT_LEVEL_STYLES, HEATMAP_LEGEND_LEVELS, HEATMAP_MONTHS_ONE_YEAR, HEATMAP_MONTHS_SIX, HEATMAP_WEEKS_ONE_YEAR, type HeatmapBin, HeatmapCells, type HeatmapCellsProps, HeatmapChart, HeatmapChartLoading, type HeatmapChartLoadingProps, type HeatmapChartProps, type HeatmapColumn, type HeatmapContextValue, HeatmapInteractionBoundary, HeatmapInteractionProvider, type HeatmapLayout, HeatmapLegend, type HeatmapLegendProps, type HeatmapLegendVariant, type HeatmapLevelColors, type HeatmapLevelFillMode, type HeatmapLevelStyle, type HeatmapLevelStyles, HeatmapProvider, HeatmapSeparator, type HeatmapSeparatorProps, HeatmapTooltip, type HeatmapTooltipProps, type HeatmapWeekRange, type HeatmapWeekStartDay, HeatmapXAxis, type HeatmapXAxisProps, HeatmapYAxis, type HeatmapYAxisLabelFormat, type HeatmapYAxisProps, type HeatmapYAxisTickFilter, heatmapCssVars, heatmapLevelPatternId, inferHeatmapCalendarRangeStart, isHeatmapLevelPattern, levelColorsFromStyles, levelStylesFromColors, resolveHeatmapLevelStyles, resolveHeatmapWeekRange, shouldShowHeatmapYAxisTick, useHeatmap, } from "./heatmap/index.js";
+export { type IndicatorFadeEdges, indicatorFadeGradientStops, resolveVerticalFadeSides, } from "./indicator-fade.js";
+export { Legend, type LegendContextValue, LegendItem as LegendItemComponent, type LegendItemContextValue, type LegendItemData, type LegendItemProps, LegendLabel, type LegendLabelProps, LegendMarker, type LegendMarkerProps, LegendProgress, type LegendProgressProps, type LegendProps, LegendValue, type LegendValueProps, legendCssVars, useLegend, useLegendItem, } from "./legend/index.js";
+export { Line, type LineProps } from "./line.js";
+export { LineChart, type LineChartProps } from "./line-chart.js";
+export { LineChartLoading, type LineChartLoadingProps, } from "./line-chart-loading.js";
+export { type LineLoadingPulseMode, LineLoadingPulseStroke, type LineLoadingPulseStrokeProps, resolveLineLoadingPulseMode, } from "./line-loading-pulse.js";
+export { LineSeriesTerminalMarker, type LineSeriesTerminalMarkerProps, } from "./line-series-terminal-marker.js";
+export { detectMomentum, LiveLine, type LiveLineProps, type Momentum, type MomentumColors, } from "./live-line.js";
+export { LiveLineChart, type LiveLineChartProps, type LiveLinePoint, } from "./live-line-chart.js";
+export { LiveXAxis, type LiveXAxisProps } from "./live-x-axis.js";
+export { LiveYAxis, type LiveYAxisProps } from "./live-y-axis.js";
+export { BarLoadingSkeleton, type BarLoadingSkeletonProps, getSkeletonHeights, LineLoadingSweep, type LineLoadingSweepProps, } from "./loading-sweep.js";
+export { type ChartMarker, ChartMarkers, type ChartMarkersProps, MarkerGroup, type MarkerGroupProps, MarkerTooltipContent, type MarkerTooltipContentProps, useActiveMarkers, } from "./markers/index.js";
+export { PatternArea, type PatternAreaProps } from "./pattern-area.js";
+export { isCirclePattern, isCirclesPattern, PATTERN_PRESET_IDS, type PatternPresetId, type PatternPresetOptions, patternPresetTileSize, renderPatternPreset, } from "./pattern-preset.js";
+export { PieCenter, type PieCenterProps } from "./pie-center.js";
+export { PieCenterShell, type PieCenterShellProps, } from "./pie-center-shell.js";
+export { DEFAULT_HOVER_OFFSET, PieChart, type PieChartProps, } from "./pie-chart.js";
+export { defaultPieColors, type PieArcData, type PieContextValue, type PieData, PieProvider, pieCssVars, usePie, usePieHover, usePieStable, } from "./pie-context.js";
+export { PieSlice, type PieSliceHoverEffect, type PieSliceProps, } from "./pie-slice.js";
+export { PROFIT_LOSS_LEGEND_ITEMS, ProfitLossLegend, type ProfitLossLegendProps, } from "./profit-loss-legend.js";
+export { ProfitLossLegendHoverProvider, useProfitLossLegendHover, } from "./profit-loss-legend-hover.js";
+export { PROFIT_LOSS_NEGATIVE_COLOR, PROFIT_LOSS_POSITIVE_COLOR, PROFIT_LOSS_TOOLTIP_LABEL_FALLBACK, ProfitLossLine, type ProfitLossLineProps, profitLossColor, resolveProfitLossTooltipLabel, } from "./profit-loss-line.js";
+export { type ProfitLossSegment, splitProfitLossSegments, } from "./profit-loss-segments.js";
+export { extractProjectionLineConfigs, mergeProjectionXDomainMax, mergeProjectionYDomain, type ProjectionLineConfig, } from "./projection-config.js";
+export { ProjectionLine, type ProjectionLineProps, type ProjectionStrokeStyle, } from "./projection-line.js";
+export { ProjectionLineEndMarker, type ProjectionLineEndMarkerProps, } from "./projection-line-end-marker.js";
+export { type BuildProjectionPathOptions, buildHorizontalTangentBezierPath, buildProjectionPath, computeProjectionAnchorTangentSlope, type ProjectionAutoMethod, type ProjectionCurveKind, type ProjectionMode, type ProjectionPathDensity, type ProjectionPoint, projectionDateExtents, projectionValueExtents, } from "./projection-utils.js";
+export { RadarArea, type RadarAreaProps } from "./radar-area.js";
+export { RadarAxis, type RadarAxisProps } from "./radar-axis.js";
+export { RadarChart, type RadarChartProps } from "./radar-chart.js";
+export { defaultRadarColors, type RadarContextValue, type RadarData, type RadarMetric, RadarProvider, radarCssVars, useRadar, useRadarHover, useRadarStable, } from "./radar-context.js";
+export { RadarGrid, type RadarGridProps } from "./radar-grid.js";
+export { RadarLabels, type RadarLabelsProps } from "./radar-labels.js";
+export { ReferenceArea, type ReferenceAreaProps, type ReferenceAreaStrokeStyle, } from "./reference-area.js";
+export { computeReferenceAreaRect, type ReferenceAreaIfOverflow, type ReferenceAreaRect, } from "./reference-area-geometry.js";
+export { Ring, type RingLineCap, type RingProps } from "./ring.js";
+export { RingCenter, type RingCenterProps } from "./ring-center.js";
+export { RingChart, type RingChartProps } from "./ring-chart.js";
+export { defaultRingColors, type RingContextValue, type RingData, RingProvider, ringCssVars, useRing, useRingHover, useRingStable, } from "./ring-context.js";
+export { SankeyChart, type SankeyChartProps, type SankeyContextValue, type SankeyData, type SankeyLabelOrientation, SankeyLink, type SankeyLinkDatum, type SankeyLinkProps, SankeyNode, type SankeyNodeDatum, type SankeyNodeProps, SankeyProvider, SankeyTooltip, type SankeyTooltipData, type SankeyTooltipProps, sankeyCssVars, useSankey, } from "./sankey/index.js";
+export { Scatter, type ScatterProps } from "./scatter.js";
+export { ScatterChart, type ScatterChartProps } from "./scatter-chart.js";
+export { SegmentBackground, type SegmentBackgroundProps, SegmentLineFrom, type SegmentLineProps, SegmentLineTo, type SegmentLineVariant, } from "./segment.js";
+export { SeriesBar, type SeriesBarProps } from "./series-bar.js";
+export { SeriesMarkers, type SeriesMarkersProps, } from "./series-markers.js";
+export { getSeriesMarkerVisualExtent, SeriesPointMarker, type SeriesPointMarkerProps, type SeriesPointMarkerStyle, } from "./series-point-marker.js";
+export { StaticChartPreviewProvider, useStaticChartPreview, } from "./static-chart-preview-context.js";
+export { type ArcDatum, type ArcGeometry, arcPath, buildArcs, buildRevealDelays, buildRevealSchedule, buildSunburstEnterTiming, centroidAngle, clockwiseFraction, defaultSunburstGrowPadding, type Focus, geomCentroidAngle, geomCentroidRadius, geometryFor, lerpGeometry, localProgress, ringOptions, type SunburstEnterTiming, type SunburstRevealSchedule, type SunburstSegmentEnterDelays, segmentRevealFromRingSweep, sumValues, transitionGeometry, } from "./sunburst.js";
+export { SunburstBreadcrumb, type SunburstBreadcrumbItem, type SunburstBreadcrumbProps, useSunburstBreadcrumbItems, } from "./sunburst-breadcrumb.js";
+export { SunburstCenter, type SunburstCenterProps } from "./sunburst-center.js";
+export { SunburstChart, type SunburstChartProps } from "./sunburst-chart.js";
+export { defaultSunburstColors, opacityForRelativeDepth, sunburstCssVars, useSunburstHover, useSunburstStable, } from "./sunburst-context.js";
+export type { SunburstNode } from "./sunburst-data.js";
+export { SunburstHint, type SunburstHintContext, type SunburstHintProps, } from "./sunburst-hint.js";
+export { SunburstLabels, type SunburstLabelsProps } from "./sunburst-labels.js";
+export { SunburstSegment, type SunburstSegmentProps } from "./sunburst-segment.js";
+export { ChartTooltip, type ChartTooltipProps, DateTicker, type DateTickerProps, type IndicatorWidth, TooltipBox, type TooltipBoxProps, TooltipContent, type TooltipContentProps, TooltipDot, type TooltipDotProps, TooltipIndicator, type TooltipIndicatorProps, type TooltipRow, } from "./tooltip/index.js";
+export { useAnimatedYDomains } from "./use-animated-y-domains.js";
+export { type ChartSelection, useChartInteraction, } from "./use-chart-interaction.js";
+export { PatternCircles, PatternHexagons, PatternLines, PatternWaves, } from "./visx-pattern.js";
+export { XAxis, type XAxisProps } from "./x-axis.js";
+export { YAxis, type YAxisProps } from "./y-axis.js";
+export { DEFAULT_Y_AXIS_ID, getPrimaryYScale, type YAxisOrientation, } from "./y-axis-scales.js";
+export { resolveYAxisTickCount, Y_AXIS_DEFAULT_TICK_COUNT, Y_AXIS_MAX_TICK_COUNT, Y_AXIS_MIN_TICK_COUNT, } from "./y-axis-ticks.js";
+export { computeYDomainsByAxis, isLoadingChromePhase, isYDomainTweenPhase, mergeYDomainRecords, niceYDomain, shouldTweenYDomain, type YDomain, } from "./y-domain-utils.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/index.js

@@ -0,0 +1,133 @@
+// Chart context and hooks
+// Re-export visx gradient and pattern components for bar fill styling
+export { GradientDarkgreenGreen, GradientLightgreenGreen, GradientOrangeRed, GradientPinkBlue, GradientPinkRed, GradientPurpleOrange, GradientPurpleTeal, GradientSteelPurple, GradientTealBlue, LinearGradient, RadialGradient, } from "@visx/gradient";
+export { DEFAULT_ANIMATION_DURATION_MS, DEFAULT_ANIMATION_EASING, DEFAULT_CHART_ENTER_TRANSITION, } from "./animation.js";
+// Area chart components
+export { Area } from "./area.js";
+export { AreaChart } from "./area-chart.js";
+export { AreaChartLoading, } from "./area-chart-loading.js";
+// Shared chart elements
+export { Background } from "./background.js";
+// Bar chart components
+export { Bar, } from "./bar.js";
+export { BarChart } from "./bar-chart.js";
+// Bar chart loading skeleton (a `status="loading"` shortcut)
+export { BarChartLoading, } from "./bar-chart-loading.js";
+// Bar 3D depth + glass surfaces (composable layers for BarChart)
+export { BarDepthBack, BarDepthFront, BarDepthProvider, BarPulse, useBarDepthEntries, } from "./bar-depth.js";
+export { BarColumnTrack, BarSquares, } from "./bar-squares.js";
+export { computeSquareColumn, topSquareCenterY, } from "./bar-squares-layout.js";
+export { BarXAxis } from "./bar-x-axis.js";
+export { BarYAxis } from "./bar-y-axis.js";
+export { Candlestick } from "./candlestick.js";
+export { CandlestickChart, } from "./candlestick-chart.js";
+export { ChartBrush, } from "./chart-brush.js";
+export { ChartBrushLayout, } from "./chart-brush-layout.js";
+export { ChartBrushSelectionOverlay, } from "./chart-brush-selection-overlay.js";
+export { ChartBrushTrackOverlay, } from "./chart-brush-track-overlay.js";
+export { chartCenterContainerClassName, chartCenterLabelClassName, chartCenterValueClassName, } from "./chart-center-typography.js";
+export { CHART_CLIP_PASSTHROUGH } from "./chart-child-passthrough.js";
+export { ChartConfigProvider, DEFAULT_CHART_CONFIG, resolveTooltipBoxMotion, useChartConfig, } from "./chart-config-context.js";
+export { ChartProvider, chartCssVars, defaultScatterColors, useChart, useChartHover, useChartStable, useYScale, } from "./chart-context.js";
+// Legacy legend component (backward compatibility)
+export { ChartLegend, } from "./chart-legend.js";
+export { ChartLegendHoverProvider, useChartLegendHover, } from "./chart-legend-hover.js";
+export { ChartLoadingLabel, } from "./chart-loading-label.js";
+export { DEFAULT_CHART_LIFECYCLE, DEFAULT_CHART_STATUS, DEFAULT_Y_DOMAIN_TWEEN_MS, isChartInteractionPhase, resolveRestingChartPhase, } from "./chart-phase.js";
+export { ChartRevealClip, } from "./chart-reveal-clip.js";
+export { CHART_SCALE_VARS, chartScaleCssVars, } from "./chart-scale.js";
+export { ChartStatFlow, defaultChartStatFlowFormat, } from "./chart-stat-flow.js";
+// Choropleth chart components
+export { ChoroplethChart, ChoroplethFeatureComponent, ChoroplethGraticule, ChoroplethProvider, ChoroplethTooltip, choroplethCssVars, defaultChoroplethColors, useChoropleth, useChoroplethZoom, } from "./choropleth/index.js";
+// Composed time-series (line + area + SeriesBar on shared time scale)
+export { ComposedChart, } from "./composed-chart.js";
+// Funnel chart components
+export { FunnelChart, } from "./funnel-chart.js";
+// Gauge chart
+export { Gauge } from "./gauge.js";
+export { generateChartSkeletonData, } from "./generate-chart-skeleton-data.js";
+export { Grid } from "./grid.js";
+// Heatmap chart components
+export { buildHeatmapColorScale, buildHeatmapColorScaleFromStyles, buildHeatmapFillScale, buildHeatmapLegendGradient, buildHeatmapRowOpacity, defaultHeatmapColorScale, defaultHeatmapFillScale, filterHeatmapColumns, formatHeatmapContributionLabel, formatHeatmapTooltipDate, formatHeatmapTooltipWeekday, formatHeatmapYAxisLabel, getHeatmapCalendarRangeStart, getHeatmapColumnMonthAnchor, getHeatmapDayLabels, getHeatmapSeparatorColumnIndices, getHeatmapTimeExtent, getHeatmapWeekCount, getHeatmapWeekStartAlignedToRange, getHeatmapWeekStartSunday, getHeatmapYearStartMonth, HEATMAP_DAY_LABELS, HEATMAP_DEFAULT_LEVEL_COLORS, HEATMAP_DEFAULT_LEVEL_STYLES, HEATMAP_LEGEND_LEVELS, HEATMAP_MONTHS_ONE_YEAR, HEATMAP_MONTHS_SIX, HEATMAP_WEEKS_ONE_YEAR, HeatmapCells, HeatmapChart, HeatmapChartLoading, HeatmapInteractionBoundary, HeatmapInteractionProvider, HeatmapLegend, HeatmapProvider, HeatmapSeparator, HeatmapTooltip, HeatmapXAxis, HeatmapYAxis, heatmapCssVars, heatmapLevelPatternId, inferHeatmapCalendarRangeStart, isHeatmapLevelPattern, levelColorsFromStyles, levelStylesFromColors, resolveHeatmapLevelStyles, resolveHeatmapWeekRange, shouldShowHeatmapYAxisTick, useHeatmap, } from "./heatmap/index.js";
+export { indicatorFadeGradientStops, resolveVerticalFadeSides, } from "./indicator-fade.js";
+// Composable legend components
+export { Legend, LegendItem as LegendItemComponent, LegendLabel, LegendMarker, LegendProgress, LegendValue, legendCssVars, useLegend, useLegendItem, } from "./legend/index.js";
+// Line chart components
+export { Line } from "./line.js";
+export { LineChart } from "./line-chart.js";
+export { LineChartLoading, } from "./line-chart-loading.js";
+export { LineLoadingPulseStroke, resolveLineLoadingPulseMode, } from "./line-loading-pulse.js";
+export { LineSeriesTerminalMarker, } from "./line-series-terminal-marker.js";
+export { detectMomentum, LiveLine, } from "./live-line.js";
+// Live line chart (real-time streaming)
+export { LiveLineChart, } from "./live-line-chart.js";
+export { LiveXAxis } from "./live-x-axis.js";
+export { LiveYAxis } from "./live-y-axis.js";
+// Sweep loading visuals: `loadingStyle="sweep"` on Line/Area + bar skeleton
+export { BarLoadingSkeleton, getSkeletonHeights, LineLoadingSweep, } from "./loading-sweep.js";
+// Marker components
+export { ChartMarkers, MarkerGroup, MarkerTooltipContent, useActiveMarkers, } from "./markers/index.js";
+export { PatternArea } from "./pattern-area.js";
+export { isCirclePattern, isCirclesPattern, PATTERN_PRESET_IDS, patternPresetTileSize, renderPatternPreset, } from "./pattern-preset.js";
+// Pie chart components
+export { PieCenter } from "./pie-center.js";
+export { PieCenterShell, } from "./pie-center-shell.js";
+export { DEFAULT_HOVER_OFFSET, PieChart, } from "./pie-chart.js";
+export { defaultPieColors, PieProvider, pieCssVars, usePie, usePieHover, usePieStable, } from "./pie-context.js";
+export { PieSlice, } from "./pie-slice.js";
+// Profit/loss line (sign-colored segments on LineChart)
+export { PROFIT_LOSS_LEGEND_ITEMS, ProfitLossLegend, } from "./profit-loss-legend.js";
+export { ProfitLossLegendHoverProvider, useProfitLossLegendHover, } from "./profit-loss-legend-hover.js";
+export { PROFIT_LOSS_NEGATIVE_COLOR, PROFIT_LOSS_POSITIVE_COLOR, PROFIT_LOSS_TOOLTIP_LABEL_FALLBACK, ProfitLossLine, profitLossColor, resolveProfitLossTooltipLabel, } from "./profit-loss-line.js";
+export { splitProfitLossSegments, } from "./profit-loss-segments.js";
+export { extractProjectionLineConfigs, mergeProjectionXDomainMax, mergeProjectionYDomain, } from "./projection-config.js";
+export { ProjectionLine, } from "./projection-line.js";
+export { ProjectionLineEndMarker, } from "./projection-line-end-marker.js";
+export { buildHorizontalTangentBezierPath, buildProjectionPath, computeProjectionAnchorTangentSlope, projectionDateExtents, projectionValueExtents, } from "./projection-utils.js";
+// Radar chart components
+export { RadarArea } from "./radar-area.js";
+export { RadarAxis } from "./radar-axis.js";
+export { RadarChart } from "./radar-chart.js";
+export { defaultRadarColors, RadarProvider, radarCssVars, useRadar, useRadarHover, useRadarStable, } from "./radar-context.js";
+export { RadarGrid } from "./radar-grid.js";
+export { RadarLabels } from "./radar-labels.js";
+export { ReferenceArea, } from "./reference-area.js";
+export { computeReferenceAreaRect, } from "./reference-area-geometry.js";
+// Ring chart components
+export { Ring } from "./ring.js";
+export { RingCenter } from "./ring-center.js";
+export { RingChart } from "./ring-chart.js";
+export { defaultRingColors, RingProvider, ringCssVars, useRing, useRingHover, useRingStable, } from "./ring-context.js";
+// Sankey chart components
+export { SankeyChart, SankeyLink, SankeyNode, SankeyProvider, SankeyTooltip, sankeyCssVars, useSankey, } from "./sankey/index.js";
+// Scatter chart components
+export { Scatter } from "./scatter.js";
+export { ScatterChart } from "./scatter-chart.js";
+// Segment selection components
+export { SegmentBackground, SegmentLineFrom, SegmentLineTo, } from "./segment.js";
+// Series bar (time-based columns for ComposedChart)
+export { SeriesBar } from "./series-bar.js";
+export { SeriesMarkers, } from "./series-markers.js";
+export { getSeriesMarkerVisualExtent, SeriesPointMarker, } from "./series-point-marker.js";
+export { StaticChartPreviewProvider, useStaticChartPreview, } from "./static-chart-preview-context.js";
+export { arcPath, buildArcs, buildRevealDelays, buildRevealSchedule, buildSunburstEnterTiming, centroidAngle, clockwiseFraction, defaultSunburstGrowPadding, geomCentroidAngle, geomCentroidRadius, geometryFor, lerpGeometry, localProgress, ringOptions, segmentRevealFromRingSweep, sumValues, transitionGeometry, } from "./sunburst.js";
+// Sunburst chart components
+export { SunburstBreadcrumb, useSunburstBreadcrumbItems, } from "./sunburst-breadcrumb.js";
+export { SunburstCenter } from "./sunburst-center.js";
+export { SunburstChart } from "./sunburst-chart.js";
+export { defaultSunburstColors, opacityForRelativeDepth, sunburstCssVars, useSunburstHover, useSunburstStable, } from "./sunburst-context.js";
+export { SunburstHint, } from "./sunburst-hint.js";
+export { SunburstLabels } from "./sunburst-labels.js";
+export { SunburstSegment } from "./sunburst-segment.js";
+// Tooltip components
+export { ChartTooltip, DateTicker, TooltipBox, TooltipContent, TooltipDot, TooltipIndicator, } from "./tooltip/index.js";
+export { useAnimatedYDomains } from "./use-animated-y-domains.js";
+// Chart interaction hook
+export { useChartInteraction, } from "./use-chart-interaction.js";
+export { PatternCircles, PatternHexagons, PatternLines, PatternWaves, } from "./visx-pattern.js";
+export { XAxis } from "./x-axis.js";
+export { YAxis } from "./y-axis.js";
+export { DEFAULT_Y_AXIS_ID, getPrimaryYScale, } from "./y-axis-scales.js";
+export { resolveYAxisTickCount, Y_AXIS_DEFAULT_TICK_COUNT, Y_AXIS_MAX_TICK_COUNT, Y_AXIS_MIN_TICK_COUNT, } from "./y-axis-ticks.js";
+export { computeYDomainsByAxis, isLoadingChromePhase, isYDomainTweenPhase, mergeYDomainRecords, niceYDomain, shouldTweenYDomain, } from "./y-domain-utils.js";
+//# sourceMappingURL=index.js.map

package/dist/charts/indicator-fade.d.ts

@@ -0,0 +1,15 @@
+/** Vertical fade on the tooltip crosshair indicator. */
+export type IndicatorFadeEdges = "both" | "none" | "top" | "bottom";
+export interface VerticalFadeSides {
+    top: boolean;
+    bottom: boolean;
+    any: boolean;
+}
+export declare function resolveVerticalFadeSides(fade: IndicatorFadeEdges | boolean): VerticalFadeSides;
+export interface IndicatorFadeGradientStop {
+    offset: string;
+    opacity: number;
+}
+/** Opacity stops for the crosshair vertical gradient. */
+export declare function indicatorFadeGradientStops(sides: VerticalFadeSides, fadeLengthPercent?: number): IndicatorFadeGradientStop[];
+//# sourceMappingURL=indicator-fade.d.ts.map

package/dist/charts/indicator-fade.js

@@ -0,0 +1,42 @@
+export function resolveVerticalFadeSides(fade) {
+    if (fade === false || fade === "none") {
+        return { top: false, bottom: false, any: false };
+    }
+    if (fade === true || fade === "both") {
+        return { top: true, bottom: true, any: true };
+    }
+    if (fade === "top") {
+        return { top: true, bottom: false, any: true };
+    }
+    return { top: false, bottom: true, any: true };
+}
+/** Opacity stops for the crosshair vertical gradient. */
+export function indicatorFadeGradientStops(sides, fadeLengthPercent = 10) {
+    const fade = Math.min(40, Math.max(2, fadeLengthPercent));
+    const innerEnd = 100 - fade;
+    if (!sides.any) {
+        return [{ offset: "0%", opacity: 1 }];
+    }
+    if (sides.top && sides.bottom) {
+        return [
+            { offset: "0%", opacity: 0 },
+            { offset: `${fade}%`, opacity: 1 },
+            { offset: "50%", opacity: 1 },
+            { offset: `${innerEnd}%`, opacity: 1 },
+            { offset: "100%", opacity: 0 },
+        ];
+    }
+    if (sides.top) {
+        return [
+            { offset: "0%", opacity: 0 },
+            { offset: `${fade}%`, opacity: 1 },
+            { offset: "100%", opacity: 1 },
+        ];
+    }
+    return [
+        { offset: "0%", opacity: 1 },
+        { offset: `${innerEnd}%`, opacity: 1 },
+        { offset: "100%", opacity: 0 },
+    ];
+}
+//# sourceMappingURL=indicator-fade.js.map

package/dist/charts/legend/index.d.ts

@@ -0,0 +1,8 @@
+export { Legend, type LegendProps } from "./legend.js";
+export { type LegendContextValue, type LegendItemContextValue, type LegendItemData, legendCssVars, useLegend, useLegendItem, } from "./legend-context.js";
+export { LegendItem, type LegendItemProps } from "./legend-item.js";
+export { LegendLabel, type LegendLabelProps } from "./legend-label.js";
+export { LegendMarker, type LegendMarkerProps } from "./legend-marker.js";
+export { LegendProgress, type LegendProgressProps } from "./legend-progress.js";
+export { LegendValue, type LegendValueProps } from "./legend-value.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/legend/index.js

@@ -0,0 +1,10 @@
+// Legend context and hooks
+// Legend components
+export { Legend } from "./legend.js";
+export { legendCssVars, useLegend, useLegendItem, } from "./legend-context.js";
+export { LegendItem } from "./legend-item.js";
+export { LegendLabel } from "./legend-label.js";
+export { LegendMarker } from "./legend-marker.js";
+export { LegendProgress } from "./legend-progress.js";
+export { LegendValue } from "./legend-value.js";
+//# sourceMappingURL=index.js.map

package/dist/charts/legend/legend-context.d.ts

@@ -0,0 +1,48 @@
+export declare const legendCssVars: {
+    background: string;
+    foreground: string;
+    muted: string;
+    mutedForeground: string;
+    track: string;
+};
+export interface LegendItemData {
+    /** Display label */
+    label: string;
+    /** Current value */
+    value: number;
+    /** Maximum value (for progress/percentage calculation) */
+    maxValue?: number;
+    /** Item color */
+    color: string;
+}
+export interface LegendContextValue {
+    /** All legend items */
+    items: LegendItemData[];
+    /** Currently hovered index */
+    hoveredIndex: number | null;
+    /** Set hovered index */
+    setHoveredIndex: (index: number | null) => void;
+}
+export interface LegendItemContextValue {
+    /** The current item data */
+    item: LegendItemData;
+    /** Index of this item */
+    index: number;
+    /** Whether this item is hovered */
+    isHovered: boolean;
+    /** Whether this item is faded (another item is hovered) */
+    isFaded: boolean;
+    /** Percentage value (value / maxValue * 100) */
+    percentage: number;
+}
+export declare function LegendProvider({ children, value, }: {
+    children: React.ReactNode;
+    value: LegendContextValue;
+}): import("react").JSX.Element;
+export declare function LegendItemProvider({ children, value, }: {
+    children: React.ReactNode;
+    value: LegendItemContextValue;
+}): import("react").JSX.Element;
+export declare function useLegend(): LegendContextValue;
+export declare function useLegendItem(): LegendItemContextValue;
+//# sourceMappingURL=legend-context.d.ts.map