@kubit-ui-web/react-charts 1.11.0 → 1.11.1

package/dist/esm/utils/parseStringToNumberPx.ts/parseStringToNumberPx.js

@@ -1,29 +1,10 @@
-import { Unit } from '../../types/unit.enum';
-const UNIT_VALUE_REGEX = /^(\d+(\.\d+)?)(px|rem|%)?$/;
-const MATCH_VALUE_INDEX = 1;
-const MATCH_UNIT_INDEX = 3;
-/**
- * Parses a string or number to a pixel value.
- * If the input is a string, it can be in the format '2px', '2rem', or '2'.
- * If the input is a number, it returns the number as is.
- *
- * @param value - The value to parse (string or number).
- * @returns The parsed pixel value as a number.
- * @throws Will throw an error if the string format is invalid.
- */
-export const parseStringToNumberPx = (value) => {
-    if (typeof value === 'number') {
-        return value;
-    }
-    //detect if the value is '2px' or '2rem' or '2'
-    const match = value.match(UNIT_VALUE_REGEX);
-    if (!match) {
-        throw new Error(`Invalid string format: "${value}"`);
-    }
-    const number = match[MATCH_VALUE_INDEX]; // match for group (\d+(\.\d+)?)
-    const unit = match[MATCH_UNIT_INDEX]; // match for group (px|rem|%)
-    if (unit === Unit.REM) {
-        return parseFloat(number) * 16;
-    }
-    return parseFloat(number);
+import { Unit } from "../../types/unit.enum.js";
+var UNIT_VALUE_REGEX = /^(\d+(\.\d+)?)(px|rem|%)?$/, MATCH_VALUE_INDEX = 1, MATCH_UNIT_INDEX = 3;
+const parseStringToNumberPx = (e) => {
+	if (typeof e == "number") return e;
+	let t = e.match(UNIT_VALUE_REGEX);
+	if (!t) throw Error(`Invalid string format: "${e}"`);
+	let n = t[MATCH_VALUE_INDEX];
+	return t[MATCH_UNIT_INDEX] === Unit.REM ? parseFloat(n) * 16 : parseFloat(n);
 };
+export { parseStringToNumberPx };

package/dist/esm/utils/pickCustomAttributes/pickCustomAttributes.js

@@ -1,47 +1,2 @@
-/**
- * Filters and extracts only aria-*, data-* and role attributes from a given object,
- * converting all values to strings for HTML compatibility.
- *
- * This function is useful for extracting accessibility and data attributes
- * from props or configuration objects and ensuring they are properly formatted
- * for HTML rendering.
- *
- * @param attributes - An optional object containing key-value pairs of attributes.
- *   - Keys can be strings representing attribute names.
- *   - Values can be strings, booleans, numbers, or any other type.
- *
- * @returns A new object containing only aria-*, data-* and role attributes:
- *   - Only includes attributes that start with `aria-` or `data-` or are exactly `role`.
- *   - All values are converted to strings for HTML compatibility.
- *   - Null and undefined values are excluded.
- *
- * @example
- * ```typescript
- * const props = {
- *   'aria-label': 'Button',
- *   'data-testid': 'my-button',
- *   'onClick': () => {},g
- *   'className': 'btn',
- *   'aria-hidden': true,
- *   'role': 'button',
- * };
- *
- * const result = pickCustomAttributes(props);
- * // Result: { 'aria-label': 'Button', 'data-testid': 'my-button', 'aria-hidden': 'true', 'role': 'button' }
- * ```
- */
-export const pickCustomAttributes = (
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-attributes) => {
-    if (!attributes) {
-        return {};
-    }
-    return Object.entries(attributes).reduce((acc, [key, value]) => {
-        if ((key.startsWith('aria-') || key.startsWith('data-') || key === 'role') &&
-            value !== null &&
-            value !== undefined) {
-            acc[key] = String(value);
-        }
-        return acc;
-    }, {});
-};
+const pickCustomAttributes = (e) => e ? Object.entries(e).reduce((e, [t, n]) => ((t.startsWith("aria-") || t.startsWith("data-") || t === "role") && n != null && (e[t] = String(n)), e), {}) : {};
+export { pickCustomAttributes };

package/dist/esm/utils/shadowSvg/shadowSvg.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ShadowSvg = ({ height = '140%', width = '140%', x = '-20%', y = '-20%', ...props }) => {
-    return (_jsx("defs", { children: _jsx("filter", { height: height, id: props.id, width: width, x: x, y: y, children: _jsx("feDropShadow", { ...props.shadowSvgConfig }) }) }));
-};
+import { jsx } from "react/jsx-runtime";
+const ShadowSvg = ({ height: e = "140%", width: t = "140%", x: n = "-20%", y: r = "-20%", ...i }) => /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("filter", {
+	height: e,
+	id: i.id,
+	width: t,
+	x: n,
+	y: r,
+	children: /* @__PURE__ */ jsx("feDropShadow", { ...i.shadowSvgConfig })
+}) });
+export { ShadowSvg };

