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

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

@@ -1,14 +1,11 @@
-"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");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Line } from '../../../components/line/line';
+import { Tick } from '../../../components/tick/tick';
+import { DefaultCanvasConfig } from '../../../types/canvas.type';
+import { Positions } from '../../../types/position.enum';
+import { isNear } from '../../../utils/cursorNear/isNear';
+import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
+import { filterLineProps } from '../utils/filterLineProps/filterLineProps';
 /**
  * Renders the X-axis of a chart, including tick marks and labels.
  *
@@ -16,23 +13,23 @@ const filterLineProps_1 = require("../utils/filterLineProps/filterLineProps");
  *
  * 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 = {
+export const XAxis = ({ canvasHeight = DefaultCanvasConfig.height, canvasWidth = 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 }) => {
+}, position = 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 &&
+    const customAttributes = pickCustomAttributes(props);
+    return (_jsxs("g", { ...customAttributes, children: [_jsx(Line, { ...filterLineProps(props) }), tickValues &&
                 tickValues.length > 0 &&
                 tickValues.map((tick, index) => {
-                    const overrideTickLine = (0, isNear_1.isNear)(cursor, tick.position) && tickLineHover;
+                    const overrideTickLine = 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: {
+                    return (_jsx(Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
                             ...tickLineProps,
                             x1: tick.position,
                             x2: tick.position,
@@ -43,4 +40,3 @@ const XAxis = ({ canvasHeight = canvas_type_1.DefaultCanvasConfig.height, canvas
                         } }, `${index.toString()}`));
                 })] }));
 };
-exports.XAxis = XAxis;

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

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

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

@@ -1,18 +1,2 @@
-"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);
+export * from './yAxis';
+export * from './yAxis.types';

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

@@ -1,38 +1,34 @@
-"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");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Line } from '../../../components/line/line';
+import { Tick } from '../../../components/tick/tick';
+import { Positions } from '../../../types/position.enum';
+import { isNear } from '../../../utils/cursorNear/isNear';
+import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
+import { filterLineProps } from '../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 = {
+export 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 }) => {
+}, position = 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 &&
+    const customAttributes = pickCustomAttributes(props);
+    return (_jsxs("g", { ...customAttributes, children: [_jsx(Line, { ...filterLineProps(props) }), tickValues &&
                 tickValues.length > 0 &&
                 tickValues.map((tick, index) => {
-                    const overrideTickLine = (0, isNear_1.isNear)(cursor, tick.position) && tickLineHover;
+                    const overrideTickLine = 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: {
+                    return (_jsx(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.js

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

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

@@ -1,17 +1,14 @@
-"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, }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Path } from '../path/path';
+import { buildD } from './utils/buildD';
+import { getSegments } from './utils/getSegments';
+export 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 segments = getSegments({ barConfig, orientation, x1, x2, y1, y2 });
+    return (_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)({
+            const d = buildD({
                 barWidth,
                 currentBars,
                 endRounded: index === singleConfig.length - 1 && endRounded ? endRounded : undefined,
@@ -24,10 +21,9 @@ const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1,
                 y1: segmentY1,
                 y2: segmentY2,
             });
-            return ((0, jsx_runtime_1.jsx)(path_1.Path, { d: d, fill: single.color, hoverConfig: {
+            return (_jsx(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.js

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

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

@@ -1,8 +1,4 @@
-"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", {}) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+export const BarChartSegment = () => {
+    return (_jsx("path", { children: _jsx("title", {}) }));
 };
-exports.BarChartSegment = BarChartSegment;

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

@@ -1,18 +1,2 @@
-"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);
+export * from './bar';
+export * from './bar.type';

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildD = void 0;
-const bar_type_1 = require("../bar.type");
+import { BarOrientation } from '../bar.type';
 const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orientation, }) => {
     const halfWidth = barWidth / 2;
     const gap = extraSpacing / 2;
@@ -18,7 +15,7 @@ const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orient
         startReference = isEven ? -gap : halfWidth;
     }
     else if (currentPosition < 0) {
-        if (orientation === bar_type_1.BarOrientation.HORIZONTAL) {
+        if (orientation === BarOrientation.HORIZONTAL) {
             startReference = currentPosition * -ajustedSpace + barWidth;
         }
         else {
@@ -26,7 +23,7 @@ const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orient
         }
     }
     else if (currentPosition > 0) {
-        if (orientation === bar_type_1.BarOrientation.HORIZONTAL) {
+        if (orientation === BarOrientation.HORIZONTAL) {
             startReference = currentPosition * -ajustedSpace;
         }
         else {
@@ -35,7 +32,7 @@ const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orient
     }
     return startReference;
 };
-const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, orientation, startRounded = 0, x1, x2, y1, y2, }) => {
+export const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, orientation, startRounded = 0, x1, x2, y1, y2, }) => {
     // declare the variables for the path
     let start, draw1, draw2, draw3;
     let end = 'Z';
@@ -52,7 +49,7 @@ const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, or
      * L = line to (x, y)
      * Q = quadratic curve to (x curve deep, y curve deep), (end draw x, end draw y)
      */
