@gravity-ui/chartkit 3.2.0-beta.1 → 3.2.0-beta.2

package/build/plugins/d3/__stories__/scatter/LinearCategories.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-export declare const LinearAndCategories: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-declare const meta: Meta;
-export default meta;

package/build/plugins/d3/__stories__/scatter/LinearCategories.stories.js

@@ -1,103 +0,0 @@
-import React from 'react';
-import random from 'lodash/random';
-import { withKnobs, select, radios, text } from '@storybook/addon-knobs';
-import { Button } from '@gravity-ui/uikit';
-import { settings } from '../../../../libs';
-import { ChartKit } from '../../../../components/ChartKit';
-import { D3Plugin } from '../..';
-import penguins from '../penguins.json';
-const shapeScatterSeriesData = (args) => {
-    const { data, groupBy, map } = args;
-    return data.reduce((acc, d) => {
-        const seriesName = d[groupBy];
-        if (!seriesName) {
-            return acc;
-        }
-        if (!acc[seriesName]) {
-            acc[seriesName] = [];
-        }
-        acc[seriesName].push(Object.assign({ x: d[map.x], y: d[map.y], radius: random(3, 6) }, (map.category && { category: d[map.category] })));
-        return acc;
-    }, {});
-};
-const shapeScatterSeries = (data) => {
-    return Object.keys(data).reduce((acc, name) => {
-        acc.push({
-            type: 'scatter',
-            data: data[name],
-            name,
-        });
-        return acc;
-    }, []);
-};
-const shapeScatterChartData = (series, categoriesType, categories) => {
-    let xAxis = {
-        labels: {
-            enabled: false,
-        },
-        title: {
-            text: text('X axis title', ''),
-        },
-    };
-    let yAxis = {
-        title: {
-            text: text('Y axis title', ''),
-        },
-    };
-    if (categories && categoriesType === 'x') {
-        xAxis = Object.assign(Object.assign({}, xAxis), { type: 'category', categories });
-    }
-    if (categories && categoriesType === 'y') {
-        yAxis = Object.assign(Object.assign({}, yAxis), { type: 'category', categories });
-    }
-    return {
-        series: {
-            data: series,
-        },
-        xAxis,
-        yAxis: [yAxis],
-        title: {
-            text: text('title', 'Chart title'),
-        },
-    };
-};
-const Template = () => {
-    const [shown, setShown] = React.useState(false);
-    const chartkitRef = React.useRef();
-    const x = select('x', ['culmen_length_mm', 'culmen_depth_mm', 'flipper_length_mm', 'body_mass_g'], 'culmen_length_mm');
-    const y = select('y', ['culmen_length_mm', 'culmen_depth_mm', 'flipper_length_mm', 'body_mass_g'], 'culmen_depth_mm');
-    const groupBy = select('groupBy', ['species', 'island', 'sex'], 'species');
-    const categoriesType = radios('categoriesType', { none: 'none', x: 'x', y: 'y' }, 'none');
-    const category = categoriesType === 'none'
-        ? undefined
-        : select('category', ['species', 'island', 'sex'], 'island');
-    let categories;
-    if (categoriesType !== 'none' && category) {
-        categories = penguins.reduce((acc, p) => {
-            const cerrentCategory = p[category];
-            if (typeof cerrentCategory === 'string' && !acc.includes(cerrentCategory)) {
-                acc.push(cerrentCategory);
-            }
-            return acc;
-        }, []);
-    }
-    const shapedScatterSeriesData = shapeScatterSeriesData({
-        data: penguins,
-        groupBy,
-        map: { x, y, category },
-    });
-    const shapedScatterSeries = shapeScatterSeries(shapedScatterSeriesData);
-    const data = shapeScatterChartData(shapedScatterSeries, categoriesType, categories);
-    if (!shown) {
-        settings.set({ plugins: [D3Plugin] });
-        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
-    }
-    return (React.createElement("div", { style: { height: '80vh', width: '100%' } },
-        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: data })));
-};
-export const LinearAndCategories = Template.bind({});
-const meta = {
-    title: 'Plugins/D3/Scatter',
-    decorators: [withKnobs],
-};
-export default meta;

