@kubit-ui-web/react-charts 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"line.types.d.ts","sourceRoot":"","sources":["../../../../src/components/line/line.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/esm/components/line/line.types.js

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

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import type { NodeProps } from '../../node.types';
+export declare const Circle: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=circle.d.ts.map

package/dist/esm/components/node/components/circle/circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/components/circle/circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAkBlD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/components/circle/circle.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const CircleComponent = ({ dataTestId, position, size = 1, ...props }, ref) => {
+    return (_jsx("circle", { ...props, ref: ref, cx: position?.x, cy: position?.y, "data-testid": `${dataTestId}-circle`, r: size / 2 }));
+};
+export const Circle = forwardRef(CircleComponent);

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import type { NodeProps } from '../../node.types';
+export declare const Hexagon: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=hexagon.d.ts.map

package/dist/esm/components/node/components/hexagon/hexagon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexagon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/components/hexagon/hexagon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAalD,eAAO,MAAM,OAAO,EAAmC,CACrD,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/components/hexagon/hexagon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { calculateShapePoints } from '../../utils/calculateShapePoints/calculateShapePoints';
+const HexagonComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
+    const hexagonPoints = calculateShapePoints(position.x, position.y, 6, size / 2, size / 2);
+    return (_jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-hexagon`, points: hexagonPoints }));
+};
+export const Hexagon = forwardRef(HexagonComponent);

package/dist/esm/components/node/components/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/node/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/node/components/index.ts"],"names":[],"mappings":""}

package/dist/esm/components/node/components/index.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import type { NodeProps } from '../../node.types';
+export declare const Pentagon: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=pentagon.d.ts.map

package/dist/esm/components/node/components/pentagon/pentagon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pentagon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/components/pentagon/pentagon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAalD,eAAO,MAAM,QAAQ,EAAoC,CACvD,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/components/pentagon/pentagon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { calculateShapePoints } from '../../utils/calculateShapePoints/calculateShapePoints';
+const PentagonComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
+    const pentagonPoints = calculateShapePoints(position.x, position.y, 5, size / 2, size / 2);
+    return (_jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-pentagon`, points: pentagonPoints }));
+};
+export const Pentagon = forwardRef(PentagonComponent);

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import type { NodeProps } from '../../node.types';
+export declare const Square: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=square.d.ts.map

package/dist/esm/components/node/components/square/square.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"square.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/components/square/square.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAmBlD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/components/square/square.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SquareComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
+    return (_jsx("rect", { ...props, ref: ref, "data-testid": `${dataTestId}-square`, height: size, width: size, x: position.x - size / 2, y: position.y - size / 2 }));
+};
+export const Square = forwardRef(SquareComponent);

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import type { NodeProps } from '../../node.types';
+export declare const Star: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=star.d.ts.map

package/dist/esm/components/node/components/star/star.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"star.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/components/star/star.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAalD,eAAO,MAAM,IAAI,EAAgC,CAC/C,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/components/star/star.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { calculateShapePoints } from '../../utils/calculateShapePoints/calculateShapePoints';
+const StarComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
+    const outerRadius = size / 2;
+    const innerRadius = outerRadius / 2;
+    const starPoints = calculateShapePoints(position.x, position.y, 5, outerRadius, innerRadius);
+    return _jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-star`, points: starPoints });
+};
+export const Star = forwardRef(StarComponent);

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import type { NodeProps } from '../../node.types';
+export declare const Straight: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=straight.d.ts.map

package/dist/esm/components/node/components/straight/straight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"straight.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/components/straight/straight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUlD,eAAO,MAAM,QAAQ,EAAoC,CACvD,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/components/straight/straight.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const StraightComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
+    const d = `M ${position.x - size / 2} ${position.y} H ${position.x + size / 2} M ${position.x} ${position.y - size / 2} V ${position.y + size / 2}`;
+    return _jsx("path", { ...props, ref: ref, d: d, "data-testid": `${dataTestId}-straight`, strokeWidth: 2 });
+};
+export const Straight = forwardRef(StraightComponent);

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import type { NodeProps } from '../../node.types';
+export declare const Triangle: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=triangle.d.ts.map

package/dist/esm/components/node/components/triangle/triangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/components/triangle/triangle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAclD,eAAO,MAAM,QAAQ,EAAoC,CACvD,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/components/triangle/triangle.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const TriangleComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
+    const points = [
+        `${position.x},${position.y - size / 2}`,
+        `${position.x - size / 2},${position.y + size / 2}`,
+        `${position.x + size / 2},${position.y + size / 2}`,
+    ].join(' ');
+    return _jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-triangle`, points: points });
+};
+export const Triangle = forwardRef(TriangleComponent);