-    if (orientation === bar_type_1.BarOrientation.HORIZONTAL) {
+    if (orientation === BarOrientation.HORIZONTAL) {
         // calculate the start and end of the quadratic curve in horizontal orientation
         const modifyXStart = x1 + startRounded;
         const modifyXEnd = x2 - endRounded;
@@ -116,4 +113,3 @@ const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, or
     }
     return `${start} ${draw1} ${draw2} ${draw3} ${end}`;
 };
-exports.buildD = buildD;

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

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSegments = void 0;
-const bar_type_1 = require("../bar.type");
+import { BarOrientation } from '../bar.type';
 const transformCoverage = (coveragePercent, maxValue) => {
     return (coveragePercent / 100) * maxValue;
 };
 const ajustedGap = (positive, value, gap) => {
     return positive ? value + gap / 2 : value - gap / 2;
 };
-const getSegments = ({ barConfig, orientation, x1, x2, y1, y2, }) => {
+export const getSegments = ({ barConfig, orientation, x1, x2, y1, y2, }) => {
     const { gap = 0, singleConfig } = barConfig;
-    const isHorizontal = orientation === bar_type_1.BarOrientation.HORIZONTAL;
+    const isHorizontal = orientation === BarOrientation.HORIZONTAL;
     // the start of the bar based on the orientation
     const barStart = isHorizontal ? x1 : y1;
     // the end of the bar based on the orientation
@@ -32,4 +29,3 @@ const getSegments = ({ barConfig, orientation, x1, x2, y1, y2, }) => {
         return acc;
     }, []);
 };
-exports.getSegments = getSegments;

package/dist/cjs/components/chartText/chartText.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChartText = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Functional component for rendering SVG text elements in React.
  *
@@ -16,7 +13,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * @param {React.ReactNode} props.children - The text content to be rendered within the `<text>` element.
  * @returns {React.ReactElement} A React element representing the SVG text.
  */
