@kubit-ui-web/react-charts 0.1.0

package/dist/cjs/charts/pieChart/utils/rotationDirection.d.ts

@@ -0,0 +1,18 @@
+interface RotateDirectionReturnValues {
+    initialAngle: number;
+    finalAngle: number;
+    carryAngle: number;
+}
+interface RotateDirectionProps {
+    startAngle: number;
+    angleEquivalent: number;
+    gapAngle: number;
+    direction?: (typeof RotateDirection)[keyof typeof RotateDirection];
+}
+export declare const RotateDirection: {
+    readonly CLOCKWISE: "CLOCKWISE";
+    readonly COUNTER_CLOCKWISE: "COUNTER_CLOCKWISE";
+};
+export declare const rotationDirection: ({ angleEquivalent, direction, gapAngle, startAngle, }: RotateDirectionProps) => RotateDirectionReturnValues;
+export {};
+//# sourceMappingURL=rotationDirection.d.ts.map

package/dist/cjs/charts/pieChart/utils/rotationDirection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotationDirection.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/rotationDirection.ts"],"names":[],"mappings":"AAAA,UAAU,2BAA2B;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,eAAO,MAAM,iBAAiB,GAAI,uDAK/B,oBAAoB,KAAG,2BASzB,CAAC"}

package/dist/cjs/charts/pieChart/utils/rotationDirection.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rotationDirection = exports.RotateDirection = void 0;
+exports.RotateDirection = {
+    CLOCKWISE: 'CLOCKWISE',
+    COUNTER_CLOCKWISE: 'COUNTER_CLOCKWISE',
+};
+const rotationDirection = ({ angleEquivalent, direction, gapAngle, startAngle, }) => {
+    const clockDir = direction === exports.RotateDirection.CLOCKWISE;
+    const initialAngle = clockDir ? startAngle + gapAngle / 2 : startAngle - gapAngle / 2;
+    const finalAngle = clockDir
+        ? startAngle + angleEquivalent - gapAngle / 2
+        : startAngle - angleEquivalent + gapAngle / 2;
+    const carryAngle = clockDir ? startAngle + angleEquivalent : startAngle - angleEquivalent;
+    return { carryAngle, finalAngle, initialAngle };
+};
+exports.rotationDirection = rotationDirection;

package/dist/cjs/components/axisChart/index.d.ts

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

package/dist/cjs/components/axisChart/index.d.ts.map

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

package/dist/cjs/components/axisChart/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./xAxis"), exports);
+__exportStar(require("./yAxis"), exports);

package/dist/cjs/components/axisChart/utils/filterLineProps/filterLineProps.d.ts

@@ -0,0 +1,18 @@
+import type { LineProps } from '../../../../components/line/line.types';
+/**
+ * Filters and extracts line-related properties from a given object.
+ *
+ * This utility function is designed to take a generic object `props` and extract from it
+ * properties that are relevant to rendering a line in SVG. It's particularly useful when
+ * you have a component that receives a mix of its own props and props that should be passed
+ * directly to a child `<Line>` component.
+ *
+ * @param props - The input object containing potential line properties.
+ * @returns An object containing only the properties relevant to a `<Line>` component.
+ *
+ * Note: The function uses a type assertion to treat the input `props` as any, allowing for
+ * flexible input types. However, this means the function assumes the caller has ensured that
+ * the input object contains properties compatible with `LineProps`.
+ */
+export declare const filterLineProps: <T>(props: T) => LineProps;
+//# sourceMappingURL=filterLineProps.d.ts.map

package/dist/cjs/components/axisChart/utils/filterLineProps/filterLineProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterLineProps.d.ts","sourceRoot":"","sources":["../../../../../../src/components/axisChart/utils/filterLineProps/filterLineProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAE9D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,SAyC7C,CAAC"}