package/dist/esm/components/node/index.d.ts

@@ -0,0 +1,3 @@
+export * from './node';
+export * from './node.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/node/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/esm/components/node/index.js

@@ -0,0 +1,2 @@
+export * from './node';
+export * from './node.types';

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

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from 'react';
+import { type NodeProps } from './node.types';
+export declare const Node: (props: NodeProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=node.d.ts.map

package/dist/esm/components/node/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../../src/components/node/node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAIlB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,cAAc,CAAC;AA4IxD,eAAO,MAAM,IAAI,EAAgC,CAC/C,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/node.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, } from 'react';
+import { useAutoClick } from '../../charts/lineChart/hook';
+import { Circle } from './components/circle/circle';
+import { Hexagon } from './components/hexagon/hexagon';
+import { Pentagon } from './components/pentagon/pentagon';
+import { Square } from './components/square/square';
+import { Star } from './components/star/star';
+import { Straight } from './components/straight/straight';
+import { Triangle } from './components/triangle/triangle';
+import { NodeType } from './node.types';
+const Component = {
+    [NodeType.Circle]: Circle,
+    [NodeType.Hexagon]: Hexagon,
+    [NodeType.Pentagon]: Pentagon,
+    [NodeType.Square]: Square,
+    [NodeType.Star]: Star,
+    [NodeType.Straight]: Straight,
+    [NodeType.Triangle]: Triangle,
+};
+/**
+ * Node component that renders interactive geometric shapes for data visualization.
+ *
+ * @param props - `NodeProps` include:
+ * - `type`: Node type (`NodeType.Circle`, `NodeType.Square`, `NodeType.Triangle`, `NodeType.Star`, `NodeType.Pentagon`, `NodeType.Hexagon`, `NodeType.Straight`). By default is `NodeType.Circle`.
+ * - `size`: Shape size. By default is 1.
+ * - `fill`: Shape fill color. By default is 'transparent'.
+ * - `fillOpacity`: Fill color opacity.
+ * - `hasHalo`: Indicates if the shape has a halo effect. By default is `false`.
+ * - `position`: Shape position in the plane, with properties `x` and `y`. By default is `{ x: 0, y: 0 }`.
+ * - `dataTestId`: Identifier for testing. By default is an empty string.
+ * - `stroke`: Shape stroke color.
+ * - `strokeWidth`: Shape stroke width.
+ * - `opacity`: Shape opacity.
+ * - `tabIndex`: Tab index for keyboard navigation.
+ * - `id`: Shape unique identifier.
+ * - `className`: Additional CSS classes for the shape.
+ * - `data`: Shape related data, including index, data value, data key and `x` key.
+ * - `onClick`: Function executed when clicking on the shape.
+ * - `onKeyDown`: Function executed when pressing a key while the shape has focus.
+ * - `onFocus`: Function executed when focusing the shape.
+ * - `onBlur`: Function executed when removing focus from the shape.
+ * - `onMouseEnter`: Function executed when hovering over the shape.
+ * - `onMouseLeave`: Function executed when moving the mouse away from the shape.
+ *
+ * @returns An SVG element corresponding to the specified node type (`circle`, `rect`, `polygon`), or `null` if the type is not recognized.
+ */
+const NodeComponent = ({ dataTestId = 'node', haloConfig, hasHalo = false, onBlur, onClick, onDoubleClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, position = { x: 0, y: 0 }, size = 1, type = NodeType.Circle, ...props }, ref) => {
+    // It needed to recovery the autoClick info into js event, because the react event can't be modified or handle custom properties
+    const [clickRef, autoClick] = useAutoClick(ref);
+    // TODO - Enrich events with data, stop using extra parameters for callbacks
+    const handleClick = (event) => {
+        onClick?.(event, { ...props.data, nodePosition: position }, autoClick.current);
+    };
+    const handleDoubleClick = (event) => {
+        onDoubleClick?.(event, props.data);
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === 'Enter') {
+            onKeyDown?.(event, props.data);
+        }
+    };
+    const handleFocus = (event) => {
+        onFocus?.(event, props.data);
+    };
+    const handleBlur = (event) => {
+        onBlur?.(event);
+    };
+    const handleMouseEnter = (event) => {
+        onMouseEnter?.(event, props.data);
+    };
+    const handleMouseLeave = (event) => {
+        onMouseLeave?.(event);
+    };
+    const nodeProps = {
+        ...props,
+        className: `node ${props.className}`,
+        onBlur: handleBlur,
+        onClick: handleClick,
+        onDoubleClick: handleDoubleClick,
+        onFocus: handleFocus,
+        onKeyDown: handleKeyDown,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+    };
+    // Props for halo - exclude interactive handlers and accessibility attributes
+    const haloProps = {
+        className: props.className,
+        fill: haloConfig?.fill || props.fill,
+        fillOpacity: haloConfig?.fillOpacity || 0.25,
+        opacity: haloConfig?.opacity || 0.3,
+        stroke: haloConfig?.stroke || props.stroke,
+        strokeWidth: haloConfig?.strokeWidth || props.strokeWidth,
+    };
+    const InnerNode = Component[type];
+    return (_jsxs(_Fragment, { children: [hasHalo && (_jsx(InnerNode, { ...haloProps, "aria-hidden": "true", dataTestId: `${dataTestId}-halo`, position: position, size: size + size / 2, tabIndex: -1 })), _jsx(InnerNode, { ...nodeProps, ref: clickRef, dataTestId: dataTestId, position: position, size: size })] }));
+};
+export const Node = forwardRef(NodeComponent);

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

