@kubit-ui-web/react-charts 0.1.0 → 1.0.0

package/README.md

@@ -1,7 +1,12 @@
 # Kubit React Charts
 
 <p align="center">
-  <img src="./assets/readme_logo.png" alt="Kubito" width="120" height="120" />
+  <a href="https://kubit-ui.com">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/kubit-ui/kubit-react-charts/raw/cms/assets/readme_logo.png">
+      <img src="hhttps://github.com/kubit-ui/kubit-react-charts/raw/cms/assets/readme_logo.png" width="70%">
+    </picture>
+  </a>
 </p>
 
 <p align="center">
@@ -10,9 +15,10 @@
 </p>
 
 <p align="center">
+  <img src="https://img.shields.io/npm/v/@kubit-ui-web/react-charts" alt="Version" />
   <img src="https://img.shields.io/badge/React-18.3.1-blue?logo=react" alt="React version" />
   <img src="https://img.shields.io/badge/TypeScript-5.9.2-blue?logo=typescript" alt="TypeScript version" />
-  <img src="https://img.shields.io/badge/license-ISC-green" alt="License" />
+  <img src="https://img.shields.io/badge/license-Apache%202.0-blue" alt="License" />
 </p>
 
 ---
@@ -84,26 +90,24 @@ yarn add react react-dom
 
 ```typescript
 // Import complete charts
-import { BarChart, LineChart, PieChart } from "@kubit-ui-web/react-charts";
-
+import { BarChart, LineChart, PieChart } from '@kubit-ui-web/react-charts';
 // Import specific components
-import { Plot, Path, Node } from "@kubit-ui-web/react-charts/components";
-
+import { Node, Path, Plot } from '@kubit-ui-web/react-charts/components';
 // Import types
-import type { ChartData, BarOrientation } from "@kubit-ui-web/react-charts/types";
+import type { BarOrientation, ChartData } from '@kubit-ui-web/react-charts/types';
 ```
 
 ### LineChart Example
 
 ```tsx
-import React from "react";
-import { LineChart } from "@kubit-ui-web/react-charts";
+import { LineChart } from '@kubit-ui-web/react-charts';
+import React from 'react';
 
 const data = [
-  { year: "2020", sales: 100, profit: 20 },
-  { year: "2021", sales: 150, profit: 35 },
-  { year: "2022", sales: 180, profit: 45 },
-  { year: "2023", sales: 200, profit: 60 },
+  { year: '2020', sales: 100, profit: 20 },
+  { year: '2021', sales: 150, profit: 35 },
+  { year: '2022', sales: 180, profit: 45 },
+  { year: '2023', sales: 200, profit: 60 },
 ];
 
 function MyLineChart() {
@@ -112,7 +116,7 @@ function MyLineChart() {
       <LineChart.Path dataKey="sales" stroke="#0078D4" strokeWidth={2} />
       <LineChart.Path dataKey="profit" stroke="#FF6B35" strokeWidth={2} />
       <LineChart.XAxis position="BOTTOM" showTickLines />
-      <LineChart.YAxis position="LEFT" valueFormatter={(val) => `$${val}k`} />
+      <LineChart.YAxis position="LEFT" valueFormatter={val => `$${val}k`} />
     </LineChart>
   );
 }
@@ -121,14 +125,14 @@ function MyLineChart() {
 ### BarChart Example
 
 ```tsx