package/dist/cjs/components/axisChart/utils/filterLineProps/filterLineProps.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterLineProps = void 0;
+/**
+ * Filters and extracts line-related properties from a given object.
+ *
+ * This utility function is designed to take a generic object `props` and extract from it
+ * properties that are relevant to rendering a line in SVG. It's particularly useful when
+ * you have a component that receives a mix of its own props and props that should be passed
+ * directly to a child `<Line>` component.
+ *
+ * @param props - The input object containing potential line properties.
+ * @returns An object containing only the properties relevant to a `<Line>` component.
+ *
+ * Note: The function uses a type assertion to treat the input `props` as any, allowing for
+ * flexible input types. However, this means the function assumes the caller has ensured that
+ * the input object contains properties compatible with `LineProps`.
+ */
+const filterLineProps = (props) => {
+    const { ariaLabel, className, dataTestId, opacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeOpacity, strokeWidth, style, tabIndex, transform, x1, x2, y1, y2, } = props;
+    return {
+        ariaLabel,
+        className,
+        dataTestId,
+        opacity,
+        stroke,
+        strokeDasharray,
+        strokeDashoffset,
+        strokeLinecap,
+        strokeLinejoin,
+        strokeOpacity,
+        strokeWidth,
+        style,
+        tabIndex,
+        transform,
+        x1,
+        x2,
+        y1,
+        y2,
+    };
+};
+exports.filterLineProps = filterLineProps;

package/dist/cjs/components/axisChart/utils/index.d.ts

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

package/dist/cjs/components/axisChart/utils/index.d.ts.map

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

package/dist/cjs/components/axisChart/utils/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./filterLineProps/filterLineProps"), exports);

package/dist/cjs/components/axisChart/xAxis/index.d.ts

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

package/dist/cjs/components/axisChart/xAxis/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/axisChart/xAxis/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}

package/dist/cjs/components/axisChart/xAxis/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./xAxis"), exports);
+__exportStar(require("./xAxis.types"), exports);

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

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import type { XAxisProps } from './xAxis.types';
+/**
+ * Renders the X-axis of a chart, including tick marks and labels.
+ *
+ * This component dynamically calculates the position of each tick mark based on the provided `tickValues` and adjusts their positions to fit within the specified `canvasWidth`, taking into account any `extraSpace` margins.
+ *
+ * The component renders a `<g>` SVG element containing a `<Line>` component for the axis line and multiple `<Tick>` components for the tick marks and labels, adjusted for the canvas size and extra space.
+ */
+export declare const XAxis: FC<XAxisProps>;
+//# sourceMappingURL=xAxis.d.ts.map

package/dist/cjs/components/axisChart/xAxis/xAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xAxis.d.ts","sourceRoot":"","sources":["../../../../../src/components/axisChart/xAxis/xAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqDhC,CAAC"}

package/dist/cjs/components/axisChart/xAxis/xAxis.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XAxis = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const line_1 = require("../../../components/line/line");
+const tick_1 = require("../../../components/tick/tick");
+const canvas_type_1 = require("../../../types/canvas.type");
+const position_enum_1 = require("../../../types/position.enum");
+const isNear_1 = require("../../../utils/cursorNear/isNear");
+const pickCustomAttributes_1 = require("../../../utils/pickCustomAttributes/pickCustomAttributes");
+const filterLineProps_1 = require("../utils/filterLineProps/filterLineProps");
+/**
+ * Renders the X-axis of a chart, including tick marks and labels.
+ *
+ * This component dynamically calculates the position of each tick mark based on the provided `tickValues` and adjusts their positions to fit within the specified `canvasWidth`, taking into account any `extraSpace` margins.
+ *
+ * The component renders a `<g>` SVG element containing a `<Line>` component for the axis line and multiple `<Tick>` components for the tick marks and labels, adjusted for the canvas size and extra space.
+ */
+const XAxis = ({ canvasHeight = canvas_type_1.DefaultCanvasConfig.height, canvasWidth = canvas_type_1.DefaultCanvasConfig.width, cursor = 0, extraSpace = {
+    bottom: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+}, position = position_enum_1.Positions.BOTTOM, showTickLines = false, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
+    // Extract custom attributes for the g element
+    const customAttributes = (0, pickCustomAttributes_1.pickCustomAttributes)(props);
+    return ((0, jsx_runtime_1.jsxs)("g", { ...customAttributes, children: [(0, jsx_runtime_1.jsx)(line_1.Line, { ...(0, filterLineProps_1.filterLineProps)(props) }), tickValues &&
+                tickValues.length > 0 &&
+                tickValues.map((tick, index) => {
+                    const overrideTickLine = (0, isNear_1.isNear)(cursor, tick.position) && tickLineHover;
+                    const tickLineProps = overrideTickLine ? { ...tickLine, ...tickLineHover } : tickLine;
+                    const rotate = tickText?.transform === 'rotate'
+                        ? `rotate(-30, ${tick.position}, ${tickText.y})`
+                        : undefined;
+                    return ((0, jsx_runtime_1.jsx)(tick_1.Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
+                            ...tickLineProps,
+                            x1: tick.position,
+                            x2: tick.position,
+                        }, tickText: {
+                            ...tickText,
+                            transform: rotate,
+                            x: tick.position,
+                        } }, `${index.toString()}`));
+                })] }));
+};
+exports.XAxis = XAxis;

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

