@customafk/lunas-ui 0.2.63 → 0.2.65

package/dist/features/charts/index.d.mts

@@ -15,6 +15,38 @@ type NamedValue = {
   name: string;
   value: number;
 };
+/** A single OHLC(V) period — one candle, one trading day, etc. */
+type OHLCPoint = {
+  date: string | Date;
+  open: number;
+  high: number;
+  low: number;
+  close: number;
+  volume?: number;
+};
+/** A single portfolio holding or asset allocation segment. */
+type PortfolioHolding = NamedValue & {
+  /** Config key; derived from `name` when omitted. */key?: string;
+  color?: string;
+};
+/** A single step in a waterfall/bridge chart. */
+type WaterfallPoint = {
+  label: string; /** Signed delta for a step; the running/starting/ending amount when `isTotal` is set. */
+  value: number; /** Renders as a full-height bar from zero instead of a floating delta. Defaults to `false`. */
+  isTotal?: boolean;
+};
+/** A single point in an x/y correlation chart; `z` optionally sizes the bubble. */
+type ScatterPoint = {
+  x: number;
+  y: number;
+  z?: number;
+  name?: string;
+};
+/** A single day's intensity value in an activity/usage calendar heatmap. */
+type ActivityPoint = {
+  date: string | Date;
+  value: number;
+};
 /** Props shared by every prebuilt chart. */
 type BaseChartProps = {
   className?: string; /** Enable the recharts enter animation. Disable for deterministic tests. Defaults to `true`. */
@@ -22,6 +54,78 @@ type BaseChartProps = {
   height?: number;
 };
 //#endregion
+//#region packages/components/features/charts/components/activity-heatmap-chart.d.ts
+type ActivityHeatmapChartProps = BaseChartProps & {
+  data: ActivityPoint[]; /** Series label used in the theme config. Defaults to `'Activity'`. */
+  label?: string;
+  color?: string;
+  valueFormatter?: (value: number) => string;
+};
+/**
+ * A GitHub-style calendar heatmap for daily activity/usage intensity — logins, orders, commits
+ * per day — laid out as a week-by-weekday grid with color opacity mapped to value.
+ *
+ * @example
+ * ```tsx
+ * import { ActivityHeatmapChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <ActivityHeatmapChart
+ *   data={[
+ *     { date: '2026-06-01', value: 4 },
+ *     { date: '2026-06-02', value: 12 },
+ *   ]}
+ * />
+ * ```
+ */
+declare const ActivityHeatmapChart: ({
+  data,
+  label,
+  color,
+  valueFormatter,
+  className,
+  height
+}: ActivityHeatmapChartProps) => import("react").JSX.Element;
+//#endregion
+//#region packages/components/features/charts/components/candlestick-chart.d.ts
+type CandlestickChartProps = BaseChartProps & {
+  data: OHLCPoint[]; /** Series label used in the theme config. Defaults to `'Price'`. */
+  label?: string;
+  upColor?: string;
+  downColor?: string;
+  valueFormatter?: (value: number) => string;
+  dateFormatter?: (date: string | Date) => string;
+  showGrid?: boolean;
+};
+/**
+ * A stock candlestick chart — open/high/low/close per period, green/red bodies, high-low wicks.
+ * Recharts has no native candlestick type, so bodies and wicks are drawn against the chart's
+ * computed axis scales via `useXAxisScale`/`useYAxisScale` (recharts v3).
+ *
+ * @example
+ * ```tsx
+ * import { CandlestickChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <CandlestickChart
+ *   data={[
+ *     { date: '2026-06-01', open: 140, high: 146.2, low: 138.5, close: 144.9 },
+ *     { date: '2026-06-02', open: 144.9, high: 145.6, low: 141.2, close: 142.1 },
+ *   ]}
+ * />
+ * ```
+ */
+declare const CandlestickChart: ({
+  data,
+  label,
+  upColor,
+  downColor,
+  valueFormatter,
+  dateFormatter,
+  showGrid,
+  className,
+  animate,
+  height
+}: CandlestickChartProps) => import("react").JSX.Element;
+//#endregion
 //#region packages/components/features/charts/components/conversion-funnel-chart.d.ts
 type FunnelStage = NamedValue & {
   /** Config key; derived from `name` when omitted. */key?: string;
@@ -59,6 +163,52 @@ declare const ConversionFunnelChart: ({
   height
 }: ConversionFunnelChartProps) => import("react").JSX.Element;
 //#endregion
+//#region packages/components/features/charts/components/correlation-scatter-chart.d.ts
+type CorrelationScatterChartProps = BaseChartProps & {
+  data: ScatterPoint[]; /** Series label used in the theme config. Defaults to `'Points'`. */
+  label?: string;
+  color?: string;
+  xLabel?: string;
+  yLabel?: string;
+  xFormatter?: (value: number) => string;
+  yFormatter?: (value: number) => string; /** Sizes each point from its `z` value. Defaults to `false`. */
+  showBubbleSize?: boolean;
+  showGrid?: boolean;
+};
+/**
+ * A scatter (or bubble, with `showBubbleSize`) chart for correlating two metrics, with an
+ * optional third dimension mapped to point size.
+ *
+ * @example
+ * ```tsx
+ * import { CorrelationScatterChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <CorrelationScatterChart
+ *   data={[
+ *     { x: 12, y: 4200, z: 40, name: 'Product A' },
+ *     { x: 18, y: 5100, z: 65, name: 'Product B' },
+ *   ]}
+ *   xLabel="Price ($)"
+ *   yLabel="Units sold"
+ *   showBubbleSize
+ * />
+ * ```
+ */
+declare const CorrelationScatterChart: ({
+  data,
+  label,
+  color,
+  xLabel,
+  yLabel,
+  xFormatter,
+  yFormatter,
+  showBubbleSize,
+  showGrid,
+  className,
+  animate,
+  height
+}: CorrelationScatterChartProps) => import("react").JSX.Element;
+//#endregion
 //#region packages/components/features/charts/components/donut-chart.d.ts
 type DonutChartSegment = NamedValue & {
   /** Config key; derived from `name` when omitted. */key?: string;
@@ -100,6 +250,178 @@ declare const DonutChart: ({
   height
 }: DonutChartProps) => import("react").JSX.Element;
 //#endregion
+//#region packages/components/features/charts/components/gain-loss-bar-chart.d.ts
+type GainLossBarChartProps = BaseChartProps & {
+  /** `name` is the period label (e.g. a month or quarter); `value` is the signed return. */data: NamedValue[]; /** Series label. Defaults to `'Return'`. */
+  label?: string;
+  upColor?: string;
+  downColor?: string; /** Formats tooltip and Y-axis values. Defaults to a signed percentage. */
+  valueFormatter?: (value: number) => string;
+  showGrid?: boolean;
+};
+/**
+ * Diverging bars for period returns — bars grow up (gain) or down (loss) from a zero baseline,
+ * colored accordingly. Clearer than a plain bar chart for signed data.
+ *
+ * @example
+ * ```tsx
+ * import { GainLossBarChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <GainLossBarChart
+ *   data={[
+ *     { name: 'Jan', value: 0.032 },
+ *     { name: 'Feb', value: -0.014 },
+ *   ]}
+ * />
+ * ```
+ */
+declare const GainLossBarChart: ({
+  data,
+  label,
+  upColor,
+  downColor,
+  valueFormatter,
+  showGrid,
+  className,
+  animate,
+  height
+}: GainLossBarChartProps) => import("react").JSX.Element;
+//#endregion
+//#region packages/components/features/charts/components/indexed-performance-line-chart.d.ts
+type IndexedPerformanceLineChartProps = BaseChartProps & {
+  data: Array<{
+    date: string | Date;
+  } & Record<string, unknown>>; /** One entry per instrument/fund to compare. */
+  series: ChartSeries[]; /** The value every series is normalized to at its first data point. Defaults to `100`. */
+  base?: number; /** Formats tooltip and Y-axis values. Defaults to signed % change from `base`. */
+  valueFormatter?: (indexedValue: number, base: number) => string;
+  dateFormatter?: (date: string | Date) => string;
+  showLegend?: boolean;
+  showGrid?: boolean;
+};
+/**
+ * A multi-line chart normalizing several instruments to a common base (default 100) at the
+ * start of the period, so relative performance is directly comparable regardless of price scale.
+ *
+ * @example
+ * ```tsx
+ * import { IndexedPerformanceLineChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <IndexedPerformanceLineChart
+ *   data={[
+ *     { date: '2026-06-01', aapl: 142.5, spy: 512.1 },
+ *     { date: '2026-06-02', aapl: 145.1, spy: 515.8 },
+ *   ]}
+ *   series={[
+ *     { key: 'aapl', label: 'AAPL' },
+ *     { key: 'spy', label: 'S&P 500' },
+ *   ]}
+ * />
+ * ```
+ */
+declare const IndexedPerformanceLineChart: ({
+  data,
+  series,
+  base,
+  valueFormatter,
+  dateFormatter,
+  showLegend,
+  showGrid,
+  className,
+  animate,
+  height
+}: IndexedPerformanceLineChartProps) => import("react").JSX.Element;
+//#endregion
+//#region packages/components/features/charts/components/metric-radar-chart.d.ts
+type MetricRadarChartProps = BaseChartProps & {
+  data: Array<{
+    metric: string;
+  } & Record<string, unknown>>; /** One entry per entity being compared (e.g. a candidate, a product, a team). */
+  series: ChartSeries[];
+  valueFormatter?: (value: number) => string; /** Radius-axis domain. Defaults to `['auto', 'auto']`. */
+  domain?: [number | 'auto', number | 'auto'];
+  showLegend?: boolean;
+};
+/**
+ * A radar chart comparing one or more entities across several metrics/dimensions — performance
+ * review scores, feature comparisons, skill matrices.
+ *
+ * @example
+ * ```tsx
+ * import { MetricRadarChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <MetricRadarChart
+ *   data={[
+ *     { metric: 'Speed', teamA: 80, teamB: 65 },
+ *     { metric: 'Quality', teamA: 70, teamB: 90 },
+ *     { metric: 'Cost', teamA: 60, teamB: 75 },
+ *   ]}
+ *   series={[
+ *     { key: 'teamA', label: 'Team A' },
+ *     { key: 'teamB', label: 'Team B' },
+ *   ]}
+ * />
+ * ```
+ */
+declare const MetricRadarChart: ({
+  data,
+  series,
+  valueFormatter,
+  domain,
+  showLegend,
+  className,
+  animate,
+  height
+}: MetricRadarChartProps) => import("react").JSX.Element;
+//#endregion
+//#region packages/components/features/charts/components/mirrored-bar-chart.d.ts
+type MirroredBarRow = {
+  category: string;
+  left: number;
+  right: number;
+};
+type MirroredBarChartProps = BaseChartProps & {
+  data: MirroredBarRow[];
+  leftLabel?: string;
+  rightLabel?: string;
+  leftColor?: string;
+  rightColor?: string;
+  valueFormatter?: (value: number) => string;
+  showLegend?: boolean;
+  showGrid?: boolean;
+};
+/**
+ * A two-sided horizontal bar comparison (population-pyramid style) — this period vs. last
+ * period, male vs. female, before vs. after — mirrored around a shared zero baseline.
+ *
+ * @example
+ * ```tsx
+ * import { MirroredBarChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <MirroredBarChart
+ *   data={[
+ *     { category: '18-24', left: 1200, right: 1400 },
+ *     { category: '25-34', left: 2600, right: 2100 },
+ *   ]}
+ *   leftLabel="Male"
+ *   rightLabel="Female"
+ * />
+ * ```
+ */
+declare const MirroredBarChart: ({
+  data,
+  leftLabel,
+  rightLabel,
+  leftColor,
+  rightColor,
+  valueFormatter,
+  showLegend,
+  showGrid,
+  className,
+  animate,
+  height
+}: MirroredBarChartProps) => import("react").JSX.Element;
+//#endregion
 //#region packages/components/features/charts/components/orders-bar-chart.d.ts
 type OrdersBarChartProps = BaseChartProps & {
   data: Array<{
@@ -147,6 +469,74 @@ declare const OrdersBarChart: ({
   height
 }: OrdersBarChartProps) => import("react").JSX.Element;
 //#endregion
+//#region packages/components/features/charts/components/portfolio-allocation-treemap.d.ts
+type PortfolioAllocationTreemapProps = BaseChartProps & {
+  data: PortfolioHolding[];
+  valueFormatter?: (value: number) => string; /** Shows the holding name and formatted value inside each rect when it fits. Defaults to `true`. */
+  showLabels?: boolean;
+};
+/**
+ * A treemap for portfolio holdings / asset allocation, sized by weight — clearer than a donut
+ * once there are more than a handful of positions.
+ *
+ * @example
+ * ```tsx
+ * import { PortfolioAllocationTreemap } from '@customafk/lunas-ui/features/charts';
+ *
+ * <PortfolioAllocationTreemap
+ *   data={[
+ *     { name: 'AAPL', value: 24000 },
+ *     { name: 'MSFT', value: 18500 },
+ *     { name: 'Bonds', value: 12000 },
+ *   ]}
+ * />
+ * ```
+ */
+declare const PortfolioAllocationTreemap: ({
+  data,
+  valueFormatter,
+  showLabels,
+  className,
+  animate,
+  height
+}: PortfolioAllocationTreemapProps) => import("react").JSX.Element;
+//#endregion
+//#region packages/components/features/charts/components/price-range-area-chart.d.ts
+type PriceRangeAreaChartProps = BaseChartProps & {
+  /** Only `date`, `high`, `low`, and `close` are used; pass the same rows given to `CandlestickChart`. */data: Array<Pick<OHLCPoint, 'date' | 'high' | 'low' | 'close'>>; /** Close-price series label. Defaults to `'Close'`. */
+  label?: string; /** High-low band label. Defaults to `'Range'`. */
+  rangeLabel?: string;
+  color?: string;
+  valueFormatter?: (value: number) => string;
+  dateFormatter?: (date: string | Date) => string;
+  showGrid?: boolean;
+};
+/**
+ * A shaded high-low trading-range band with the close price drawn on top — the daily range is
+ * visible at a glance alongside the closing trend.
+ *
+ * @example
+ * ```tsx
+ * import { PriceRangeAreaChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <PriceRangeAreaChart
+ *   data={[{ date: '2026-06-01', high: 146.2, low: 141.8, close: 144.9 }]}
+ * />
+ * ```
+ */
+declare const PriceRangeAreaChart: ({
+  data,
+  label,
+  rangeLabel,
+  color,
+  valueFormatter,
+  dateFormatter,
+  showGrid,
+  className,
+  animate,
+  height
+}: PriceRangeAreaChartProps) => import("react").JSX.Element;
+//#endregion
 //#region packages/components/features/charts/components/revenue-area-chart.d.ts
 type RevenueAreaChartProps = BaseChartProps & {
   data: TimeSeriesPoint[]; /** Series label. Defaults to `'Revenue'`. */
@@ -269,6 +659,36 @@ declare const SalesTargetRadialChart: ({
   height
 }: SalesTargetRadialChartProps) => import("react").JSX.Element;
 //#endregion
+//#region packages/components/features/charts/components/sankey-flow-chart.d.ts
+type SankeyFlowNode = {
+  name: string;
+  color?: string;
+};
+type SankeyFlowLink = {
+  /** Node name, matching an entry in `nodes`. */source: string; /** Node name, matching an entry in `nodes`. */
+  target: string;
+  value: number;
+};
+type SankeyFlowChartProps = BaseChartProps & {
+  nodes: Array<SankeyFlowNode | string>;
+  links: SankeyFlowLink[];
+  valueFormatter?: (value: number) => string;
+  nodeWidth?: number;
+  nodePadding?: number; /** Minimum horizontal space reserved for node labels outside the plot area; grows to fit the longest root/leaf label. Defaults to `170`. */
+  labelWidth?: number;
+};
+declare const SankeyFlowChart: ({
+  nodes,
+  links,
+  valueFormatter,
+  nodeWidth,
+  nodePadding,
+  labelWidth,
+  className,
+  animate,
+  height
+}: SankeyFlowChartProps) => import("react").JSX.Element;
+//#endregion
 //#region packages/components/features/charts/components/sparkline-chart.d.ts
 type SparklineChartProps = {
   data: number[] | Array<{
@@ -301,6 +721,48 @@ declare const SparklineChart: ({
   className
 }: SparklineChartProps) => import("react").JSX.Element;
 //#endregion
+//#region packages/components/features/charts/components/stacked-area-chart.d.ts
+type StackedAreaChartProps = BaseChartProps & {
+  data: Array<{
+    date: string | Date;
+  } & Record<string, unknown>>; /** One entry per stacked category. */
+  series: ChartSeries[];
+  valueFormatter?: (value: number) => string;
+  dateFormatter?: (date: string | Date) => string;
+  showLegend?: boolean;
+  showGrid?: boolean;
+};
+/**
+ * A stacked area chart for cumulative composition over time — e.g. revenue by channel, traffic
+ * by source. Unlike `RevenueAreaChart` (a single series plus one comparison overlay), every
+ * series here stacks to show the total alongside each category's contribution.
+ *
+ * @example
+ * ```tsx
+ * import { StackedAreaChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <StackedAreaChart
+ *   data={[{ date: '2026-06-01', direct: 4200, organic: 3100, paid: 1800 }]}
+ *   series={[
+ *     { key: 'direct', label: 'Direct' },
+ *     { key: 'organic', label: 'Organic' },
+ *     { key: 'paid', label: 'Paid' },
+ *   ]}
+ * />
+ * ```
+ */
+declare const StackedAreaChart: ({
+  data,
+  series,
+  valueFormatter,
+  dateFormatter,
+  showLegend,
+  showGrid,
+  className,
+  animate,
+  height
+}: StackedAreaChartProps) => import("react").JSX.Element;
+//#endregion
 //#region packages/components/features/charts/components/top-products-bar-chart.d.ts
 type TopProductsBarChartProps = BaseChartProps & {
   data: NamedValue[]; /** Series label. Defaults to `'Sales'`. */
@@ -337,6 +799,86 @@ declare const TopProductsBarChart: ({
   height
 }: TopProductsBarChartProps) => import("react").JSX.Element;
 //#endregion
+//#region packages/components/features/charts/components/volume-bar-chart.d.ts
+type VolumeBarChartProps = BaseChartProps & {
+  /** Only `date`, `close`, and `volume` are used; pass the same rows given to `CandlestickChart`. */data: Array<Pick<OHLCPoint, 'date' | 'close' | 'volume'>>; /** Series label. Defaults to `'Volume'`. */
+  label?: string;
+  upColor?: string;
+  downColor?: string;
+  valueFormatter?: (value: number) => string;
+  dateFormatter?: (date: string | Date) => string;
+  showGrid?: boolean;
+};
+/**
+ * Volume bars colored by day direction (close vs. previous close), meant to sit under a
+ * `CandlestickChart` on a shared time axis.
+ *
+ * @example
+ * ```tsx
+ * import { VolumeBarChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <VolumeBarChart
+ *   data={[
+ *     { date: '2026-06-01', close: 142.5, volume: 2_400_000 },
+ *     { date: '2026-06-02', close: 145.1, volume: 3_100_000 },
+ *   ]}
+ * />
+ * ```
+ */
+declare const VolumeBarChart: ({
+  data,
+  label,
+  upColor,
+  downColor,
+  valueFormatter,
+  dateFormatter,
+  showGrid,
+  className,
+  animate,
+  height
+}: VolumeBarChartProps) => import("react").JSX.Element;
+//#endregion
+//#region packages/components/features/charts/components/waterfall-chart.d.ts
+type WaterfallChartProps = BaseChartProps & {
+  data: WaterfallPoint[]; /** Color for `isTotal` bars. Defaults to `'var(--chart-1)'`. */
+  totalColor?: string;
+  upColor?: string;
+  downColor?: string;
+  valueFormatter?: (value: number) => string;
+  showGrid?: boolean;
+};
+/**
+ * A waterfall/bridge chart — an incremental sequence of positive/negative steps between totals
+ * (e.g. starting balance → revenue → costs → ending balance). Built as stacked bars: an
+ * invisible "base" bar positions each floating step at its running total.
+ *
+ * @example
+ * ```tsx
+ * import { WaterfallChart } from '@customafk/lunas-ui/features/charts';
+ *
+ * <WaterfallChart
+ *   data={[
+ *     { label: 'Starting cash', value: 50000, isTotal: true },
+ *     { label: 'Revenue', value: 32000 },
+ *     { label: 'COGS', value: -18000 },
+ *     { label: 'Opex', value: -9000 },
+ *     { label: 'Ending cash', value: 55000, isTotal: true },
+ *   ]}
+ * />
+ * ```
+ */
+declare const WaterfallChart: ({
+  data,
+  totalColor,
+  upColor,
+  downColor,
+  valueFormatter,
+  showGrid,
+  className,
+  animate,
+  height
+}: WaterfallChartProps) => import("react").JSX.Element;
+//#endregion
 //#region packages/components/features/charts/utils.d.ts
 /** Cycles through the eight `--chart-N` theme palette variables. */
 declare const getChartColor: (index: number) => string;
@@ -344,6 +886,19 @@ declare const formatCompactNumber: (value: number, locale?: string) => string;
 declare const formatCurrency: (value: number, currency?: string, locale?: string) => string;
 declare const formatPercent: (value: number, locale?: string) => string;
 declare const toDateLabel: (date: string | Date, locale?: string) => string;
+/** Picks an up/down color by comparing `current` against `reference` (e.g. close vs. open, or vs. zero). */
+declare const getDirectionColor: (current: number, reference: number, colors?: {
+  up?: string;
+  down?: string;
+}) => string;
+declare const formatSignedPercent: (value: number, locale?: string) => string;
+/**
+ * Normalizes each of `seriesKeys` in `data` to a common `base` value at its first defined point,
+ * so relative performance across series with different price scales becomes directly comparable.
+ */
+declare const computeIndexedSeries: <T extends {
+  date: string | Date;
+} & Record<string, unknown>>(data: readonly T[], seriesKeys: readonly string[], base?: number) => Array<Record<string, string | Date | number>>;
 //#endregion
-export { BaseChartProps, ChartSeries, ChartTrend, ConversionFunnelChart, ConversionFunnelChartProps, DonutChart, DonutChartProps, DonutChartSegment, FunnelStage, NamedValue, OrdersBarChart, OrdersBarChartProps, RevenueAreaChart, RevenueAreaChartProps, RevenueOrdersComposedChart, RevenueOrdersComposedChartProps, RevenueOrdersPoint, SalesTargetRadialChart, SalesTargetRadialChartProps, SparklineChart, SparklineChartProps, TimeSeriesPoint, TopProductsBarChart, TopProductsBarChartProps, formatCompactNumber, formatCurrency, formatPercent, getChartColor, toDateLabel };
+export { ActivityHeatmapChart, ActivityHeatmapChartProps, ActivityPoint, BaseChartProps, CandlestickChart, CandlestickChartProps, ChartSeries, ChartTrend, ConversionFunnelChart, ConversionFunnelChartProps, CorrelationScatterChart, CorrelationScatterChartProps, DonutChart, DonutChartProps, DonutChartSegment, FunnelStage, GainLossBarChart, GainLossBarChartProps, IndexedPerformanceLineChart, IndexedPerformanceLineChartProps, MetricRadarChart, MetricRadarChartProps, MirroredBarChart, MirroredBarChartProps, MirroredBarRow, NamedValue, OHLCPoint, OrdersBarChart, OrdersBarChartProps, PortfolioAllocationTreemap, PortfolioAllocationTreemapProps, PortfolioHolding, PriceRangeAreaChart, PriceRangeAreaChartProps, RevenueAreaChart, RevenueAreaChartProps, RevenueOrdersComposedChart, RevenueOrdersComposedChartProps, RevenueOrdersPoint, SalesTargetRadialChart, SalesTargetRadialChartProps, SankeyFlowChart, SankeyFlowChartProps, SankeyFlowLink, SankeyFlowNode, ScatterPoint, SparklineChart, SparklineChartProps, StackedAreaChart, StackedAreaChartProps, TimeSeriesPoint, TopProductsBarChart, TopProductsBarChartProps, VolumeBarChart, VolumeBarChartProps, WaterfallChart, WaterfallChartProps, WaterfallPoint, computeIndexedSeries, formatCompactNumber, formatCurrency, formatPercent, formatSignedPercent, getChartColor, getDirectionColor, toDateLabel };
 //# sourceMappingURL=index.d.mts.map