package/build/plugins/d3/__stories__/scatter/Timestamp.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-export declare const Timestamp: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-declare const meta: Meta;
-export default meta;

package/build/plugins/d3/__stories__/scatter/Timestamp.stories.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import random from 'lodash/random';
-import { dateTime } from '@gravity-ui/date-utils';
-import { Button } from '@gravity-ui/uikit';
-import { settings } from '../../../../libs';
-import { ChartKit } from '../../../../components/ChartKit';
-import { D3Plugin } from '../..';
-const rowData = [
-    {
-        x: 1690686000000,
-        y: 86.71905594602345,
-        custom: 'green',
-    },
-    {
-        x: 1690426800000,
-        y: 86.73089353359981,
-        custom: 'yellow',
-    },
-    {
-        x: 1690254000000,
-        y: 86.53675705168267,
-        custom: 'red',
-    },
-    {
-        x: 1690772400000,
-        y: 86.47880981408552,
-        custom: 'blue',
-    },
-    {
-        x: 1690340400000,
-        y: 86.4108836764148,
-        custom: 'gray',
-    },
-    {
-        x: 1690599600000,
-        y: 86.73440096266042,
-        custom: 'pink',
-    },
-    {
-        x: 1690513200000,
-        y: 86.64935929597681,
-        custom: 'purple',
-    },
-];
-const shapeData = (data) => {
-    const scatterData = data.map((d) => ({
-        x: d.x,
-        y: d.y,
-        radius: random(3, 6),
-        custom: d.custom,
-    }));
-    const scatterSeries = {
-        type: 'scatter',
-        data: scatterData,
-        name: 'some-name',
-    };
-    return {
-        series: {
-            data: [scatterSeries],
-        },
-        xAxis: {
-            type: 'datetime',
-            timestamps: data.map((d) => d.x),
-        },
-        tooltip: {
-            renderer: ({ hovered }) => {
-                const d = hovered.data;
-                return React.createElement("div", { style: { color: d.custom } }, dateTime({ input: d.x }).format('LL'));
-            },
-        },
-        title: {
-            text: 'Chart title',
-        },
-    };
-};
-const Template = () => {
-    const [shown, setShown] = React.useState(false);
-    const chartkitRef = React.useRef();
-    const data = shapeData(rowData);
-    if (!shown) {
-        settings.set({ plugins: [D3Plugin] });
-        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
-    }
-    return (React.createElement("div", { style: { height: '300px', width: '100%' } },
-        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: data })));
-};
-export const Timestamp = Template.bind({});
-const meta = {
-    title: 'Plugins/D3/Scatter',
-};
-export default meta;

package/build/plugins/highcharts/__stories__/Line.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Line: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/Line.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../components/ChartKit';
-import { data } from '../mocks/line';
-import { ChartStory } from './components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Line',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data });
-};
-export const Line = Template.bind({});

package/build/plugins/highcharts/__stories__/Pie.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Pie: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/Pie.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../components/ChartKit';
-import { data } from '../mocks/pie';
-import { ChartStory } from './components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Pie',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data });
-};
-export const Pie = Template.bind({});

package/build/plugins/highcharts/__stories__/area/Range.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const AreaRange: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/area/Range.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../../mocks/area-range';
-import { ChartStory } from '../components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Area',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data });
-};
-export const AreaRange = Template.bind({});

package/build/plugins/highcharts/__stories__/area/Stacked.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const AreaStacked: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/area/Stacked.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../../mocks/area-stacked';
-import { ChartStory } from '../components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Area',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data, height: "500px" });
-};
-export const AreaStacked = Template.bind({});

package/build/plugins/highcharts/__stories__/column/HorizontalStacked.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const HorizontalStacked: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/column/HorizontalStacked.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../../mocks/column-hor-stacked';
-import { ChartStory } from '../components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Column',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data });
-};
-export const HorizontalStacked = Template.bind({});

package/build/plugins/highcharts/__stories__/column/Vertical.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Vertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/column/Vertical.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../../mocks/column-ver';
-import { ChartStory } from '../components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Column',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data });
-};
-export const Vertical = Template.bind({});

