@kubit-ui-web/react-charts 1.10.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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChartContext.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/context/customBackgroundChartContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAGtF,eAAO,MAAM,4BAA4B,gEAExC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { CustomBackgroundChartContext } from './customBackgroundChartContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/charts/customBackgroundChart/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

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

@@ -0,0 +1,6 @@
+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';
+//# sourceMappingURL=customBackgroundChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChart.d.ts","sourceRoot":"","sources":["../../../../src/charts/customBackgroundChart/customBackgroundChart.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB;;CAEzB,CAAC;AAEH,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,cAAc,8BAA8B,CAAC"}

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

@@ -0,0 +1,50 @@
+import { PlotProps } from '../../components/plot/plot.types';
+import { ChartError, ChartErrorCollection, ErrorType } from '../../types/errors.type';
+export interface CustomBackgroundDataPoint<T = number> {
+    x: number;
+    y: number;
+    value: T;
+    name?: string;
+}
+export type CustomBackgroundData<T = number> = Record<string, CustomBackgroundDataPoint<T>>;
+export interface ViewBoxDimensions {
+    width: number;
+    height: number;
+}
+export interface CustomBackgroundChartProps<T = number> {
+    data: CustomBackgroundData<T>;
+    backgroundUrl: string;
+    viewBox: ViewBoxDimensions;
+    width?: string | number;
+    height?: string | number;
+    children?: React.ReactNode;
+    ariaLabel?: string;
+    ariaHidden?: boolean;
+    role?: string;
+    tabIndex?: number;
+    caption?: string;
+    className?: string;
+    dataTestId?: string;
+    onErrors?: (errors: ChartErrorCollection) => void;
+    onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onDoubleClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onFocus?: (event: React.FocusEvent<SVGElement>) => void;
+    onBlur?: (event: React.FocusEvent<SVGElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+}
+export interface CustomBackgroundChartPlotProps<T = number> extends Omit<PlotProps<T>, 'position' | 'data' | 'label'> {
+    dataKey: string;
+    /** Supports placeholders: {{dataKey}}, {{name}}, {{value}}, {{x}}, {{y}} */
+    ariaLabel?: string;
+    formatAriaValue?: (value: T) => string;
+}
+export interface CustomBackgroundChartContextType<T = number> {
+    data: CustomBackgroundData<T>;
+    viewBox: ViewBoxDimensions;
+    dataTestId: string;
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}
+//# sourceMappingURL=customBackgroundChart.type.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+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/customBackgroundChartStructure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/customBackgroundChart/customBackgroundChartStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAsB,MAAM,OAAO,CAAC;AAQ9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,8BAA8B,GAAI,CAAC,GAAG,MAAM,EAAG,+PAwBzD,0BAA0B,CAAC,CAAC,CAAC,KAAG,YAiFlC,CAAC"}

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

@@ -0,0 +1,4 @@
+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/customBackgroundChart/fragments/customBackgroundChartPlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChartPlot.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/fragments/customBackgroundChartPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAGpF,eAAO,MAAM,yBAAyB,GAAI,CAAC,GAAG,MAAM,EAAG,mDAKpD,8BAA8B,CAAC,CAAC,CAAC,KAAG,YAAY,GAAG,IAsErD,CAAC"}

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

@@ -0,0 +1,2 @@
+export { CustomBackgroundChartPlot } from './customBackgroundChartPlot';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/charts/customBackgroundChart/fragments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/fragments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,19 @@
+export declare const PLOT_TEMPLATE_KEYS: {
+    readonly DATA_KEY: "{{dataKey}}";
+    readonly NAME: "{{name}}";
+    readonly VALUE: "{{value}}";
+    readonly X: "{{x}}";
+    readonly Y: "{{y}}";
+};
+export declare const DEFAULT_ARIA_LABEL_TEMPLATE: string;
+export interface BuildAriaLabelParams {
+    ariaLabel?: string;
+    dataKey: string;
+    name?: string;
+    formattedValue: string;
+    x: number;
+    y: number;
+}
+export declare const buildAriaLabel: ({ ariaLabel, dataKey, name, formattedValue, x, y, }: BuildAriaLabelParams) => string;
+export declare const formatValue: <T>(value: T) => string;
+//# sourceMappingURL=accessibility.d.ts.map

package/dist/types/charts/customBackgroundChart/utils/accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/utils/accessibility.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,2BAA2B,QAA4D,CAAC;AAQrG,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,eAAO,MAAM,cAAc,GAAI,qDAO5B,oBAAoB,KAAG,MAUzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,MAQzC,CAAC"}

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

@@ -1,4 +1,5 @@
 export * from './barChart';
+export * from './customBackgroundChart';
 export * from './lineChart';
 export * from './pieChart/pieChart';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/charts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC"}

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.