@@ -0,0 +1,101 @@
+/**
+ * Enum for node types.
+ *
+ * This enumeration defines the possible types of nodes that can be represented in a graphical interface or data structure.
+ * It includes basic geometric shapes such as circles, squares, and triangles, allowing for simple categorization and differentiation
+ * of node types in various applications.
+ *
+ * @enum {string}
+ */
+export declare const NodeType: {
+    readonly Circle: "circle";
+    readonly Hexagon: "hexagon";
+    readonly Pentagon: "pentagon";
+    readonly Square: "square";
+    readonly Star: "star";
+    readonly Straight: "straight";
+    readonly Triangle: "triangle";
+};
+/**
+ * Properties for a node component.
+ *
+ * This interface outlines the properties that can be set on a node component within a graphical interface or data structure.
+ * It supports customization of the node's type, fill color, size, and position. Additionally, a data test ID can be specified
+ * for testing purposes. The `type` property is optional and defaults to undefined, allowing for nodes to be type-agnostic
+ * if desired.
+ *
+ * @interface
+ */
+export interface NodeProps {
+    type?: (typeof NodeType)[keyof typeof NodeType];
+    size?: number;
+    fill?: string;
+    fillOpacity?: number;
+    hasHalo?: boolean;
+    position?: {
+        x: number;
+        y: number;
+    };
+    dataTestId?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    opacity?: number;
+    tabIndex?: number;
+    id?: string;
+    className?: string;
+    ariaLabel?: string;
+    haloConfig?: {
+        fill?: string;
+        fillOpacity?: number;
+        stroke?: string;
+        strokeWidth?: number;
+        opacity?: number;
+    };
+    data?: {
+        index?: number;
+        dataValue?: any;
+        dataKey?: string;
+        xKey?: string;
+        nodePosition?: {
+            x: number;
+            y: number;
+        };
+    };
+    onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, data?: {
+        index?: number;
+        dataValue?: any;
+        dataKey?: string;
+        xKey?: string;
+        nodePosition?: {
+            x: number;
+            y: number;
+        };
+    }, autoClick?: boolean) => void;
+    onDoubleClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, data?: {
+        index?: number;
+        dataValue?: any;
+        dataKey?: string;
+        xKey?: string;
+    }) => void;
+    onKeyDown?: (event: React.KeyboardEvent<SVGPathElement>, data?: {
+        index?: number;
+        dataValue?: any;
+        dataKey?: string;
+        xKey?: string;
+    }) => void;
+    onFocus?: (event: React.FocusEvent<SVGPathElement>, data?: {
+        index?: number;
+        dataValue?: any;
+        dataKey?: string;
+        xKey?: string;
+    }) => void;
+    onBlur?: (event: React.FocusEvent<SVGPathElement>) => void;
+    onMouseEnter?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, data?: {
+        index?: number;
+        dataValue?: any;
+        dataKey?: string;
+        xKey?: string;
+    }) => void;
+    onMouseLeave?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
+}
+//# sourceMappingURL=node.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.types.d.ts","sourceRoot":"","sources":["../../../../src/components/node/node.types.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/node/node.types.js

