@kubit-ui-web/react-charts 1.11.2 → 1.11.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @kubit-ui-web/react-charts
 
+## 1.11.4
+
+### Patch Changes
+
+- Update peerdependencies
+
+  PR: #23
+
+## 1.11.3
+
+### Patch Changes
+
+- PieChart disappearing on resize when halfChart=true
+
+  PR: #22
+
 ## 1.11.2
 
 ### Patch Changes

package/dist/cjs/charts/pieChart/fragments/pieChartPath.js

@@ -1 +1 @@
-const e=require(`../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`),t=require(`../../../utils/buildErrors/charts/buildPieChartErrors.js`),n=require(`../context/pieChartContext.js`),r=require(`../utils/accessibility.js`),i=require(`./pieChartSegment.js`);let a=require(`react`),o=require(`react/jsx-runtime`);exports.PieChartPath=({ariaLabel:s,"aria-label":c,dataKey:l,fill:u,gap:d,innerRadius:f,radius:p,...m})=>{let h=String(l),{addError:g,canvasHeight:_,canvasWidth:v,data:y,dataTestId:b,halfChart:x}=(0,a.useContext)(n.PieChartContext),S=(0,a.useRef)(x?0:-Math.PI/2),C=y[h],w=Object.prototype.hasOwnProperty.call(y,h);(0,a.useEffect)(()=>{if(!w){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildPieDataKeyNotFoundError(h)});return}if(!C||C.length===0){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildEmptyDataArrayError(h)});return}let e=C.reduce((e,t)=>e+t.value,0);(e<=0||isNaN(e))&&g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildInvalidTotalError(h,e)})},[C,w,h]);let T=y[h]?.reduce((e,t)=>e+t.value,0),E=y[h]?.length===1,D=f?e.parseStringToNumberPx(f):void 0,O=p?e.parseStringToNumberPx(p):void 0;return y[h]?.length?(0,o.jsx)(`g`,{children:y[h].map((e,t)=>(0,a.createElement)(i.PieChartSegment,{...m,...e,key:`${t.toString()}`,ariaLabel:r.buildAriaLabel({ariaLabel:c||s,dataKey:h,index:t,groupName:e.name,groupValue:e.value}),canvasHeight:_,canvasWidth:v,color:e.color||u,dataKey:h,dataTestId:`${b}path-${t}`,gap:d,halfChart:x,index:t,innerRadius:D,radius:O,singleStroke:E,startAngle:S,total:T}))}):(0,o.jsx)(o.Fragment,{})};
+const e=require(`../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`),t=require(`../../../utils/buildErrors/charts/buildPieChartErrors.js`),n=require(`../context/pieChartContext.js`),r=require(`../utils/accessibility.js`),i=require(`./pieChartSegment.js`);let a=require(`react`),o=require(`react/jsx-runtime`);exports.PieChartPath=({ariaLabel:s,"aria-label":c,dataKey:l,fill:u,gap:d,innerRadius:f,radius:p,...m})=>{let h=String(l),{addError:g,canvasHeight:_,canvasWidth:v,data:y,dataTestId:b,halfChart:x}=(0,a.useContext)(n.PieChartContext),S=x?0:-Math.PI/2,C=(0,a.useRef)(S),w=y[h],T=Object.prototype.hasOwnProperty.call(y,h);(0,a.useEffect)(()=>{if(!T){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildPieDataKeyNotFoundError(h)});return}if(!w||w.length===0){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildEmptyDataArrayError(h)});return}let e=w.reduce((e,t)=>e+t.value,0);(e<=0||isNaN(e))&&g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildInvalidTotalError(h,e)})},[w,T,h]);let E=y[h]?.reduce((e,t)=>e+t.value,0),D=y[h]?.length===1,O=f?e.parseStringToNumberPx(f):void 0,k=p?e.parseStringToNumberPx(p):void 0;return C.current=S,y[h]?.length?(0,o.jsx)(`g`,{children:y[h].map((e,t)=>(0,a.createElement)(i.PieChartSegment,{...m,...e,key:`${t.toString()}`,ariaLabel:r.buildAriaLabel({ariaLabel:c||s,dataKey:h,index:t,groupName:e.name,groupValue:e.value}),canvasHeight:_,canvasWidth:v,color:e.color||u,dataKey:h,dataTestId:`${b}path-${t}`,gap:d,halfChart:x,index:t,innerRadius:O,radius:k,singleStroke:D,startAngle:C,total:E}))}):(0,o.jsx)(o.Fragment,{})};

package/dist/cjs/components/path/path2.js