-const ChartText = ({ children, className = 'circle', tabIndex = -1, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("text", { className: className, tabIndex: tabIndex, ...props, children: children }));
+export const ChartText = ({ children, className = 'circle', tabIndex = -1, ...props }) => {
+    return (_jsx("text", { className: className, tabIndex: tabIndex, ...props, children: children }));
 };
-exports.ChartText = ChartText;

package/dist/cjs/components/chartText/chartText.types.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Defines the properties for rendering text within SVG elements in React components.
  *
@@ -8,4 +7,4 @@
  * writingMode. Additionally, it supports React-specific properties like style, className, and children, allowing for
  * further customization and integration within React applications.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

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

@@ -1,18 +1,2 @@
-"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("./chartText"), exports);
-__exportStar(require("./chartText.types"), exports);
+export * from './chartText';
+export * from './chartText.types';

package/dist/cjs/components/foreignObject/foreignObject.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ForeignObject = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ForeignObject = ({ children, dataTestId, height, width, x, y, }) => {
-    return ((0, jsx_runtime_1.jsx)("foreignObject", { "data-testid": dataTestId, height: height, width: width, x: x, y: y, children: children }));
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ForeignObject = ({ children, dataTestId, height, width, x, y, }) => {
+    return (_jsx("foreignObject", { "data-testid": dataTestId, height: height, width: width, x: x, y: y, children: children }));
 };
-exports.ForeignObject = ForeignObject;

package/dist/cjs/components/foreignObject/foreignObject.types.js

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

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

@@ -1,18 +1,2 @@
-"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("./foreignObject"), exports);
-__exportStar(require("./foreignObject.types"), exports);
+export * from './foreignObject';
+export * from './foreignObject.types';

package/dist/cjs/components/index.js

@@ -1,26 +1,10 @@
-"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("./axisChart"), exports);
-__exportStar(require("./bar"), exports);
-__exportStar(require("./chartText"), exports);
-__exportStar(require("./foreignObject"), exports);
-__exportStar(require("./line"), exports);
-__exportStar(require("./node"), exports);
-__exportStar(require("./path"), exports);
-__exportStar(require("./svgContainer"), exports);
-__exportStar(require("./tick"), exports);
-__exportStar(require("./zoomArea"), exports);
+export * from './axisChart';
+export * from './bar';
+export * from './chartText';
+export * from './foreignObject';
+export * from './line';
+export * from './node';
+export * from './path';
+export * from './svgContainer';
+export * from './tick';
+export * from './zoomArea';

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

@@ -1,18 +1,2 @@
-"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("./line"), exports);
-__exportStar(require("./line.types"), exports);
+export * from './line';
+export * from './line.types';

package/dist/cjs/components/line/line.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Line = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Line` component that renders an SVG line element with customizable properties.
  *
  * @returns A `line` SVG element with the specified properties and attributes.
  */
-const Line = ({ ariaLabel = '', className = 'line', dataTestId, tabIndex = -1, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("line", { ...props, "aria-label": ariaLabel, className: className, "data-testid": dataTestId, tabIndex: tabIndex }));
+export const Line = ({ ariaLabel = '', className = 'line', dataTestId, tabIndex = -1, ...props }) => {
+    return (_jsx("line", { ...props, "aria-label": ariaLabel, className: className, "data-testid": dataTestId, tabIndex: tabIndex }));
 };
-exports.Line = Line;

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

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

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

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Circle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 const CircleComponent = ({ dataTestId, position, size = 1, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)("circle", { ...props, ref: ref, cx: position?.x, cy: position?.y, "data-testid": `${dataTestId}-circle`, r: size / 2 }));
+    return (_jsx("circle", { ...props, ref: ref, cx: position?.x, cy: position?.y, "data-testid": `${dataTestId}-circle`, r: size / 2 }));
 };
-exports.Circle = (0, react_1.forwardRef)(CircleComponent);
+export const Circle = forwardRef(CircleComponent);

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

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hexagon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const calculateShapePoints_1 = require("../../utils/calculateShapePoints/calculateShapePoints");
+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 = (0, calculateShapePoints_1.calculateShapePoints)(position.x, position.y, 6, size / 2, size / 2);
-    return ((0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-hexagon`, points: hexagonPoints }));
+    const hexagonPoints = calculateShapePoints(position.x, position.y, 6, size / 2, size / 2);
+    return (_jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-hexagon`, points: hexagonPoints }));
 };
-exports.Hexagon = (0, react_1.forwardRef)(HexagonComponent);
+export const Hexagon = forwardRef(HexagonComponent);

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

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pentagon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const calculateShapePoints_1 = require("../../utils/calculateShapePoints/calculateShapePoints");
+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 = (0, calculateShapePoints_1.calculateShapePoints)(position.x, position.y, 5, size / 2, size / 2);
-    return ((0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-pentagon`, points: pentagonPoints }));
+    const pentagonPoints = calculateShapePoints(position.x, position.y, 5, size / 2, size / 2);
+    return (_jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-pentagon`, points: pentagonPoints }));
 };
-exports.Pentagon = (0, react_1.forwardRef)(PentagonComponent);
+export const Pentagon = forwardRef(PentagonComponent);

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

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Square = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+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 ((0, jsx_runtime_1.jsx)("rect", { ...props, ref: ref, "data-testid": `${dataTestId}-square`, height: size, width: size, x: position.x - size / 2, y: position.y - size / 2 }));
+    return (_jsx("rect", { ...props, ref: ref, "data-testid": `${dataTestId}-square`, height: size, width: size, x: position.x - size / 2, y: position.y - size / 2 }));
 };
-exports.Square = (0, react_1.forwardRef)(SquareComponent);
+export const Square = forwardRef(SquareComponent);

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

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Star = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const calculateShapePoints_1 = require("../../utils/calculateShapePoints/calculateShapePoints");
+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 = (0, calculateShapePoints_1.calculateShapePoints)(position.x, position.y, 5, outerRadius, innerRadius);
-    return (0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-star`, points: starPoints });
+    const starPoints = calculateShapePoints(position.x, position.y, 5, outerRadius, innerRadius);
+    return _jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-star`, points: starPoints });
 };
-exports.Star = (0, react_1.forwardRef)(StarComponent);
+export const Star = forwardRef(StarComponent);

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

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Straight = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+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 (0, jsx_runtime_1.jsx)("path", { ...props, ref: ref, d: d, "data-testid": `${dataTestId}-straight`, strokeWidth: 2 });
+    return _jsx("path", { ...props, ref: ref, d: d, "data-testid": `${dataTestId}-straight`, strokeWidth: 2 });
 };
-exports.Straight = (0, react_1.forwardRef)(StraightComponent);
+export const Straight = forwardRef(StraightComponent);

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

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Triangle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+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 (0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-triangle`, points: points });
+    return _jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-triangle`, points: points });
 };
-exports.Triangle = (0, react_1.forwardRef)(TriangleComponent);
+export const Triangle = forwardRef(TriangleComponent);