@@ -0,0 +1,18 @@
+/**
+ * Enum for node types.
+ *
+ * This enumeration defines the possible types of nodes that can be represented in a graphical interface or data structure.
+ * It includes basic geometric shapes such as circles, squares, and triangles, allowing for simple categorization and differentiation
+ * of node types in various applications.
+ *
+ * @enum {string}
+ */
+export const NodeType = {
+    Circle: 'circle', // Represents a circle node.
+    Hexagon: 'hexagon', // Represents a hexagon node.
+    Pentagon: 'pentagon', // Represents a pentagon node.
+    Square: 'square', // Represents a square node.
+    Star: 'star', // Represents a star node.
+    Straight: 'straight', // Represents a straight node.
+    Triangle: 'triangle', // Represents a triangle node.
+};

package/dist/esm/components/node/utils/calculateShapePoints/calculateShapePoints.d.ts

@@ -0,0 +1,2 @@
+export declare const calculateShapePoints: (centerX: number, centerY: number, points: number, outerRadius: number, innerRadius: number) => string;
+//# sourceMappingURL=calculateShapePoints.d.ts.map

package/dist/esm/components/node/utils/calculateShapePoints/calculateShapePoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateShapePoints.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/utils/calculateShapePoints/calculateShapePoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAC/B,SAAS,MAAM,EACf,SAAS,MAAM,EACf,QAAQ,MAAM,EACd,aAAa,MAAM,EACnB,aAAa,MAAM,KAClB,MAoBF,CAAC"}

package/dist/esm/components/node/utils/calculateShapePoints/calculateShapePoints.js

@@ -0,0 +1,18 @@
+export const calculateShapePoints = (centerX, centerY, points, outerRadius, innerRadius) => {
+    let result = '';
+    // Determine whether drawing a regular shape or a star
+    const isRegularShape = outerRadius === innerRadius;
+    const iterations = isRegularShape ? points : 2 * points;
+    for (let i = 0; i < iterations; i++) {
+        // Use only outerRadius for regular shapes, alternate for stars
+        const radius = isRegularShape ? outerRadius : i % 2 === 0 ? outerRadius : innerRadius;
+        // Adjust angle to alternate points, subtracting Math.PI / 2 to start vertically
+        const angle = ((Math.PI * 2) / iterations) * i - Math.PI / 2;
+        // Calculate x and y based on angle and radius
+        const x = centerX + Math.cos(angle) * radius;
+        const y = centerY + Math.sin(angle) * radius;
+        // Concatenar el punto al resultado
+        result += `${x},${y} `;
+    }
+    return result.trim();
+};

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