@@ -1 +1 @@
-const e=require(`../focusRing/focusRing2.js`),t=require(`../../hooks/useFocus/useFocus.js`),n=require(`../../hooks/useHover/useHover.js`),r=require(`../../utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.js`),i=require(`../../utils/cssGradientToSvg/cssGradientToSvg.js`),a=require(`../../utils/pickCustomAttributes/pickCustomAttributes.js`),o=require(`../../utils/shadowSvg/shadowSvg.js`),s=require(`./components/nodePath/nodePath.js`);;/* empty css      */let c=require(`react`),l=require(`react/jsx-runtime`);var u={code:`Enter`,key:`Enter`,keyCode:13,which:13},d=`shadow`;const f=(0,c.forwardRef)(({classNames:f=``,fill:p=`transparent`,stroke:m=`#0000FF`,strokeWidth:h=`1`,focusConfig:g,hoverConfig:_={stroke:`#0000FF`,strokeWidth:`0.5`},role:v=`img`,tabIndex:y=0,...b},x)=>{let{handleBlur:S,handleFocus:C,isFocused:w}=t.useFocus(b.onFocus,b.onBlur),T=r.adaptLegacyFocusConfig(g),{handleMouseEnter:E,handleMouseLeave:D,isHovered:O}=n.useHover(b.onMouseEnter,b.onMouseLeave),k=(0,c.useRef)(null),A=(0,c.useRef)([]),j=(0,c.useRef)(null);(0,c.useImperativeHandle)(x,()=>({get main(){return j.current},get node(){return A.current},get path(){return k.current}}));let M=e=>{e.key===u.key&&b.onKeyDown?.(b.dataValue)},N=()=>{b.onClick?.(b.dataValue)},P=e=>{b.onDoubleClick?.(e,b.dataValue)},F=e=>{e.preventDefault()},I=b.gradient&&i.cssGradientToSVG(b.gradient),L=a.pickCustomAttributes(b),R={...b,classNames:`path ${f}`,fill:I?`url(#gradientePath)`:p,filter:`url(#shadow)`,role:v,stroke:m,strokeWidth:h,tabIndex:y,...O&&_};return(0,l.jsxs)(`g`,{ref:j,children:[I&&I,R.shadowSvgConfig&&(0,l.jsx)(o.ShadowSvg,{id:d,shadowSvgConfig:R.shadowSvgConfig}),(0,l.jsx)(e.FocusRing,{dataTestId:`${R.dataTestId}-focus-ring`,focusConfig:T,isFocused:w,targetRef:k}),(0,l.jsxs)(`g`,{"aria-label":R.ariaLabel,className:R.classNames,"data-draw":!0,filter:R.shadowSvgConfig&&R.filter,opacity:R.opacity,orientation:R.orientation,role:R.role,rotate:R.rotate,tabIndex:R.tabIndex,transform:R.transform,visibility:R.visibility,...L,onBlur:S,onClick:N,onDoubleClick:P,onFocus:C,onKeyDown:M,onMouseDown:F,onMouseEnter:E,onMouseLeave:D,children:[(0,l.jsx)(`path`,{ref:k,d:R.d,"data-testid":R.dataTestId,fill:R.dFill?`transparent`:R.fill,fillOpacity:R.fillOpacity,fillRule:R.fillRule,stroke:R.stroke,strokeDasharray:R.strokeDasharray,strokeDashoffset:R.strokeDashoffset,strokeLinecap:R.strokeLinecap,strokeLinejoin:R.strokeLinejoin,strokeMiterlimit:R.strokeMiterlimit,strokeOpacity:R.strokeOpacity,strokeWidth:R.strokeWidth,children:R.title&&(0,l.jsx)(`title`,{children:R.title})}),R.dFill&&(0,l.jsx)(`path`,{d:R.dFill,fill:R.fill,fillOpacity:R.fillOpacity,fillRule:R.fillRule})]}),R.points&&R.nodeConfig&&R.points.map(([e,t],n)=>(0,l.jsx)(s.NodePath,{ref:e=>A.current[n]=e,data:{dataKey:R.dataKey,dataValue:R.dataValue,index:n,xKey:R?.xKey},nodeConfig:R.nodeConfig,tabIndex:-1,x:e,y:t},`${n.toString()}`))]})});exports.Path=f;
+const e=require(`../focusRing/focusRing2.js`),t=require(`../../hooks/useFocus/useFocus.js`),n=require(`../../hooks/useHover/useHover.js`),r=require(`../../utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.js`),i=require(`../../utils/cssGradientToSvg/cssGradientToSvg.js`),a=require(`../../utils/pickCustomAttributes/pickCustomAttributes.js`),o=require(`../../utils/shadowSvg/shadowSvg.js`),s=require(`./components/nodePath/nodePath.js`);;/* empty css      */let c=require(`react`),l=require(`react/jsx-runtime`);var u={code:`Enter`,key:`Enter`,keyCode:13,which:13},d=`shadow`;const f=(0,c.forwardRef)(({classNames:f=``,fill:p=`transparent`,stroke:m=`#0000FF`,strokeWidth:h=`1`,focusConfig:g,hoverConfig:_={stroke:`#0000FF`,strokeWidth:`0.5`},role:v=`img`,tabIndex:y=0,...b},x)=>{let{handleBlur:S,handleFocus:C,isFocused:w}=t.useFocus(b.onFocus,b.onBlur),T=r.adaptLegacyFocusConfig(g),{handleMouseEnter:E,handleMouseLeave:D,isHovered:O}=n.useHover(b.onMouseEnter,b.onMouseLeave),k=(0,c.useRef)(null),A=(0,c.useRef)([]),j=(0,c.useRef)(null);(0,c.useImperativeHandle)(x,()=>({get main(){return j.current},get node(){return A.current},get path(){return k.current}}));let M=e=>{e.key===u.key&&b.onKeyDown?.(b.dataValue)},N=()=>{b.onClick?.(b.dataValue)},P=e=>{b.onDoubleClick?.(e,b.dataValue)},F=e=>{e.preventDefault()},I=b.gradient&&i.cssGradientToSVG(b.gradient),L=a.pickCustomAttributes(b),R={...b,classNames:`path ${f}`,fill:I?`url(#gradientePath)`:p,filter:`url(#shadow)`,role:v,stroke:m,strokeWidth:h,tabIndex:y,...O&&_};return(0,l.jsxs)(`g`,{ref:j,children:[I&&I,R.shadowSvgConfig&&(0,l.jsx)(o.ShadowSvg,{id:d,shadowSvgConfig:R.shadowSvgConfig}),(0,l.jsx)(e.FocusRing,{dataTestId:`${R.dataTestId}-focus-ring`,focusConfig:T,isFocused:w,targetRef:k}),(0,l.jsxs)(`g`,{"aria-label":R.ariaLabel,className:R.classNames,"data-draw":!0,filter:R.shadowSvgConfig&&R.filter,opacity:R.opacity,orientation:R.orientation,role:R.role,rotate:R.rotate,tabIndex:R.tabIndex,transform:R.transform,visibility:R.visibility,...L,onBlur:S,onClick:N,onDoubleClick:P,onFocus:C,onKeyDown:M,onMouseDown:F,onMouseEnter:E,onMouseLeave:D,children:[(0,l.jsx)(`path`,{ref:k,d:R.d,"data-testid":R.dataTestId,fill:R.dFill?`transparent`:R.fill,fillOpacity:R.fillOpacity,fillRule:R.fillRule,stroke:R.stroke,strokeDasharray:R.strokeDasharray,strokeDashoffset:R.strokeDashoffset,strokeLinecap:R.strokeLinecap,strokeLinejoin:R.strokeLinejoin,strokeMiterlimit:R.strokeMiterlimit,strokeOpacity:R.strokeOpacity,strokeWidth:R.strokeWidth,children:R.title&&(0,l.jsx)(`title`,{children:R.title})}),R.dFill&&(0,l.jsx)(`path`,{d:R.dFill,fill:R.fill,fillOpacity:R.fillOpacity,fillRule:R.fillRule})]}),R.points&&R.nodeConfig&&R.points.map(([e,t],n)=>(0,l.jsx)(s.NodePath,{ref:e=>{e&&(A.current[n]=e)},data:{dataKey:R.dataKey,dataValue:R.dataValue,index:n,xKey:R?.xKey},nodeConfig:R.nodeConfig,tabIndex:-1,x:e,y:t},`${n.toString()}`))]})});exports.Path=f;