package/build/plugins/highcharts/__stories__/column/VerticalStacked.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const VerticalStacked: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/column/VerticalStacked.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../../mocks/column-ver-stacked';
-import { ChartStory } from '../components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Column',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data });
-};
-export const VerticalStacked = Template.bind({});

package/build/plugins/highcharts/__stories__/combined/ComboChartWithSameLegendValues.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const ComboChart: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/combined/ComboChartWithSameLegendValues.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../../mocks/combo-chart-with-same-legend-titles';
-import { ChartStory } from '../components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Combined Charts',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { height: "500px", data: data });
-};
-export const ComboChart = Template.bind({});

package/build/plugins/highcharts/__stories__/complex/TwoAxis.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const TwoAxis: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/plugins/highcharts/__stories__/complex/TwoAxis.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { ChartStory } from '../components/ChartStory';
-import { data } from '../../mocks/complex';
-export default {
-    title: 'Plugins/Highcharts/TwoAxis',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data, height: "500px" });
-};
-export const TwoAxis = Template.bind({});

package/build/plugins/highcharts/__stories__/components/ChartStory.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { RenderError } from '../../../../types';
-import { HighchartsWidgetData } from '../../types';
-export type ChartStoryProps = {
-    data: HighchartsWidgetData;
-    withoutPlugin?: boolean;
-    visible?: boolean;
-    height?: string;
-    width?: string;
-    renderError?: RenderError;
-};
-export declare const ChartStory: React.FC<ChartStoryProps>;

package/build/plugins/highcharts/__stories__/components/ChartStory.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { Button } from '@gravity-ui/uikit';
-import { settings } from '../../../../libs';
-import { HighchartsPlugin } from '../../index';
-import holidays from '../../mocks/holidays';
-import { ChartKit } from '../../../../components/ChartKit';
-const DEFAULT_STORY_HEIGHT = '300px';
-const DEFAULT_STORY_WIDTH = '100%';
-export const ChartStory = (props) => {
-    const { height, width, data } = props;
-    const initRef = React.useRef(false);
-    const [visible, setVisible] = React.useState(Boolean(props.visible));
-    const chartKitRef = React.useRef();
-    if (!initRef.current) {
-        if (!props.withoutPlugin) {
-            settings.set({ plugins: [HighchartsPlugin], extra: { holidays } });
-        }
-        initRef.current = true;
-    }
-    if (!visible) {
-        return React.createElement(Button, { onClick: () => setVisible(true) }, "Show chart");
-    }
-    return (React.createElement("div", { style: {
-            height: height || DEFAULT_STORY_HEIGHT,
-            width: width || DEFAULT_STORY_WIDTH,
-        } },
-        React.createElement(ChartKit, { ref: chartKitRef, type: "highcharts", data: data, renderError: props.renderError })));
-};

package/build/plugins/highcharts/__stories__/constants/story-settings.d.ts

@@ -1,42 +0,0 @@
-export declare const defaultChartKitPropsControlsState: {
-    ref: {
-        table: {
-            disable: boolean;
-        };
-    };
-    hoistConfigError: {
-        table: {
-            disable: boolean;
-        };
-    };
-    onError: {
-        table: {
-            disable: boolean;
-        };
-    };
-    data: {
-        table: {
-            disable: boolean;
-        };
-    };
-    type: {
-        table: {
-            disable: boolean;
-        };
-    };
-    id: {
-        table: {
-            disable: boolean;
-        };
-    };
-    isMobile: {
-        table: {
-            disable: boolean;
-        };
-    };
-    onLoad: {
-        table: {
-            disable: boolean;
-        };
-    };
-};

package/build/plugins/highcharts/__stories__/constants/story-settings.js

@@ -1,42 +0,0 @@
-export const defaultChartKitPropsControlsState = {
-    ref: {
-        table: {
-            disable: true,
-        },
-    },
-    hoistConfigError: {
-        table: {
-            disable: true,
-        },
-    },
-    onError: {
-        table: {
-            disable: true,
-        },
-    },
-    data: {
-        table: {
-            disable: true,
-        },
-    },
-    type: {
-        table: {
-            disable: true,
-        },
-    },
-    id: {
-        table: {
-            disable: true,
-        },
-    },
-    isMobile: {
-        table: {
-            disable: true,
-        },
-    },
-    onLoad: {
-        table: {
-            disable: true,
-        },
-    },
-};

