@customafk/lunas-ui 0.2.65 → 0.2.67

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

@@ -1,904 +1,2 @@
-//#region packages/components/features/charts/types.d.ts
-/** Trend direction shared with the `Statistic` display component. */
-type ChartTrend = 'up' | 'down' | 'neutral';
-type TimeSeriesPoint = {
-  date: string | Date;
-  value: number; /** Same-bucket value from the comparison period (enables the comparison series). */
-  previousValue?: number;
-};
-type ChartSeries = {
-  key: string;
-  label: string;
-  color?: string;
-};
-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`. */
-  animate?: boolean; /** Fixed height in px; otherwise the container's aspect-video ratio applies. */
-  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;
-  color?: string;
-};
-type ConversionFunnelChartProps = BaseChartProps & {
-  /** Funnel stages ordered top (widest) to bottom. */data: FunnelStage[]; /** Appends each stage's percentage of the first stage. Defaults to `true`. */
-  showConversionRates?: boolean;
-  valueFormatter?: (value: number) => string;
-};
-/**
- * A conversion funnel for the ecommerce purchase journey — sessions, product views, carts,
- * checkouts, purchases — with per-stage conversion rates against the first stage.
- *
- * @example
- * ```tsx
- * import { ConversionFunnelChart } from '@customafk/lunas-ui/features/charts';
- *
- * <ConversionFunnelChart
- *   data={[
- *     { name: 'Sessions', value: 50000 },
- *     { name: 'Product views', value: 32000 },
- *     { name: 'Added to cart', value: 8400 },
- *     { name: 'Purchased', value: 2900 },
- *   ]}
- * />
- * ```
- */
-declare const ConversionFunnelChart: ({
-  data,
-  showConversionRates,
-  valueFormatter,
-  className,
-  animate,
-  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;
-  color?: string;
-};
-type DonutChartProps = BaseChartProps & {
-  data: DonutChartSegment[]; /** Text under the center total, e.g. `'Total sales'`. */
-  centerLabel?: string; /** Formats the center total. Defaults to compact notation. */
-  centerValueFormatter?: (total: number) => string; /** Overrides the computed segment sum shown in the center. */
-  totalValue?: number;
-  showLegend?: boolean;
-  showCenterTotal?: boolean;
-};
-/**
- * A donut breakdown chart with a center total — category sales, traffic sources, payment methods.
- *
- * @example
- * ```tsx
- * import { DonutChart } from '@customafk/lunas-ui/features/charts';
- *
- * <DonutChart
- *   data={[
- *     { name: 'Fashion', value: 12400 },
- *     { name: 'Electronics', value: 8200 },
- *   ]}
- *   centerLabel="Total sales"
- * />
- * ```
- */
-declare const DonutChart: ({
-  data,
-  centerLabel,
-  centerValueFormatter,
-  totalValue,
-  showLegend,
-  showCenterTotal,
-  className,
-  animate,
-  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<{
-    date: string | Date;
-  } & Record<string, unknown>>; /** Simple mode: the key holding each period's count. Defaults to `'orders'`. */
-  dataKey?: string; /** Series label in simple mode. Defaults to `'Orders'`. */
-  label?: string; /** Stacked mode: one series per order status; each `key` indexes into the data rows. */
-  statuses?: ChartSeries[];
-  color?: string;
-  valueFormatter?: (value: number) => string;
-  dateFormatter?: (date: string | Date) => string; /** Defaults to `true` when `statuses` is provided. */
-  showLegend?: boolean;
-  showGrid?: boolean;
-};
-/**
- * A bar chart for order volume per period — a single series by default, or stacked by order
- * status when `statuses` is provided.
- *
- * @example
- * ```tsx
- * import { OrdersBarChart } from '@customafk/lunas-ui/features/charts';
- *
- * <OrdersBarChart
- *   data={[{ date: '2026-06-01', completed: 32, pending: 6, cancelled: 2 }]}
- *   statuses={[
- *     { key: 'completed', label: 'Completed' },
- *     { key: 'pending', label: 'Pending' },
- *     { key: 'cancelled', label: 'Cancelled' },
- *   ]}
- * />
- * ```
- */
-declare const OrdersBarChart: ({
-  data,
-  dataKey,
-  label,
-  statuses,
-  color,
-  valueFormatter,
-  dateFormatter,
-  showLegend,
-  showGrid,
-  className,
-  animate,
-  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'`. */
-  label?: string; /** Comparison series label. Defaults to `'Previous period'`. */
-  comparisonLabel?: string; /** Renders `previousValue` as a second, muted area series. */
-  showComparison?: boolean;
-  color?: string;
-  comparisonColor?: string; /** Formats tooltip and Y-axis values. Defaults to compact currency. */
-  valueFormatter?: (value: number) => string;
-  dateFormatter?: (date: string | Date) => string; /** Defaults to `showComparison`. */
-  showLegend?: boolean;
-  showGrid?: boolean;
-};
-/**
- * A gradient area chart for revenue (or any currency metric) over time, with an optional
- * previous-period comparison series.
- *
- * @example
- * ```tsx
- * import { RevenueAreaChart } from '@customafk/lunas-ui/features/charts';
- *
- * <RevenueAreaChart
- *   data={[
- *     { date: '2026-06-01', value: 4200, previousValue: 3800 },
- *     { date: '2026-06-02', value: 5100, previousValue: 4300 },
- *   ]}
- *   showComparison
- * />
- * ```
- */
-declare const RevenueAreaChart: ({
-  data,
-  label,
-  comparisonLabel,
-  showComparison,
-  color,
-  comparisonColor,
-  valueFormatter,
-  dateFormatter,
-  showLegend,
-  showGrid,
-  className,
-  animate,
-  height
-}: RevenueAreaChartProps) => import("react").JSX.Element;
-//#endregion
-//#region packages/components/features/charts/components/revenue-orders-composed-chart.d.ts
-type RevenueOrdersPoint = {
-  date: string | Date;
-  revenue: number;
-  orders: number;
-};
-type RevenueOrdersComposedChartProps = BaseChartProps & {
-  data: RevenueOrdersPoint[];
-  revenueLabel?: string;
-  ordersLabel?: string;
-  revenueColor?: string;
-  ordersColor?: string; /** Formats the left (revenue) axis and tooltip values. Defaults to compact currency. */
-  revenueFormatter?: (value: number) => string; /** Formats the right (orders) axis and tooltip values. */
-  ordersFormatter?: (value: number) => string;
-  dateFormatter?: (date: string | Date) => string;
-  showLegend?: boolean;
-  showGrid?: boolean;
-};
-/**
- * A dual-axis chart combining revenue bars (left axis, currency) with an orders line
- * (right axis, count) to correlate the two metrics per period.
- *
- * @example
- * ```tsx
- * import { RevenueOrdersComposedChart } from '@customafk/lunas-ui/features/charts';
- *
- * <RevenueOrdersComposedChart
- *   data={[{ date: '2026-06-01', revenue: 12400, orders: 87 }]}
- * />
- * ```
- */
-declare const RevenueOrdersComposedChart: ({
-  data,
-  revenueLabel,
-  ordersLabel,
-  revenueColor,
-  ordersColor,
-  revenueFormatter,
-  ordersFormatter,
-  dateFormatter,
-  showLegend,
-  showGrid,
-  className,
-  animate,
-  height
-}: RevenueOrdersComposedChartProps) => import("react").JSX.Element;
-//#endregion
-//#region packages/components/features/charts/components/sales-target-radial-chart.d.ts
-type SalesTargetRadialChartProps = BaseChartProps & {
-  /** Current progress value, e.g. revenue to date. */value: number; /** The goal the value is measured against. */
-  target: number; /** Text under the center figure. Defaults to `'Target'`. */
-  label?: string; /** Formats the center figure. Defaults to percent-of-target. */
-  valueFormatter?: (value: number, target: number) => string;
-  color?: string;
-};
-/**
- * A radial gauge showing progress toward a sales target with the completion figure in the center.
- *
- * @example
- * ```tsx
- * import { SalesTargetRadialChart } from '@customafk/lunas-ui/features/charts';
- *
- * <SalesTargetRadialChart value={65_000} target={100_000} label="Monthly target" />
- * ```
- */
-declare const SalesTargetRadialChart: ({
-  value,
-  target,
-  label,
-  valueFormatter,
-  color,
-  className,
-  animate,
-  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<{
-    value: number;
-  }>; /** Render style. Defaults to `'area'`. */
-  type?: 'line' | 'area'; /** Colors the series like the `Statistic` trend prop. Defaults to `'neutral'`. */
-  trend?: ChartTrend; /** Explicit series color; overrides `trend`. */
-  color?: string; /** Fixed height in px. Defaults to `40`. */
-  height?: number;
-  animate?: boolean;
-  className?: string;
-};
-/**
- * A tiny, axis-less trend chart for KPI cards; pairs with the `Statistic` display component.
- *
- * @example
- * ```tsx
- * import { SparklineChart } from '@customafk/lunas-ui/features/charts';
- *
- * <SparklineChart data={[12, 18, 14, 26, 22, 31]} trend="up" />
- * ```
- */
-declare const SparklineChart: ({
-  data,
-  type,
-  trend,
-  color,
-  height,
-  animate,
-  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'`. */
-  label?: string; /** Number of items shown after sorting descending. Defaults to `8`. */
-  maxItems?: number;
-  color?: string;
-  valueFormatter?: (value: number) => string; /** Value labels at the end of each bar. Defaults to `true`. */
-  showValueLabels?: boolean;
-};
-/**
- * A horizontal bar ranking chart — top products, best categories, top customers.
- *
- * @example
- * ```tsx
- * import { TopProductsBarChart } from '@customafk/lunas-ui/features/charts';
- *
- * <TopProductsBarChart
- *   data={[
- *     { name: 'Wireless Earbuds', value: 1245 },
- *     { name: 'Smart Watch', value: 986 },
- *   ]}
- * />
- * ```
- */
-declare const TopProductsBarChart: ({
-  data,
-  label,
-  maxItems,
-  color,
-  valueFormatter,
-  showValueLabels,
-  className,
-  animate,
-  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;
-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 { 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
+import { $ as formatSignedPercent, A as SalesTargetRadialChartProps, B as IndexedPerformanceLineChartProps, C as VolumeBarChartProps, D as SankeyFlowChartProps, E as SparklineChartProps, F as PortfolioAllocationTreemapProps, G as ConversionFunnelChartProps, H as DonutChartProps, I as OrdersBarChartProps, J as ActivityHeatmapChartProps, K as FunnelStage, L as MirroredBarChartProps, M as RevenueOrdersPoint, N as RevenueAreaChartProps, O as SankeyFlowLink, P as PriceRangeAreaChartProps, Q as formatPercent, R as MirroredBarRow, S as WaterfallChartProps, T as StackedAreaChartProps, U as DonutChartSegment, V as GainLossBarChartProps, W as CorrelationScatterChartProps, X as formatCompactNumber, Y as computeIndexedSeries, Z as formatCurrency, _ as SparklineChart, a as DonutChart, at as ChartSeries, b as VolumeBarChart, c as MetricRadarChart, ct as OHLCPoint, d as PortfolioAllocationTreemap, dt as TimeSeriesPoint, et as getChartColor, f as PriceRangeAreaChart, ft as WaterfallPoint, g as SankeyFlowChart, h as SalesTargetRadialChart, i as CorrelationScatterChart, it as BaseChartProps, j as RevenueOrdersComposedChartProps, k as SankeyFlowNode, l as MirroredBarChart, lt as PortfolioHolding, m as RevenueOrdersComposedChart, n as CandlestickChart, nt as toDateLabel, o as GainLossBarChart, ot as ChartTrend, p as RevenueAreaChart, q as CandlestickChartProps, r as ConversionFunnelChart, rt as ActivityPoint, s as IndexedPerformanceLineChart, st as NamedValue, t as ActivityHeatmapChart, tt as getDirectionColor, u as OrdersBarChart, ut as ScatterPoint, v as StackedAreaChart, w as TopProductsBarChartProps, x as WaterfallChart, y as TopProductsBarChart, z as MetricRadarChartProps } from "../../index-CBntsHIg.mjs";
+export { ActivityHeatmapChart, type ActivityHeatmapChartProps, ActivityPoint, BaseChartProps, CandlestickChart, type CandlestickChartProps, ChartSeries, ChartTrend, ConversionFunnelChart, type ConversionFunnelChartProps, CorrelationScatterChart, type CorrelationScatterChartProps, DonutChart, type DonutChartProps, type DonutChartSegment, type FunnelStage, GainLossBarChart, type GainLossBarChartProps, IndexedPerformanceLineChart, type IndexedPerformanceLineChartProps, MetricRadarChart, type MetricRadarChartProps, MirroredBarChart, type MirroredBarChartProps, type MirroredBarRow, NamedValue, OHLCPoint, OrdersBarChart, type OrdersBarChartProps, PortfolioAllocationTreemap, type PortfolioAllocationTreemapProps, PortfolioHolding, PriceRangeAreaChart, type PriceRangeAreaChartProps, RevenueAreaChart, type RevenueAreaChartProps, RevenueOrdersComposedChart, type RevenueOrdersComposedChartProps, type RevenueOrdersPoint, SalesTargetRadialChart, type SalesTargetRadialChartProps, SankeyFlowChart, type SankeyFlowChartProps, type SankeyFlowLink, type SankeyFlowNode, ScatterPoint, SparklineChart, type SparklineChartProps, StackedAreaChart, type StackedAreaChartProps, TimeSeriesPoint, TopProductsBarChart, type TopProductsBarChartProps, VolumeBarChart, type VolumeBarChartProps, WaterfallChart, type WaterfallChartProps, WaterfallPoint, computeIndexedSeries, formatCompactNumber, formatCurrency, formatPercent, formatSignedPercent, getChartColor, getDirectionColor, toDateLabel };