package/dist/cjs/components/zoomArea/hooks/useKeyboardNavigation.js

@@ -1 +1 @@
-const e=require(`../utils/rangeAndPositions.js`),t=require(`../zoomArea.type.js`);let n=require(`react`);var r=(e,n,r,i)=>{let a={...n};if(e===t.ZoomAreaElements.START_HANDLER)a.start=Math.max(0,n.start-r);else if(e===t.ZoomAreaElements.END_HANDLER)a.end=Math.max(n.start+i.minHandlerDistance,n.end-r);else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start,t=Math.max(0,n.start-r);a.start=t,a.end=t+e}return a},i=(e,n,r,i,a)=>{let o={...n};if(e===t.ZoomAreaElements.START_HANDLER)o.start=Math.min(n.end-a.minHandlerDistance,n.start+r);else if(e===t.ZoomAreaElements.END_HANDLER)o.end=Math.min(i-1,n.end+r);else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start,t=Math.min(i-1-e,n.start+r);o.start=t,o.end=t+e}return o},a=(e,n,r)=>{let i={...n};if(e===t.ZoomAreaElements.START_HANDLER)i.start=0;else if(e===t.ZoomAreaElements.END_HANDLER)i.end=r-1;else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start;i.start=0,i.end=e}return i},o=(e,n,r,i)=>{let a={...n};if(e===t.ZoomAreaElements.START_HANDLER)a.start=n.end-i.minHandlerDistance;else if(e===t.ZoomAreaElements.END_HANDLER)a.end=r-1;else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start;a.start=r-1-e,a.end=r-1}return a};exports.useKeyboardNavigation=t=>{let{currentRange:s,dataLength:c,interactionConfig:l,onRangeChange:u}=t;return{handleKeyDown:(0,n.useCallback)(t=>n=>{let d=n.shiftKey?l.keyboardFastStep:l.keyboardStep,f={...s};switch(n.key){case`ArrowLeft`:case`ArrowDown`:n.preventDefault(),f=r(t,s,d,l);break;case`ArrowRight`:case`ArrowUp`:n.preventDefault(),f=i(t,s,d,c,l);break;case`Home`:n.preventDefault(),f=a(t,s,c);break;case`End`:n.preventDefault(),f=o(t,s,c,l);break;default:return}u(e.clampRange(f,c,l.minHandlerDistance))},[s,c,u,l])}};
+const e=require(`../utils/rangeAndPositions.js`),t=require(`../zoomArea.type.js`);let n=require(`react`);var r=(e,n,r,i)=>{let a={...n};if(e===t.ZoomAreaElements.START_HANDLER)a.start=Math.max(0,n.start-r);else if(e===t.ZoomAreaElements.END_HANDLER)a.end=Math.max(n.start+i.minHandlerDistance,n.end-r);else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start,t=Math.max(0,n.start-r);a.start=t,a.end=t+e}return a},i=(e,n,r,i,a)=>{let o={...n};if(e===t.ZoomAreaElements.START_HANDLER)o.start=Math.min(n.end-a.minHandlerDistance,n.start+r);else if(e===t.ZoomAreaElements.END_HANDLER)o.end=Math.min(i-1,n.end+r);else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start,t=Math.min(i-1-e,n.start+r);o.start=t,o.end=t+e}return o},a=(e,n,r)=>{let i={...n};if(e===t.ZoomAreaElements.START_HANDLER)i.start=0;else if(e===t.ZoomAreaElements.END_HANDLER)i.end=r-1;else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start;i.start=0,i.end=e}return i},o=(e,n,r,i)=>{let a={...n};if(e===t.ZoomAreaElements.START_HANDLER)a.start=n.end-i.minHandlerDistance;else if(e===t.ZoomAreaElements.END_HANDLER)a.end=r-1;else if(e===t.ZoomAreaElements.SELECTION_AREA){let e=n.end-n.start;a.start=r-1-e,a.end=r-1}return a};exports.useKeyboardNavigation=t=>{let{currentRange:s,dataLength:c,interactionConfig:l,onRangeChange:u}=t;return{handleKeyDown:(0,n.useCallback)(t=>n=>{let d=n.shiftKey?l.keyboardFastStep:l.keyboardStep,f;switch(n.key){case`ArrowLeft`:case`ArrowDown`:n.preventDefault(),f=r(t,s,d,l);break;case`ArrowRight`:case`ArrowUp`:n.preventDefault(),f=i(t,s,d,c,l);break;case`Home`:n.preventDefault(),f=a(t,s,c);break;case`End`:n.preventDefault(),f=o(t,s,c,l);break;default:return}u(e.clampRange(f,c,l.minHandlerDistance))},[s,c,u,l])}};

