@kubit-ui-web/react-charts 1.3.0 → 1.4.0

package/dist/types/charts/barChart/barChart.d.ts

@@ -1,8 +1,8 @@
-declare const BarChart: import('react').FC<import('./barChart.type').BarChartProps> & {
-    Path: import('react').FC<import('./barChart.type').BarChartPathProps>;
-    Separator: import('react').FC<import('./barChart.type').BarChartSeparatorProps>;
-    XAxis: import('react').FC<import('./barChart.type').BarChartXAxisProps>;
-    YAxis: import('react').FC<import('./barChart.type').BarChartYAxisProps>;
+declare const BarChart: import('../../../node_modules/react').FC<import('./barChart.type').BarChartProps> & {
+    Path: import('../../../node_modules/react').FC<import('./barChart.type').BarChartPathProps>;
+    Separator: import('../../../node_modules/react').FC<import('./barChart.type').BarChartSeparatorProps>;
+    XAxis: import('../../../node_modules/react').FC<import('./barChart.type').BarChartXAxisProps>;
+    YAxis: import('../../../node_modules/react').FC<import('./barChart.type').BarChartYAxisProps>;
 };
 export { BarChart };
 export * from './barChart.type';

package/dist/types/charts/barChart/barChart.type.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from '../../../node_modules/react';
 import { XAxisProps } from '../../components/axisChart/xAxis/xAxis.types';
 import { YAxisProps } from '../../components/axisChart/yAxis/yAxis.types';
 import { BarChartStyles, BarOrientation } from '../../components/bar/bar.type';

package/dist/types/charts/barChart/context/barChartContext.d.ts

@@ -1,3 +1,3 @@
 import { BarChartContextType } from '../barChart.type';
-export declare const BarChartContext: import('react').Context<BarChartContextType>;
+export declare const BarChartContext: import('../../../../node_modules/react').Context<BarChartContextType>;
 //# sourceMappingURL=barChartContext.d.ts.map

package/dist/types/charts/barChart/fragments/barChartSeparator.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { BarChartSeparatorProps } from '../barChart.type';
 export declare const BarChartSeparator: FC<BarChartSeparatorProps>;
 //# sourceMappingURL=barChartSeparator.d.ts.map

package/dist/types/charts/barChart/fragments/barChartXAxis.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { BarChartXAxisProps } from '../barChart.type';
 export declare const BarChartXAxis: FC<BarChartXAxisProps>;
 //# sourceMappingURL=barChartXAxis.d.ts.map

package/dist/types/charts/barChart/fragments/barChartYAxis.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { BarChartYAxisProps } from '../barChart.type';
 export declare const BarChartYAxis: FC<BarChartYAxisProps>;
 //# sourceMappingURL=barChartYAxis.d.ts.map

package/dist/types/charts/lineChart/context/lineChartContext.d.ts

@@ -1,3 +1,3 @@
 import { LineChartContextType } from '../lineChart.type';
-export declare const LineChartContext: import('react').Context<LineChartContextType>;
+export declare const LineChartContext: import('../../../../node_modules/react').Context<LineChartContextType>;
 //# sourceMappingURL=lineChartContext.d.ts.map

package/dist/types/charts/lineChart/fragments/lineChartPath.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { LineChartPathProps } from '../lineChart.type';
 export declare const LineChartPath: FC<LineChartPathProps>;
 //# sourceMappingURL=lineChartPath.d.ts.map

package/dist/types/charts/lineChart/fragments/lineChartProjection.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { LineChartProjectionProps } from '../lineChart.type';
 export declare const LineChartProjection: FC<LineChartProjectionProps>;
 //# sourceMappingURL=lineChartProjection.d.ts.map

package/dist/types/charts/lineChart/fragments/lineChartSeparator.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { LineChartSeparatorProps } from '../lineChart.type';
 export declare const LineChartSeparator: FC<LineChartSeparatorProps>;
 //# sourceMappingURL=lineChartSeparator.d.ts.map

package/dist/types/charts/lineChart/fragments/lineChartXAxis.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { LineChartXAxisProps } from '../lineChart.type';
 export declare const LineChartXAxis: FC<LineChartXAxisProps>;
 //# sourceMappingURL=lineChartXAxis.d.ts.map

package/dist/types/charts/lineChart/lineChart.d.ts

@@ -1,8 +1,8 @@
-declare const LineChart: import('react').FC<import('./lineChart.type').LineChartProps> & {
-    Path: import('react').FC<import('./lineChart.type').LineChartPathProps>;
-    Separator: import('react').FC<import('./lineChart.type').LineChartSeparatorProps>;
-    XAxis: import('react').FC<import('./lineChart.type').LineChartXAxisProps>;
-    YAxis: import('react').FC<import('./lineChart.type').LineChartYAxisProps>;
+declare const LineChart: import('../../../node_modules/react').FC<import('./lineChart.type').LineChartProps> & {
+    Path: import('../../../node_modules/react').FC<import('./lineChart.type').LineChartPathProps>;
+    Separator: import('../../../node_modules/react').FC<import('./lineChart.type').LineChartSeparatorProps>;
+    XAxis: import('../../../node_modules/react').FC<import('./lineChart.type').LineChartXAxisProps>;
+    YAxis: import('../../../node_modules/react').FC<import('./lineChart.type').LineChartYAxisProps>;
 };
 export { LineChart };
 export * from './lineChart.type';

package/dist/types/charts/lineChart/lineChart.type.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from '../../../node_modules/react';
 import { XAxisProps } from '../../components/axisChart/xAxis/xAxis.types';
 import { YAxisProps } from '../../components/axisChart/yAxis/yAxis.types';
 import { LineProps } from '../../components/line/line.types';

package/dist/types/charts/lineChart/lineChartStructure.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../node_modules/react';
 import { LineChartProps } from './lineChart.type';
 /**
  * Renders a line chart component.

package/dist/types/charts/pieChart/context/pieChartContext.d.ts

@@ -1,3 +1,3 @@
 import { PieChartContextType } from '../pieChart.type';
-export declare const PieChartContext: import('react').Context<PieChartContextType>;
+export declare const PieChartContext: import('../../../../node_modules/react').Context<PieChartContextType>;
 //# sourceMappingURL=pieChartContext.d.ts.map

package/dist/types/charts/pieChart/fragments/pieChartForeign.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { ForeignObjectProps } from '../../../components/foreignObject/foreignObject.types';
 export declare const PieChartForeign: FC<ForeignObjectProps>;
 //# sourceMappingURL=pieChartForeign.d.ts.map

package/dist/types/charts/pieChart/fragments/pieChartPath.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { PathProps } from '../../../components/path/path.types';
 /**
  * Renders the path for a pie chart.

package/dist/types/charts/pieChart/pieChart.d.ts

@@ -1,6 +1,6 @@
-declare const PieChart: import('react').FC<import('./pieChart.type').PieChartProps> & {
-    Foreign: import('react').FC<import('../..').ForeignObjectProps>;
-    Path: import('react').FC<import('../..').PathProps>;
+declare const PieChart: import('../../../node_modules/react').FC<import('./pieChart.type').PieChartProps> & {
+    Foreign: import('../../../node_modules/react').FC<import('../..').ForeignObjectProps>;
+    Path: import('../../../node_modules/react').FC<import('../..').PathProps>;
 };
 export { PieChart };
 export * from './pieChart.type';

package/dist/types/charts/pieChart/pieChart.type.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from '../../../node_modules/react';
 import { PathProps } from '../../components/path/path.types';
 import { CanvasConfig } from '../../types/canvas.type';
 interface Group {

package/dist/types/charts/pieChart/pieChartStructure.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../node_modules/react';
 import { PieChartProps } from './pieChart.type';
 /**
  * Renders a pie chart component.

package/dist/types/components/axisChart/xAxis/xAxis.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { XAxisProps } from './xAxis.types';
 /**
  * Renders the X-axis of a chart, including tick marks and labels.

package/dist/types/components/axisChart/yAxis/yAxis.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 import { YAxisProps } from './yAxis.types';
 /**
  * Renders a Y-axis for a chart, including tick marks and labels.

package/dist/types/components/bar/bar.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../node_modules/react';
 import { BarProps } from './bar.type';
 export declare const Bar: FC<BarProps>;
 //# sourceMappingURL=bar.d.ts.map

package/dist/types/components/bar/fragments/barChartSegment.d.ts

@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
+import { ReactElement } from '../../../../node_modules/react';
 export declare const BarChartSegment: () => ReactElement;
 //# sourceMappingURL=barChartSegment.d.ts.map

package/dist/types/components/chartText/chartText.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../node_modules/react';
 import { ChartTextProps } from './chartText.types';
 /**
  * Functional component for rendering SVG text elements in React.

package/dist/types/components/foreignObject/foreignObject.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../node_modules/react';
 import { ForeignObjectProps } from './foreignObject.types';
 export declare const ForeignObject: FC<ForeignObjectProps>;
 //# sourceMappingURL=foreignObject.d.ts.map

package/dist/types/components/foreignObject/foreignObject.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../node_modules/react';
 export interface ForeignObjectProps {
     children?: ReactNode;
     width?: string | number;

package/dist/types/components/line/line.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../node_modules/react';
 import { LineProps } from './line.types';
 /**
  * `Line` component that renders an SVG line element with customizable properties.

package/dist/types/components/node/components/circle/circle.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { NodeProps } from '../../node.types';
 export declare const Circle: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/node/components/hexagon/hexagon.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { NodeProps } from '../../node.types';
 export declare const Hexagon: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/node/components/pentagon/pentagon.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { NodeProps } from '../../node.types';
 export declare const Pentagon: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/node/components/square/square.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { NodeProps } from '../../node.types';
 export declare const Square: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/node/components/star/star.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { NodeProps } from '../../node.types';
 export declare const Star: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/node/components/straight/straight.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { NodeProps } from '../../node.types';
 export declare const Straight: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/node/components/triangle/triangle.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { NodeProps } from '../../node.types';
 export declare const Triangle: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/node/node.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../node_modules/react';
 import { NodeProps } from './node.types';
 export declare const Node: (props: NodeProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/path/components/nodePath/nodePath.d.ts

@@ -1,5 +1,5 @@
 import { NodePathProps } from '../../path.types';
-export declare const NodePath: import('react').ForwardRefExoticComponent<{
+export declare const NodePath: import('../../../../../node_modules/react').ForwardRefExoticComponent<{
     nodeConfig?: NodePathProps;
     data?: {
         index?: number;
@@ -10,5 +10,5 @@ export declare const NodePath: import('react').ForwardRefExoticComponent<{
     x: number;
     y: number;
     tabIndex?: number;
-} & import('react').RefAttributes<SVGSVGElement>>;
+} & import('../../../../../node_modules/react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=nodePath.d.ts.map

package/dist/types/components/path/path.d.ts

@@ -1,3 +1,3 @@
 import { PathProps } from './path.types';
-export declare const Path: import('react').ForwardRefExoticComponent<PathProps & import('react').RefAttributes<unknown>>;
+export declare const Path: import('../../../node_modules/react').ForwardRefExoticComponent<PathProps & import('../../../node_modules/react').RefAttributes<unknown>>;
 //# sourceMappingURL=path.d.ts.map

package/dist/types/components/path/path.types.d.ts

@@ -1,4 +1,4 @@
-import { AriaAttributes } from 'react';
+import { AriaAttributes } from '../../../node_modules/react';
 import { ShadowSvgConfig } from '../../utils/shadowSvg/shadowSvg.types';
 import { NodeProps } from '../node/node.types';
 interface IDataPoint {

package/dist/types/components/plot/components/circle/circle.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { PlotShapeProps } from '../../plot.types';
 export declare const Circle: (props: PlotShapeProps & {
     ref?: ForwardedRef<SVGElement>;

package/dist/types/components/plot/components/square/square.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { PlotShapeProps } from '../../plot.types';
 export declare const Square: (props: PlotShapeProps & {
     ref?: ForwardedRef<SVGElement>;

package/dist/types/components/plot/components/triangle/triangle.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../../../node_modules/react';
 import { PlotShapeProps } from '../../plot.types';
 export declare const Triangle: (props: PlotShapeProps & {
     ref?: ForwardedRef<SVGElement>;

package/dist/types/components/plot/plot.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../node_modules/react';
 import { PlotProps } from './plot.types';
 /**
  * `Plot` component which renders an interactive point in a chart with hover effects and accessibility features.

package/dist/types/components/svgContainer/svgContainer.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef } from '../../../node_modules/react';
 import { SvgContainerProps } from './svgContainer.types';
 export declare const SvgContainer: (props: SvgContainerProps & {
     ref?: ForwardedRef<SVGSVGElement>;

package/dist/types/components/tick/tick.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../node_modules/react';
 import { TickProps } from './tick.types';
 /**
  * Functional component for rendering a tick mark in a chart or graph.

package/dist/types/components/zoomArea/components/HandlerIcon.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 /**
  * Props for the HandlerIcon component
  */

package/dist/types/components/zoomArea/components/LineRenderer.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from '../../../../node_modules/react';
 /**
  * Line data for rendering
  */

package/dist/types/components/zoomArea/components/SelectionArea.d.ts

@@ -1,4 +1,4 @@
-import { FC, KeyboardEvent, MouseEvent, TouchEvent } from 'react';
+import { FC, KeyboardEvent, MouseEvent, TouchEvent } from '../../../../node_modules/react';
 import { FocusConfig } from '../../../types/focusConfig.type';
 import { ZoomAreaSelectionConfig, ZoomRange } from '../zoomArea.type';
 /**

package/dist/types/components/zoomArea/components/ZoomHandler.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, MouseEvent, TouchEvent } from 'react';
+import { KeyboardEvent, MouseEvent, TouchEvent } from '../../../../node_modules/react';
 import { FocusConfig } from '../../../types/focusConfig.type';
 import { ZoomAreaElements, ZoomAreaHandlerConfig } from '../zoomArea.type';
 /**

package/dist/types/hooks/useFocus/useFocus.types.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent } from 'react';
+import { FocusEvent } from '../../../node_modules/react';
 /**
  * Defines a generic focus event handler function type.
  *

package/dist/types/hooks/useHover/useHover.types.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent } from '../../../node_modules/react';
 /**
  * Defines a generic hover event handler function type.
  *

package/dist/types/utils/getChildrenAttr/getChildrenAttr.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../node_modules/react';
 interface GetChildrenAttrProps {
     attrName: string;
     originalValue: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-charts",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": false,
   "main": "dist/kubit-ui-web-react-charts.cjs.js",
   "module": "dist/kubit-ui-web-react-charts.es.js",
@@ -110,7 +110,8 @@
     "vitest": "vitest",
     "vitest-report": "vitest --ui --coverage.enabled=true",
     "vitest:watch": "vitest - watch",
-    "dist:all": "yarn run vite build"
+    "dist:all": "yarn run vite build",
+    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
   },
   "repository": {
     "type": "git",
@@ -158,6 +159,7 @@
     "@storybook/addon-a11y": "10.0.7",
     "@storybook/addon-coverage": "3.0.0",
     "@storybook/addon-designs": "11.0.1",
+    "@storybook/addon-docs": "10.0.7",
     "@storybook/addon-links": "10.0.7",
     "@storybook/addon-themes": "10.0.7",
     "@storybook/react-vite": "10.0.7",
@@ -177,6 +179,7 @@
     "@vitest/coverage-v8": "^4.0.9",
     "@vitest/ui": "^4.0.9",
     "add": "^2.0.6",
+    "chromatic": "^13.3.3",
     "cpy-cli": "^6.0.0",
     "eslint": "^9.39.1",
     "eslint-config-kubit": "1.2.0",
@@ -211,8 +214,7 @@
     "vitest": "^4.0.9",
     "vitest-axe": "^0.1.0",
     "yarn": "^1.22.22",
-    "yarn-deduplicate": "^6.0.2",
-    "@storybook/addon-docs": "10.0.7"
+    "yarn-deduplicate": "^6.0.2"
   },
   "dependencies": {
     "react": "18.3.1",