@@ -0,0 +1,14 @@
+import type { NodePathProps } from '../../path.types';
+export declare const NodePath: import("react").ForwardRefExoticComponent<{
+    nodeConfig?: NodePathProps;
+    data?: {
+        index?: number;
+        dataValue?: any;
+        dataKey?: string;
+        xKey?: string;
+    };
+    x: number;
+    y: number;
+    tabIndex?: number;
+} & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=nodePath.d.ts.map

package/dist/esm/components/path/components/nodePath/nodePath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodePath.d.ts","sourceRoot":"","sources":["../../../../../../src/components/path/components/nodePath/nodePath.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAwEtD,eAAO,MAAM,QAAQ;iBA5DJ,aAAa;WACnB;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,GAAG,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;OACE,MAAM;OACN,MAAM;eACE,MAAM;iDAmDgC,CAAC"}

package/dist/esm/components/path/components/nodePath/nodePath.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { processAccessibilityTemplate } from '../../../../charts/lineChart/utils/accessibilityTemplateProcessor';
+import { pickCustomAttributes } from '../../../../utils/pickCustomAttributes/pickCustomAttributes';
+import { Node } from '../../../node/node';
+const NODE_PATH_FOCUS_BORDER = 'node-path-focus-border';
+/**
+ * NodePathComponent renders a Node with custom attributes including processed aria-label templates.
+ *
+ * aria-label attributes in nodeConfig that contain template placeholders like {{dataKey}} will be processed
+ * and replaced with actual values from the data.
+ */
+const NodePathComponent = ({ data, nodeConfig, tabIndex = 0, x, y }, ref) => {
+    // Extract custom aria-* and data-* attributes from nodeConfig
+    const customAttributes = nodeConfig ? pickCustomAttributes(nodeConfig) : {};
+    // Process aria-label template if it exists and contains placeholders
+    if (customAttributes['aria-label'] &&
+        data &&
+        typeof customAttributes['aria-label'] === 'string') {
+        const ariaLabelValue = customAttributes['aria-label'];
+        if (ariaLabelValue.includes('{{')) {
+            const processedAriaLabel = processAccessibilityTemplate(ariaLabelValue, {
+                dataKey: data.dataKey,
+                dataValue: data.dataValue,
+                index: data.index ?? 0,
+                xKey: data.xKey,
+            }, data.dataValue);
+            if (processedAriaLabel) {
+                customAttributes['aria-label'] = processedAriaLabel;
+            }
+        }
+    }
+    return (_jsx(_Fragment, { children: nodeConfig && (_jsx(Node, { ...nodeConfig, ref: ref, ...customAttributes, className: NODE_PATH_FOCUS_BORDER, data: data, hasHalo: nodeConfig.hasHalo, position: {
+                x: x,
+                y: y,
+            }, tabIndex: tabIndex })) }));
+};
+export const NodePath = forwardRef(NodePathComponent);

package/dist/esm/components/path/index.d.ts

@@ -0,0 +1,3 @@
+export * from './path';
+export * from './path.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/path/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/path/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/esm/components/path/index.js

@@ -0,0 +1,2 @@
+export * from './path';
+export * from './path.types';

package/dist/esm/components/path/path.css

@@ -0,0 +1,29 @@
+.path {
+  &:focus {
+    outline: none;
+  }
+}
+
+/* Just for Node storybook example */
+.node-focus-border {
+  outline: none;
+
+  &:focus-visible {
+    outline-style: solid;
+    outline-offset: 2px;
+    outline-width: 2px;
+    outline-color: #2C71DB;
+  }
+}
+
+/* For Line Chart Nodes */
+.node-path-focus-border {
+  outline: none;
+
+  &:focus-visible {
+    outline-style: solid;
+    outline-offset: 1px;
+    outline-width: 1px;
+    outline-color: #2C71DB;
+  }
+}

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

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

package/dist/esm/components/path/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../src/components/path/path.tsx"],"names":[],"mappings":"AAiBA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4M9C,eAAO,MAAM,IAAI,+FAA4B,CAAC"}