package/build/plugins/highcharts/__stories__/custom-error-render/custom-error-render.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const CustomErrorRender: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/plugins/highcharts/__stories__/custom-error-render/custom-error-render.stories.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { ChartStory } from '../components/ChartStory';
-import { Button } from '@gravity-ui/uikit';
-import { CHARTKIT_ERROR_CODE, settings } from '../../../../libs';
-import { HighchartsPlugin } from '../../index';
-import holidays from '../../mocks/holidays';
-import { noData, filledData } from '../../mocks/custom-error-render';
-export default {
-    title: 'Plugins/Highcharts/CustomErrorRender',
-    component: ChartKit,
-};
-const Template = () => {
-    const [data, setData] = React.useState(noData);
-    const renderErrorView = React.useCallback(({ error, message, resetError }) => {
-        function renderFixButton() {
-            if (!('code' in error)) {
-                return null;
-            }
-            switch (error.code) {
-                case CHARTKIT_ERROR_CODE.UNKNOWN_PLUGIN:
-                    return (React.createElement(Button, { onClick: () => {
-                            settings.set({ plugins: [HighchartsPlugin], extra: { holidays } });
-                            resetError();
-                        } }, "Add highcharts plugin"));
-                case CHARTKIT_ERROR_CODE.NO_DATA:
-                    return (React.createElement(Button, { onClick: () => {
-                            setData(filledData);
-                        } }, "Add data"));
-                default:
-                    return null;
-            }
-        }
-        return (React.createElement("div", null,
-            React.createElement("h2", null, message),
-            renderFixButton()));
-    }, []);
-    return (React.createElement("div", null,
-        React.createElement(ChartStory, { withoutPlugin: true, data: data, visible: true, renderError: renderErrorView })));
-};
-export const CustomErrorRender = Template.bind({});

package/build/plugins/highcharts/__stories__/no-data/no-data.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const NoData: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/plugins/highcharts/__stories__/no-data/no-data.stories.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { noData, filledData } from '../../mocks/no-data';
-import { ChartStory } from '../components/ChartStory';
-import { Button } from '@gravity-ui/uikit';
-export default {
-    title: 'Plugins/Highcharts/NoData',
-    component: ChartKit,
-};
-const Template = () => {
-    const [data, setData] = React.useState(noData);
-    const handleUpdateData = React.useCallback(() => {
-        setData(filledData);
-    }, []);
-    return (React.createElement("div", null,
-        React.createElement("div", { style: { marginBottom: 12 } },
-            React.createElement(Button, { onClick: handleUpdateData }, "Add data")),
-        React.createElement(ChartStory, { data: data, visible: true })));
-};
-export const NoData = Template.bind({});

package/build/plugins/highcharts/__stories__/pie/WithTotals.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const WithTotals: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/build/plugins/highcharts/__stories__/pie/WithTotals.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../../mocks/pie-with-totals';
-import { ChartStory } from '../components/ChartStory';
-export default {
-    title: 'Plugins/Highcharts/Pie',
-    component: ChartKit,
-};
-const Template = () => {
-    return React.createElement(ChartStory, { data: data });
-};
-export const WithTotals = Template.bind({});

package/build/plugins/highcharts/__tests__/prepare-data.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/plugins/highcharts/__tests__/prepare-data.test.js

@@ -1,13 +0,0 @@
-import { prepareData } from '../renderer/helpers/prepare-data';
-import { data } from '../mocks/line';
-describe('plugins/highcharts/helpers', () => {
-    describe('prepareData', () => {
-        it('should not throw an error', () => {
-            expect(() => prepareData(data.data, data.config)).not.toThrowError();
-        });
-        it('should throw an error', () => {
-            const configWithLinesLimit = Object.assign(Object.assign({}, data.config), { linesLimit: 1 });
-            expect(() => prepareData(data.data, configWithLinesLimit)).toThrowError();
-        });
-    });
-});

package/build/plugins/indicator/__stories__/Indicator.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-declare const meta: Meta;
-export default meta;