package/dist/cjs/hooks/useResponsiveCanvas/useResponsiveCanvas.js

@@ -1 +1 @@
-const e=require(`../../components/svgContainer/utils/buildViewBox/buildViewBox.js`),t=require(`../../utils/ssr/ssr.js`),n=require(`../../utils/getCanvasDimensions/getCanvasDimensions.js`),r=require(`../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`);let i=require(`react`);exports.useResponsiveCanvas=({canvasConfig:a,dataTestId:o,extraSpace:s=0,height:c,width:l})=>{let[u,d]=(0,i.useState)({height:0,width:0}),{extraSpace:f,height:p,width:m}=(0,i.useMemo)(()=>a||{extraSpace:s,height:c,width:l},[a,l,c,s]),h=f?r.parseStringToNumberPx(f):void 0;return(0,i.useEffect)(()=>{if(!t.isBrowser())return;let e=t.safeQuerySelector(`[data-testid="${o}"]`);if(!e)return;let r=()=>{let{parsedCanvasHeight:t,parsedCanvasWidth:r}=n.getCanvasDimensions({canvasHeight:p,canvasWidth:m,svgElement:e});d({height:t,width:r})};r();let i=new ResizeObserver(()=>{r()});return i.observe(e),()=>{i.disconnect()}},[m,p,o]),{parsedCanvas:u,parsedCanvasExtraSpace:h,viewBox:(0,i.useMemo)(()=>e.buildViewBox(u.width,u.height,h),[u.width,u.height,h])}};
+const e=require(`../../components/svgContainer/utils/buildViewBox/buildViewBox.js`),t=require(`../../utils/ssr/ssr.js`),n=require(`../../utils/getCanvasDimensions/getCanvasDimensions.js`),r=require(`../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`);let i=require(`react`);exports.useResponsiveCanvas=({canvasConfig:a,dataTestId:o,extraSpace:s=0,height:c,width:l})=>{let[u,d]=(0,i.useState)({height:0,width:0}),{extraSpace:f,height:p,width:m}=(0,i.useMemo)(()=>a||{extraSpace:s,height:c,width:l},[a,l,c,s]),h=f?r.parseStringToNumberPx(f):void 0;return(0,i.useEffect)(()=>{if(!t.isBrowser())return;let e=t.safeQuerySelector(`[data-testid="${o}"]`);if(!e)return;let r=()=>{let{parsedCanvasHeight:t,parsedCanvasWidth:r}=n.getCanvasDimensions({canvasHeight:p,canvasWidth:m,svgElement:e});d(e=>e.height===t&&e.width===r?e:{height:t,width:r})};r();let i=new ResizeObserver(()=>{r()});return i.observe(e),()=>{i.disconnect()}},[m,p,o]),{parsedCanvas:u,parsedCanvasExtraSpace:h,viewBox:(0,i.useMemo)(()=>e.buildViewBox(u.width,u.height,h),[u.width,u.height,h])}};

