bruv-ui 0.2.0

package/dist/area-chart.d.ts

@@ -0,0 +1,84 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode, FC } from 'react';
+import { a as ChartConfig, f as TooltipVariant, T as TooltipRoundness } from './chart-tooltip-DajpzJRy.js';
+import { Area as Area$1, AreaChart as AreaChart$1, CartesianGrid, XAxis as XAxis$1, YAxis as YAxis$1 } from 'recharts';
+import { b as ChartLegendVariant } from './chart-legend-Dv9pqes-.js';
+import { a as BrushRange } from './chart-brush-BoxY9aDm.js';
+import { D as DotVariant } from './chart-dot-8H287EDv.js';
+import 'recharts/types/component/DefaultTooltipContent';
+
+type CurveType = ComponentProps<typeof Area$1>["type"];
+type AreaVariant = "gradient" | "gradient-reverse" | "solid";
+type StrokeVariant = "solid" | "dashed" | "animated-dashed";
+type StackType = "default" | "expanded" | "stacked";
+type AreaAnimationType = "none" | "left-to-right" | "right-to-left" | "center-out" | "edges-in";
+type ValidateConfigKeys<TData, TConfig> = {
+    [K in keyof TConfig]: K extends keyof TData ? ChartConfig[string] : never;
+};
+type AreaChartBaseProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = {
+    config: TConfig & ValidateConfigKeys<TData, TConfig>;
+    data: TData[];
+    children: ReactNode;
+    className?: string;
+    chartProps?: ComponentProps<typeof AreaChart$1>;
+    curveType?: CurveType;
+    animationType?: AreaAnimationType;
+    stackType?: StackType;
+    defaultSelectedDataKey?: string | null;
+    onSelectionChange?: (selectedDataKey: string | null) => void;
+    isLoading?: boolean;
+    loadingPoints?: number;
+    showBrush?: boolean;
+    xDataKey?: keyof TData & string;
+    brushHeight?: number;
+    brushFormatLabel?: (value: unknown, index: number) => string;
+    onBrushChange?: (range: BrushRange) => void;
+};
+type AreaChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = AreaChartBaseProps<TData, TConfig>;
+
+declare function AreaChart<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>>({ config, data, children, className, chartProps, curveType, animationType, stackType, defaultSelectedDataKey, onSelectionChange, isLoading, loadingPoints, showBrush, xDataKey, brushHeight, brushFormatLabel, onBrushChange, }: AreaChartProps<TData, TConfig>): react_jsx_runtime.JSX.Element;
+type AreaProps = {
+    dataKey: string;
+    variant?: AreaVariant;
+    strokeVariant?: StrokeVariant;
+    curveType?: CurveType;
+    animationType?: AreaAnimationType;
+    connectNulls?: boolean;
+    isClickable?: boolean;
+    children?: ReactNode;
+    areaProps?: ComponentProps<typeof Area$1>;
+};
+declare function Area({ dataKey, variant, strokeVariant, curveType, animationType, connectNulls, isClickable, children, areaProps, }: AreaProps): react_jsx_runtime.JSX.Element | null;
+type DotProps = {
+    variant?: DotVariant;
+};
+declare const Dot: FC<DotProps>;
+declare const ActiveDot: FC<DotProps>;
+type XAxisProps = ComponentProps<typeof XAxis$1>;
+declare function XAxis({ tickLine, axisLine, tickMargin, minTickGap, ...props }: XAxisProps): react_jsx_runtime.JSX.Element | null;
+type YAxisProps = ComponentProps<typeof YAxis$1>;
+declare function YAxis({ tickLine, axisLine, tickMargin, minTickGap, width, tickFormatter, ...props }: YAxisProps): react_jsx_runtime.JSX.Element | null;
+type GridProps = ComponentProps<typeof CartesianGrid>;
+declare function Grid({ vertical, strokeDasharray, ...props }: GridProps): react_jsx_runtime.JSX.Element;
+type TooltipProps = {
+    variant?: TooltipVariant;
+    roundness?: TooltipRoundness;
+    defaultIndex?: number;
+    cursor?: boolean;
+};
+declare function Tooltip({ variant, roundness, defaultIndex, cursor, }: TooltipProps): react_jsx_runtime.JSX.Element | null;
+type LegendProps = {
+    variant?: ChartLegendVariant;
+    align?: "left" | "center" | "right";
+    verticalAlign?: "top" | "middle" | "bottom";
+    isClickable?: boolean;
+};
+declare function Legend({ variant, align, verticalAlign, isClickable, }: LegendProps): react_jsx_runtime.JSX.Element;
+declare function useLoadingData(isLoading: boolean, loadingPoints?: number): {
+    loadingData: {
+        loading: number;
+    }[];
+    onShimmerExit: () => void;
+};
+
+export { ActiveDot, Area, AreaChart, type AreaChartProps, Dot, Grid, Legend, Tooltip, XAxis, YAxis, useLoadingData };