@@ -0,0 +1,40 @@
+import type { ChartTextProps } from '../../../components/chartText/chartText.types';
+import type { LineProps } from '../../../components/line/line.types';
+import type { TickData } from '../../../components/tick/tick.types';
+import type { Positions } from '../../../types/position.enum';
+/**
+ * Defines the properties for the XAxis component.
+ *
+ * @property {Positions} [position] - Specifies the position of the X-axis on the chart. Can be 'TOP' or 'BOTTOM'.
+ * @property {TickData[]} [tickValues] - An array of tick values to be displayed on the X-axis. Each tick is represented by a `TickData` object.
+ * @property {boolean} [showTickLines=true] - Determines whether tick lines should be displayed.
+ * @property {LineProps} [tickLine] - Custom properties for styling the tick lines.
+ * @property {Omit<ChartTextProps, 'y' | 'x' | 'dx' | 'dy'> & { top?: number; bottom?: number; }} [tickText] - Custom properties for styling the tick text, excluding position properties ('y', 'x', 'dx', 'dy') which are managed by the component. Additional properties `top` and `bottom` can be used to adjust the vertical position of the tick text.
+ * @property {number} [canvasWidth] - The width of the canvas on which the X-axis is rendered. This is used to calculate positioning and scaling.
+ * @property {number} [canvasHeight] - The height of the canvas on which the X-axis is rendered. This is used to calculate positioning and scaling.
+ * @property {{ left?: number; right?: number; top?: number; bottom?: number; }} [extraSpace] - Optional extra spacing around the X-axis to adjust its position within the canvas. Each property specifies the amount of space to add on each side.
+ *
+ * Extends `LineProps` for basic line styling properties.
+ */
+export interface XAxisProps extends LineProps {
+    position?: (typeof Positions)[keyof typeof Positions];
+    tickValues?: TickData[];
+    showTickLines?: boolean;
+    tickLine?: LineProps;
+    tickLineHover?: LineProps;
+    tickText?: Omit<ChartTextProps, 'dx' | 'dy' | 'transform'> & {
+        top?: number;
+        bottom?: number;
+        transform?: 'rotate';
+    };
+    canvasWidth?: number;
+    canvasHeight?: number;
+    extraSpace?: {
+        left?: number;
+        right?: number;
+        top?: number;
+        bottom?: number;
+    };
+    cursor?: number;
+}
+//# sourceMappingURL=xAxis.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xAxis.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/axisChart/xAxis/xAxis.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,QAAQ,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IACtD,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,IAAI,GAAG,WAAW,CAAC,GAAG;QAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,QAAQ,CAAC;KACtB,CAAC;IAEF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/cjs/components/axisChart/xAxis/xAxis.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/axisChart/yAxis/index.d.ts

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

package/dist/cjs/components/axisChart/yAxis/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/axisChart/yAxis/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}

package/dist/cjs/components/axisChart/yAxis/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./yAxis"), exports);
+__exportStar(require("./yAxis.types"), exports);

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

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import type { YAxisProps } from './yAxis.types';
+/**
+ * Renders a Y-axis for a chart, including tick marks and labels.
+ * This component renders a `<g>` SVG element containing a `<Line>` component for the axis line and multiple `<Tick>` components for the tick marks and labels.
+ */
+export declare const YAxis: FC<YAxisProps>;
+//# sourceMappingURL=yAxis.d.ts.map

package/dist/cjs/components/axisChart/yAxis/yAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yAxis.d.ts","sourceRoot":"","sources":["../../../../../src/components/axisChart/yAxis/yAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgDhC,CAAC"}