package/dist/esm/utils/ssr/ssr.js

@@ -1,117 +1,11 @@
-/**
- * SSR (Server-Side Rendering) utilities
- *
- * Provides safe access to browser APIs when rendering on the server.
- * Compatible with Next.js, Remix, Gatsby, and other SSR frameworks.
- */
-/**
- * Check if code is running in a browser environment
- * @returns true if window is defined (browser), false otherwise (SSR)
- */
-export const isBrowser = () => {
-    return typeof window !== 'undefined' && typeof document !== 'undefined';
-};
-/**
- * Check if code is running in a server environment
- * @returns true if running on server (no window), false otherwise
- */
-export const isServer = () => {
-    return !isBrowser();
-};
-/**
- * Safely access window object
- * @returns window object if in browser, undefined if on server
- */
-export const safeWindow = () => {
-    return isBrowser() ? window : undefined;
-};
-/**
- * Safely access document object
- * @returns document object if in browser, undefined if on server
- */
-export const safeDocument = () => {
-    return isBrowser() ? document : undefined;
-};
-/**
- * Safely execute code that requires browser APIs
- * Returns undefined on server, executes callback in browser
- *
- * @param callback - Function to execute in browser environment
- * @returns Result of callback if in browser, undefined if on server
- *
- * @example
- * ```ts
- * const width = safeExecute(() => window.innerWidth) ?? 0;
- * ```
- */
-export const safeExecute = (callback) => {
-    if (!isBrowser()) {
-        return undefined;
-    }
-    try {
-        return callback();
-    }
-    catch (error) {
-        return undefined;
-    }
-};
-/**
- * Safely execute code with a fallback value for SSR
- *
- * @param callback - Function to execute in browser environment
- * @param fallback - Value to return if on server or if callback fails
- * @returns Result of callback if in browser, fallback otherwise
- *
- * @example
- * ```ts
- * const fontSize = safeExecuteWithFallback(
- *   () => parseFloat(getComputedStyle(document.documentElement).fontSize),
- *   16
- * );
- * ```
- */
-export const safeExecuteWithFallback = (callback, fallback) => {
-    return safeExecute(callback) ?? fallback;
-};
-/**
- * Create an SVG element safely (browser-only)
- * Returns undefined on server
- *
- * @param tagName - SVG element tag name
- * @returns SVG element if in browser, undefined if on server
- */
-export const createSVGElement = (tagName) => {
-    const doc = safeDocument();
-    if (!doc) {
-        return undefined;
-    }
-    return doc.createElementNS('http://www.w3.org/2000/svg', tagName);
-};
-/**
- * Get computed style safely
- * Returns undefined on server
- *
- * @param element - Element to get computed style for
- * @returns CSSStyleDeclaration if in browser, undefined if on server
- */
-export const safeGetComputedStyle = (element) => {
-    const win = safeWindow();
-    if (!win) {
-        return undefined;
-    }
-    return win.getComputedStyle(element);
-};
-/**
- * Query selector safely
- * Returns null on server or if not found
- *
- * @param selector - CSS selector string
- * @returns Element if found in browser, null otherwise
- */
-export const safeQuerySelector = (selector) => {
-    const doc = safeDocument();
-    if (!doc) {
-        return null;
-    }
-    return doc.querySelector(selector);
-};
+const isBrowser = () => typeof window < "u" && typeof document < "u", safeWindow = () => isBrowser() ? window : void 0, safeDocument = () => isBrowser() ? document : void 0, createSVGElement = (e) => {
+	let t = safeDocument();
+	if (t) return t.createElementNS("http://www.w3.org/2000/svg", e);
+}, safeGetComputedStyle = (e) => {
+	let n = safeWindow();
+	if (n) return n.getComputedStyle(e);
+}, safeQuerySelector = (e) => {
+	let t = safeDocument();
+	return t ? t.querySelector(e) : null;
+};
+export { createSVGElement, isBrowser, safeDocument, safeGetComputedStyle, safeQuerySelector };

