kwant-ui 4.1.1-alpha.0 → 5.0.0-alpha.1

package/dist/HOC/HoverHOC/HoverHOC.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HoverTypes } from './types';
-declare function HoverHOC(props: HoverTypes): import("react/jsx-runtime").JSX.Element;
+declare const HoverHOC: import("react").ForwardRefExoticComponent<HoverTypes & import("react").RefAttributes<HTMLInputElement>>;
 export default HoverHOC;

package/dist/HOC/HoverHOC/index.d.ts

@@ -0,0 +1,2 @@
+import HoverHOC from './HoverHOC';
+export { HoverHOC };

package/dist/HOC/HoverHOC/types.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from 'react';
 export type HoverTypes = {
     children: JSX.Element[] | JSX.Element;
     label?: string;
@@ -8,6 +9,7 @@ export type HoverTypes = {
     setEditActive?: any;
     onMouseLeaveFromInput?: any;
     disableEdit?: boolean;
+    inputRef?: Ref<HTMLInputElement>;
 };
 export type HoverStyleTypes = {
     editMode?: boolean;

package/dist/components/Calendar/CalendarComponents.d.ts

@@ -1,14 +1,10 @@
 import { DateObject } from 'react-multi-date-picker';
 import { ICalendar } from './CalendarTypes';
-export type SidebarOptionProps = {
-    title: string;
-    selected?: boolean;
-    value?: () => DateObject[];
-    onClick?: () => void;
-};
+export type SidebarOptionProps = ICalendar.SidebarOptionProps;
 export declare const SidebarOption: ({ title, selected, onClick }: SidebarOptionProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CalendarSidebar: ({ options, onOptionClick, }: {
+export declare const CalendarSidebar: ({ options, selectedOption, onOptionClick, }: {
     options?: Pick<SidebarOptionProps, 'title' | 'selected' | 'value'>[];
-    onOptionClick?: (value: () => DateObject[]) => void;
+    selectedOption: string;
+    onOptionClick?: (value: () => DateObject[], option?: Pick<SidebarOptionProps, 'title' | 'selected' | 'value'>) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const renderDatepickerNavigationButton: (direction: ICalendar.DatpickerNavigationDirection, handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Calendar/CalendarTypes.d.ts

@@ -1,12 +1,19 @@
 /// <reference types="react" />
-import { CalendarProps } from 'react-multi-date-picker';
+import { CalendarProps, DateObject } from 'react-multi-date-picker';
+export type RangeDomainUnit = 'd' | 'w' | 'm' | 'y';
+export type RangeDomain = `${number}${RangeDomainUnit}`;
 export declare namespace ICalendar {
     type Props = CalendarProps & {
         range?: boolean;
         numberOfMonths?: number;
         calenderRef?: any;
         showSidebar?: boolean;
+        sidebarOptions?: Omit<SidebarOptionProps, 'onClick'>[];
         projectDuration?: ProjectDuration;
+        disableFutureDatesOnCustomRange?: boolean;
+        selectedSidebarOption?: string;
+        rangeDomain?: RangeDomain;
+        onChange?: (date: DateObject | DateObject[], selectedOption?: string) => void;
     };
     enum DatpickerNavigationDirectionEnum {
         right = "right",
@@ -18,4 +25,10 @@ export declare namespace ICalendar {
     };
     type InputChangeEvent = React.ChangeEvent<HTMLInputElement>;
     type DatpickerNavigationDirection = keyof typeof DatpickerNavigationDirectionEnum;
+    type SidebarOptionProps = {
+        title: string;
+        selected?: boolean;
+        value?: () => DateObject[];
+        onClick?: () => void;
+    };
 }

package/dist/components/Calendar/CalendarUtils.d.ts

@@ -1,23 +1,28 @@
+import dayjs from 'dayjs';
 import { DateObject, Value } from 'react-multi-date-picker';
-import { ICalendar } from './CalendarTypes';
+import { ICalendar, RangeDomain } from './CalendarTypes';
 export declare const isRangeWithNumberOfMonths: (range: boolean, numberOfMonths: number) => boolean;
 declare const regexInputValidate: (event: ICalendar.InputChangeEvent, onChange: (event: ICalendar.InputChangeEvent) => void) => void;
 declare const weeks: string[];
 declare const fullMonthsText: any;
+export declare const getDateObjectForCalendarConstants: (date: string | Date, amount: number, unit: dayjs.ManipulateType, end: 'startOf' | 'endOf') => DateObject;
 export declare const CALENDAR_CONSTANTS: {
     TODAY: DateObject[];
     CURRENT_WEEK: DateObject[];
     LAST_7_DAYS: DateObject[];
+    LAST_WEEK: DateObject[];
+    LAST_2_WEEKS: DateObject[];
+    LAST_3_WEEKS: DateObject[];
+    LAST_4_WEEKS: DateObject[];
     LAST_30_DAYS: DateObject[];
     THIS_MONTH: DateObject[];
+    PAST_MONTH: DateObject[];
+    CUSTOM_RANGE: DateObject[];
 };
-export declare const getSidebarOptions: (currentDate: (Value | DateObject)[], projectDuration?: ICalendar.ProjectDuration) => ({
+export declare const getSidebarOptions: (projectDuration?: ICalendar.ProjectDuration) => {
     title: string;
     value: () => DateObject[];
-    selected: boolean;
-} | {
-    title: string;
-    selected: boolean;
-    value?: undefined;
-})[];
-export { fullMonthsText, regexInputValidate, weeks };
+}[];
+declare const getDateOffset: (valueArr: Value, domain: RangeDomain) => DateObject[];
+declare const isNotInCurrentMonth: (date: string | DateObject) => boolean;
+export { fullMonthsText, regexInputValidate, weeks, getDateOffset, isNotInCurrentMonth };

package/dist/components/Charts/AreaChart/AreaChart.d.ts

@@ -0,0 +1,3 @@
+import { IAreaChart } from './AreaChartTypes';
+declare const AreaChart: (props: IAreaChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default AreaChart;

package/dist/components/Charts/AreaChart/AreaChartData.d.ts

@@ -0,0 +1,43 @@
+import { YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+export declare const data: {
+    day: string;
+    date: string;
+    actualWorkforce: number;
+    budgetedWorkforce: number;
+    workerConsistency: number;
+}[];
+export declare const areaChartArea: ({
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: string;
+    legendType?: undefined;
+} | {
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: string;
+    legendType: string;
+})[];
+export declare const areasYAxisRight: {
+    dataKey: string;
+    color: string;
+    fill: string;
+    fillOpacity: number;
+    stroke: string;
+    yAxisId: string;
+    name: string;
+}[];
+export declare const xAxisTickDefaultConfig: {
+    fill: string;
+    fontFamily: string;
+    fontSize: number;
+    textAnchor: string;
+    x: number;
+    y: number;
+};
+export declare const yAxisStaticProps: YAxisProps;
+export declare const areaStaticProps: Omit<Partial<AreaProps>, 'ref'>;

package/dist/components/Charts/AreaChart/AreaChartStyled.d.ts

@@ -0,0 +1,19 @@
+export declare const LegendsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Legend: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const LegendLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomTickStyled: import("styled-components").StyledComponent<"g", any, {}, never>;
+export declare const TickDay: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TickDate: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const TooltipItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TooltipItemRight: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/Charts/AreaChart/AreaChartTypes.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import { XAxisProps, YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+import { Props as CartesianGridProps } from 'recharts/types/cartesian/CartesianGrid';
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { ContentType, TooltipProps } from 'recharts/types/component/Tooltip';
+export declare namespace IAreaChart {
+    type Props = {
+        width?: string | number;
+        hideYAxis?: boolean;
+        hideXAxis?: boolean;
+        hideCartesianGrid?: boolean;
+        height?: string | number;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        data?: any[];
+        areas?: Area[];
+        areasYAxisRight?: Area[];
+        xAxisDataKey?: string;
+        showTooltip?: boolean;
+        showAverageLine?: boolean;
+        averageLineValue?: number;
+        averageLineColor?: string;
+        xAxisLabel?: string;
+        fillColor?: string;
+        gradientColor?: string;
+        isGradient?: boolean;
+        isFilled?: boolean;
+        gradientStart?: number;
+        gradientStop?: number;
+        yAxisLeftLabel?: string;
+        yAxisRightLabel?: string;
+        showRightYAxis?: boolean;
+        showLegends?: boolean;
+        customTooltip?: ContentType<ValueType, NameType>;
+        gradient?: string;
+        tooltipProps?: TooltipProps<ValueType, NameType>;
+        cartesianGridProps?: Omit<CartesianGridProps, 'ref'>;
+        legendProps?: Omit<LegendProps, 'ref'>;
+        xAxisProps?: XAxisProps;
+        yAxisProps?: YAxisProps;
+        yAxisRightProps?: YAxisProps;
+        areaProps?: AreaProps;
+        areaYAxisRightProps?: AreaProps;
+        customTooltipLabelFormatter?: (label: any) => string;
+        dateFormat?: string;
+    };
+    type Area = {
+        dataKey: string;
+        name: string;
+        stroke?: any;
+        fill?: any;
+        fillOpacity?: number;
+        color?: string;
+        gradientId?: string;
+        [key: string]: any;
+    };
+    type CustomLegend = {
+        payload?: (Payload & {
+            shape?: React.ReactNode;
+            payload: Payload['payload'] & {
+                fill: string;
+            };
+        })[];
+    };
+}

package/dist/components/Charts/AreaChart/AreaChartUtils.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { IAreaChart } from './AreaChartTypes';
+export declare const CustomLegend: (props: IAreaChart.CustomLegend) => import("react/jsx-runtime").JSX.Element;
+export declare const Tick: (props: {
+    value: any;
+    dy: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TickX: (props: {
+    x?: number;
+    y?: number;
+    payload?: any;
+    dateFormat: string;
+    rotate?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const tooltipLabelFormatter: (label: string) => string;
+export declare const TooltipItemRow: ({ color, name, value, shape, }: {
+    color?: string;
+    name?: string;
+    value?: string;
+    shape?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/AreaChart/index.d.ts

@@ -0,0 +1,2 @@
+import AreaChart from './AreaChart';
+export { AreaChart };

package/dist/components/Charts/GaugeChart/GaugeChart.d.ts

@@ -0,0 +1,3 @@
+import { IGaugeChart } from './GaugeChartTypes';
+declare const GaugeChart: (props: IGaugeChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default GaugeChart;

package/dist/components/Charts/GaugeChart/GaugeChartStyled.d.ts

@@ -0,0 +1,5 @@
+declare const Gauge: import("styled-components").StyledComponent<"svg", any, {}, never>;
+declare const Label: import("styled-components").StyledComponent<"text", any, {}, never>;
+declare const LowLabel: import("styled-components").StyledComponent<"text", any, {}, never>;
+declare const HighLabel: import("styled-components").StyledComponent<"text", any, {}, never>;
+export { Gauge, Label, LowLabel, HighLabel };

package/dist/components/Charts/GaugeChart/GaugeChartTypes.d.ts

@@ -0,0 +1,26 @@
+export declare namespace IGaugeChart {
+    type Props = {
+        width?: number;
+        height?: number;
+        value?: number;
+        maxValue?: number;
+        rangeLabel?: string[];
+    };
+}
+export type GaugeChart = {
+    dataKey: string;
+    name: string;
+    stroke?: string;
+    fill?: string;
+    fillOpacity?: number;
+    color?: string;
+    gradientId?: string;
+    [key: string]: any;
+};
+export interface IKPIGauge {
+    className?: string;
+    value: number;
+    maxValue: number;
+    width: number;
+    height: number;
+}

package/dist/components/Charts/GaugeChart/index.d.ts

@@ -0,0 +1,2 @@
+import GaugeChart from './GaugeChart';
+export { GaugeChart };

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChart.d.ts

@@ -0,0 +1,3 @@
+import { IHorizontalStackedBarChart } from './HorizontalStackedBarChartTypes';
+declare const HorizontalStackedBarChart: (props: IHorizontalStackedBarChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default HorizontalStackedBarChart;

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartData.d.ts

@@ -0,0 +1,19 @@
+import { YAxisProps } from 'recharts';
+import { Props as StackedBarProps } from 'recharts/types/cartesian/Area';
+export declare const data: {
+    name: string;
+    series1: number;
+    series2: number;
+    series3: number;
+}[];
+export declare const areas: ({
+    dataKey: string;
+    fillOpacity: number;
+    name: string;
+} | {
+    dataKey: string;
+    fillOpacity: number;
+    name?: undefined;
+})[];
+export declare const yAxisStaticProps: YAxisProps;
+export declare const areaStaticProps: Omit<Partial<StackedBarProps>, 'ref'>;

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartStyled.d.ts

@@ -0,0 +1,24 @@
+export declare const LegendsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Legend: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const LegendLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomTickStyled: import("styled-components").StyledComponent<"g", any, {}, never>;
+export declare const TickDay: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const TooltipItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ZoneTooltip: import("styled-components").StyledComponent<"div", any, {
+    top: number;
+    left: number;
+}, never>;
+export declare const TooltipItemRight: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare const HorizontalStackedBarChartRelativeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { HorizontalStackedBarChartRelativeContainer };

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartTypes.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import { XAxisProps, YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+import { Props as CartesianGridProps } from 'recharts/types/cartesian/CartesianGrid';
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { ContentType, TooltipProps } from 'recharts/types/component/Tooltip';
+export declare namespace IHorizontalStackedBarChart {
+    type Props = {
+        width?: string | number;
+        height?: string | number;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        data?: any[];
+        bar1DataKey?: string;
+        bar2DataKey?: string;
+        bars?: StackedBar[];
+        label?: StackedBar[];
+        areasYAxisRight?: StackedBar[];
+        xAxisDataKey?: string;
+        showTooltip?: boolean;
+        xAxisLabel?: string;
+        yAxisLabel?: string;
+        showRightYAxis?: boolean;
+        showLegends?: boolean;
+        customTooltip?: ContentType<ValueType, NameType>;
+        gradient?: React.ReactNode;
+        tooltipProps?: TooltipProps<ValueType, NameType>;
+        cartesianGridProps?: Omit<CartesianGridProps, 'ref'>;
+        legendProps?: Omit<LegendProps, 'ref'>;
+        xAxisProps?: XAxisProps;
+        yAxisProps?: YAxisProps;
+        yAxisRightProps?: YAxisProps;
+        areaProps?: AreaProps;
+        areaYAxisRightProps?: AreaProps;
+        customTooltipLabelFormatter?: (label: any) => string;
+    };
+    type StackedBar = {
+        dataKey: string;
+        name: string;
+        stroke?: string;
+        fill?: string;
+        fillOpacity?: number;
+        color?: string;
+        gradientId?: string;
+        [key: string]: any;
+    };
+    type CustomLegend = {
+        payload?: (Payload & {
+            payload: Payload['payload'] & {
+                fill: string;
+            };
+        })[];
+    };
+}

package/dist/components/Charts/HorizontalStackedBarChart/HorizontalStackedBarChartUtils.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { IHorizontalStackedBarChart } from './HorizontalStackedBarChartTypes';
+export declare const CustomLegend: (props: IHorizontalStackedBarChart.CustomLegend) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipItemRow: ({ color, name, value, }: {
+    color?: string;
+    name?: string;
+    value?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/HorizontalStackedBarChart/index.d.ts

@@ -0,0 +1,2 @@
+import HorizontalStackedBarChart from './HorizontalStackedBarChart';
+export { HorizontalStackedBarChart };

package/dist/components/Charts/LineChart/LineChart.d.ts

@@ -0,0 +1,3 @@
+import { ILineChart } from './LineChartTypes';
+declare const LineChart: (props: ILineChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default LineChart;

package/dist/components/Charts/LineChart/LineChartData.d.ts

@@ -0,0 +1,37 @@
+import { YAxisProps } from 'recharts';
+import { Props as LineProps } from 'recharts/types/cartesian/Line';
+export declare const data: ({
+    etc: number;
+    date: string;
+    klm?: undefined;
+} | {
+    etc: number;
+    klm: number;
+    date: string;
+})[];
+export declare const lines: {
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: string;
+}[];
+export declare const linesYAxisRight: {
+    dataKey: string;
+    color: string;
+    fill: string;
+    fillOpacity: number;
+    stroke: string;
+    yAxisId: string;
+    name: string;
+}[];
+export declare const xAxisTickDefaultConfig: {
+    fill: string;
+    fontFamily: string;
+    fontSize: number;
+    textAnchor: string;
+    x: number;
+    y: number;
+};
+export declare const yAxisStaticProps: YAxisProps;
+export declare const lineStaticProps: Omit<Partial<LineProps>, 'ref'>;

package/dist/components/Charts/LineChart/LineChartStyled.d.ts

@@ -0,0 +1,19 @@
+export declare const LegendsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Legend: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const LegendLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomTickStyled: import("styled-components").StyledComponent<"g", any, {}, never>;
+export declare const TickDay: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TickDate: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const TooltipItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TooltipItemRight: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/Charts/LineChart/LineChartTypes.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import { XAxisProps, YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+import { Props as CartesianGridProps } from 'recharts/types/cartesian/CartesianGrid';
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { ContentType, TooltipProps } from 'recharts/types/component/Tooltip';
+export declare namespace ILineChart {
+    type Props = {
+        width?: string | number;
+        height?: string | number;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        label?: string;
+        data?: any[];
+        lines?: Line[];
+        linesYAxisRight?: Line[];
+        xAxisDataKey?: string;
+        showTooltip?: boolean;
+        xAxisLabel?: string;
+        yAxisLabel?: string;
+        yAxisRightLabel?: string;
+        showRightYAxis?: boolean;
+        showLegends?: boolean;
+        customTooltip?: ContentType<ValueType, NameType>;
+        gradient?: React.ReactNode;
+        tooltipProps?: TooltipProps<ValueType, NameType>;
+        cartesianGridProps?: Omit<CartesianGridProps, 'ref'>;
+        legendProps?: Omit<LegendProps, 'ref'>;
+        xAxisProps?: XAxisProps;
+        yAxisProps?: YAxisProps;
+        yAxisRightProps?: YAxisProps;
+        lineProps?: AreaProps;
+        lineYAxisRightProps?: AreaProps;
+        customTooltipLabelFormatter?: (label: any) => string;
+        dateFormat?: string;
+    };
+    type Line = {
+        dataKey: string;
+        name: string;
+        stroke?: string;
+        fill?: string;
+        fillOpacity?: number;
+        color?: string;
+        gradientId?: string;
+        [key: string]: any;
+    };
+    type CustomLegend = {
+        payload?: (Payload & {
+            payload: Payload['payload'] & {
+                fill: string;
+            };
+        })[];
+    };
+}

package/dist/components/Charts/LineChart/LineChartUtils.d.ts

@@ -0,0 +1,21 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { ILineChart } from './LineChartTypes';
+export declare const CustomLegend: (props: ILineChart.CustomLegend) => import("react/jsx-runtime").JSX.Element;
+export declare const Tick: (props: {
+    value: any;
+    dy: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TickX: (props: {
+    x?: number;
+    y?: number;
+    payload?: any;
+    dateFormat: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const tooltipLabelFormatter: (label: string) => string;
+export declare const TooltipItemRow: ({ color, name, value, }: {
+    color?: string;
+    name?: string;
+    value?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/LineChart/index.d.ts

@@ -0,0 +1,2 @@
+import LineChart from './LineChart';
+export { LineChart };

package/dist/components/Charts/ProgressChart/ProgressChart.d.ts

@@ -0,0 +1,3 @@
+import { IProgressChart } from './ProgressChartTypes';
+declare const ProgressChart: (props: IProgressChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default ProgressChart;

package/dist/components/Charts/ProgressChart/ProgressChartStyled.d.ts

@@ -0,0 +1 @@
+export declare const ProgressChartContainer: import("styled-components").StyledComponent<"svg", any, {}, never>;

package/dist/components/Charts/ProgressChart/ProgressChartTypes.d.ts

@@ -0,0 +1,13 @@
+export declare namespace IProgressChart {
+    type Props = {
+        width?: number;
+        height?: number;
+        value?: number;
+        maxValue?: number;
+        radius?: number;
+        font?: number;
+        cornerRadius?: number;
+        rangeLabel?: string[];
+        showText?: boolean;
+    };
+}

package/dist/components/Charts/ProgressChart/index.d.ts

@@ -0,0 +1,2 @@
+import ProgressChart from './ProgressChart';
+export { ProgressChart };

package/dist/components/Charts/StackedBarChart/StackedBarChart.d.ts

@@ -0,0 +1,3 @@
+import { IStackedBarChart } from './StackedBarChartTypes';
+declare const StackedBarChart: (props: IStackedBarChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default StackedBarChart;