package/dist/cjs/components/axisChart/yAxis/yAxis.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YAxis = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const line_1 = require("../../../components/line/line");
+const tick_1 = require("../../../components/tick/tick");
+const position_enum_1 = require("../../../types/position.enum");
+const isNear_1 = require("../../../utils/cursorNear/isNear");
+const pickCustomAttributes_1 = require("../../../utils/pickCustomAttributes/pickCustomAttributes");
+const filterLineProps_1 = require("../utils/filterLineProps/filterLineProps");
+/**
+ * Renders a Y-axis for a chart, including tick marks and labels.
+ * This component renders a `<g>` SVG element containing a `<Line>` component for the axis line and multiple `<Tick>` components for the tick marks and labels.
+ */
+const YAxis = ({ canvasWidth, cursor = 0, extraSpace = {
+    bottom: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+}, position = position_enum_1.Positions.LEFT, showTickLines = true, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
+    // Extract custom attributes for the g element
+    const customAttributes = (0, pickCustomAttributes_1.pickCustomAttributes)(props);
+    return ((0, jsx_runtime_1.jsxs)("g", { ...customAttributes, children: [(0, jsx_runtime_1.jsx)(line_1.Line, { ...(0, filterLineProps_1.filterLineProps)(props) }), tickValues &&
+                tickValues.length > 0 &&
+                tickValues.map((tick, index) => {
+                    const overrideTickLine = (0, isNear_1.isNear)(cursor, tick.position) && tickLineHover;
+                    const tickLineProps = overrideTickLine ? { ...tickLine, ...tickLineHover } : tickLine;
+                    const rotate = tickText?.transform === 'rotate'
+                        ? `rotate(-30, ${tickText.x}, ${tick.position})`
+                        : undefined;
+                    return ((0, jsx_runtime_1.jsx)(tick_1.Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
+                            ...tickLineProps,
+                            y1: tick.position,
+                            y2: tick.position,
+                        }, tickText: { ...tickText, transform: rotate, y: tick.position } }, `${index.toString()}`));
+                })] }));
+};
+exports.YAxis = YAxis;

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

@@ -0,0 +1,37 @@
+import type { ChartTextProps } from '../../../components/chartText/chartText.types';
+import type { LineProps } from '../../../components/line/line.types';
+import type { TickData } from '../../../components/tick/tick.types';
+import type { Positions } from '../../../types/position.enum';
+/**
+ * Props for the `YAxis` component, extending `LineProps` to include additional properties specific to rendering a Y-axis.
+ *
+ * @param position - Optional. Specifies the position of the Y-axis on the canvas. Can be one of the `Positions` ('left', 'right', 'top', 'bottom').
+ * @param tickValues - Optional. An array of `TickData` objects representing the data points to be used for ticks on the Y-axis.
+ * @param showTickLines - Optional. A boolean indicating whether tick lines should be displayed.
+ * @param tickLine - Optional. `LineProps` for customizing the appearance of tick lines.
+ * @param tickText - Optional. Properties for customizing the appearance of tick text, excluding `y`, `x`, `dx`, and `dy` which are managed by the component. Includes optional `left` and `right` properties to adjust the text position.
+ * @param canvasWidth - Optional. The width of the canvas on which the Y-axis is rendered. Used for calculating positions.
+ * @param canvasHeight - Optional. The height of the canvas on which the Y-axis is rendered. Used for calculating positions.
+ * @param extraSpace - Optional. An object specifying additional space around the Y-axis. Can include `left`, `right`, `top`, and `bottom` properties.
+ */
+export interface YAxisProps extends LineProps {
+    position?: (typeof Positions)[keyof typeof Positions];
+    tickValues?: TickData[];
+    showTickLines?: boolean;
+    tickLine?: LineProps;
+    tickLineHover?: LineProps;
+    tickText?: Omit<ChartTextProps, 'dx' | 'dy'> & {
+        left?: number;
+        right?: number;
+    };
+    canvasWidth?: number;
+    canvasHeight?: number;
+    extraSpace?: {
+        left?: number;
+        right?: number;
+        top?: number;
+        bottom?: number;
+    };
+    cursor?: number;
+}
+//# sourceMappingURL=yAxis.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yAxis.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/axisChart/yAxis/yAxis.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,QAAQ,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IACtD,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG;QAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/cjs/components/axisChart/yAxis/yAxis.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

package/dist/cjs/components/bar/bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAkD5B,CAAC"}