package/dist/esm/utils/textBound/textBound.js

@@ -1,34 +1,18 @@
-import { createSVGElement, isBrowser, safeDocument } from '../ssr/ssr';
-export const textBound = ({ bound, data, fontSize, svgHeight, svgWidth, viewBox, }) => {
-    // SSR-safe: Return 0 if not in browser or no data
-    if (!isBrowser() || !data.length) {
-        return 0;
-    }
-    const doc = safeDocument();
-    if (!doc) {
-        return 0;
-    }
-    const svgContainer = createSVGElement('svg');
-    if (!svgContainer) {
-        return 0;
-    }
-    svgContainer.setAttribute('style', 'position: absolute; visibility: hidden; top: -9999px; left: -9999px;');
-    svgContainer.setAttribute('viewBox', viewBox);
-    svgContainer.setAttribute('width', svgWidth);
-    svgContainer.setAttribute('height', svgHeight);
-    doc.body.appendChild(svgContainer);
-    const sizes = data.map((d) => {
-        const text = createSVGElement('text');
-        if (!text) {
-            return 0;
-        }
-        text.setAttribute('font-size', fontSize);
-        text.textContent = d;
-        svgContainer.appendChild(text);
-        const size = text.getBBox()[bound];
-        text.remove();
-        return size;
-    });
-    svgContainer.remove();
-    return Math.max(...sizes, 0); // Ensure at least 0 is returned
+import { createSVGElement, isBrowser, safeDocument } from "../ssr/ssr.js";
+const textBound = ({ bound: n, data: r, fontSize: i, svgHeight: a, svgWidth: o, viewBox: s }) => {
+	if (!isBrowser() || !r.length) return 0;
+	let c = safeDocument();
+	if (!c) return 0;
+	let l = createSVGElement("svg");
+	if (!l) return 0;
+	l.setAttribute("style", "position: absolute; visibility: hidden; top: -9999px; left: -9999px;"), l.setAttribute("viewBox", s), l.setAttribute("width", o), l.setAttribute("height", a), c.body.appendChild(l);
+	let u = r.map((e) => {
+		let t = createSVGElement("text");
+		if (!t) return 0;
+		t.setAttribute("font-size", i), t.textContent = e, l.appendChild(t);
+		let r = t.getBBox()[n];
+		return t.remove(), r;
+	});
+	return l.remove(), Math.max(...u, 0);
 };
+export { textBound };

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/types/charts/customBackgroundChart/context/customBackgroundChartContext.d.ts

@@ -1,3 +1,3 @@
 import { CustomBackgroundChartContextType } from '../customBackgroundChart.type';
-export declare const CustomBackgroundChartContext: import('../../../../node_modules/react').Context<CustomBackgroundChartContextType<any>>;
+export declare const CustomBackgroundChartContext: import('react').Context<CustomBackgroundChartContextType<any>>;
 //# sourceMappingURL=customBackgroundChartContext.d.ts.map

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

@@ -1,5 +1,5 @@
-declare const CustomBackgroundChart: (<T = number>({ ariaHidden, ariaLabel, backgroundUrl, caption, children, className, data, dataTestId: dataTestIdProp, height, onBlur, onClick, onDoubleClick, onErrors, onFocus, onKeyDown, onKeyUp, onMouseEnter, onMouseLeave, role, tabIndex, viewBox, width, ...props }: import('./customBackgroundChart.type').CustomBackgroundChartProps<T>) => import('../../../node_modules/react').ReactElement) & {
-    Plot: <T = number>({ ariaLabel, dataKey, formatAriaValue, ...props }: import('./customBackgroundChart.type').CustomBackgroundChartPlotProps<T>) => import('../../../node_modules/react').ReactElement | null;
+declare const CustomBackgroundChart: (<T = number>({ ariaHidden, ariaLabel, backgroundUrl, caption, children, className, data, dataTestId: dataTestIdProp, height, onBlur, onClick, onDoubleClick, onErrors, onFocus, onKeyDown, onKeyUp, onMouseEnter, onMouseLeave, role, tabIndex, viewBox, width, ...props }: import('./customBackgroundChart.type').CustomBackgroundChartProps<T>) => import('react').ReactElement) & {
+    Plot: <T = number>({ ariaLabel, dataKey, formatAriaValue, ...props }: import('./customBackgroundChart.type').CustomBackgroundChartPlotProps<T>) => import('react').ReactElement | null;
 };
 export { CustomBackgroundChart };
 export * from './customBackgroundChart.type';

package/dist/types/charts/customBackgroundChart/customBackgroundChartStructure.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from '../../../node_modules/react';
+import { ReactElement } from 'react';
 import { CustomBackgroundChartProps } from './customBackgroundChart.type';
 export declare const CustomBackgroundChartStructure: <T = number>({ ariaHidden, ariaLabel, backgroundUrl, caption, children, className, data, dataTestId: dataTestIdProp, height, onBlur, onClick, onDoubleClick, onErrors, onFocus, onKeyDown, onKeyUp, onMouseEnter, onMouseLeave, role, tabIndex, viewBox, width, ...props }: CustomBackgroundChartProps<T>) => ReactElement;
 //# sourceMappingURL=customBackgroundChartStructure.d.ts.map

package/dist/types/charts/customBackgroundChart/fragments/customBackgroundChartPlot.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from '../../../../node_modules/react';
+import { ReactElement } from 'react';
 import { CustomBackgroundChartPlotProps } from '../customBackgroundChart.type';
 export declare const CustomBackgroundChartPlot: <T = number>({ ariaLabel, dataKey, formatAriaValue, ...props }: CustomBackgroundChartPlotProps<T>) => ReactElement | null;
 //# sourceMappingURL=customBackgroundChartPlot.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { AriaAttributes, HTMLAttributes } from '../../../node_modules/react';
+import { AriaAttributes, HTMLAttributes } from 'react';
 import { StyleProps } from '../path/path.types';
 export declare const BarOrientation: {
     readonly HORIZONTAL: "HORIZONTAL";

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

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

package/dist/types/components/focusRing/components/FocusRingInline.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from '../../../../node_modules/react';
+import { ReactElement } from 'react';
 import { FocusConfig } from '../../../types/focusConfig.type';
 export interface FocusRingInlineProps {
     children: ReactElement;

package/dist/types/components/focusRing/components/FocusRingSeparate.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '../../../../node_modules/react';
+import { RefObject } from 'react';
 import { FocusConfig } from '../../../types/focusConfig.type';
 export interface FocusRingSeparateProps {
     targetRef: RefObject<SVGGraphicsElement>;

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

@@ -1,4 +1,4 @@
-import { FC } from '../../../node_modules/react';
+import { FC } from 'react';
 import { FocusRingProps } from './focusRing.types';
 /**
  * FocusRing - Controlled, purely decorative component for rendering focus rings around SVG elements.

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

@@ -1,4 +1,4 @@
-import { ReactElement, RefObject } from '../../../node_modules/react';
+import { ReactElement, RefObject } from 'react';
 import { FocusConfig } from '../../types/focusConfig.type';
 import { FocusRingLayers } from './utils/utils.types';
 export interface FocusRingProps {

package/dist/types/components/focusRing/hooks/useFocusRingData.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '../../../../node_modules/react';
+import { RefObject } from 'react';
 import { FocusConfig } from '../../../types/focusConfig.type';
 import { FocusRingLayers } from '../utils/utils.types';
 export interface UseFocusRingDataOptions {

package/dist/types/components/focusRing/utils/composeRefs.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from '../../../../node_modules/react';
+import { ForwardedRef } from 'react';
 /**
  * Composes multiple refs into a single ref callback
  * Allows using both internal and external refs simultaneously

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from '../../../node_modules/react';
+import { HTMLAttributes } from 'react';
 /**
  * Props for the `Line` component, defining the visual appearance and behavior of a line element.
  *

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

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

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

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

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

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

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

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