@kashifd/jwero-components 0.7.80 → 0.7.82

package/dist/src/App.d.ts

@@ -0,0 +1,6 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+export declare const Test2: () => import("react/jsx-runtime").JSX.Element;
+export declare const TabsTest: () => import("react/jsx-runtime").JSX.Element;
+export declare const JweroMenuTest: () => import("react/jsx-runtime").JSX.Element;
+export declare const TableTest: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JweroAccordian.d.ts

@@ -0,0 +1,7 @@
+type JweroAccordionProps = {
+    className?: string;
+    label?: string;
+    description?: string;
+};
+declare const JweroAccordion: ({ className, label, description, }: JweroAccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default JweroAccordion;

package/dist/src/components/JweroBreadcrumbs.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material';
+
+type BreadcrumbItem = {
+    label: string;
+    value: string;
+};
+type BreadcrumbsProps = {
+    items: BreadcrumbItem[];
+    onClick: (item: BreadcrumbItem) => void;
+    selectedItem?: string | null;
+    sx?: SxProps<Theme>;
+};
+declare const JweroBreadcrumbs: ({ items, onClick, selectedItem, sx, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export default JweroBreadcrumbs;

package/dist/src/components/JweroChip.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { Theme, SxProps } from '@mui/material';
+import { CustomTypographyProps } from './JweroTypography';
+import { JweroUserAvatarType } from './jwero_avatars';
+
+type JweroChipsType = {
+    boxSx?: SxProps<Theme>;
+    icon?: React.ReactNode;
+    iconPosition?: "before" | "after";
+    avatar?: boolean;
+    avatarPosition?: "before" | "after";
+    radioButton?: boolean;
+    radioButtonPosition?: "before" | "after";
+    checkBox?: boolean;
+    checkBoxPosition?: "before" | "after";
+    label?: string;
+    onClick?: (value: string) => void;
+    onClose?: () => void;
+    labelProps?: Omit<CustomTypographyProps, "children">;
+    isChecked?: boolean;
+    value?: string;
+    avatarProps?: Omit<JweroUserAvatarType, "children">;
+    customLabel?: React.ReactNode;
+};
+declare const JweroChip: ({ boxSx, icon, iconPosition, avatar, avatarPosition, radioButton, radioButtonPosition, checkBox, checkBoxPosition, value, label, onClick, onClose, isChecked, labelProps, avatarProps, customLabel, }: JweroChipsType) => import("react/jsx-runtime").JSX.Element;
+export default JweroChip;

package/dist/src/components/JweroDialogHeader.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
+
+type JweroDialogHeaderType = {
+    title: string;
+    subTitle?: string;
+    onClose?: () => void;
+    titleComponent?: ReactNode;
+    titleIconProps?: {
+        icon?: ReactNode;
+        position?: "start" | "end";
+        sx?: SxProps<Theme>;
+    };
+    endIconProps?: {
+        flag: boolean;
+        onClickFunction?: () => void;
+        icon?: ReactNode;
+    };
+    stepProps?: {
+        flag: boolean;
+        custom_name?: string;
+        total_steps?: number;
+        current_step?: number;
+    };
+    sx?: SxProps;
+    titleSx?: SxProps;
+};
+declare const JweroDialogHeader: ({ title, subTitle, onClose, titleComponent, titleIconProps, endIconProps, stepProps, sx, titleSx, }: JweroDialogHeaderType) => import("react/jsx-runtime").JSX.Element;
+export default JweroDialogHeader;

package/dist/src/components/JweroPicker.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type ToggleSwitchProps = {};
+declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export default ToggleSwitch;

package/dist/src/components/JweroPopper.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { PopperProps, SxProps } from '@mui/material';
+
+type JweroPopperType = {
+    children: React.ReactNode;
+    open: boolean;
+    anchorEl: null | HTMLDivElement | HTMLElement;
+    placement?: PopperProps["placement"];
+    onClose: () => void;
+    boxSx?: SxProps;
+    popperProps?: PopperProps;
+};
+declare const JweroPopper: ({ children, open, placement, onClose, anchorEl, boxSx, popperProps, }: JweroPopperType) => import("react/jsx-runtime").JSX.Element;
+export default JweroPopper;

package/dist/src/components/JweroRadio.d.ts

@@ -0,0 +1,10 @@
+import { SxProps, Theme } from '@mui/system';
+
+type JweroRadioType = {
+    checked: boolean;
+    onChange?: (checked: boolean) => void;
+    sx?: SxProps<Theme>;
+    disabled?: boolean;
+};
+declare const JweroRadio: ({ checked, onChange, sx, disabled, }: JweroRadioType) => import("react/jsx-runtime").JSX.Element;
+export default JweroRadio;

package/dist/src/components/JweroSidebar.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
+
+type NavigationDataType = {
+    label: string;
+    value: string;
+    redirect_to: string;
+    icon?: ReactNode;
+    badge_props?: {
+        type?: "positive";
+        flag?: boolean;
+        badge_count?: number;
+    };
+};
+type JweroSidebarType = {
+    currentPage: string;
+    primaryNavigationData: NavigationDataType[];
+    secondaryNavigationData: NavigationDataType[];
+    onClick?: (option: NavigationDataType) => void;
+    boxSx?: SxProps<Theme>;
+};
+declare const JweroSidebar: ({ currentPage, primaryNavigationData, secondaryNavigationData, onClick, boxSx, }: JweroSidebarType) => import("react/jsx-runtime").JSX.Element;
+export default JweroSidebar;

package/dist/src/components/JweroToggleButton.d.ts

@@ -0,0 +1,9 @@
+import { SxProps, Theme } from '@mui/system';
+
+type JweroToggleButtonProps = {
+    checked: boolean;
+    onChange?: (checked: boolean) => void;
+    sx?: SxProps<Theme>;
+};
+declare const JweroToggleButton: ({ checked, onChange, sx, }: JweroToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default JweroToggleButton;

package/dist/src/components/JweroTypography.d.ts

@@ -0,0 +1,71 @@
+import { ReactNode } from 'react';
+import { Theme, SxProps } from '@mui/material';
+
+export type CustomTypographyProps = {
+    variant?: "xxxlSemibold" | "xxlSemibold" | "xxlMedium" | "xxlRegular" | "xlBold" | "xlSemibold" | "xlRegular" | "lMedium" | "lRegular" | "xlMedium";
+    children: ReactNode;
+    onClick?: () => void;
+    sx?: SxProps<Theme>;
+};
+declare const typographyStyles: {
+    xxxlSemibold: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    xxlSemibold: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    xxlMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    xxlRegular: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    xlBold: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    xlSemibold: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    xlMedium: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    xlRegular: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    lMedium: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+    lRegular: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: string;
+    };
+};
+declare const JweroTypography: ({ variant, children, onClick, sx, }: CustomTypographyProps) => import("react/jsx-runtime").JSX.Element;
+export { typographyStyles };
+export default JweroTypography;

package/dist/src/components/jwero_actions_button/index.d.ts

@@ -0,0 +1,22 @@
+import { SxProps, PopperProps } from '@mui/material';
+import { MenuOptionType } from '../jwero_button_menu/components/JweroMenu';
+
+type ButtonType = {
+    label?: string;
+    onClick: (e: React.MouseEvent<HTMLElement>) => void;
+    tooltip?: string;
+    sx?: SxProps;
+    labelSx?: SxProps;
+    popperProps?: PopperProps;
+};
+type JweroActionsButtonType = {
+    primaryButtonProps?: ButtonType;
+    secondaryButtonProps?: ButtonType & {
+        icon: React.ReactNode;
+    };
+    options: MenuOptionType[];
+    customClose?: false;
+    popperProps?: PopperProps;
+};
+declare const JweroActionsButton: ({ primaryButtonProps, secondaryButtonProps, options, customClose, popperProps, }: JweroActionsButtonType) => import("react/jsx-runtime").JSX.Element;
+export default JweroActionsButton;

package/dist/src/components/jwero_alerts/index.d.ts

@@ -0,0 +1,15 @@
+import { SxProps, Theme } from '@mui/material';
+
+type AlertType = "error" | "warning" | "info" | "success";
+type AlertVariant = "simple" | "description" | "filled";
+export interface AlertComponentProps {
+    label: string;
+    type: AlertType;
+    isClosable?: boolean;
+    onClose?: () => void;
+    variant: AlertVariant;
+    description?: string;
+    sx?: SxProps<Theme>;
+}
+declare const JweroAlert: ({ label, type, isClosable, onClose, variant, description, sx, }: AlertComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default JweroAlert;

package/dist/src/components/jwero_avatars/index.d.ts

@@ -0,0 +1,21 @@
+export type JweroUserAvatarType = {
+    name: string;
+    data?: string;
+    src?: string;
+    size?: "small" | "medium";
+    isOnline?: boolean;
+    isFollowUp?: boolean;
+    isSpam?: boolean;
+    customer?: boolean;
+    sentiment?: boolean;
+    channel?: string;
+    showCheckboxOnHover?: boolean;
+    onCheckboxClick?: () => void;
+    customSize?: number;
+    isChecked?: boolean;
+    onClick?: () => void;
+    avatarTooltip?: string;
+    showGradientBackground?: boolean;
+};
+declare const JweroUserAvatar: ({ name, src, size, isOnline, isFollowUp, isSpam, customer, sentiment, channel, showCheckboxOnHover, onCheckboxClick, customSize, isChecked, onClick, avatarTooltip, showGradientBackground, }: JweroUserAvatarType) => import("react/jsx-runtime").JSX.Element;
+export default JweroUserAvatar;

package/dist/src/components/jwero_badger/index.d.ts

@@ -0,0 +1,11 @@
+import { SxProps } from '@mui/material/styles';
+
+export type CustomBadgePropsType = "single" | "multi" | "off" | "formatted";
+export type CustomBadgeProps = {
+    type: CustomBadgePropsType;
+    count?: number;
+    stroke?: boolean;
+    sx?: SxProps;
+};
+declare const JweroBadge: ({ type, count, stroke, sx, }: CustomBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default JweroBadge;

package/dist/src/components/jwero_button_menu/components/JweroMenu.d.ts

@@ -0,0 +1,35 @@
+import { SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
+import { CustomTypographyProps } from '../../JweroTypography';
+
+type JweroMenuType = {
+    boxSx?: SxProps<Theme>;
+    menuList?: MenuListType[];
+    innerBoxSx?: SxProps<Theme>;
+};
+export type MenuListType = {
+    title?: string;
+    iconProps?: {
+        icon: ReactNode;
+        placement: "start" | "end";
+    };
+    titleSx?: SxProps<Theme>;
+    titleProps?: Omit<CustomTypographyProps, "children">;
+    options?: MenuOptionType[];
+};
+export type MenuOptionType = {
+    value: string;
+    label: string;
+    onClick?: () => void;
+    sx?: SxProps<Theme>;
+    iconProps?: {
+        icon?: ReactNode;
+        placement: "start" | "end";
+    };
+    labelProps?: Omit<CustomTypographyProps, "children">;
+    endIcon?: ReactNode;
+    tooltip?: string;
+    disable?: boolean;
+};
+declare const JweroMenu: ({ menuList, boxSx, innerBoxSx }: JweroMenuType) => import("react/jsx-runtime").JSX.Element | undefined;
+export default JweroMenu;

package/dist/src/components/jwero_button_menu/index.d.ts

@@ -0,0 +1,24 @@
+import { PopperProps, SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { CustomTypographyProps } from '../JweroTypography';
+import { MenuListType } from './components/JweroMenu';
+
+type JweroButtonMenuType = {
+    label?: string;
+    onOpenMenu?: () => void;
+    customClose?: boolean;
+    menuList?: MenuListType[];
+    iconProps?: {
+        position?: string;
+        icon?: ReactNode;
+    };
+    endIcon?: ReactNode;
+    boxSx?: SxProps;
+    innerBoxSx?: SxProps;
+    labelProps?: Omit<CustomTypographyProps, "children">;
+    menuSx?: SxProps;
+    popperSx?: SxProps;
+    popperProps?: PopperProps;
+};
+declare const JweroButtonMenu: ({ label, onOpenMenu, customClose, menuList, iconProps, endIcon, boxSx, innerBoxSx, labelProps, menuSx, popperSx, popperProps, }: JweroButtonMenuType) => import("react/jsx-runtime").JSX.Element;
+export default JweroButtonMenu;

package/dist/src/components/jwero_charts/components/AreaChart.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type AreaChartProps = {
+    data: number[];
+    labels?: any[];
+    name?: any;
+};
+declare const JweroAreaChart: React.FC<AreaChartProps>;
+export default JweroAreaChart;

package/dist/src/components/jwero_charts/components/BarChart.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface BarChartProps {
+    labels: string[];
+    data: number[];
+    barColor?: string;
+    name?: any;
+}
+declare const JweroBarChart: React.FC<BarChartProps>;
+export default JweroBarChart;

package/dist/src/components/jwero_charts/components/Funnel.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const FunnelChart: React.FC;
+export default FunnelChart;

package/dist/src/components/jwero_charts/components/FunnelChart.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type FunnelChartProps = {
+    data: number[];
+    labels?: string[];
+    name?: any;
+};
+declare const JweroFunnelChart: React.FC<FunnelChartProps>;
+export default JweroFunnelChart;

package/dist/src/components/jwero_charts/components/LineChart.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type LineChartProps = {
+    labels?: any[];
+    data: number[];
+    name?: any;
+};
+declare const JweroLineChart: React.FC<LineChartProps>;
+export default JweroLineChart;

package/dist/src/components/jwero_charts/components/MultipleLineChart.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+type EngagementChartProps = {
+    series?: {
+        name: string;
+        data: number[];
+    }[];
+    label: any[];
+};
+declare const JweroMultipleLineChart: React.FC<EngagementChartProps>;
+export default JweroMultipleLineChart;

package/dist/src/components/jwero_charts/components/NumericChart.d.ts

@@ -0,0 +1,9 @@
+import { SxProps } from '@mui/material';
+
+type NumericChartProps = {
+    data: any;
+    labelName: any;
+    sx?: SxProps;
+};
+declare const JweroNumericChart: ({ data, sx, labelName, }: NumericChartProps) => import("react/jsx-runtime").JSX.Element;
+export default JweroNumericChart;

package/dist/src/components/jwero_charts/components/PieChart.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+type PieChartProps = {
+    data?: any[];
+    labels?: any[];
+};
+declare const JweroPieChart: React.FC<PieChartProps>;
+export default JweroPieChart;

package/dist/src/components/jwero_charts/components/RacingBarChart.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type RacingBarChartProps = {
+    labels?: string[];
+    data: number[];
+    name?: any;
+};
+declare const JweroRacingBarChart: React.FC<RacingBarChartProps>;
+export default JweroRacingBarChart;

package/dist/src/components/jwero_charts/components/RadialChart.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/system';
+
+type RadialChartProps = {
+    completionRate?: number;
+    size?: number;
+    labelOptions?: {
+        name?: string;
+        nameSx?: SxProps<Theme>;
+        valueSx?: SxProps<Theme>;
+    };
+};
+declare const JweroRadialChart: React.FC<RadialChartProps>;
+export default JweroRadialChart;

package/dist/src/components/jwero_charts/index.d.ts

@@ -0,0 +1,26 @@
+import { SxProps } from '@mui/material';
+
+export type ChartProps = {
+    type?: "radial" | "pie" | "racing_bar" | "numeric" | "line" | "funnel" | "bar" | "multiple_line" | "area";
+    data: any[];
+    label: any[];
+    boxSx?: SxProps;
+    chartSx?: SxProps;
+    NumericChartData?: number;
+    completionRate?: number;
+    barColor?: string;
+    size?: number;
+    labelName?: any;
+    series?: {
+        name: string;
+        data: number[];
+    }[];
+    labelOptions?: {
+        name?: string;
+        valueSx?: SxProps;
+        nameSx?: SxProps;
+    };
+    numericCharSx?: SxProps;
+};
+declare const JweroCharts: ({ type, NumericChartData, completionRate, data, series, size, chartSx, barColor, label, labelName, labelOptions, numericCharSx }: ChartProps) => import("react/jsx-runtime").JSX.Element;
+export default JweroCharts;

package/dist/src/components/jwero_checkbox/index.d.ts

@@ -0,0 +1,10 @@
+import { SxProps, Theme } from '@mui/material';
+
+type CheckboxProps = {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    sx?: SxProps<Theme>;
+    disabled?: boolean;
+};
+declare const JweroCheckbox: ({ checked, onChange, sx, disabled, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default JweroCheckbox;

package/dist/src/components/jwero_confirmation_dialog/index.d.ts

@@ -0,0 +1,44 @@
+import { default as React, ReactNode } from 'react';
+import { JweroCustomFieldType } from '../jwero_custom_field';
+
+type ConfirmationDialogType = {
+    open: boolean;
+    onClose?: () => void;
+    title?: string;
+    subTitle?: string;
+    primaryButtonProps?: {
+        flag: boolean;
+        buttonType: "positive" | "negative";
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+    };
+    secondaryButtonProps?: {
+        flag: boolean;
+        buttonType: "positive" | "negative";
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+    };
+    customIconProps?: {
+        customIcon?: React.ReactNode;
+        customBgColor?: string;
+        iconTitle?: string;
+    };
+    inputFieldProps?: JweroCustomFieldType & {
+        flag?: boolean;
+        addComponent?: {
+            component: ReactNode;
+            position: "before" | "after";
+        };
+    };
+    infoProps?: {
+        infoTitle?: string;
+        infoIcon?: React.ReactNode;
+        infoBgColor?: string;
+        infoColor?: string;
+    };
+    loading?: boolean;
+};
+declare const JweroConfirmationDialog: ({ open, onClose, title, subTitle, primaryButtonProps, secondaryButtonProps, customIconProps, inputFieldProps, infoProps, loading, }: ConfirmationDialogType) => import("react/jsx-runtime").JSX.Element;
+export default JweroConfirmationDialog;

package/dist/src/components/jwero_custom_field/index.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { CustomTypographyProps } from '../JweroTypography';
+
+export type OptionType = {
+    label: string;
+    value: string | number;
+    disableProps?: {
+        disable?: boolean;
+        disableText?: string;
+    };
+};
+export type JweroCustomFieldType = {
+    label?: string;
+    onChange?: (value: any) => void;
+    options?: OptionType[];
+    value?: any;
+    textFieldProps?: any;
+    type?: "text" | "number" | "dropdown" | "date" | "time" | "datetime" | "checkbox" | "radio" | "password" | "date-range" | "autocomplete" | "single_solo_autocomplete";
+    labelRight?: ReactNode;
+    sx?: object;
+    error?: boolean;
+    helperText?: string;
+    backgroundColor?: string;
+    tooltip?: string;
+    inputFieldProps?: Omit<CustomTypographyProps, "children">;
+    helperTextProps?: Omit<CustomTypographyProps, "children">;
+    autocompleteProps?: any;
+};
+declare const JweroCustomField: ({ label, onChange, options, value: _value, textFieldProps, type, labelRight, sx, error, helperText, backgroundColor, tooltip, inputFieldProps, helperTextProps, autocompleteProps, }: JweroCustomFieldType) => import("react/jsx-runtime").JSX.Element;
+export default JweroCustomField;

package/dist/src/components/jwero_data_card/components/CardAreaGraph.d.ts

@@ -0,0 +1,7 @@
+type DataCardAreaGraphProps = {
+    data: number[];
+    labels?: any[];
+    name?: any;
+};
+declare const CardAreaGraph: ({ name, data, labels }: DataCardAreaGraphProps) => import("react/jsx-runtime").JSX.Element;
+export default CardAreaGraph;

package/dist/src/components/jwero_data_card/components/NumberAnimation.d.ts

@@ -0,0 +1,8 @@
+type NumberAnimationProps = {
+    value: number;
+    duration?: number;
+    styles?: object;
+    isPercentage?: boolean;
+};
+declare const NumberAnimation: ({ value, duration, styles, isPercentage, }: NumberAnimationProps) => import("react/jsx-runtime").JSX.Element;
+export default NumberAnimation;

package/dist/src/components/jwero_data_card/index.d.ts

@@ -0,0 +1,54 @@
+import { default as React, ReactNode } from 'react';
+import { CustomTypographyProps } from '../JweroTypography';
+import { SxProps, Theme } from '@mui/material';
+
+type SubDataType = {
+    label: string;
+    value: number;
+};
+type InfoType = {
+    label: string;
+    value: string;
+    total_number?: string;
+    is_percentage: boolean;
+    increased_by?: number;
+    backgroundImage?: string;
+    chipType?: "completed" | "in_progress" | "pending" | "scheduled" | "custom";
+    customChipProps?: {
+        value: string;
+        label: string;
+        backgroundColor?: string;
+        color?: string;
+        iconProps?: {
+            position: "start" | "end";
+            icon: React.ReactNode;
+        };
+        textSx?: object;
+        boxSx?: object;
+    };
+    statusTextSx?: SxProps;
+    statusBoxSx?: SxProps;
+    subData?: SubDataType[];
+};
+export type JweroDataCardType = {
+    info: InfoType;
+    showStatusChip?: boolean;
+    showBackgroundImage?: boolean;
+    showSubData?: boolean;
+    labelProps?: Omit<CustomTypographyProps, "children">;
+    dataProps?: Omit<CustomTypographyProps, "children">;
+    boxSx: SxProps<Theme>;
+    customFooter?: ReactNode;
+    chartProps?: {
+        flag: true;
+        data: number[];
+        label: string[];
+    };
+    animateLabelProps?: {
+        flag: boolean;
+        duration?: number;
+        styles?: object;
+    };
+};
+declare const JweroDataCard: ({ info, showStatusChip, showBackgroundImage, showSubData, labelProps, dataProps, boxSx, customFooter, chartProps, animateLabelProps, }: JweroDataCardType) => import("react/jsx-runtime").JSX.Element;
+export default JweroDataCard;