package/dist/cjs/components/bar/bar.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const path_1 = require("../path/path");
+const buildD_1 = require("./utils/buildD");
+const getSegments_1 = require("./utils/getSegments");
+const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1, orientation, startRounded, x1, x2, y1, y2, }) => {
+    const { barWidth, singleConfig } = barConfig;
+    const segments = (0, getSegments_1.getSegments)({ barConfig, orientation, x1, x2, y1, y2 });
+    return ((0, jsx_runtime_1.jsx)("g", { children: singleConfig.map((single, index) => {
+            const [segmentX1, segmentX2] = orientation === 'HORIZONTAL' ? segments[index] : [x1, x2];
+            const [segmentY1, segmentY2] = orientation === 'VERTICAL' ? segments[index] : [y1, y2];
+            const d = (0, buildD_1.buildD)({
+                barWidth,
+                currentBars,
+                endRounded: index === singleConfig.length - 1 && endRounded ? endRounded : undefined,
+                extraSpacing,
+                order,
+                orientation,
+                startRounded: index === 0 && startRounded ? startRounded : undefined,
+                x1: segmentX1,
+                x2: segmentX2,
+                y1: segmentY1,
+                y2: segmentY2,
+            });
+            return ((0, jsx_runtime_1.jsx)(path_1.Path, { d: d, fill: single.color, hoverConfig: {
+                    stroke: 'transparent',
+                    strokeWidth: '0',
+                }, stroke: "transparent", tabIndex: 0, title: single.title }, `${single.title}-${index.toString()}`));
+        }) }));
+};
+exports.Bar = Bar;

package/dist/cjs/components/bar/bar.type.d.ts

@@ -0,0 +1,32 @@
+export declare const BarOrientation: {
+    readonly HORIZONTAL: "HORIZONTAL";
+    readonly VERTICAL: "VERTICAL";
+};
+export interface BarChartColor {
+    color: string;
+    coverage: number;
+    title?: string;
+}
+export interface BarChartStyles {
+    gap?: number;
+    barWidth: number;
+    singleConfig: BarChartColor[];
+}
+export interface BarProps {
+    orientation: (typeof BarOrientation)[keyof typeof BarOrientation];
+    barConfig: BarChartStyles;
+    order?: number;
+    currentBars: number;
+    extraSpacing?: number;
+    parentIndex?: number;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    startRounded?: number;
+    endRounded?: number;
+}
+export interface BarChartSegmentProps extends Omit<BarProps, 'colorPalette'> {
+    color: string;
+}
+//# sourceMappingURL=bar.type.d.ts.map

package/dist/cjs/components/bar/bar.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/cjs/components/bar/bar.type.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarOrientation = void 0;
+exports.BarOrientation = {
+    HORIZONTAL: 'HORIZONTAL',
+    VERTICAL: 'VERTICAL',
+};

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

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

package/dist/cjs/components/bar/fragments/barChartSegment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barChartSegment.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/fragments/barChartSegment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,eAAe,QAAO,YAMlC,CAAC"}

package/dist/cjs/components/bar/fragments/barChartSegment.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChartSegment = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BarChartSegment = () => {
+    return ((0, jsx_runtime_1.jsx)("path", { children: (0, jsx_runtime_1.jsx)("title", {}) }));
+};
+exports.BarChartSegment = BarChartSegment;

package/dist/cjs/components/bar/index.d.ts

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

package/dist/cjs/components/bar/index.d.ts.map

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

package/dist/cjs/components/bar/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./bar"), exports);
+__exportStar(require("./bar.type"), exports);

package/dist/cjs/components/bar/utils/buildD.d.ts

@@ -0,0 +1,9 @@
+import { type BarProps } from '../bar.type';
+type GetSegmentProps = Omit<BarProps, 'barConfig' | 'order' | 'extraSpacing'> & {
+    barWidth: number;
+    order: number;
+    extraSpacing: number;
+};
+export declare const buildD: ({ barWidth, currentBars, endRounded, extraSpacing, order, orientation, startRounded, x1, x2, y1, y2, }: GetSegmentProps) => string;
+export {};
+//# sourceMappingURL=buildD.d.ts.map

package/dist/cjs/components/bar/utils/buildD.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildD.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/utils/buildD.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5D,KAAK,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,WAAW,GAAG,OAAO,GAAG,cAAc,CAAC,GAAG;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AA8CF,eAAO,MAAM,MAAM,GAAI,wGAYpB,eAAe,KAAG,MA0EpB,CAAC"}