-import React from "react";
-import { BarChart, BarOrientation } from "@kubit-ui-web/react-charts";
+import { BarChart, BarOrientation } from '@kubit-ui-web/react-charts';
+import React from 'react';
 
 const data = [
-  { category: "A", value: 30 },
-  { category: "B", value: 45 },
-  { category: "C", value: 25 },
-  { category: "D", value: 60 },
+  { category: 'A', value: 30 },
+  { category: 'B', value: 45 },
+  { category: 'C', value: 25 },
+  { category: 'D', value: 60 },
 ];
 
 function MyBarChart() {
@@ -146,7 +150,7 @@ function MyBarChart() {
         dataIdx={0}
         barConfig={{
           barWidth: 40,
-          singleConfig: [{ color: "#0078D4", coverage: 100 }],
+          singleConfig: [{ color: '#0078D4', coverage: 100 }],
         }}
       />
       <BarChart.XAxis position="BOTTOM" />
@@ -322,7 +326,7 @@ yarn test-storybook
 yarn eslint --fix
 ```
 
-## Contributing Guidelines
+## Contributing
 
 ### Code Standards
 
@@ -333,18 +337,7 @@ yarn eslint --fix
 
 ### Contribution Workflow
 
-1. Create a feature branch from `main`
-2. Develop following project conventions
-3. Write tests for new features
-4. Run `yarn test` to verify
-5. Create Pull Request
-
-### Conventions
-
-- **Commits**: Use conventional commits
-- **Components**: Follow existing composition pattern
-- **Tests**: One test file per component
-- **Stories**: Document all use cases
+See our [CONTRIBUTING](./CONTRIBUTING.md) for coding conventions, commit message guidelines, and pull request processes.
 
 ### Component Development Guidelines
 
@@ -359,10 +352,10 @@ Please refer to our [development instructions](./.github/copilot-instructions.md
 
 ## License
 
-This project is licensed under the ISC License.
+This project is licensed under the Apache License 2.0 - see the [LICENSE](./LICENSE) file for details.
 
 ---
 
 <p align="center">
-  Made with ❤️ by the <strong>Kubit</strong> team <img src="./assets/kubito.png" alt="Kubito" width="15" height="15" />
+  Made with ❤️ by the <strong>Kubit</strong> team <img src="https://github.com/kubit-ui/kubit-react-charts/raw/cms/assets/kubito.png" alt="Kubito" width="15" height="15" />
 </p>

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

@@ -1,8 +1,8 @@
-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>;
+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>;
 };
 export { BarChart };
 export * from './barChart.type';

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

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from '../../../node_modules/react';
+import { ReactElement, ReactNode } from '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('../../../../node_modules/react').Context<BarChartContextType>;
+export declare const BarChartContext: import('react').Context<BarChartContextType>;
 //# sourceMappingURL=barChartContext.d.ts.map

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

@@ -1,4 +1,4 @@
-import { FC } from '../../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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('../../../../node_modules/react').Context<LineChartContextType>;
+export declare const LineChartContext: import('react').Context<LineChartContextType>;
 //# sourceMappingURL=lineChartContext.d.ts.map

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

@@ -1,4 +1,4 @@
-import { FC } from '../../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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('../../../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>;
+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>;
 };
 export { LineChart };
 export * from './lineChart.type';

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

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from '../../../node_modules/react';
+import { ReactElement, ReactNode } from '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 '../../../node_modules/react';
+import { FC } from '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('../../../../node_modules/react').Context<PieChartContextType>;
+export declare const PieChartContext: import('react').Context<PieChartContextType>;
 //# sourceMappingURL=pieChartContext.d.ts.map

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

@@ -1,4 +1,4 @@
-import { FC } from '../../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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('../../../node_modules/react').FC<import('./pieChart.type').PieChartProps> & {
-    Foreign: import('../../../node_modules/react').FC<import('../..').ForeignObjectProps>;
-    Path: import('../../../node_modules/react').FC<import('../..').PathProps>;
+declare const PieChart: import('react').FC<import('./pieChart.type').PieChartProps> & {
+    Foreign: import('react').FC<import('../..').ForeignObjectProps>;
+    Path: import('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 '../../../node_modules/react';
+import { ReactElement, ReactNode } from '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 '../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from '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 '../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { ReactElement } from '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 '../../../node_modules/react';
+import { FC } from '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 '../../../node_modules/react';
+import { FC } from '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 '../../../node_modules/react';
+import { ReactNode } from 'react';
 export interface ForeignObjectProps {
     children?: ReactNode;
     width?: string | number;

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

@@ -1,4 +1,4 @@
-import { FC } from '../../../node_modules/react';
+import { FC } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../node_modules/react';
+import { ForwardedRef } from '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('../../../../../node_modules/react').ForwardRefExoticComponent<{
+export declare const NodePath: import('react').ForwardRefExoticComponent<{
     nodeConfig?: NodePathProps;
     data?: {
         index?: number;
@@ -10,5 +10,5 @@ export declare const NodePath: import('../../../../../node_modules/react').Forwa
     x: number;
     y: number;
     tabIndex?: number;
-} & import('../../../../../node_modules/react').RefAttributes<SVGSVGElement>>;
+} & import('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('../../../node_modules/react').ForwardRefExoticComponent<PathProps & import('../../../node_modules/react').RefAttributes<unknown>>;
+export declare const Path: import('react').ForwardRefExoticComponent<PathProps & import('react').RefAttributes<unknown>>;
 //# sourceMappingURL=path.d.ts.map

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

@@ -1,4 +1,4 @@
-import { AriaAttributes } from '../../../node_modules/react';
+import { AriaAttributes } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../node_modules/react';
+import { ForwardedRef } from '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 '../../../node_modules/react';
+import { FC } from '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 '../../../../node_modules/react';
+import { FC } from 'react';
 /**
  * Props for the HandlerIcon component
  */

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

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

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

@@ -1,4 +1,4 @@
-import { FC, KeyboardEvent, MouseEvent, TouchEvent } from '../../../../node_modules/react';
+import { FC, KeyboardEvent, MouseEvent, TouchEvent } from '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 '../../../../node_modules/react';
+import { KeyboardEvent, MouseEvent, TouchEvent } from '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 '../../../node_modules/react';
+import { FocusEvent } from '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 '../../../node_modules/react';
+import { MouseEvent } from 'react';
 /**
  * Defines a generic hover event handler function type.
  *

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

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

package/package.json

@@ -1,26 +1,24 @@
 {
   "name": "@kubit-ui-web/react-charts",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": false,
   "main": "dist/kubit-ui-web-react-charts.cjs.js",
   "module": "dist/kubit-ui-web-react-charts.es.js",
   "unpkg": "dist/kubit-ui-web-react-charts.umd.js",
   "jsdelivr": "dist/kubit-ui-web-react-charts.umd.js",
   "types": "dist/types/index.d.ts",
-  "description": "A comprehensive React chart library built by Kubit - Modern, customizable, and accessible data visualization components for web applications",
+  "description": "Modern React chart library with TypeScript support - Create beautiful, interactive, and accessible data visualizations with ease. Features bar charts, line charts, pie charts, and more!",
   "keywords": [
     "react",
     "charts",
     "graphs",
-    "data-visualization",
     "typescript",
     "kubit",
-    "ui-components",
-    "web-charts",
+    "components",
+    "visualization",
     "accessible",
     "customizable",
-    "responsive",
-    "storybook"
+    "responsive"
   ],
   "exports": {
     ".": {
@@ -88,7 +86,6 @@
     "!dist/**/**/stories"
   ],
   "scripts": {
-    "jest": "jest",
     "test:ci": "yarn test",
     "eslint": "eslint src",
     "custom-start": "echo -e '\n▐█µ   ╓▓█▀             ▐█         j█▌   ╓▄   \n▐█▌,▄██─    ▓▌     ▓▌  ▐█▄▄▓▓█▓▄   ▓▌ @▓██▓▓▓\n▐██▀└╙██    █▌     █▌  ▐█─    └█▌  █▌   ██   \n▐█▌    ▀█▌  ██▄▄▄▄▀█▌  ▐██▄╓,▄██`  █▌   ╙█▄▄▄'",
@@ -108,7 +105,7 @@
     "storybook:axe": "yarn build && axe-storybook --build-dir bundle",
     "createAssetsFiles": "node ./scripts/createAssetsFiles.js",
     "prettier": "prettier 'src/**/*.ts' --write",
-    "test": "yarn run eslint --fix && yarn tsc && yarn vitest-report",
+    "test": "yarn run eslint --fix && yarn tsc && yarn vitest --coverage.enabled=true --silent --run",
     "test-storybook": "test-storybook",
     "vitest": "vitest",
     "vitest-report": "vitest --ui --coverage.enabled=true",
@@ -130,18 +127,20 @@
     "url": "https://www.kubit-lab.com",
     "email": "kubit.lab.dev@gmail.com"
   },
+  "maintainers": [
+    {
+      "name": "Kubit Development Team",
+      "email": "kubit.lab.dev@gmail.com",
+      "url": "https://www.kubit-lab.com"
+    }
+  ],
   "contributors": [
     {
       "name": "Kubit Development Team",
       "url": "https://www.kubit-lab.com"
     }
   ],
-  "license": "ISC",
-  "engines": {
-    "node": ">=16.0.0",
-    "npm": ">=7.0.0",
-    "yarn": ">=1.22.0"
-  },
+  "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"