package/dist/cjs/utils/ajustedTextSpace/ajustedTextSpace.js

@@ -1 +1 @@
-exports.ajustedTextSpace=(e,t,n)=>{let r=0;switch(e){case`middle`:r=t/2+n;break;case`end`:r=t+n;break;default:r=0;break}return r};
+exports.ajustedTextSpace=(e,t,n)=>{let r;switch(e){case`middle`:r=t/2+n;break;case`end`:r=t+n;break;default:r=0;break}return r};

package/dist/esm/charts/pieChart/fragments/pieChartPath.js

@@ -6,25 +6,25 @@ import { PieChartSegment } from "./pieChartSegment.js";
 import { createElement, useContext, useEffect, useRef } from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 const PieChartPath = ({ ariaLabel: n, "aria-label": r, dataKey: i, fill: a, gap: o, innerRadius: s, radius: c, ...l }) => {
-	let u = String(i), { addError: d, canvasHeight: f, canvasWidth: p, data: m, dataTestId: h, halfChart: g } = useContext(PieChartContext), _ = useRef(g ? 0 : -Math.PI / 2), v = m[u], y = Object.prototype.hasOwnProperty.call(m, u);
+	let u = String(i), { addError: d, canvasHeight: f, canvasWidth: p, data: m, dataTestId: h, halfChart: g } = useContext(PieChartContext), _ = g ? 0 : -Math.PI / 2, v = useRef(_), y = m[u], b = Object.prototype.hasOwnProperty.call(m, u);
 	useEffect(() => {
-		if (!y) {
+		if (!b) {
 			d?.("PIE_CHART_PATH_ERROR", { error: buildPieDataKeyNotFoundError(u) });
 			return;
 		}
-		if (!v || v.length === 0) {
+		if (!y || y.length === 0) {
 			d?.("PIE_CHART_PATH_ERROR", { error: buildEmptyDataArrayError(u) });
 			return;
 		}
-		let e = v.reduce((e, t) => e + t.value, 0);
+		let e = y.reduce((e, t) => e + t.value, 0);
 		(e <= 0 || isNaN(e)) && d?.("PIE_CHART_PATH_ERROR", { error: buildInvalidTotalError(u, e) });
 	}, [
-		v,
 		y,
+		b,
 		u
 	]);
-	let b = m[u]?.reduce((e, t) => e + t.value, 0), x = m[u]?.length === 1, S = s ? parseStringToNumberPx(s) : void 0, C = c ? parseStringToNumberPx(c) : void 0;
-	return m[u]?.length ? /* @__PURE__ */ jsx("g", { children: m[u].map((e, t) => /* @__PURE__ */ createElement(PieChartSegment, {
+	let x = m[u]?.reduce((e, t) => e + t.value, 0), S = m[u]?.length === 1, C = s ? parseStringToNumberPx(s) : void 0, w = c ? parseStringToNumberPx(c) : void 0;
+	return v.current = _, m[u]?.length ? /* @__PURE__ */ jsx("g", { children: m[u].map((e, t) => /* @__PURE__ */ createElement(PieChartSegment, {
 		...l,
 		...e,
 		key: `${t.toString()}`,
@@ -43,11 +43,11 @@ const PieChartPath = ({ ariaLabel: n, "aria-label": r, dataKey: i, fill: a, gap:
 		gap: o,
 		halfChart: g,
 		index: t,
-		innerRadius: S,
-		radius: C,
-		singleStroke: x,
-		startAngle: _,
-		total: b
+		innerRadius: C,
+		radius: w,
+		singleStroke: S,
+		startAngle: v,
+		total: x
 	})) }) : /* @__PURE__ */ jsx(Fragment, {});
 };
 export { PieChartPath };

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

@@ -109,7 +109,9 @@ const Path = forwardRef(({ classNames: r = "", fill: i = "transparent", stroke:
 				})]
 			}),
 			k.points && k.nodeConfig && k.points.map(([e, t], n) => /* @__PURE__ */ jsx(NodePath, {
-				ref: (e) => x.current[n] = e,
+				ref: (e) => {
+					e && (x.current[n] = e);
+				},
 				data: {
 					dataKey: k.dataKey,
 					dataValue: k.dataValue,

package/dist/esm/components/zoomArea/hooks/useKeyboardNavigation.js

@@ -41,7 +41,7 @@ var handleArrowLeft = (e, n, r, i) => {
 const useKeyboardNavigation = (t) => {
 	let { currentRange: s, dataLength: c, interactionConfig: l, onRangeChange: u } = t;
 	return { handleKeyDown: useCallback((t) => (n) => {
-		let d = n.shiftKey ? l.keyboardFastStep : l.keyboardStep, f = { ...s };
+		let d = n.shiftKey ? l.keyboardFastStep : l.keyboardStep, f;
 		switch (n.key) {
 			case "ArrowLeft":
 			case "ArrowDown":

package/dist/esm/hooks/useResponsiveCanvas/useResponsiveCanvas.js

@@ -27,7 +27,7 @@ const useResponsiveCanvas = ({ canvasConfig: a, dataTestId: o, extraSpace: s = 0
 				canvasWidth: m,
 				svgElement: e
 			});
-			d({
+			d((e) => e.height === t && e.width === n ? e : {
 				height: t,
 				width: n
 			});

package/dist/esm/utils/ajustedTextSpace/ajustedTextSpace.js

@@ -1,5 +1,5 @@
 const ajustedTextSpace = (e, t, n) => {
-	let r = 0;
+	let r;
 	switch (e) {
 		case "middle":
 			r = t / 2 + n;

package/dist/types/charts/barChart/utils/countBarChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"countBarChildren.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/utils/countBarChildren.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7D,eAAO,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,KAAG,MAQjE,CAAC"}
+{"version":3,"file":"countBarChildren.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/utils/countBarChildren.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7D,eAAO,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,KAAG,MAYjE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"lineChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/lineChart/lineChartStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AAe3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CA8HjD,CAAC"}
+{"version":3,"file":"lineChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/lineChart/lineChartStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AAgB3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CA8HjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"pieChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAY9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CAqFtC,CAAC"}
+{"version":3,"file":"pieChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAY9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CAyFtC,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,5 +2,5 @@ import { ForwardedRef } from 'react';
 import { PlotShapeProps } from '../../plot.types';
 export declare const Circle: (props: PlotShapeProps & {
     ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=circle.d.ts.map

package/dist/types/components/plot/components/circle/circle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/circle/circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/circle/circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

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

@@ -2,5 +2,5 @@ import { ForwardedRef } from 'react';
 import { PlotShapeProps } from '../../plot.types';
 export declare const Square: (props: PlotShapeProps & {
     ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=square.d.ts.map

package/dist/types/components/plot/components/square/square.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"square.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/square/square.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"square.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/square/square.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

package/dist/types/components/plot/components/triangle/triangle.d.ts

@@ -2,5 +2,5 @@ import { ForwardedRef } from 'react';
 import { PlotShapeProps } from '../../plot.types';
 export declare const Triangle: (props: PlotShapeProps & {
     ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=triangle.d.ts.map

package/dist/types/components/plot/components/triangle/triangle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"triangle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/triangle/triangle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,eAAO,MAAM,QAAQ,EAAoC,CACvD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"triangle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/triangle/triangle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,eAAO,MAAM,QAAQ,EAAoC,CACvD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

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

@@ -34,5 +34,5 @@ import { PlotProps } from './plot.types';
  */
 export declare const Plot: <T = string>(props: PlotProps<T> & {
     ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=plot.d.ts.map

package/dist/types/components/plot/plot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plot.d.ts","sourceRoot":"","sources":["../../../../src/components/plot/plot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,YAAY,CAAC;AACpB,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,cAAc,CAAC;AAiIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI,EAAgC,CAAC,CAAC,GAAG,MAAM,EAC1D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"plot.d.ts","sourceRoot":"","sources":["../../../../src/components/plot/plot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,YAAY,CAAC;AACpB,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,cAAc,CAAC;AAiIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI,EAAgC,CAAC,CAAC,GAAG,MAAM,EAC1D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

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

@@ -2,5 +2,5 @@ import { ForwardedRef } from 'react';
 import { SvgContainerProps } from './svgContainer.types';
 export declare const SvgContainer: (props: SvgContainerProps & {
     ref?: ForwardedRef<SVGSVGElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=svgContainer.d.ts.map

package/dist/types/components/svgContainer/svgContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svgContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/svgContainer/svgContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA0E9D,eAAO,MAAM,YAAY,EAAwC,CAC/D,KAAK,EAAE,iBAAiB,GAAG;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"svgContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/svgContainer/svgContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA0E9D,eAAO,MAAM,YAAY,EAAwC,CAC/D,KAAK,EAAE,iBAAiB,GAAG;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

package/dist/types/components/zoomArea/hooks/useDragInteraction.d.ts

@@ -19,7 +19,7 @@ interface UseDragInteractionParams {
  */
 interface UseDragInteractionReturn {
     /** Reference to the SVG group element */
-    groupRef: React.RefObject<SVGSVGElement>;
+    groupRef: React.RefObject<SVGSVGElement | null>;
     /** Handler for mouse down events on different elements */
     handleMouseDown: (target: (typeof ZoomAreaElements)[keyof typeof ZoomAreaElements]) => (event: React.MouseEvent) => void;
     /** Handler for touch start events on different elements */

package/dist/types/components/zoomArea/hooks/useDragInteraction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDragInteraction.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/hooks/useDragInteraction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,KAAK,yBAAyB,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpG;;GAEG;AACH,UAAU,wBAAwB;IAChC,yBAAyB;IACzB,YAAY,EAAE,SAAS,CAAC;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,uDAAuD;IACvD,iBAAiB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC;CACxD;AAED;;GAEG;AACH,UAAU,wBAAwB;IAChC,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACzC,0DAA0D;IAC1D,eAAe,EAAE,CACf,MAAM,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,KAC7D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,2DAA2D;IAC3D,gBAAgB,EAAE,CAChB,MAAM,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,KAC7D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,yCAAyC;IACzC,UAAU,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,GAAG,IAAI,CAAC;CAC7E;AAsCD;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,wBAAwB,KAAG,wBAsHrE,CAAC"}
+{"version":3,"file":"useDragInteraction.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/hooks/useDragInteraction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,KAAK,yBAAyB,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpG;;GAEG;AACH,UAAU,wBAAwB;IAChC,yBAAyB;IACzB,YAAY,EAAE,SAAS,CAAC;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,uDAAuD;IACvD,iBAAiB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC;CACxD;AAED;;GAEG;AACH,UAAU,wBAAwB;IAChC,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAChD,0DAA0D;IAC1D,eAAe,EAAE,CACf,MAAM,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,KAC7D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,2DAA2D;IAC3D,gBAAgB,EAAE,CAChB,MAAM,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,KAC7D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,yCAAyC;IACzC,UAAU,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,GAAG,IAAI,CAAC;CAC7E;AAsCD;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,wBAAwB,KAAG,wBAsHrE,CAAC"}

package/dist/types/hooks/useResponsiveCanvas/useResponsiveCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsiveCanvas.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResponsiveCanvas/useResponsiveCanvas.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,UAAU,yBAAyB;IACjC,yCAAyC;IACzC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,mBAAmB,GAAI,0DAMjC,yBAAyB,KAAG,yBA+F9B,CAAC"}
+{"version":3,"file":"useResponsiveCanvas.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResponsiveCanvas/useResponsiveCanvas.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,UAAU,yBAAyB;IACjC,yCAAyC;IACzC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,mBAAmB,GAAI,0DAMjC,yBAAyB,KAAG,yBAkG9B,CAAC"}

package/dist/types/utils/cssGradientToSvg/cssGradientToSvg.d.ts

@@ -17,5 +17,5 @@
  *          CSS gradient string. If the angle is not supported, it returns an empty
  *          React fragment.
  */
-export declare const cssGradientToSVG: (cssGradient: string, id?: string) => JSX.Element;
+export declare const cssGradientToSVG: (cssGradient: string, id?: string) => React.JSX.Element;
 //# sourceMappingURL=cssGradientToSvg.d.ts.map

package/dist/types/utils/cssGradientToSvg/cssGradientToSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cssGradientToSvg.d.ts","sourceRoot":"","sources":["../../../../src/utils/cssGradientToSvg/cssGradientToSvg.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,EAAE,WAAoB,KAAG,GAAG,CAAC,OAwChF,CAAC"}
+{"version":3,"file":"cssGradientToSvg.d.ts","sourceRoot":"","sources":["../../../../src/utils/cssGradientToSvg/cssGradientToSvg.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,EAAE,WAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAwCtF,CAAC"}

package/dist/types/utils/shadowSvg/shadowSvg.d.ts

@@ -1,3 +1,3 @@
 import { ShadowSvgProps } from './shadowSvg.types';
-export declare const ShadowSvg: ({ height, width, x, y, ...props }: ShadowSvgProps) => JSX.Element;
+export declare const ShadowSvg: ({ height, width, x, y, ...props }: ShadowSvgProps) => React.JSX.Element;
 //# sourceMappingURL=shadowSvg.d.ts.map

package/dist/types/utils/shadowSvg/shadowSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadowSvg.d.ts","sourceRoot":"","sources":["../../../../src/utils/shadowSvg/shadowSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,mCAMvB,cAAc,KAAG,GAAG,CAAC,OAQvB,CAAC"}
+{"version":3,"file":"shadowSvg.d.ts","sourceRoot":"","sources":["../../../../src/utils/shadowSvg/shadowSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,mCAMvB,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAQ7B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kubit-ui-web/react-charts",
   "private": false,
-  "version": "1.11.2",
+  "version": "1.11.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -116,6 +116,10 @@
     "type": "corporate",
     "url": "https://www.kubit-lab.com/"
   },
+  "peerDependencies": {
+    "react": "^18.3.0 || ^19.0.0",
+    "react-dom": "^18.3.0 || ^19.0.0"
+  },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@babel/core": "^7.29.0",
@@ -123,13 +127,13 @@
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@kubit-ui-web/eslint-plugin-no-index-import": "^1.0.2",
-    "@storybook/addon-a11y": "10.2.5",
+    "@storybook/addon-a11y": "10.2.10",
     "@storybook/addon-coverage": "3.0.0",
-    "@storybook/addon-designs": "11.1.1",
-    "@storybook/addon-docs": "10.2.5",
-    "@storybook/addon-links": "10.2.5",
-    "@storybook/addon-themes": "10.2.5",
-    "@storybook/react-vite": "10.2.5",
+    "@storybook/addon-designs": "11.1.2",
+    "@storybook/addon-docs": "10.2.10",
+    "@storybook/addon-links": "10.2.10",
+    "@storybook/addon-themes": "10.2.10",
+    "@storybook/react-vite": "10.2.10",
     "@storybook/test-runner": "0.24.2",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/jest-dom": "^6.9.1",
@@ -138,47 +142,47 @@
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/mocha": "^10.0.10",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
-    "@typescript-eslint/parser": "^8.54.0",
-    "@vitejs/plugin-react": "^5.1.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^4.0.18",
     "@vitest/ui": "^4.0.18",
     "add": "^2.0.6",
-    "chromatic": "^15.0.0",
-    "cpy-cli": "^6.0.0",
-    "eslint": "^9.39.2",
-    "eslint-config-kubit": "1.7.0",
+    "chromatic": "^15.1.1",
+    "cpy-cli": "^7.0.0",
+    "eslint": "^10.0.0",
+    "eslint-config-kubit": "2.0.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-config-standard-with-typescript": "^43.0.1",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-n": "^17.23.2",
+    "eslint-plugin-n": "^17.24.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.0",
-    "eslint-plugin-storybook": "^10.2.5",
-    "eslint-plugin-unused-imports": "^4.3.0",
-    "glob": "^13.0.0",
-    "html-validate": "^10.7.0",
-    "jsdom": "^28.0.0",
+    "eslint-plugin-storybook": "^10.2.10",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "glob": "^13.0.6",
+    "html-validate": "^10.8.0",
+    "jsdom": "^28.1.0",
     "prettier": "^3.8.1",
-    "storybook": "10.2.5",
+    "storybook": "10.2.10",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.56.0",
     "vite": "8.0.0-beta.10",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18",
-    "vitest-axe": "^0.1.0"
+    "vitest-axe": "^0.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "dependencies": {
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
     "react-transition-group": "^4.4.5"
   },
   "scripts": {