@mlw-packages/react-components 1.5.7 → 1.5.8

package/dist/index.d.mts

@@ -570,6 +570,16 @@ type ModeToggleBaseProps = {
 };
 declare function ModeToggleBase({ themes, }: ModeToggleBaseProps): react_jsx_runtime.JSX.Element;
 
+interface DestructiveDialogProps {
+    title: string;
+    description: string;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    children?: React$1.ReactNode;
+    triggerContent?: React$1.ReactNode;
+}
+declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
+
 interface DateTimePickerProps {
     label?: string;
     date: Date | undefined;
@@ -695,15 +705,186 @@ interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps
 type SelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
 declare function Select<T extends string>({ items, groupItems, placeholder, onChange, errorMessage, testIds, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
-interface DestructiveDialogProps {
-    title: string;
-    description: string;
-    onConfirm: () => void;
-    onCancel?: () => void;
-    children?: React$1.ReactNode;
-    triggerContent?: React$1.ReactNode;
+interface ChartData {
+    [key: string]: string | number | boolean | null | undefined;
 }
-declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
+interface XAxisConfig$1 {
+    dataKey: string;
+    label?: string;
+    formatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+type SeriesProp = {
+    bar?: string[];
+    line?: string[];
+    area?: string[];
+};
+interface ChartProps {
+    data: ChartData[];
+    series?: SeriesProp;
+    className?: string;
+    chartMargin?: Partial<{
+        top: number;
+        right: number;
+        left: number;
+        bottom: number;
+    }>;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    xAxis?: XAxisConfig$1 | string;
+    enableHighlights?: boolean;
+    enableShowOnly?: boolean;
+    enablePeriodsDropdown?: boolean;
+    enableDraggableTooltips?: boolean;
+    showTooltipTotal?: boolean;
+    maxTooltips?: number;
+}
+declare const Chart: React__default.FC<ChartProps>;
+
+declare const formatFieldName: (fieldName: string) => string;
+declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
+declare const detectXAxis: (data: Record<string, unknown>[]) => string;
+declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
+declare const niceCeil: (value: number) => number;
+declare const compactTick: (value: number) => string;
+type Padding = number | Partial<{
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}>;
+type Margins = Partial<{
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+}>;
+declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
+declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+};
+
+type Variant = "filled" | "outline" | "soft";
+type LabelRendererProps = {
+    x?: number | string;
+    y?: number | string;
+    value?: number | string;
+    index?: number;
+    payload?: unknown;
+    width?: number | string;
+    height?: number | string;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    } | Record<string, unknown> | undefined;
+    cx?: number | string;
+    cy?: number | string;
+};
+declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+interface BarChartData {
+    [key: string]: string | number | boolean | null | undefined;
+}
+interface XAxisConfig {
+    dataKey: string;
+    label?: string;
+    formatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+interface DataMapper {
+    [dataKey: string]: {
+        label?: string;
+        formatter?: (value: string | number) => string | number;
+        color?: string;
+        type?: "number" | "string" | "auto";
+        visible?: boolean;
+    };
+}
+interface BarChartProps {
+    data: BarChartData[];
+    className?: string;
+    padding?: Padding;
+    margins?: Margins;
+    containerPaddingLeft?: number;
+    chartMargins?: Margins;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    xAxis?: XAxisConfig | string;
+    mapper?: DataMapper | string[];
+    yAxis?: DataMapper | string[];
+    autoDetect?: boolean;
+}
+declare const BarChart: React__default.FC<BarChartProps>;
+
+interface LineChartData {
+    name: string;
+    [key: string]: string | number;
+}
+interface CustomLineChartProps {
+    data?: LineChartData[];
+    className?: string;
+    padding?: Padding;
+    margins?: Margins;
+    containerPaddingLeft?: number;
+    chartMargins?: Margins;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    strokeWidth?: number;
+    showDots?: boolean;
+    showLabels?: boolean;
+}
+declare const CustomLineChart: React__default.FC<CustomLineChartProps>;
+
+interface PieChartData {
+    name: string;
+    value: number;
+    [key: string]: string | number;
+}
+interface CustomPieChartProps {
+    data?: PieChartData[];
+    className?: string;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    showLabels?: boolean;
+    innerRadius?: number;
+    outerRadius?: number;
+    centerX?: string | number;
+    centerY?: string | number;
+}
+declare const CustomPieChart: React__default.FC<CustomPieChartProps>;
 
 interface Props$4 {
     processedData: Array<{
@@ -819,51 +1000,16 @@ interface Props {
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
-declare const formatFieldName: (fieldName: string) => string;
-declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
-declare const detectXAxis: (data: Record<string, unknown>[]) => string;
-declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
-declare const niceCeil: (value: number) => number;
-declare const compactTick: (value: number) => string;
-type Padding = number | Partial<{
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-}>;
-type Margins = Partial<{
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-}>;
-declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
-declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-};
-
-type Variant = "filled" | "outline" | "soft";
-type LabelRendererProps = {
-    x?: number | string;
-    y?: number | string;
-    value?: number | string;
-    index?: number;
-    payload?: unknown;
-    width?: number | string;
-    height?: number | string;
-    viewBox?: {
-        x?: number;
-        y?: number;
-        width?: number;
-        height?: number;
-    } | Record<string, unknown> | undefined;
-    cx?: number | string;
-    cy?: number | string;
-};
-declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+interface UseChartHighlightsReturn {
+    highlightedSeries: Set<string>;
+    showOnlyHighlighted: boolean;
+    toggleHighlight: (key: string) => void;
+    setShowOnlyHighlighted: (show: boolean) => void;
+    clearHighlights: () => void;
+    getSeriesStyle: (key: string) => React.CSSProperties;
+    isHighlighted: (key: string) => boolean;
+}
+declare const useChartHighlights: () => UseChartHighlightsReturn;
 
 declare function useIsMobile(): boolean;
 
@@ -884,4 +1030,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, CheckboxBase, CloseAllButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LoadingBase, type Margins, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Padding, PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UseSideBarBase, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useDrag, useIsMobile, useTheme };
+export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, Chart, CheckboxBase, CloseAllButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, CustomLineChart as LineChart, LoadingBase, type Margins, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Padding, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UseSideBarBase, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useChartHighlights, useDrag, useIsMobile, useTheme };

package/dist/index.d.ts

@@ -570,6 +570,16 @@ type ModeToggleBaseProps = {
 };
 declare function ModeToggleBase({ themes, }: ModeToggleBaseProps): react_jsx_runtime.JSX.Element;
 
+interface DestructiveDialogProps {
+    title: string;
+    description: string;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    children?: React$1.ReactNode;
+    triggerContent?: React$1.ReactNode;
+}
+declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
+
 interface DateTimePickerProps {
     label?: string;
     date: Date | undefined;
@@ -695,15 +705,186 @@ interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps
 type SelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
 declare function Select<T extends string>({ items, groupItems, placeholder, onChange, errorMessage, testIds, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
-interface DestructiveDialogProps {
-    title: string;
-    description: string;
-    onConfirm: () => void;
-    onCancel?: () => void;
-    children?: React$1.ReactNode;
-    triggerContent?: React$1.ReactNode;
+interface ChartData {
+    [key: string]: string | number | boolean | null | undefined;
 }
-declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
+interface XAxisConfig$1 {
+    dataKey: string;
+    label?: string;
+    formatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+type SeriesProp = {
+    bar?: string[];
+    line?: string[];
+    area?: string[];
+};
+interface ChartProps {
+    data: ChartData[];
+    series?: SeriesProp;
+    className?: string;
+    chartMargin?: Partial<{
+        top: number;
+        right: number;
+        left: number;
+        bottom: number;
+    }>;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    xAxis?: XAxisConfig$1 | string;
+    enableHighlights?: boolean;
+    enableShowOnly?: boolean;
+    enablePeriodsDropdown?: boolean;
+    enableDraggableTooltips?: boolean;
+    showTooltipTotal?: boolean;
+    maxTooltips?: number;
+}
+declare const Chart: React__default.FC<ChartProps>;
+
+declare const formatFieldName: (fieldName: string) => string;
+declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
+declare const detectXAxis: (data: Record<string, unknown>[]) => string;
+declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
+declare const niceCeil: (value: number) => number;
+declare const compactTick: (value: number) => string;
+type Padding = number | Partial<{
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}>;
+type Margins = Partial<{
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+}>;
+declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
+declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+};
+
+type Variant = "filled" | "outline" | "soft";
+type LabelRendererProps = {
+    x?: number | string;
+    y?: number | string;
+    value?: number | string;
+    index?: number;
+    payload?: unknown;
+    width?: number | string;
+    height?: number | string;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    } | Record<string, unknown> | undefined;
+    cx?: number | string;
+    cy?: number | string;
+};
+declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+interface BarChartData {
+    [key: string]: string | number | boolean | null | undefined;
+}
+interface XAxisConfig {
+    dataKey: string;
+    label?: string;
+    formatter?: (value: string | number) => string;
+    autoLabel?: boolean;
+}
+interface DataMapper {
+    [dataKey: string]: {
+        label?: string;
+        formatter?: (value: string | number) => string | number;
+        color?: string;
+        type?: "number" | "string" | "auto";
+        visible?: boolean;
+    };
+}
+interface BarChartProps {
+    data: BarChartData[];
+    className?: string;
+    padding?: Padding;
+    margins?: Margins;
+    containerPaddingLeft?: number;
+    chartMargins?: Margins;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    showLabels?: boolean;
+    labelMap?: Record<string, string>;
+    xAxis?: XAxisConfig | string;
+    mapper?: DataMapper | string[];
+    yAxis?: DataMapper | string[];
+    autoDetect?: boolean;
+}
+declare const BarChart: React__default.FC<BarChartProps>;
+
+interface LineChartData {
+    name: string;
+    [key: string]: string | number;
+}
+interface CustomLineChartProps {
+    data?: LineChartData[];
+    className?: string;
+    padding?: Padding;
+    margins?: Margins;
+    containerPaddingLeft?: number;
+    chartMargins?: Margins;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    gridColor?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    title?: string;
+    titlePosition?: "left" | "center" | "right";
+    strokeWidth?: number;
+    showDots?: boolean;
+    showLabels?: boolean;
+}
+declare const CustomLineChart: React__default.FC<CustomLineChartProps>;
+
+interface PieChartData {
+    name: string;
+    value: number;
+    [key: string]: string | number;
+}
+interface CustomPieChartProps {
+    data?: PieChartData[];
+    className?: string;
+    height?: number;
+    width?: number | string;
+    colors?: string[];
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    showLabels?: boolean;
+    innerRadius?: number;
+    outerRadius?: number;
+    centerX?: string | number;
+    centerY?: string | number;
+}
+declare const CustomPieChart: React__default.FC<CustomPieChartProps>;
 
 interface Props$4 {
     processedData: Array<{
@@ -819,51 +1000,16 @@ interface Props {
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
-declare const formatFieldName: (fieldName: string) => string;
-declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
-declare const detectXAxis: (data: Record<string, unknown>[]) => string;
-declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
-declare const niceCeil: (value: number) => number;
-declare const compactTick: (value: number) => string;
-type Padding = number | Partial<{
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-}>;
-type Margins = Partial<{
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-}>;
-declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
-declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-};
-
-type Variant = "filled" | "outline" | "soft";
-type LabelRendererProps = {
-    x?: number | string;
-    y?: number | string;
-    value?: number | string;
-    index?: number;
-    payload?: unknown;
-    width?: number | string;
-    height?: number | string;
-    viewBox?: {
-        x?: number;
-        y?: number;
-        width?: number;
-        height?: number;
-    } | Record<string, unknown> | undefined;
-    cx?: number | string;
-    cy?: number | string;
-};
-declare const renderPillLabel: (color: string, variant: Variant) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+interface UseChartHighlightsReturn {
+    highlightedSeries: Set<string>;
+    showOnlyHighlighted: boolean;
+    toggleHighlight: (key: string) => void;
+    setShowOnlyHighlighted: (show: boolean) => void;
+    clearHighlights: () => void;
+    getSeriesStyle: (key: string) => React.CSSProperties;
+    isHighlighted: (key: string) => boolean;
+}
+declare const useChartHighlights: () => UseChartHighlightsReturn;
 
 declare function useIsMobile(): boolean;
 
@@ -884,4 +1030,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, CheckboxBase, CloseAllButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LoadingBase, type Margins, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Padding, PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UseSideBarBase, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useDrag, useIsMobile, useTheme };
+export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, Chart, CheckboxBase, CloseAllButton, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, CustomLineChart as LineChart, LoadingBase, type Margins, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Padding, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UseSideBarBase, badgeVariants, buttonVariantsBase, compactTick, detectDataFields, detectXAxis, formatFieldName, generateAdditionalColors, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, toast, useChartHighlights, useDrag, useIsMobile, useTheme };