@customafk/lunas-ui 0.2.75 → 0.2.77

package/dist/{empty-CaNJjp05.d.cts → empty-B-Nd7s_O.d.cts}

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/empty.d.ts
 /**
  * Full-page or section empty-state container with centred layout and dashed border, composed with EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, and EmptyContent.
@@ -23,15 +22,9 @@ import { VariantProps } from "class-variance-authority";
  * </Empty>
  * ```
  */
-declare function Empty({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Centred column container for the media, title, and description of an empty state. */
-declare function EmptyHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -40,26 +33,13 @@ declare const emptyMediaVariants: (props?: ({
  *
  * @param variant - `'default'` renders a transparent wrapper; `'icon'` renders a rounded muted square with the icon centred inside.
  */
-declare function EmptyMedia({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
 /** Prominent heading text for the empty state. */
-declare function EmptyTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Supporting body text that explains the empty state to the user. */
-declare function EmptyDescription({
-  className,
-  ...props
-}: React.ComponentProps<'p'>): import("react").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react").JSX.Element;
 /** Action area below the header — typically holds buttons or links to help the user proceed. */
-declare function EmptyContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { EmptyMedia as a, EmptyHeader as i, EmptyContent as n, EmptyTitle as o, EmptyDescription as r, Empty as t };
-//# sourceMappingURL=empty-CaNJjp05.d.cts.map
+//# sourceMappingURL=empty-B-Nd7s_O.d.cts.map

package/dist/{empty-CaNJjp05.d.mts → empty-B-Nd7s_O.d.mts}

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/empty.d.ts
 /**
  * Full-page or section empty-state container with centred layout and dashed border, composed with EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, and EmptyContent.
@@ -23,15 +22,9 @@ import { VariantProps } from "class-variance-authority";
  * </Empty>
  * ```
  */
-declare function Empty({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Centred column container for the media, title, and description of an empty state. */
-declare function EmptyHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -40,26 +33,13 @@ declare const emptyMediaVariants: (props?: ({
  *
  * @param variant - `'default'` renders a transparent wrapper; `'icon'` renders a rounded muted square with the icon centred inside.
  */
-declare function EmptyMedia({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
 /** Prominent heading text for the empty state. */
-declare function EmptyTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Supporting body text that explains the empty state to the user. */
-declare function EmptyDescription({
-  className,
-  ...props
-}: React.ComponentProps<'p'>): import("react").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react").JSX.Element;
 /** Action area below the header — typically holds buttons or links to help the user proceed. */
-declare function EmptyContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { EmptyMedia as a, EmptyHeader as i, EmptyContent as n, EmptyTitle as o, EmptyDescription as r, Empty as t };
-//# sourceMappingURL=empty-CaNJjp05.d.mts.map
+//# sourceMappingURL=empty-B-Nd7s_O.d.mts.map

package/dist/{empty-ClQptIZH.d.cts → empty-CHTdH5fg.d.cts}

@@ -1,6 +1,8 @@
 //#region packages/components/data-display/empty.d.ts
 type EmptyDisplayProps = {
-  /** Message shown below the empty-state icon. Defaults to `'No data to display.'`. */label?: string; /** Additional CSS classes applied to the wrapping container. */
+  /** Message shown below the empty-state icon. Defaults to `'No data to display.'`. */
+  label?: string;
+  /** Additional CSS classes applied to the wrapping container. */
   className?: string;
 };
 /**
@@ -16,4 +18,4 @@ type EmptyDisplayProps = {
 declare const EmptyDisplay: React.FC<EmptyDisplayProps>;
 //#endregion
 export { EmptyDisplay as t };
-//# sourceMappingURL=empty-ClQptIZH.d.cts.map
+//# sourceMappingURL=empty-CHTdH5fg.d.cts.map

package/dist/{empty-ClQptIZH.d.mts → empty-CHTdH5fg.d.mts}

@@ -1,6 +1,8 @@
 //#region packages/components/data-display/empty.d.ts
 type EmptyDisplayProps = {
-  /** Message shown below the empty-state icon. Defaults to `'No data to display.'`. */label?: string; /** Additional CSS classes applied to the wrapping container. */
+  /** Message shown below the empty-state icon. Defaults to `'No data to display.'`. */
+  label?: string;
+  /** Additional CSS classes applied to the wrapping container. */
   className?: string;
 };
 /**
@@ -16,4 +18,4 @@ type EmptyDisplayProps = {
 declare const EmptyDisplay: React.FC<EmptyDisplayProps>;
 //#endregion
 export { EmptyDisplay as t };
-//# sourceMappingURL=empty-ClQptIZH.d.mts.map
+//# sourceMappingURL=empty-CHTdH5fg.d.mts.map

package/dist/{error-dialog-D4jOPhmw.d.cts → error-dialog-DYQSm_JC.d.cts}

@@ -1,7 +1,10 @@
 //#region packages/components/dialogs/error-dialog.d.ts
 type ErrorDialogProps = {
-  /** Controls whether the dialog is open. */open?: boolean; /** Title text displayed inside the dialog header. Defaults to `'An error occurred'`. */
-  title?: string; /** Callback invoked when the dialog open state changes. */
+  /** Controls whether the dialog is open. */
+  open?: boolean;
+  /** Title text displayed inside the dialog header. Defaults to `'An error occurred'`. */
+  title?: string;
+  /** Callback invoked when the dialog open state changes. */
   onOpenChange?: (open: boolean) => void;
 };
 /**
@@ -19,4 +22,4 @@ type ErrorDialogProps = {
 declare const ErrorDialog: React.FC<React.PropsWithChildren<ErrorDialogProps>>;
 //#endregion
 export { ErrorDialogProps as n, ErrorDialog as t };
-//# sourceMappingURL=error-dialog-D4jOPhmw.d.cts.map
+//# sourceMappingURL=error-dialog-DYQSm_JC.d.cts.map

package/dist/{error-dialog-D4jOPhmw.d.mts → error-dialog-DYQSm_JC.d.mts}

@@ -1,7 +1,10 @@
 //#region packages/components/dialogs/error-dialog.d.ts
 type ErrorDialogProps = {
-  /** Controls whether the dialog is open. */open?: boolean; /** Title text displayed inside the dialog header. Defaults to `'An error occurred'`. */
-  title?: string; /** Callback invoked when the dialog open state changes. */
+  /** Controls whether the dialog is open. */
+  open?: boolean;
+  /** Title text displayed inside the dialog header. Defaults to `'An error occurred'`. */
+  title?: string;
+  /** Callback invoked when the dialog open state changes. */
   onOpenChange?: (open: boolean) => void;
 };
 /**
@@ -19,4 +22,4 @@ type ErrorDialogProps = {
 declare const ErrorDialog: React.FC<React.PropsWithChildren<ErrorDialogProps>>;
 //#endregion
 export { ErrorDialogProps as n, ErrorDialog as t };
-//# sourceMappingURL=error-dialog-D4jOPhmw.d.mts.map
+//# sourceMappingURL=error-dialog-DYQSm_JC.d.mts.map

package/dist/features/charts/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["Skeleton","Suspense"],"sources":["../../../packages/components/features/charts/utils.ts","../../../packages/components/features/charts/index.tsx"],"sourcesContent":["const CHART_COLOR_COUNT = 8;\n\n/** Cycles through the eight `--chart-N` theme palette variables. */\nexport const getChartColor = (index: number): string => `var(--chart-${(((index % CHART_COLOR_COUNT) + CHART_COLOR_COUNT) % CHART_COLOR_COUNT) + 1})`;\n\nexport const formatCompactNumber = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: 1 }).format(value);\n\nexport const formatCurrency = (value: number, currency = 'USD', locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n    notation: Math.abs(value) >= 10_000 ? 'compact' : 'standard',\n    maximumFractionDigits: Math.abs(value) >= 10_000 ? 1 : 0,\n  }).format(value);\n\nexport const formatPercent = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1 }).format(value);\n\nexport const toDateLabel = (date: string | Date, locale = 'en-US'): string => {\n  const parsed = date instanceof Date ? date : new Date(date);\n  if (Number.isNaN(parsed.getTime())) return String(date);\n  return parsed.toLocaleDateString(locale, { month: 'short', day: 'numeric' });\n};\n\n/** Picks an up/down color by comparing `current` against `reference` (e.g. close vs. open, or vs. zero). */\nexport const getDirectionColor = (current: number, reference: number, colors?: { up?: string; down?: string }): string =>\n  current >= reference ? (colors?.up ?? 'var(--success)') : (colors?.down ?? 'var(--danger)');\n\nexport const formatSignedPercent = (value: number, locale = 'en-US'): string => {\n  const formatted = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1, signDisplay: 'exceptZero' }).format(value);\n  return formatted;\n};\n\n/**\n * Normalizes each of `seriesKeys` in `data` to a common `base` value at its first defined point,\n * so relative performance across series with different price scales becomes directly comparable.\n */\nexport const computeIndexedSeries = <T extends { date: string | Date } & Record<string, unknown>>(\n  data: readonly T[],\n  seriesKeys: readonly string[],\n  base = 100\n): Array<Record<string, string | Date | number>> => {\n  const baseValues: Record<string, number | undefined> = {};\n  for (const key of seriesKeys) {\n    const first = data.find(point => typeof point[key] === 'number')?.[key] as number | undefined;\n    baseValues[key] = first;\n  }\n\n  return data.map(point => {\n    const indexed: Record<string, number> = {};\n    for (const key of seriesKeys) {\n      const raw = point[key];\n      const baseValue = baseValues[key];\n      indexed[key] = typeof raw === 'number' && baseValue ? (raw / baseValue) * base : Number.NaN;\n    }\n    return { date: point.date, ...indexed };\n  });\n};\n","'use client';\n\n/**\n * @module @customafk/lunas-ui/features/charts\n *\n * Prebuilt Recharts-based dashboard charts for ecommerce, finance/stock, and general analytics\n * CMS screens — revenue trends, order volumes, product rankings, category breakdowns, conversion\n * funnels, sales targets, KPI sparklines, candlesticks, trading volume, portfolio allocation,\n * indexed performance comparison, gain/loss bars, waterfalls, stacked composition, radar\n * comparisons, correlation/bubble scatter, activity heatmaps, mirrored comparisons, and Sankey\n * flow diagrams. Built on the `@customafk/lunas-ui/ui/chart` primitives.\n *\n * Each chart is loaded on demand behind `React.lazy` — a page that renders only a couple of\n * these only pays for the recharts sub-tree those specific charts need, not all twenty.\n *\n * Requires the `recharts` peer dependency.\n *\n * @example\n * ```tsx\n * import {\n *   ActivityHeatmapChart,\n *   CandlestickChart,\n *   ConversionFunnelChart,\n *   CorrelationScatterChart,\n *   DonutChart,\n *   GainLossBarChart,\n *   IndexedPerformanceLineChart,\n *   MetricRadarChart,\n *   MirroredBarChart,\n *   OrdersBarChart,\n *   PortfolioAllocationTreemap,\n *   PriceRangeAreaChart,\n *   RevenueAreaChart,\n *   RevenueOrdersComposedChart,\n *   SalesTargetRadialChart,\n *   SankeyFlowChart,\n *   SparklineChart,\n *   StackedAreaChart,\n *   TopProductsBarChart,\n *   VolumeBarChart,\n *   WaterfallChart,\n * } from '@customafk/lunas-ui/features/charts';\n * ```\n */\nimport type { ComponentProps, ComponentType } from 'react';\nimport { lazy, Suspense } from 'react';\n\nimport { Skeleton } from '@/components/ui/skeleton';\n\nexport * from './types';\nexport * from './utils';\n\nimport type { ActivityHeatmapChart as ActivityHeatmapChartType } from './components/activity-heatmap-chart';\nimport type { CandlestickChart as CandlestickChartType } from './components/candlestick-chart';\nimport type { ConversionFunnelChart as ConversionFunnelChartType } from './components/conversion-funnel-chart';\nimport type { CorrelationScatterChart as CorrelationScatterChartType } from './components/correlation-scatter-chart';\nimport type { DonutChart as DonutChartType } from './components/donut-chart';\nimport type { GainLossBarChart as GainLossBarChartType } from './components/gain-loss-bar-chart';\nimport type { IndexedPerformanceLineChart as IndexedPerformanceLineChartType } from './components/indexed-performance-line-chart';\nimport type { MetricRadarChart as MetricRadarChartType } from './components/metric-radar-chart';\nimport type { MirroredBarChart as MirroredBarChartType } from './components/mirrored-bar-chart';\nimport type { OrdersBarChart as OrdersBarChartType } from './components/orders-bar-chart';\nimport type { PortfolioAllocationTreemap as PortfolioAllocationTreemapType } from './components/portfolio-allocation-treemap';\nimport type { PriceRangeAreaChart as PriceRangeAreaChartType } from './components/price-range-area-chart';\nimport type { RevenueAreaChart as RevenueAreaChartType } from './components/revenue-area-chart';\nimport type { RevenueOrdersComposedChart as RevenueOrdersComposedChartType } from './components/revenue-orders-composed-chart';\nimport type { SalesTargetRadialChart as SalesTargetRadialChartType } from './components/sales-target-radial-chart';\nimport type { SankeyFlowChart as SankeyFlowChartType } from './components/sankey-flow-chart';\nimport type { SparklineChart as SparklineChartType } from './components/sparkline-chart';\nimport type { StackedAreaChart as StackedAreaChartType } from './components/stacked-area-chart';\nimport type { TopProductsBarChart as TopProductsBarChartType } from './components/top-products-bar-chart';\nimport type { VolumeBarChart as VolumeBarChartType } from './components/volume-bar-chart';\nimport type { WaterfallChart as WaterfallChartType } from './components/waterfall-chart';\n\nexport type { ActivityHeatmapChartProps } from './components/activity-heatmap-chart';\nexport type { CandlestickChartProps } from './components/candlestick-chart';\nexport type { ConversionFunnelChartProps, FunnelStage } from './components/conversion-funnel-chart';\nexport type { CorrelationScatterChartProps } from './components/correlation-scatter-chart';\n// Named types beyond each component's own `XChartProps`, re-exported for consumers.\nexport type { DonutChartProps, DonutChartSegment } from './components/donut-chart';\nexport type { GainLossBarChartProps } from './components/gain-loss-bar-chart';\nexport type { IndexedPerformanceLineChartProps } from './components/indexed-performance-line-chart';\nexport type { MetricRadarChartProps } from './components/metric-radar-chart';\nexport type { MirroredBarChartProps, MirroredBarRow } from './components/mirrored-bar-chart';\nexport type { OrdersBarChartProps } from './components/orders-bar-chart';\nexport type { PortfolioAllocationTreemapProps } from './components/portfolio-allocation-treemap';\nexport type { PriceRangeAreaChartProps } from './components/price-range-area-chart';\nexport type { RevenueAreaChartProps } from './components/revenue-area-chart';\nexport type { RevenueOrdersComposedChartProps, RevenueOrdersPoint } from './components/revenue-orders-composed-chart';\nexport type { SalesTargetRadialChartProps } from './components/sales-target-radial-chart';\nexport type { SankeyFlowChartProps, SankeyFlowLink, SankeyFlowNode } from './components/sankey-flow-chart';\nexport type { SparklineChartProps } from './components/sparkline-chart';\nexport type { StackedAreaChartProps } from './components/stacked-area-chart';\nexport type { TopProductsBarChartProps } from './components/top-products-bar-chart';\nexport type { VolumeBarChartProps } from './components/volume-bar-chart';\nexport type { WaterfallChartProps } from './components/waterfall-chart';\n\n/** Aspect-video-shaped pulse placeholder shown while a lazy chart chunk is still loading. */\nfunction ChartSkeleton() {\n  return <Skeleton data-slot=\"chart-skeleton\" className=\"aspect-video w-full rounded\" />;\n}\n\n/**\n * Wraps a `lazy()`-loaded chart in its own `Suspense` boundary so it can be dropped anywhere\n * without callers needing to set up Suspense themselves. Keeps this file itself small — each\n * chart's `recharts` sub-tree only loads when a page actually renders that chart type.\n */\nfunction lazyChart<P extends object>(loader: () => Promise<{ default: ComponentType<P> }>): ComponentType<P> {\n  const LazyComponent = lazy(loader);\n  return (props: P) => (\n    <Suspense fallback={<ChartSkeleton />}>\n      <LazyComponent {...props} />\n    </Suspense>\n  );\n}\n\nconst ActivityHeatmapChart = lazyChart<ComponentProps<typeof ActivityHeatmapChartType>>(() =>\n  import('./components/activity-heatmap-chart').then(m => ({ default: m.ActivityHeatmapChart }))\n);\nconst CandlestickChart = lazyChart<ComponentProps<typeof CandlestickChartType>>(() =>\n  import('./components/candlestick-chart').then(m => ({ default: m.CandlestickChart }))\n);\nconst ConversionFunnelChart = lazyChart<ComponentProps<typeof ConversionFunnelChartType>>(() =>\n  import('./components/conversion-funnel-chart').then(m => ({ default: m.ConversionFunnelChart }))\n);\nconst CorrelationScatterChart = lazyChart<ComponentProps<typeof CorrelationScatterChartType>>(() =>\n  import('./components/correlation-scatter-chart').then(m => ({ default: m.CorrelationScatterChart }))\n);\nconst DonutChart = lazyChart<ComponentProps<typeof DonutChartType>>(() => import('./components/donut-chart').then(m => ({ default: m.DonutChart })));\nconst GainLossBarChart = lazyChart<ComponentProps<typeof GainLossBarChartType>>(() =>\n  import('./components/gain-loss-bar-chart').then(m => ({ default: m.GainLossBarChart }))\n);\nconst IndexedPerformanceLineChart = lazyChart<ComponentProps<typeof IndexedPerformanceLineChartType>>(() =>\n  import('./components/indexed-performance-line-chart').then(m => ({ default: m.IndexedPerformanceLineChart }))\n);\nconst MetricRadarChart = lazyChart<ComponentProps<typeof MetricRadarChartType>>(() =>\n  import('./components/metric-radar-chart').then(m => ({ default: m.MetricRadarChart }))\n);\nconst MirroredBarChart = lazyChart<ComponentProps<typeof MirroredBarChartType>>(() =>\n  import('./components/mirrored-bar-chart').then(m => ({ default: m.MirroredBarChart }))\n);\nconst OrdersBarChart = lazyChart<ComponentProps<typeof OrdersBarChartType>>(() =>\n  import('./components/orders-bar-chart').then(m => ({ default: m.OrdersBarChart }))\n);\nconst PortfolioAllocationTreemap = lazyChart<ComponentProps<typeof PortfolioAllocationTreemapType>>(() =>\n  import('./components/portfolio-allocation-treemap').then(m => ({ default: m.PortfolioAllocationTreemap }))\n);\nconst PriceRangeAreaChart = lazyChart<ComponentProps<typeof PriceRangeAreaChartType>>(() =>\n  import('./components/price-range-area-chart').then(m => ({ default: m.PriceRangeAreaChart }))\n);\nconst RevenueAreaChart = lazyChart<ComponentProps<typeof RevenueAreaChartType>>(() =>\n  import('./components/revenue-area-chart').then(m => ({ default: m.RevenueAreaChart }))\n);\nconst RevenueOrdersComposedChart = lazyChart<ComponentProps<typeof RevenueOrdersComposedChartType>>(() =>\n  import('./components/revenue-orders-composed-chart').then(m => ({ default: m.RevenueOrdersComposedChart }))\n);\nconst SalesTargetRadialChart = lazyChart<ComponentProps<typeof SalesTargetRadialChartType>>(() =>\n  import('./components/sales-target-radial-chart').then(m => ({ default: m.SalesTargetRadialChart }))\n);\nconst SankeyFlowChart = lazyChart<ComponentProps<typeof SankeyFlowChartType>>(() =>\n  import('./components/sankey-flow-chart').then(m => ({ default: m.SankeyFlowChart }))\n);\nconst SparklineChart = lazyChart<ComponentProps<typeof SparklineChartType>>(() =>\n  import('./components/sparkline-chart').then(m => ({ default: m.SparklineChart }))\n);\nconst StackedAreaChart = lazyChart<ComponentProps<typeof StackedAreaChartType>>(() =>\n  import('./components/stacked-area-chart').then(m => ({ default: m.StackedAreaChart }))\n);\nconst TopProductsBarChart = lazyChart<ComponentProps<typeof TopProductsBarChartType>>(() =>\n  import('./components/top-products-bar-chart').then(m => ({ default: m.TopProductsBarChart }))\n);\nconst VolumeBarChart = lazyChart<ComponentProps<typeof VolumeBarChartType>>(() =>\n  import('./components/volume-bar-chart').then(m => ({ default: m.VolumeBarChart }))\n);\nconst WaterfallChart = lazyChart<ComponentProps<typeof WaterfallChartType>>(() =>\n  import('./components/waterfall-chart').then(m => ({ default: m.WaterfallChart }))\n);\n\nexport {\n  ActivityHeatmapChart,\n  CandlestickChart,\n  ConversionFunnelChart,\n  CorrelationScatterChart,\n  DonutChart,\n  GainLossBarChart,\n  IndexedPerformanceLineChart,\n  MetricRadarChart,\n  MirroredBarChart,\n  OrdersBarChart,\n  PortfolioAllocationTreemap,\n  PriceRangeAreaChart,\n  RevenueAreaChart,\n  RevenueOrdersComposedChart,\n  SalesTargetRadialChart,\n  SankeyFlowChart,\n  SparklineChart,\n  StackedAreaChart,\n  TopProductsBarChart,\n  VolumeBarChart,\n  WaterfallChart,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":["Skeleton","Suspense"],"sources":["../../../packages/components/features/charts/utils.ts","../../../packages/components/features/charts/index.tsx"],"sourcesContent":["const CHART_COLOR_COUNT = 8;\n\n/** Cycles through the eight `--chart-N` theme palette variables. */\nexport const getChartColor = (index: number): string => `var(--chart-${(((index % CHART_COLOR_COUNT) + CHART_COLOR_COUNT) % CHART_COLOR_COUNT) + 1})`;\n\nexport const formatCompactNumber = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: 1 }).format(value);\n\nexport const formatCurrency = (value: number, currency = 'USD', locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n    notation: Math.abs(value) >= 10_000 ? 'compact' : 'standard',\n    maximumFractionDigits: Math.abs(value) >= 10_000 ? 1 : 0,\n  }).format(value);\n\nexport const formatPercent = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1 }).format(value);\n\nexport const toDateLabel = (date: string | Date, locale = 'en-US'): string => {\n  const parsed = date instanceof Date ? date : new Date(date);\n  if (Number.isNaN(parsed.getTime())) return String(date);\n  return parsed.toLocaleDateString(locale, { month: 'short', day: 'numeric' });\n};\n\n/** Picks an up/down color by comparing `current` against `reference` (e.g. close vs. open, or vs. zero). */\nexport const getDirectionColor = (current: number, reference: number, colors?: { up?: string; down?: string }): string =>\n  current >= reference ? (colors?.up ?? 'var(--success)') : (colors?.down ?? 'var(--danger)');\n\nexport const formatSignedPercent = (value: number, locale = 'en-US'): string => {\n  const formatted = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1, signDisplay: 'exceptZero' }).format(value);\n  return formatted;\n};\n\n/**\n * Normalizes each of `seriesKeys` in `data` to a common `base` value at its first defined point,\n * so relative performance across series with different price scales becomes directly comparable.\n */\nexport const computeIndexedSeries = <T extends { date: string | Date } & Record<string, unknown>>(\n  data: readonly T[],\n  seriesKeys: readonly string[],\n  base = 100\n): Array<Record<string, string | Date | number>> => {\n  const baseValues: Record<string, number | undefined> = {};\n  for (const key of seriesKeys) {\n    const first = data.find(point => typeof point[key] === 'number')?.[key] as number | undefined;\n    baseValues[key] = first;\n  }\n\n  return data.map(point => {\n    const indexed: Record<string, number> = {};\n    for (const key of seriesKeys) {\n      const raw = point[key];\n      const baseValue = baseValues[key];\n      indexed[key] = typeof raw === 'number' && baseValue ? (raw / baseValue) * base : Number.NaN;\n    }\n    return { date: point.date, ...indexed };\n  });\n};\n","'use client';\n\n/**\n * @module @customafk/lunas-ui/features/charts\n *\n * Prebuilt Recharts-based dashboard charts for ecommerce, finance/stock, and general analytics\n * CMS screens — revenue trends, order volumes, product rankings, category breakdowns, conversion\n * funnels, sales targets, KPI sparklines, candlesticks, trading volume, portfolio allocation,\n * indexed performance comparison, gain/loss bars, waterfalls, stacked composition, radar\n * comparisons, correlation/bubble scatter, activity heatmaps, mirrored comparisons, and Sankey\n * flow diagrams. Built on the `@customafk/lunas-ui/ui/chart` primitives.\n *\n * Each chart is loaded on demand behind `React.lazy` — a page that renders only a couple of\n * these only pays for the recharts sub-tree those specific charts need, not all twenty.\n *\n * Requires the `recharts` peer dependency.\n *\n * @example\n * ```tsx\n * import {\n *   ActivityHeatmapChart,\n *   CandlestickChart,\n *   ConversionFunnelChart,\n *   CorrelationScatterChart,\n *   DonutChart,\n *   GainLossBarChart,\n *   IndexedPerformanceLineChart,\n *   MetricRadarChart,\n *   MirroredBarChart,\n *   OrdersBarChart,\n *   PortfolioAllocationTreemap,\n *   PriceRangeAreaChart,\n *   RevenueAreaChart,\n *   RevenueOrdersComposedChart,\n *   SalesTargetRadialChart,\n *   SankeyFlowChart,\n *   SparklineChart,\n *   StackedAreaChart,\n *   TopProductsBarChart,\n *   VolumeBarChart,\n *   WaterfallChart,\n * } from '@customafk/lunas-ui/features/charts';\n * ```\n */\nimport type { ComponentProps, ComponentType } from 'react';\nimport { lazy, Suspense } from 'react';\n\nimport { Skeleton } from '@/components/ui/skeleton';\n\nexport * from './types';\nexport * from './utils';\n\nimport type { ActivityHeatmapChart as ActivityHeatmapChartType } from './components/activity-heatmap-chart';\nimport type { CandlestickChart as CandlestickChartType } from './components/candlestick-chart';\nimport type { ConversionFunnelChart as ConversionFunnelChartType } from './components/conversion-funnel-chart';\nimport type { CorrelationScatterChart as CorrelationScatterChartType } from './components/correlation-scatter-chart';\nimport type { DonutChart as DonutChartType } from './components/donut-chart';\nimport type { GainLossBarChart as GainLossBarChartType } from './components/gain-loss-bar-chart';\nimport type { IndexedPerformanceLineChart as IndexedPerformanceLineChartType } from './components/indexed-performance-line-chart';\nimport type { MetricRadarChart as MetricRadarChartType } from './components/metric-radar-chart';\nimport type { MirroredBarChart as MirroredBarChartType } from './components/mirrored-bar-chart';\nimport type { OrdersBarChart as OrdersBarChartType } from './components/orders-bar-chart';\nimport type { PortfolioAllocationTreemap as PortfolioAllocationTreemapType } from './components/portfolio-allocation-treemap';\nimport type { PriceRangeAreaChart as PriceRangeAreaChartType } from './components/price-range-area-chart';\nimport type { RevenueAreaChart as RevenueAreaChartType } from './components/revenue-area-chart';\nimport type { RevenueOrdersComposedChart as RevenueOrdersComposedChartType } from './components/revenue-orders-composed-chart';\nimport type { SalesTargetRadialChart as SalesTargetRadialChartType } from './components/sales-target-radial-chart';\nimport type { SankeyFlowChart as SankeyFlowChartType } from './components/sankey-flow-chart';\nimport type { SparklineChart as SparklineChartType } from './components/sparkline-chart';\nimport type { StackedAreaChart as StackedAreaChartType } from './components/stacked-area-chart';\nimport type { TopProductsBarChart as TopProductsBarChartType } from './components/top-products-bar-chart';\nimport type { VolumeBarChart as VolumeBarChartType } from './components/volume-bar-chart';\nimport type { WaterfallChart as WaterfallChartType } from './components/waterfall-chart';\n\nexport type { ActivityHeatmapChartProps } from './components/activity-heatmap-chart';\nexport type { CandlestickChartProps } from './components/candlestick-chart';\nexport type { ConversionFunnelChartProps, FunnelStage } from './components/conversion-funnel-chart';\nexport type { CorrelationScatterChartProps } from './components/correlation-scatter-chart';\n// Named types beyond each component's own `XChartProps`, re-exported for consumers.\nexport type { DonutChartProps, DonutChartSegment } from './components/donut-chart';\nexport type { GainLossBarChartProps } from './components/gain-loss-bar-chart';\nexport type { IndexedPerformanceLineChartProps } from './components/indexed-performance-line-chart';\nexport type { MetricRadarChartProps } from './components/metric-radar-chart';\nexport type { MirroredBarChartProps, MirroredBarRow } from './components/mirrored-bar-chart';\nexport type { OrdersBarChartProps } from './components/orders-bar-chart';\nexport type { PortfolioAllocationTreemapProps } from './components/portfolio-allocation-treemap';\nexport type { PriceRangeAreaChartProps } from './components/price-range-area-chart';\nexport type { RevenueAreaChartProps } from './components/revenue-area-chart';\nexport type { RevenueOrdersComposedChartProps, RevenueOrdersPoint } from './components/revenue-orders-composed-chart';\nexport type { SalesTargetRadialChartProps } from './components/sales-target-radial-chart';\nexport type { SankeyFlowChartProps, SankeyFlowLink, SankeyFlowNode } from './components/sankey-flow-chart';\nexport type { SparklineChartProps } from './components/sparkline-chart';\nexport type { StackedAreaChartProps } from './components/stacked-area-chart';\nexport type { TopProductsBarChartProps } from './components/top-products-bar-chart';\nexport type { VolumeBarChartProps } from './components/volume-bar-chart';\nexport type { WaterfallChartProps } from './components/waterfall-chart';\n\n/** Aspect-video-shaped pulse placeholder shown while a lazy chart chunk is still loading. */\nfunction ChartSkeleton() {\n  return <Skeleton data-slot=\"chart-skeleton\" className=\"aspect-video w-full rounded\" />;\n}\n\n/**\n * Wraps a `lazy()`-loaded chart in its own `Suspense` boundary so it can be dropped anywhere\n * without callers needing to set up Suspense themselves. Keeps this file itself small — each\n * chart's `recharts` sub-tree only loads when a page actually renders that chart type.\n */\nfunction lazyChart<P extends object>(loader: () => Promise<{ default: ComponentType<P> }>): ComponentType<P> {\n  const LazyComponent = lazy(loader);\n  return (props: P) => (\n    <Suspense fallback={<ChartSkeleton />}>\n      <LazyComponent {...props} />\n    </Suspense>\n  );\n}\n\nconst ActivityHeatmapChart = lazyChart<ComponentProps<typeof ActivityHeatmapChartType>>(() =>\n  import('./components/activity-heatmap-chart').then(m => ({ default: m.ActivityHeatmapChart }))\n);\nconst CandlestickChart = lazyChart<ComponentProps<typeof CandlestickChartType>>(() =>\n  import('./components/candlestick-chart').then(m => ({ default: m.CandlestickChart }))\n);\nconst ConversionFunnelChart = lazyChart<ComponentProps<typeof ConversionFunnelChartType>>(() =>\n  import('./components/conversion-funnel-chart').then(m => ({ default: m.ConversionFunnelChart }))\n);\nconst CorrelationScatterChart = lazyChart<ComponentProps<typeof CorrelationScatterChartType>>(() =>\n  import('./components/correlation-scatter-chart').then(m => ({ default: m.CorrelationScatterChart }))\n);\nconst DonutChart = lazyChart<ComponentProps<typeof DonutChartType>>(() => import('./components/donut-chart').then(m => ({ default: m.DonutChart })));\nconst GainLossBarChart = lazyChart<ComponentProps<typeof GainLossBarChartType>>(() =>\n  import('./components/gain-loss-bar-chart').then(m => ({ default: m.GainLossBarChart }))\n);\nconst IndexedPerformanceLineChart = lazyChart<ComponentProps<typeof IndexedPerformanceLineChartType>>(() =>\n  import('./components/indexed-performance-line-chart').then(m => ({ default: m.IndexedPerformanceLineChart }))\n);\nconst MetricRadarChart = lazyChart<ComponentProps<typeof MetricRadarChartType>>(() =>\n  import('./components/metric-radar-chart').then(m => ({ default: m.MetricRadarChart }))\n);\nconst MirroredBarChart = lazyChart<ComponentProps<typeof MirroredBarChartType>>(() =>\n  import('./components/mirrored-bar-chart').then(m => ({ default: m.MirroredBarChart }))\n);\nconst OrdersBarChart = lazyChart<ComponentProps<typeof OrdersBarChartType>>(() =>\n  import('./components/orders-bar-chart').then(m => ({ default: m.OrdersBarChart }))\n);\nconst PortfolioAllocationTreemap = lazyChart<ComponentProps<typeof PortfolioAllocationTreemapType>>(() =>\n  import('./components/portfolio-allocation-treemap').then(m => ({ default: m.PortfolioAllocationTreemap }))\n);\nconst PriceRangeAreaChart = lazyChart<ComponentProps<typeof PriceRangeAreaChartType>>(() =>\n  import('./components/price-range-area-chart').then(m => ({ default: m.PriceRangeAreaChart }))\n);\nconst RevenueAreaChart = lazyChart<ComponentProps<typeof RevenueAreaChartType>>(() =>\n  import('./components/revenue-area-chart').then(m => ({ default: m.RevenueAreaChart }))\n);\nconst RevenueOrdersComposedChart = lazyChart<ComponentProps<typeof RevenueOrdersComposedChartType>>(() =>\n  import('./components/revenue-orders-composed-chart').then(m => ({ default: m.RevenueOrdersComposedChart }))\n);\nconst SalesTargetRadialChart = lazyChart<ComponentProps<typeof SalesTargetRadialChartType>>(() =>\n  import('./components/sales-target-radial-chart').then(m => ({ default: m.SalesTargetRadialChart }))\n);\nconst SankeyFlowChart = lazyChart<ComponentProps<typeof SankeyFlowChartType>>(() =>\n  import('./components/sankey-flow-chart').then(m => ({ default: m.SankeyFlowChart }))\n);\nconst SparklineChart = lazyChart<ComponentProps<typeof SparklineChartType>>(() =>\n  import('./components/sparkline-chart').then(m => ({ default: m.SparklineChart }))\n);\nconst StackedAreaChart = lazyChart<ComponentProps<typeof StackedAreaChartType>>(() =>\n  import('./components/stacked-area-chart').then(m => ({ default: m.StackedAreaChart }))\n);\nconst TopProductsBarChart = lazyChart<ComponentProps<typeof TopProductsBarChartType>>(() =>\n  import('./components/top-products-bar-chart').then(m => ({ default: m.TopProductsBarChart }))\n);\nconst VolumeBarChart = lazyChart<ComponentProps<typeof VolumeBarChartType>>(() =>\n  import('./components/volume-bar-chart').then(m => ({ default: m.VolumeBarChart }))\n);\nconst WaterfallChart = lazyChart<ComponentProps<typeof WaterfallChartType>>(() =>\n  import('./components/waterfall-chart').then(m => ({ default: m.WaterfallChart }))\n);\n\nexport {\n  ActivityHeatmapChart,\n  CandlestickChart,\n  ConversionFunnelChart,\n  CorrelationScatterChart,\n  DonutChart,\n  GainLossBarChart,\n  IndexedPerformanceLineChart,\n  MetricRadarChart,\n  MirroredBarChart,\n  OrdersBarChart,\n  PortfolioAllocationTreemap,\n  PriceRangeAreaChart,\n  RevenueAreaChart,\n  RevenueOrdersComposedChart,\n  SalesTargetRadialChart,\n  SankeyFlowChart,\n  SparklineChart,\n  StackedAreaChart,\n  TopProductsBarChart,\n  VolumeBarChart,\n  WaterfallChart,\n};\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-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.cjs";
+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-DJKJt7oV.cjs";
 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 };

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

@@ -1,2 +1,2 @@
-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";
+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-DJKJt7oV.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 };

package/dist/features/charts/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../packages/components/features/charts/utils.ts","../../../packages/components/features/charts/index.tsx"],"sourcesContent":["const CHART_COLOR_COUNT = 8;\n\n/** Cycles through the eight `--chart-N` theme palette variables. */\nexport const getChartColor = (index: number): string => `var(--chart-${(((index % CHART_COLOR_COUNT) + CHART_COLOR_COUNT) % CHART_COLOR_COUNT) + 1})`;\n\nexport const formatCompactNumber = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: 1 }).format(value);\n\nexport const formatCurrency = (value: number, currency = 'USD', locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n    notation: Math.abs(value) >= 10_000 ? 'compact' : 'standard',\n    maximumFractionDigits: Math.abs(value) >= 10_000 ? 1 : 0,\n  }).format(value);\n\nexport const formatPercent = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1 }).format(value);\n\nexport const toDateLabel = (date: string | Date, locale = 'en-US'): string => {\n  const parsed = date instanceof Date ? date : new Date(date);\n  if (Number.isNaN(parsed.getTime())) return String(date);\n  return parsed.toLocaleDateString(locale, { month: 'short', day: 'numeric' });\n};\n\n/** Picks an up/down color by comparing `current` against `reference` (e.g. close vs. open, or vs. zero). */\nexport const getDirectionColor = (current: number, reference: number, colors?: { up?: string; down?: string }): string =>\n  current >= reference ? (colors?.up ?? 'var(--success)') : (colors?.down ?? 'var(--danger)');\n\nexport const formatSignedPercent = (value: number, locale = 'en-US'): string => {\n  const formatted = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1, signDisplay: 'exceptZero' }).format(value);\n  return formatted;\n};\n\n/**\n * Normalizes each of `seriesKeys` in `data` to a common `base` value at its first defined point,\n * so relative performance across series with different price scales becomes directly comparable.\n */\nexport const computeIndexedSeries = <T extends { date: string | Date } & Record<string, unknown>>(\n  data: readonly T[],\n  seriesKeys: readonly string[],\n  base = 100\n): Array<Record<string, string | Date | number>> => {\n  const baseValues: Record<string, number | undefined> = {};\n  for (const key of seriesKeys) {\n    const first = data.find(point => typeof point[key] === 'number')?.[key] as number | undefined;\n    baseValues[key] = first;\n  }\n\n  return data.map(point => {\n    const indexed: Record<string, number> = {};\n    for (const key of seriesKeys) {\n      const raw = point[key];\n      const baseValue = baseValues[key];\n      indexed[key] = typeof raw === 'number' && baseValue ? (raw / baseValue) * base : Number.NaN;\n    }\n    return { date: point.date, ...indexed };\n  });\n};\n","'use client';\n\n/**\n * @module @customafk/lunas-ui/features/charts\n *\n * Prebuilt Recharts-based dashboard charts for ecommerce, finance/stock, and general analytics\n * CMS screens — revenue trends, order volumes, product rankings, category breakdowns, conversion\n * funnels, sales targets, KPI sparklines, candlesticks, trading volume, portfolio allocation,\n * indexed performance comparison, gain/loss bars, waterfalls, stacked composition, radar\n * comparisons, correlation/bubble scatter, activity heatmaps, mirrored comparisons, and Sankey\n * flow diagrams. Built on the `@customafk/lunas-ui/ui/chart` primitives.\n *\n * Each chart is loaded on demand behind `React.lazy` — a page that renders only a couple of\n * these only pays for the recharts sub-tree those specific charts need, not all twenty.\n *\n * Requires the `recharts` peer dependency.\n *\n * @example\n * ```tsx\n * import {\n *   ActivityHeatmapChart,\n *   CandlestickChart,\n *   ConversionFunnelChart,\n *   CorrelationScatterChart,\n *   DonutChart,\n *   GainLossBarChart,\n *   IndexedPerformanceLineChart,\n *   MetricRadarChart,\n *   MirroredBarChart,\n *   OrdersBarChart,\n *   PortfolioAllocationTreemap,\n *   PriceRangeAreaChart,\n *   RevenueAreaChart,\n *   RevenueOrdersComposedChart,\n *   SalesTargetRadialChart,\n *   SankeyFlowChart,\n *   SparklineChart,\n *   StackedAreaChart,\n *   TopProductsBarChart,\n *   VolumeBarChart,\n *   WaterfallChart,\n * } from '@customafk/lunas-ui/features/charts';\n * ```\n */\nimport type { ComponentProps, ComponentType } from 'react';\nimport { lazy, Suspense } from 'react';\n\nimport { Skeleton } from '@/components/ui/skeleton';\n\nexport * from './types';\nexport * from './utils';\n\nimport type { ActivityHeatmapChart as ActivityHeatmapChartType } from './components/activity-heatmap-chart';\nimport type { CandlestickChart as CandlestickChartType } from './components/candlestick-chart';\nimport type { ConversionFunnelChart as ConversionFunnelChartType } from './components/conversion-funnel-chart';\nimport type { CorrelationScatterChart as CorrelationScatterChartType } from './components/correlation-scatter-chart';\nimport type { DonutChart as DonutChartType } from './components/donut-chart';\nimport type { GainLossBarChart as GainLossBarChartType } from './components/gain-loss-bar-chart';\nimport type { IndexedPerformanceLineChart as IndexedPerformanceLineChartType } from './components/indexed-performance-line-chart';\nimport type { MetricRadarChart as MetricRadarChartType } from './components/metric-radar-chart';\nimport type { MirroredBarChart as MirroredBarChartType } from './components/mirrored-bar-chart';\nimport type { OrdersBarChart as OrdersBarChartType } from './components/orders-bar-chart';\nimport type { PortfolioAllocationTreemap as PortfolioAllocationTreemapType } from './components/portfolio-allocation-treemap';\nimport type { PriceRangeAreaChart as PriceRangeAreaChartType } from './components/price-range-area-chart';\nimport type { RevenueAreaChart as RevenueAreaChartType } from './components/revenue-area-chart';\nimport type { RevenueOrdersComposedChart as RevenueOrdersComposedChartType } from './components/revenue-orders-composed-chart';\nimport type { SalesTargetRadialChart as SalesTargetRadialChartType } from './components/sales-target-radial-chart';\nimport type { SankeyFlowChart as SankeyFlowChartType } from './components/sankey-flow-chart';\nimport type { SparklineChart as SparklineChartType } from './components/sparkline-chart';\nimport type { StackedAreaChart as StackedAreaChartType } from './components/stacked-area-chart';\nimport type { TopProductsBarChart as TopProductsBarChartType } from './components/top-products-bar-chart';\nimport type { VolumeBarChart as VolumeBarChartType } from './components/volume-bar-chart';\nimport type { WaterfallChart as WaterfallChartType } from './components/waterfall-chart';\n\nexport type { ActivityHeatmapChartProps } from './components/activity-heatmap-chart';\nexport type { CandlestickChartProps } from './components/candlestick-chart';\nexport type { ConversionFunnelChartProps, FunnelStage } from './components/conversion-funnel-chart';\nexport type { CorrelationScatterChartProps } from './components/correlation-scatter-chart';\n// Named types beyond each component's own `XChartProps`, re-exported for consumers.\nexport type { DonutChartProps, DonutChartSegment } from './components/donut-chart';\nexport type { GainLossBarChartProps } from './components/gain-loss-bar-chart';\nexport type { IndexedPerformanceLineChartProps } from './components/indexed-performance-line-chart';\nexport type { MetricRadarChartProps } from './components/metric-radar-chart';\nexport type { MirroredBarChartProps, MirroredBarRow } from './components/mirrored-bar-chart';\nexport type { OrdersBarChartProps } from './components/orders-bar-chart';\nexport type { PortfolioAllocationTreemapProps } from './components/portfolio-allocation-treemap';\nexport type { PriceRangeAreaChartProps } from './components/price-range-area-chart';\nexport type { RevenueAreaChartProps } from './components/revenue-area-chart';\nexport type { RevenueOrdersComposedChartProps, RevenueOrdersPoint } from './components/revenue-orders-composed-chart';\nexport type { SalesTargetRadialChartProps } from './components/sales-target-radial-chart';\nexport type { SankeyFlowChartProps, SankeyFlowLink, SankeyFlowNode } from './components/sankey-flow-chart';\nexport type { SparklineChartProps } from './components/sparkline-chart';\nexport type { StackedAreaChartProps } from './components/stacked-area-chart';\nexport type { TopProductsBarChartProps } from './components/top-products-bar-chart';\nexport type { VolumeBarChartProps } from './components/volume-bar-chart';\nexport type { WaterfallChartProps } from './components/waterfall-chart';\n\n/** Aspect-video-shaped pulse placeholder shown while a lazy chart chunk is still loading. */\nfunction ChartSkeleton() {\n  return <Skeleton data-slot=\"chart-skeleton\" className=\"aspect-video w-full rounded\" />;\n}\n\n/**\n * Wraps a `lazy()`-loaded chart in its own `Suspense` boundary so it can be dropped anywhere\n * without callers needing to set up Suspense themselves. Keeps this file itself small — each\n * chart's `recharts` sub-tree only loads when a page actually renders that chart type.\n */\nfunction lazyChart<P extends object>(loader: () => Promise<{ default: ComponentType<P> }>): ComponentType<P> {\n  const LazyComponent = lazy(loader);\n  return (props: P) => (\n    <Suspense fallback={<ChartSkeleton />}>\n      <LazyComponent {...props} />\n    </Suspense>\n  );\n}\n\nconst ActivityHeatmapChart = lazyChart<ComponentProps<typeof ActivityHeatmapChartType>>(() =>\n  import('./components/activity-heatmap-chart').then(m => ({ default: m.ActivityHeatmapChart }))\n);\nconst CandlestickChart = lazyChart<ComponentProps<typeof CandlestickChartType>>(() =>\n  import('./components/candlestick-chart').then(m => ({ default: m.CandlestickChart }))\n);\nconst ConversionFunnelChart = lazyChart<ComponentProps<typeof ConversionFunnelChartType>>(() =>\n  import('./components/conversion-funnel-chart').then(m => ({ default: m.ConversionFunnelChart }))\n);\nconst CorrelationScatterChart = lazyChart<ComponentProps<typeof CorrelationScatterChartType>>(() =>\n  import('./components/correlation-scatter-chart').then(m => ({ default: m.CorrelationScatterChart }))\n);\nconst DonutChart = lazyChart<ComponentProps<typeof DonutChartType>>(() => import('./components/donut-chart').then(m => ({ default: m.DonutChart })));\nconst GainLossBarChart = lazyChart<ComponentProps<typeof GainLossBarChartType>>(() =>\n  import('./components/gain-loss-bar-chart').then(m => ({ default: m.GainLossBarChart }))\n);\nconst IndexedPerformanceLineChart = lazyChart<ComponentProps<typeof IndexedPerformanceLineChartType>>(() =>\n  import('./components/indexed-performance-line-chart').then(m => ({ default: m.IndexedPerformanceLineChart }))\n);\nconst MetricRadarChart = lazyChart<ComponentProps<typeof MetricRadarChartType>>(() =>\n  import('./components/metric-radar-chart').then(m => ({ default: m.MetricRadarChart }))\n);\nconst MirroredBarChart = lazyChart<ComponentProps<typeof MirroredBarChartType>>(() =>\n  import('./components/mirrored-bar-chart').then(m => ({ default: m.MirroredBarChart }))\n);\nconst OrdersBarChart = lazyChart<ComponentProps<typeof OrdersBarChartType>>(() =>\n  import('./components/orders-bar-chart').then(m => ({ default: m.OrdersBarChart }))\n);\nconst PortfolioAllocationTreemap = lazyChart<ComponentProps<typeof PortfolioAllocationTreemapType>>(() =>\n  import('./components/portfolio-allocation-treemap').then(m => ({ default: m.PortfolioAllocationTreemap }))\n);\nconst PriceRangeAreaChart = lazyChart<ComponentProps<typeof PriceRangeAreaChartType>>(() =>\n  import('./components/price-range-area-chart').then(m => ({ default: m.PriceRangeAreaChart }))\n);\nconst RevenueAreaChart = lazyChart<ComponentProps<typeof RevenueAreaChartType>>(() =>\n  import('./components/revenue-area-chart').then(m => ({ default: m.RevenueAreaChart }))\n);\nconst RevenueOrdersComposedChart = lazyChart<ComponentProps<typeof RevenueOrdersComposedChartType>>(() =>\n  import('./components/revenue-orders-composed-chart').then(m => ({ default: m.RevenueOrdersComposedChart }))\n);\nconst SalesTargetRadialChart = lazyChart<ComponentProps<typeof SalesTargetRadialChartType>>(() =>\n  import('./components/sales-target-radial-chart').then(m => ({ default: m.SalesTargetRadialChart }))\n);\nconst SankeyFlowChart = lazyChart<ComponentProps<typeof SankeyFlowChartType>>(() =>\n  import('./components/sankey-flow-chart').then(m => ({ default: m.SankeyFlowChart }))\n);\nconst SparklineChart = lazyChart<ComponentProps<typeof SparklineChartType>>(() =>\n  import('./components/sparkline-chart').then(m => ({ default: m.SparklineChart }))\n);\nconst StackedAreaChart = lazyChart<ComponentProps<typeof StackedAreaChartType>>(() =>\n  import('./components/stacked-area-chart').then(m => ({ default: m.StackedAreaChart }))\n);\nconst TopProductsBarChart = lazyChart<ComponentProps<typeof TopProductsBarChartType>>(() =>\n  import('./components/top-products-bar-chart').then(m => ({ default: m.TopProductsBarChart }))\n);\nconst VolumeBarChart = lazyChart<ComponentProps<typeof VolumeBarChartType>>(() =>\n  import('./components/volume-bar-chart').then(m => ({ default: m.VolumeBarChart }))\n);\nconst WaterfallChart = lazyChart<ComponentProps<typeof WaterfallChartType>>(() =>\n  import('./components/waterfall-chart').then(m => ({ default: m.WaterfallChart }))\n);\n\nexport {\n  ActivityHeatmapChart,\n  CandlestickChart,\n  ConversionFunnelChart,\n  CorrelationScatterChart,\n  DonutChart,\n  GainLossBarChart,\n  IndexedPerformanceLineChart,\n  MetricRadarChart,\n  MirroredBarChart,\n  OrdersBarChart,\n  PortfolioAllocationTreemap,\n  PriceRangeAreaChart,\n  RevenueAreaChart,\n  RevenueOrdersComposedChart,\n  SalesTargetRadialChart,\n  SankeyFlowChart,\n  SparklineChart,\n  StackedAreaChart,\n  TopProductsBarChart,\n  VolumeBarChart,\n  WaterfallChart,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../packages/components/features/charts/utils.ts","../../../packages/components/features/charts/index.tsx"],"sourcesContent":["const CHART_COLOR_COUNT = 8;\n\n/** Cycles through the eight `--chart-N` theme palette variables. */\nexport const getChartColor = (index: number): string => `var(--chart-${(((index % CHART_COLOR_COUNT) + CHART_COLOR_COUNT) % CHART_COLOR_COUNT) + 1})`;\n\nexport const formatCompactNumber = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: 1 }).format(value);\n\nexport const formatCurrency = (value: number, currency = 'USD', locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n    notation: Math.abs(value) >= 10_000 ? 'compact' : 'standard',\n    maximumFractionDigits: Math.abs(value) >= 10_000 ? 1 : 0,\n  }).format(value);\n\nexport const formatPercent = (value: number, locale = 'en-US'): string =>\n  new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1 }).format(value);\n\nexport const toDateLabel = (date: string | Date, locale = 'en-US'): string => {\n  const parsed = date instanceof Date ? date : new Date(date);\n  if (Number.isNaN(parsed.getTime())) return String(date);\n  return parsed.toLocaleDateString(locale, { month: 'short', day: 'numeric' });\n};\n\n/** Picks an up/down color by comparing `current` against `reference` (e.g. close vs. open, or vs. zero). */\nexport const getDirectionColor = (current: number, reference: number, colors?: { up?: string; down?: string }): string =>\n  current >= reference ? (colors?.up ?? 'var(--success)') : (colors?.down ?? 'var(--danger)');\n\nexport const formatSignedPercent = (value: number, locale = 'en-US'): string => {\n  const formatted = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1, signDisplay: 'exceptZero' }).format(value);\n  return formatted;\n};\n\n/**\n * Normalizes each of `seriesKeys` in `data` to a common `base` value at its first defined point,\n * so relative performance across series with different price scales becomes directly comparable.\n */\nexport const computeIndexedSeries = <T extends { date: string | Date } & Record<string, unknown>>(\n  data: readonly T[],\n  seriesKeys: readonly string[],\n  base = 100\n): Array<Record<string, string | Date | number>> => {\n  const baseValues: Record<string, number | undefined> = {};\n  for (const key of seriesKeys) {\n    const first = data.find(point => typeof point[key] === 'number')?.[key] as number | undefined;\n    baseValues[key] = first;\n  }\n\n  return data.map(point => {\n    const indexed: Record<string, number> = {};\n    for (const key of seriesKeys) {\n      const raw = point[key];\n      const baseValue = baseValues[key];\n      indexed[key] = typeof raw === 'number' && baseValue ? (raw / baseValue) * base : Number.NaN;\n    }\n    return { date: point.date, ...indexed };\n  });\n};\n","'use client';\n\n/**\n * @module @customafk/lunas-ui/features/charts\n *\n * Prebuilt Recharts-based dashboard charts for ecommerce, finance/stock, and general analytics\n * CMS screens — revenue trends, order volumes, product rankings, category breakdowns, conversion\n * funnels, sales targets, KPI sparklines, candlesticks, trading volume, portfolio allocation,\n * indexed performance comparison, gain/loss bars, waterfalls, stacked composition, radar\n * comparisons, correlation/bubble scatter, activity heatmaps, mirrored comparisons, and Sankey\n * flow diagrams. Built on the `@customafk/lunas-ui/ui/chart` primitives.\n *\n * Each chart is loaded on demand behind `React.lazy` — a page that renders only a couple of\n * these only pays for the recharts sub-tree those specific charts need, not all twenty.\n *\n * Requires the `recharts` peer dependency.\n *\n * @example\n * ```tsx\n * import {\n *   ActivityHeatmapChart,\n *   CandlestickChart,\n *   ConversionFunnelChart,\n *   CorrelationScatterChart,\n *   DonutChart,\n *   GainLossBarChart,\n *   IndexedPerformanceLineChart,\n *   MetricRadarChart,\n *   MirroredBarChart,\n *   OrdersBarChart,\n *   PortfolioAllocationTreemap,\n *   PriceRangeAreaChart,\n *   RevenueAreaChart,\n *   RevenueOrdersComposedChart,\n *   SalesTargetRadialChart,\n *   SankeyFlowChart,\n *   SparklineChart,\n *   StackedAreaChart,\n *   TopProductsBarChart,\n *   VolumeBarChart,\n *   WaterfallChart,\n * } from '@customafk/lunas-ui/features/charts';\n * ```\n */\nimport type { ComponentProps, ComponentType } from 'react';\nimport { lazy, Suspense } from 'react';\n\nimport { Skeleton } from '@/components/ui/skeleton';\n\nexport * from './types';\nexport * from './utils';\n\nimport type { ActivityHeatmapChart as ActivityHeatmapChartType } from './components/activity-heatmap-chart';\nimport type { CandlestickChart as CandlestickChartType } from './components/candlestick-chart';\nimport type { ConversionFunnelChart as ConversionFunnelChartType } from './components/conversion-funnel-chart';\nimport type { CorrelationScatterChart as CorrelationScatterChartType } from './components/correlation-scatter-chart';\nimport type { DonutChart as DonutChartType } from './components/donut-chart';\nimport type { GainLossBarChart as GainLossBarChartType } from './components/gain-loss-bar-chart';\nimport type { IndexedPerformanceLineChart as IndexedPerformanceLineChartType } from './components/indexed-performance-line-chart';\nimport type { MetricRadarChart as MetricRadarChartType } from './components/metric-radar-chart';\nimport type { MirroredBarChart as MirroredBarChartType } from './components/mirrored-bar-chart';\nimport type { OrdersBarChart as OrdersBarChartType } from './components/orders-bar-chart';\nimport type { PortfolioAllocationTreemap as PortfolioAllocationTreemapType } from './components/portfolio-allocation-treemap';\nimport type { PriceRangeAreaChart as PriceRangeAreaChartType } from './components/price-range-area-chart';\nimport type { RevenueAreaChart as RevenueAreaChartType } from './components/revenue-area-chart';\nimport type { RevenueOrdersComposedChart as RevenueOrdersComposedChartType } from './components/revenue-orders-composed-chart';\nimport type { SalesTargetRadialChart as SalesTargetRadialChartType } from './components/sales-target-radial-chart';\nimport type { SankeyFlowChart as SankeyFlowChartType } from './components/sankey-flow-chart';\nimport type { SparklineChart as SparklineChartType } from './components/sparkline-chart';\nimport type { StackedAreaChart as StackedAreaChartType } from './components/stacked-area-chart';\nimport type { TopProductsBarChart as TopProductsBarChartType } from './components/top-products-bar-chart';\nimport type { VolumeBarChart as VolumeBarChartType } from './components/volume-bar-chart';\nimport type { WaterfallChart as WaterfallChartType } from './components/waterfall-chart';\n\nexport type { ActivityHeatmapChartProps } from './components/activity-heatmap-chart';\nexport type { CandlestickChartProps } from './components/candlestick-chart';\nexport type { ConversionFunnelChartProps, FunnelStage } from './components/conversion-funnel-chart';\nexport type { CorrelationScatterChartProps } from './components/correlation-scatter-chart';\n// Named types beyond each component's own `XChartProps`, re-exported for consumers.\nexport type { DonutChartProps, DonutChartSegment } from './components/donut-chart';\nexport type { GainLossBarChartProps } from './components/gain-loss-bar-chart';\nexport type { IndexedPerformanceLineChartProps } from './components/indexed-performance-line-chart';\nexport type { MetricRadarChartProps } from './components/metric-radar-chart';\nexport type { MirroredBarChartProps, MirroredBarRow } from './components/mirrored-bar-chart';\nexport type { OrdersBarChartProps } from './components/orders-bar-chart';\nexport type { PortfolioAllocationTreemapProps } from './components/portfolio-allocation-treemap';\nexport type { PriceRangeAreaChartProps } from './components/price-range-area-chart';\nexport type { RevenueAreaChartProps } from './components/revenue-area-chart';\nexport type { RevenueOrdersComposedChartProps, RevenueOrdersPoint } from './components/revenue-orders-composed-chart';\nexport type { SalesTargetRadialChartProps } from './components/sales-target-radial-chart';\nexport type { SankeyFlowChartProps, SankeyFlowLink, SankeyFlowNode } from './components/sankey-flow-chart';\nexport type { SparklineChartProps } from './components/sparkline-chart';\nexport type { StackedAreaChartProps } from './components/stacked-area-chart';\nexport type { TopProductsBarChartProps } from './components/top-products-bar-chart';\nexport type { VolumeBarChartProps } from './components/volume-bar-chart';\nexport type { WaterfallChartProps } from './components/waterfall-chart';\n\n/** Aspect-video-shaped pulse placeholder shown while a lazy chart chunk is still loading. */\nfunction ChartSkeleton() {\n  return <Skeleton data-slot=\"chart-skeleton\" className=\"aspect-video w-full rounded\" />;\n}\n\n/**\n * Wraps a `lazy()`-loaded chart in its own `Suspense` boundary so it can be dropped anywhere\n * without callers needing to set up Suspense themselves. Keeps this file itself small — each\n * chart's `recharts` sub-tree only loads when a page actually renders that chart type.\n */\nfunction lazyChart<P extends object>(loader: () => Promise<{ default: ComponentType<P> }>): ComponentType<P> {\n  const LazyComponent = lazy(loader);\n  return (props: P) => (\n    <Suspense fallback={<ChartSkeleton />}>\n      <LazyComponent {...props} />\n    </Suspense>\n  );\n}\n\nconst ActivityHeatmapChart = lazyChart<ComponentProps<typeof ActivityHeatmapChartType>>(() =>\n  import('./components/activity-heatmap-chart').then(m => ({ default: m.ActivityHeatmapChart }))\n);\nconst CandlestickChart = lazyChart<ComponentProps<typeof CandlestickChartType>>(() =>\n  import('./components/candlestick-chart').then(m => ({ default: m.CandlestickChart }))\n);\nconst ConversionFunnelChart = lazyChart<ComponentProps<typeof ConversionFunnelChartType>>(() =>\n  import('./components/conversion-funnel-chart').then(m => ({ default: m.ConversionFunnelChart }))\n);\nconst CorrelationScatterChart = lazyChart<ComponentProps<typeof CorrelationScatterChartType>>(() =>\n  import('./components/correlation-scatter-chart').then(m => ({ default: m.CorrelationScatterChart }))\n);\nconst DonutChart = lazyChart<ComponentProps<typeof DonutChartType>>(() => import('./components/donut-chart').then(m => ({ default: m.DonutChart })));\nconst GainLossBarChart = lazyChart<ComponentProps<typeof GainLossBarChartType>>(() =>\n  import('./components/gain-loss-bar-chart').then(m => ({ default: m.GainLossBarChart }))\n);\nconst IndexedPerformanceLineChart = lazyChart<ComponentProps<typeof IndexedPerformanceLineChartType>>(() =>\n  import('./components/indexed-performance-line-chart').then(m => ({ default: m.IndexedPerformanceLineChart }))\n);\nconst MetricRadarChart = lazyChart<ComponentProps<typeof MetricRadarChartType>>(() =>\n  import('./components/metric-radar-chart').then(m => ({ default: m.MetricRadarChart }))\n);\nconst MirroredBarChart = lazyChart<ComponentProps<typeof MirroredBarChartType>>(() =>\n  import('./components/mirrored-bar-chart').then(m => ({ default: m.MirroredBarChart }))\n);\nconst OrdersBarChart = lazyChart<ComponentProps<typeof OrdersBarChartType>>(() =>\n  import('./components/orders-bar-chart').then(m => ({ default: m.OrdersBarChart }))\n);\nconst PortfolioAllocationTreemap = lazyChart<ComponentProps<typeof PortfolioAllocationTreemapType>>(() =>\n  import('./components/portfolio-allocation-treemap').then(m => ({ default: m.PortfolioAllocationTreemap }))\n);\nconst PriceRangeAreaChart = lazyChart<ComponentProps<typeof PriceRangeAreaChartType>>(() =>\n  import('./components/price-range-area-chart').then(m => ({ default: m.PriceRangeAreaChart }))\n);\nconst RevenueAreaChart = lazyChart<ComponentProps<typeof RevenueAreaChartType>>(() =>\n  import('./components/revenue-area-chart').then(m => ({ default: m.RevenueAreaChart }))\n);\nconst RevenueOrdersComposedChart = lazyChart<ComponentProps<typeof RevenueOrdersComposedChartType>>(() =>\n  import('./components/revenue-orders-composed-chart').then(m => ({ default: m.RevenueOrdersComposedChart }))\n);\nconst SalesTargetRadialChart = lazyChart<ComponentProps<typeof SalesTargetRadialChartType>>(() =>\n  import('./components/sales-target-radial-chart').then(m => ({ default: m.SalesTargetRadialChart }))\n);\nconst SankeyFlowChart = lazyChart<ComponentProps<typeof SankeyFlowChartType>>(() =>\n  import('./components/sankey-flow-chart').then(m => ({ default: m.SankeyFlowChart }))\n);\nconst SparklineChart = lazyChart<ComponentProps<typeof SparklineChartType>>(() =>\n  import('./components/sparkline-chart').then(m => ({ default: m.SparklineChart }))\n);\nconst StackedAreaChart = lazyChart<ComponentProps<typeof StackedAreaChartType>>(() =>\n  import('./components/stacked-area-chart').then(m => ({ default: m.StackedAreaChart }))\n);\nconst TopProductsBarChart = lazyChart<ComponentProps<typeof TopProductsBarChartType>>(() =>\n  import('./components/top-products-bar-chart').then(m => ({ default: m.TopProductsBarChart }))\n);\nconst VolumeBarChart = lazyChart<ComponentProps<typeof VolumeBarChartType>>(() =>\n  import('./components/volume-bar-chart').then(m => ({ default: m.VolumeBarChart }))\n);\nconst WaterfallChart = lazyChart<ComponentProps<typeof WaterfallChartType>>(() =>\n  import('./components/waterfall-chart').then(m => ({ default: m.WaterfallChart }))\n);\n\nexport {\n  ActivityHeatmapChart,\n  CandlestickChart,\n  ConversionFunnelChart,\n  CorrelationScatterChart,\n  DonutChart,\n  GainLossBarChart,\n  IndexedPerformanceLineChart,\n  MetricRadarChart,\n  MirroredBarChart,\n  OrdersBarChart,\n  PortfolioAllocationTreemap,\n  PriceRangeAreaChart,\n  RevenueAreaChart,\n  RevenueOrdersComposedChart,\n  SalesTargetRadialChart,\n  SankeyFlowChart,\n  SparklineChart,\n  StackedAreaChart,\n  TopProductsBarChart,\n  VolumeBarChart,\n  WaterfallChart,\n};\n"],"mappings":"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"}