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

package/dist/esm/components/zoomArea/hooks/useDragInteraction.mjs

@@ -0,0 +1 @@
+import{useCallback as t,useEffect as e,useRef as n,useState as o}from"react";import{clampRange as s,mouseToDataIndex as r}from"../utils/rangeAndPositions.mjs";import{ZoomAreaElements as c}from"../zoomArea.type.mjs";const m=(t,e,n,o,s)=>{const r={...e};if(t===c.START_HANDLER)r.start=Math.max(0,Math.min(n,e.end-s.minHandlerDistance));else if(t===c.END_HANDLER)r.end=Math.min(o-1,Math.max(n,e.start+s.minHandlerDistance));else if(t===c.SELECTION_AREA){const t=e.end-e.start;const s=Math.max(0,Math.min(o-1-t,n-t/2));r.start=s;r.end=s+t}return r};const i=c=>{const{currentRange:i,dataLength:u,interactionConfig:a,onRangeChange:d,width:l}=c;const v=n(null);const[E,f]=o(null);const h=t(t=>()=>{f(t)},[]);const L=t(t=>()=>{f(t)},[]);const p=t(t=>{if(!E||!v.current)return;const e=v.current;if(!e)return;const n=e.getBoundingClientRect();const o=t-n.left;const c=r(o,l,u);const f=m(E,i,c,u,a);const h=s(f,u,a.minHandlerDistance);d(h)},[E,l,u,i,d,a]);const D=t(t=>{p(t.clientX)},[p]);const A=t(t=>{if(0===t.touches.length)return;t.preventDefault();p(t.touches[0].clientX)},[p]);const M=t(()=>{f(null)},[]);const g=t(()=>{f(null)},[]);e(()=>{if(E){document.addEventListener("mousemove",D);document.addEventListener("mouseup",M);document.addEventListener("touchmove",A,{passive:false});document.addEventListener("touchend",g);return()=>{document.removeEventListener("mousemove",D);document.removeEventListener("mouseup",M);document.removeEventListener("touchmove",A);document.removeEventListener("touchend",g)}}},[E,D,M,A,g]);return{groupRef:v,handleMouseDown:h,handleTouchStart:L,isDragging:E}};export{i as useDragInteraction};

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

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

package/dist/esm/components/zoomArea/hooks/useZoomAreaFocus.mjs

@@ -0,0 +1 @@
+import{useCallback as o,useState as t}from"react";const n=()=>{const[n,c]=t(null);const r=o(o=>()=>c(o),[]);const s=o(()=>{c(null)},[]);const e=o(o=>n===o,[n]);return{handleBlur:s,handleFocus:r,isFocused:e}};export{n as useZoomAreaFocus};

package/dist/esm/components/zoomArea/hooks/useZoomData.mjs

@@ -0,0 +1 @@
+import{useEffect as t,useState as o}from"react";import{getRangeIndices as n}from"../utils/indexRounding.mjs";import{createDefaultRange as s}from"../utils/rangeAndPositions.mjs";const r=({data:r,initialRange:e,onDataChange:i})=>{const c=e||s(r.length);const[m,l]=o(c);const u=t=>{if(!i||0===r.length)return;const{endIndex:o,startIndex:s}=n(t,r.length);const e=r.slice(s,o+1);i(e)};const g=t=>{l(t);u(t)};t(()=>{u(m)},[]);return{currentRange:m,handleRangeChange:g}};export{r as useZoomData};

package/dist/esm/components/zoomArea/index.mjs

@@ -0,0 +1 @@
+export*from"./components/index.mjs";export*from"./hooks/index.mjs";export*from"./utils/index.mjs";export*from"./zoomArea.mjs";export*from"./zoomArea.type.mjs";

package/dist/esm/components/zoomArea/utils/accessibilityLabels.mjs

@@ -0,0 +1 @@
+import{getRangeIndices as e}from"./indexRounding.mjs";const n="{{startValue}}";const t="{{endValue}}";const s=(e,n,t)=>e[t]?.[n]?.toString()||`${t}`;const o=(e,s,o)=>{if(!e)return e;const c=new RegExp(n,"g");const r=new RegExp(t,"g");return e.replace(c,s).replace(r,o)};const c=(n,t,c,r)=>{const{endIndex:a,startIndex:l}=e(c,n.length);const i=s(n,t,l);const g=s(n,t,a);const u=o(r?.startHandler,i,g)??i;const d=o(r?.endHandler,i,g)??g;const p=o(r?.selectionArea,i,g)??`${i} - ${g}`;return{endHandler:d,selectionArea:p,startHandler:u}};export{c as generateAccessibilityLabels,s as getXAxisValue};

package/dist/esm/components/zoomArea/utils/index.mjs

@@ -0,0 +1 @@
+export{getInteractionConfig}from"./interactionConfig.mjs";export{calculateLinesPathData,generateCurvedPath}from"./pathGeneration.mjs";export{calculateHandlerPositions,clampRange,createDefaultRange,isFullRange,mouseToDataIndex}from"./rangeAndPositions.mjs";

package/dist/esm/components/zoomArea/utils/indexRounding.mjs

@@ -0,0 +1 @@
+const t=(t,n)=>{const a=Math.floor(t);return Math.max(0,Math.min(n,a))};const n=(t,n)=>{const a=Math.ceil(t);return Math.max(0,Math.min(n,a))};const a=(a,e)=>{const r=Math.max(0,e-1);return{endIndex:n(a.end,r),startIndex:t(a.start,r)}};export{a as getRangeIndices,n as roundEndIndex,t as roundStartIndex};

package/dist/esm/components/zoomArea/utils/interactionConfig.mjs

@@ -0,0 +1 @@
+const e={KEYBOARD_FAST_STEP:2,KEYBOARD_STEP:1,MIN_HANDLER_DISTANCE:1};const t=t=>({keyboardFastStep:t?.keyboardFastStep??e.KEYBOARD_FAST_STEP,keyboardStep:t?.keyboardStep??e.KEYBOARD_STEP,minHandlerDistance:t?.minHandlerDistance??e.MIN_HANDLER_DISTANCE});export{t as getInteractionConfig};

package/dist/esm/components/zoomArea/utils/pathGeneration.mjs

@@ -0,0 +1 @@
+const t=t=>{if(0===t.length)return"";if(1===t.length)return`M ${t[0][0]} ${t[0][1]}`;const[n,...e]=t;let c=`M ${n[0]} ${n[1]}`;e.forEach((t,o)=>{const r=0===o?n:e[o-1];const[s,$]=r;const[a,u]=t;const l=(a-s)*.3;const h=[s+l,$];const i=[a-l,u];c+=` C ${h[0]} ${h[1]}, ${i[0]} ${i[1]}, ${a} ${u}`});return c};const n=(n,e,c,o)=>{if(0===n.length||0===e.length)return[];const r=.05;const s=o*r;const $=o-2*s;const a=e.flatMap(t=>n.map(n=>Number(n[t.yKey])));const u=Math.min(...a);const l=Math.max(...a);const h=l-u||1;return e.map(e=>{const r=n.map((t,o)=>{const r=o/Math.max(1,n.length-1)*c;const a=s+$-(Number(t[e.yKey])-u)/h*$;return[r,a]});const a=e.curved?t(r):`M ${r.map(([t,n])=>`${t},${n}`).join(" L ")}`;let l="";if(e.fill)l=e.curved?`${t(r)} L ${c} ${o} L 0 ${o} Z`:`${a} L ${c},${o} L 0,${o} Z`;return{config:e,fillPath:l,linePath:a}})};export{n as calculateLinesPathData,t as generateCurvedPath};

package/dist/esm/components/zoomArea/utils/rangeAndPositions.mjs

@@ -0,0 +1 @@
+const t=(t,a,n)=>{const s=t.start/Math.max(1,a-1)*n;const e=t.end/Math.max(1,a-1)*n;return{endX:e,startX:s}};const a=(t,a,n)=>{const s=Math.max(0,Math.min(a,t));const e=s/a;return Math.round(e*(n-1))};const n=(t,a,n=.1)=>{const s=Math.max(0,Math.min(t.start,a-1-n));const e=Math.min(a-1,Math.max(t.end,s+n));return{end:e,start:s}};const s=t=>({end:Math.max(0,t-1),start:0});const e=(t,a)=>0===t.start&&t.end===a-1;export{t as calculateHandlerPositions,n as clampRange,s as createDefaultRange,e as isFullRange,a as mouseToDataIndex};

package/dist/esm/components/zoomArea/utils/selectionConfig.mjs

@@ -0,0 +1 @@
+const O={FILL:"#0078d4",FILL_OPACITY:.5,HIDE_OVERLAY_ON_FULL_RANGE:true,STROKE:"#0078d4",STROKE_WIDTH:0};const e=e=>({fill:e?.fill??O.FILL,fillOpacity:e?.fillOpacity??O.FILL_OPACITY,hideOverlayOnFullRange:e?.hideOverlayOnFullRange??O.HIDE_OVERLAY_ON_FULL_RANGE,stroke:e?.stroke??O.STROKE,strokeWidth:e?.strokeWidth??O.STROKE_WIDTH});export{e as getSelectionConfig};

package/dist/esm/components/zoomArea/zoomArea.mjs

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useMemo as e,useRef as n}from"react";import{SvgContainer as s}from"../svgContainer/svgContainer.mjs";import{useResponsiveCanvas as r}from"../../hooks/useResponsiveCanvas/useResponsiveCanvas.mjs";import{getDataFingerprint as i}from"../../utils/getDataFingerprint/getDataFingerprint.mjs";import{FocusRing as a}from"../focusRing/focusRing.mjs";import{LineRenderer as m}from"./components/LineRenderer.mjs";import{SelectionArea as c}from"./components/SelectionArea.mjs";import{ZoomHandler as h}from"./components/ZoomHandler.mjs";import{useDragInteraction as d}from"./hooks/useDragInteraction.mjs";import{useKeyboardNavigation as g}from"./hooks/useKeyboardNavigation.mjs";import{useZoomAreaFocus as l}from"./hooks/useZoomAreaFocus.mjs";import{useZoomData as u}from"./hooks/useZoomData.mjs";import{generateAccessibilityLabels as f}from"./utils/accessibilityLabels.mjs";import{getInteractionConfig as R}from"./utils/interactionConfig.mjs";import{calculateLinesPathData as A}from"./utils/pathGeneration.mjs";import{calculateHandlerPositions as p}from"./utils/rangeAndPositions.mjs";import{getSelectionConfig as E}from"./utils/selectionConfig.mjs";import{ZoomAreaElements as D}from"./zoomArea.type.mjs";const T=({ariaHidden:T,ariaLabel:N,backgroundColor:L,canvasConfig:C,caption:j,classNames:H,data:_,focusConfig:S,handlerConfig:w,height:v="40px",initialRange:x,interactionConfig:I,lines:y,onDataChange:F,role:b,screenReaderTextConfig:k,selectionConfig:O,width:B="100%",xKey:K,...Z})=>{const M="zoom-area";const $=R(I);const z=E(O);const{currentRange:X,handleRangeChange:G}=u({data:_,initialRange:x,onDataChange:F});const{parsedCanvas:J,viewBox:P}=r({canvasConfig:C,dataTestId:M,height:v,width:B});const q=i(_);const Q=JSON.stringify(y);const U=n(null);const V=f(_,K,X,k);const W=e(()=>A(_,y,J.width,J.height),[q,Q,J.width,J.height]);const{endX:Y,startX:oo}=e(()=>p(X,_.length,J.width),[X,q,J.width]);const{handleBlur:ot,handleFocus:oe,isFocused:on}=l();const{handleKeyDown:os}=g({currentRange:X,dataLength:_.length,interactionConfig:$,onRangeChange:G});const{groupRef:or,handleMouseDown:oi,handleTouchStart:oa}=d({currentRange:X,dataLength:_.length,interactionConfig:$,onRangeChange:G,width:J.width});return t(s,{ref:or,ariaHidden:T,ariaLabel:N,backgroundColor:L,caption:j,className:H,"data-testid":M,height:v,overflow:"visible",role:b,viewBox:P,width:B,...Z,children:[o(m,{linesData:W}),o(c,{ref:U,currentRange:X,dataLength:_.length,dataTestId:`${M}-selection-area`,endX:Y,height:J.height,screenReaderText:V.selectionArea,selectionConfig:z,startX:oo,onBlur:ot,onFocus:oe(D.SELECTION_AREA),onKeyDown:os(D.SELECTION_AREA),onMouseDown:oi(D.SELECTION_AREA),onTouchStart:oa(D.SELECTION_AREA)}),o(h,{dataTestId:`${M}-start-handler`,focusConfig:S,handlerConfig:w,height:J.height,isFocused:on(D.START_HANDLER),max:X.end-$.minHandlerDistance,min:0,screenReaderText:V.startHandler,type:D.START_HANDLER,value:X.start,x:oo,onBlur:ot,onFocus:oe(D.START_HANDLER),onKeyDown:os(D.START_HANDLER),onMouseDown:oi(D.START_HANDLER),onTouchStart:oa(D.START_HANDLER)}),o(h,{dataTestId:`${M}-end-handler`,focusConfig:S,handlerConfig:w,height:J.height,isFocused:on(D.END_HANDLER),max:_.length-1,min:X.start+$.minHandlerDistance,screenReaderText:V.endHandler,type:D.END_HANDLER,value:X.end,x:Y,onBlur:ot,onFocus:oe(D.END_HANDLER),onKeyDown:os(D.END_HANDLER),onMouseDown:oi(D.END_HANDLER),onTouchStart:oa(D.END_HANDLER)}),o(a,{dataTestId:"selection-area-focus",focusConfig:{...S,variant:"bounding-box"},isFocused:on(D.SELECTION_AREA),targetRef:U})]})};export{T as ZoomArea};

package/dist/esm/components/zoomArea/zoomArea.type.mjs

@@ -0,0 +1 @@
+const E={END_HANDLER:"END_HANDLER",SELECTION_AREA:"SELECTION_AREA",START_HANDLER:"START_HANDLER"};export{E as ZoomAreaElements};

package/dist/esm/hooks/index.mjs

@@ -0,0 +1 @@
+export*from"./useFocus/useFocus.mjs";export*from"./useHover/useHover.mjs";export*from"./useId/useId.mjs";export*from"./useResponsiveCanvas/useResponsiveCanvas.mjs";

package/dist/esm/hooks/useFocus/useFocus.mjs

@@ -0,0 +1 @@
+import{useCallback as t,useState as o}from"react";const s=(s,e)=>{const[r,c]=o(false);const n=t(t=>{c(true);s?.(t)},[s]);const u=t(t=>{c(false);e?.(t)},[e]);return{handleBlur:u,handleFocus:n,isFocused:r}};export{s as useFocus};

package/dist/esm/hooks/useHover/useHover.mjs

@@ -0,0 +1 @@
+import{useCallback as t,useState as e}from"react";const o=(o,r)=>{const[s,c]=e(false);const n=t(t=>{c(true);o?.(t)},[o]);const a=t(t=>{c(false);r?.(t)},[r]);return{handleMouseEnter:n,handleMouseLeave:a,isHovered:s}};export{o as useHover};

package/dist/esm/hooks/useId/index.mjs

@@ -0,0 +1 @@
+export*from"./useId.mjs";

package/dist/esm/hooks/useId/useId.mjs

@@ -0,0 +1 @@
+import{useState as t}from"react";const o="$component$";const n={};const r=t=>{if(!n[t])n[t]=0;return n[t]++};const c=n=>{const[c]=t(()=>r(n||o));return`${n}${c}`};export{c as useId};

package/dist/esm/hooks/useResponsiveCanvas/index.mjs

@@ -0,0 +1 @@
+export*from"./useResponsiveCanvas.mjs";

package/dist/esm/hooks/useResponsiveCanvas/useResponsiveCanvas.mjs

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

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export*from"./charts/index.mjs";export*from"./components/index.mjs";export*from"./types/index.mjs";

package/dist/esm/storybook/components/note/note.css

@@ -0,0 +1 @@
+.kbt-note-container{border-left:4px solid var(--kbt-note-border-color,#06c);background-color:var(--kbt-note-bg,#f0f8ff);border-radius:6px;grid-template-rows:auto 1fr;margin-bottom:16px;padding:12px;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:grid-template-rows .3s ease-in-out;display:grid}.kbt-note-container.kbt-note-collapsed{grid-template-rows:auto 0fr}.kbt-note-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.kbt-note-heading{color:var(--kbt-note-heading-color,#06c);flex:1;margin:0;font-size:14px;font-weight:700;display:block}.kbt-note-container:not(.kbt-note-collapsed) .kbt-note-heading{margin-bottom:6px}.kbt-note-toggle{width:20px;height:20px;color:var(--kbt-note-heading-color,#06c);cursor:pointer;background-color:#0000;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.kbt-note-toggle:hover{background-color:#0000001a}.kbt-note-toggle:focus{outline:2px solid var(--kbt-note-heading-color,#06c);outline-offset:1px}.kbt-note-toggle-icon{font-size:10px;transition:transform .3s;transform:rotate(180deg)}.kbt-note-toggle-icon-collapsed{transform:rotate(0)}.kbt-note-content{overflow:hidden}.kbt-note-text{color:#333;margin-top:8px;font-size:13px;line-height:1.5}.kbt-note-information{--kbt-note-bg:#f1f8ff;--kbt-note-border-color:#0366d6;--kbt-note-heading-color:#0366d6}.kbt-note-success{--kbt-note-bg:#f0fff4;--kbt-note-border-color:#22863a;--kbt-note-heading-color:#22863a}.kbt-note-warning{--kbt-note-bg:#fffbe6;--kbt-note-border-color:#ffb800;--kbt-note-heading-color:#b38600}.kbt-note-dormant{--kbt-note-bg:#fff0f0;--kbt-note-border-color:#d73a49;--kbt-note-heading-color:#d73a49}

package/dist/esm/types/canvas.type.mjs

@@ -0,0 +1 @@
+const t={extraSpace:0,height:80,width:100};export{t as DefaultCanvasConfig};

package/dist/esm/types/errors.type.mjs

@@ -0,0 +1 @@
+const R={BAR_CHART_CONTEXT_ERROR:"BAR_CHART_CONTEXT_ERROR",BAR_CHART_PATH_ERROR:"BAR_CHART_PATH_ERROR",BAR_CHART_SEPARATOR_ERROR:"BAR_CHART_SEPARATOR_ERROR",BAR_CHART_X_AXIS_ERROR:"BAR_CHART_X_AXIS_ERROR",BAR_CHART_Y_AXIS_ERROR:"BAR_CHART_Y_AXIS_ERROR",CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR:"CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR",CUSTOM_BACKGROUND_CHART_PLOT_ERROR:"CUSTOM_BACKGROUND_CHART_PLOT_ERROR",GENERIC:"GENERIC",LINE_CHART_CONTEXT_ERROR:"LINE_CHART_CONTEXT_ERROR",LINE_CHART_PATH_ERROR:"LINE_CHART_PATH_ERROR",LINE_CHART_PROJECTION_ERROR:"LINE_CHART_PROJECTION_ERROR",LINE_CHART_SEPARATOR_ERROR:"LINE_CHART_SEPARATOR_ERROR",LINE_CHART_X_AXIS_ERROR:"LINE_CHART_X_AXIS_ERROR",LINE_CHART_Y_AXIS_ERROR:"LINE_CHART_Y_AXIS_ERROR",PIE_CHART_CONTEXT_ERROR:"PIE_CHART_CONTEXT_ERROR",PIE_CHART_PATH_ERROR:"PIE_CHART_PATH_ERROR",PIE_CHART_SEGMENT_ERROR:"PIE_CHART_SEGMENT_ERROR"};const _=R=>Array.isArray(R)?R:[R];export{R as ErrorType,_ as normalizeToArray};

package/dist/esm/types/focusConfig.type.mjs

@@ -0,0 +1 @@
+const o={FOCUS_COLOR:"#0078D4",FOCUS_INNER:"#ffffff",INNER_FOCUS_STROKE_WIDTH:2,OUTER_FOCUS_STROKE_WIDTH:2,OUTLINES_GAP:0,VARIANT:"adaptive"};const O=O=>({gap:O?.gap??o.OUTLINES_GAP,innerColor:O?.innerColor??o.FOCUS_INNER,innerStrokeWidth:O?.innerStrokeWidth??o.INNER_FOCUS_STROKE_WIDTH,outlineColor:O?.outlineColor??o.FOCUS_COLOR,outlineStrokeWidth:O?.outlineStrokeWidth??o.OUTER_FOCUS_STROKE_WIDTH,variant:O?.variant??o.VARIANT});export{o as FOCUS_DEFAULT,O as getFocusConfig};

package/dist/esm/types/index.mjs

@@ -0,0 +1 @@
+export*from"./canvas.type.mjs";export*from"./errors.type.mjs";export*from"./focusConfig.type.mjs";export*from"./position.enum.mjs";

package/dist/esm/types/position.enum.mjs

@@ -0,0 +1 @@
+const T={BOTTOM:"BOTTOM",CENTER:"CENTER",CUSTOM:"CUSTOM",LEFT:"LEFT",RIGHT:"RIGHT",TOP:"TOP"};export{T as Positions};

package/dist/esm/types/unit.enum.mjs

@@ -0,0 +1 @@
+const E={PERCENTAGE:"%",REM:"rem"};export{E as Unit};

package/dist/esm/utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.mjs

@@ -0,0 +1 @@
+const t=t=>{if(!t)return;const o=t.strokeWidth?Number(t.strokeWidth):void 0;return{innerStrokeWidth:o,outlineColor:t.stroke,outlineStrokeWidth:o}};export{t as adaptLegacyFocusConfig};

package/dist/esm/utils/adaptLegacyFocusConfig/index.mjs

@@ -0,0 +1 @@
+export{adaptLegacyFocusConfig}from"./adaptLegacyFocusConfig.mjs";

package/dist/esm/utils/ajustedTextSpace/ajustedTextSpace.mjs

@@ -0,0 +1 @@
+const e=(e,a,t)=>{let r;switch(e){case"middle":r=a/2+t;break;case"end":r=a+t;break;default:r=0;break}return r};export{e as ajustedTextSpace};

package/dist/esm/utils/buildErrors/buildErrors.mjs

@@ -0,0 +1 @@
+import{BarChartErrors as r,BarChartErrorsRecord as a}from"./constants/errors/barChartErrors.mjs";import{LineChartErrors as o,LineChartErrorsRecord as e}from"./constants/errors/lineChartErrors.mjs";import{PieChartErrors as t,PieChartErrorsRecord as i}from"./constants/errors/pieChartErrors.mjs";const n={INVALID_X_TICK:"INVALID_X_TICK",...r,...o,...t};const s="[getXTicks] Invalid X tick values calculated";const d={...a,...e,...i,INVALID_X_TICK:new Error(s)};const u=r=>d[r];const l=r=>new Error(`DataKey "${r}" not found in dataset`);const E=(r,a)=>new Error(`Canvas dimensions validation failed: width=${r}, height=${a} (both must be > 0)`);const b=r=>new Error(`Invalid xBreakAxis value: '${r}' cannot be parsed as number`);const c=r=>new Error(`Invalid yBreakAxis value: '${r}' cannot be parsed as number`);const m=(r,a,o)=>new Error(`xBreakAxis value ${r} is outside data range (${a} - ${o})`);const I=(r,a,o)=>new Error(`yBreakAxis value ${r} is outside data range (${a} - ${o})`);export{buildBarDataKeyNotFoundError,buildBarDistributionError,buildBarNegativeValueError,buildBarValueError}from"./charts/buildBarChartErrors.mjs";export{buildEmptyDataArrayError,buildInnerRadiusOutOfRangeError,buildInvalidGroupError,buildInvalidInnerRadiusError,buildInvalidRadiusError,buildInvalidTotalError,buildPieDataKeyNotFoundError,buildSegmentNegativeValueError,buildSegmentValueError}from"./charts/buildPieChartErrors.mjs";export{n as BuildError,d as ErrorsRecord,E as buildCanvasDimensionsError,l as buildDataKeyNotFoundError,u as buildError,b as buildSeparatorXBreakAxisError,m as buildSeparatorXOutOfRangeError,c as buildSeparatorYBreakAxisError,I as buildSeparatorYOutOfRangeError};

package/dist/esm/utils/buildErrors/charts/buildBarChartErrors.mjs

@@ -0,0 +1 @@
+const r=r=>new Error(`DataKey "${r}" not found in dataset`);const a=(r,a)=>new Error(`Invalid value "${r}" for bar with dataKey "${a}". Must be a valid number.`);const o=(r,a)=>new Error(`Negative value ${r} not allowed for bar with dataKey "${a}" in current configuration`);const t=(r,a)=>new Error(`Invalid bar distribution for "${r}": ${a}`);export{r as buildBarDataKeyNotFoundError,t as buildBarDistributionError,o as buildBarNegativeValueError,a as buildBarValueError};

package/dist/esm/utils/buildErrors/charts/buildLineChartErrors.mjs

@@ -0,0 +1 @@
+const o=(o,r)=>new Error(`Invalid projection bounds - upper projection (${o}) must be below lower projection (${r})`);const r=(o,r)=>new Error(`${r?"Upper":"Lower"} projection X coordinate (${o}) is outside valid range (0-100)`);const e=(o,r,e)=>new Error(`${e?"Upper":"Lower"} projection Y coordinate (${o}) is outside chart area (0-${r})`);export{o as buildProjectionBoundsError,r as buildProjectionXOutOfRangeError,e as buildProjectionYOutOfRangeError};

package/dist/esm/utils/buildErrors/charts/buildPieChartErrors.mjs

@@ -0,0 +1 @@
+const r=(r,e)=>new Error(`Invalid segment value for "${e}": "${r}" is not a valid number`);const e=(r,e)=>new Error(`Negative segment value for "${e}": ${r} (values must be >= 0)`);const n=r=>new Error(`DataKey "${r}" not found in PieChart dataset`);const a=r=>new Error(`Data array for key "${r}" is empty`);const o=(r,e)=>new Error(`Invalid total value for "${r}": ${e} (must be > 0)`);const i=(r,e,n)=>new Error(`Invalid group at index ${e} in "${r}": missing required property "${n}"`);const t=r=>new Error(`Invalid radius value: "${r}" (must be a positive number)`);const u=r=>new Error(`Invalid innerRadius value: "${r}" (must be a positive number or zero)`);const d=(r,e)=>new Error(`innerRadius (${r}) must be less than radius (${e}) for donut chart rendering`);export{a as buildEmptyDataArrayError,d as buildInnerRadiusOutOfRangeError,i as buildInvalidGroupError,u as buildInvalidInnerRadiusError,t as buildInvalidRadiusError,o as buildInvalidTotalError,n as buildPieDataKeyNotFoundError,e as buildSegmentNegativeValueError,r as buildSegmentValueError};

package/dist/esm/utils/buildErrors/constants/errorMessages/barChartErrorMessages.mjs

@@ -0,0 +1 @@
+const r={BAR_CHART_AXIS_INSUFFICIENT_TICKS:"Axis requires at least two ticks for proper bar scaling",BAR_CHART_AXIS_INVALID_SCALE:"Invalid axis scale for current bar values",BAR_CHART_DISTRIBUTION_INSUFFICIENT_SPACE:"Insufficient space for bar distribution with current configuration",BAR_CHART_DISTRIBUTION_INVALID_GAP:"Invalid gap between bars - must be >= 0 and allow bar rendering",BAR_CHART_DISTRIBUTION_OVERLAP:"Bar distribution results in overlapping bars",BAR_CHART_EMPTY_DATA:"No valid data entries found for bar chart rendering",BAR_CHART_INSUFFICIENT_SPACE_HEIGHT:"Insufficient height to render bars. Consider reducing bar count or increasing chart height",BAR_CHART_INSUFFICIENT_SPACE_WIDTH:"Insufficient width to render bars. Consider reducing bar width or increasing chart width",BAR_CHART_INVALID_VALUE:"Bar value must be a valid number for rendering",BAR_CHART_NEGATIVE_VALUE:"Negative values are not supported in this bar configuration",BAR_CHART_NO_DATA:"Data validation failed: no data provided for bar chart rendering",BAR_CHART_OVERLAP:"Bars are overlapping due to insufficient spacing",BAR_CHART_SEPARATOR_X_OUT_OF_RANGE:"Separator X position is outside valid bar range",BAR_CHART_SEPARATOR_Y_OUT_OF_RANGE:"Separator Y position is outside valid bar range",BAR_CHART_STACK_INVALID:"Invalid stacking configuration - all bars in stack must have consistent configuration",BAR_CHART_STACK_MISSING_VALUES:"Stack is incomplete - all bars in stack must have valid values"};export{r as BarChartErrorMessages};

package/dist/esm/utils/buildErrors/constants/errorMessages/lineChartErrorMessages.mjs

@@ -0,0 +1 @@
+const a={LINE_CHART_INVALID_CANVAS:"Canvas dimensions validation failed: both width and height must be > 0",LINE_CHART_NO_DATA:"Data validation failed: no data provided for chart rendering",LINE_CHART_PATH_ALL_VALUES_NULL:"Path data cannot be generated - all Y values are null or undefined",LINE_CHART_PATH_INSUFFICIENT_POINTS:"Unable to calculate curved path with insufficient points (minimum 2 required)",LINE_CHART_PATH_INVALID_DATAKEY:"DataKey must be a valid string",LINE_CHART_PROJECTION_INVALID_BOUNDS:"Invalid projection bounds - upper projection must be below lower projection",LINE_CHART_PROJECTION_LOWER_X_OUT_OF_RANGE:"Lower projection X coordinate is outside valid range (0-100)",LINE_CHART_PROJECTION_LOWER_Y_OUT_OF_RANGE:"Lower projection Y coordinate is outside chart area",LINE_CHART_PROJECTION_UPPER_X_OUT_OF_RANGE:"Upper projection X coordinate is outside valid range (0-100)",LINE_CHART_PROJECTION_UPPER_Y_OUT_OF_RANGE:"Upper projection Y coordinate is outside chart area",LINE_CHART_SEPARATOR_INVALID_COORDINATES:"Invalid separator position - coordinates overlap, cannot render separator",LINE_CHART_SEPARATOR_INVALID_X_BREAK_AXIS:"Invalid xBreakAxis value: cannot be parsed as number",LINE_CHART_SEPARATOR_INVALID_Y_BREAK_AXIS:"Invalid yBreakAxis value: cannot be parsed as number",LINE_CHART_SEPARATOR_X_OUT_OF_RANGE:"xBreakAxis value is outside data range",LINE_CHART_SEPARATOR_Y_OUT_OF_RANGE:"yBreakAxis value is outside data range",LINE_CHART_SINGLE_POINT:"Data validation failed: single data point provided, minimum 2 required for line chart",LINE_CHART_X_AXIS_IDENTICAL_VALUES:"X-axis range validation failed: minimum and maximum values are identical, cannot render chart line",LINE_CHART_X_AXIS_INSUFFICIENT_TICKS:"X-axis tick calculation: insufficient data points (1/2 minimum required)",LINE_CHART_X_AXIS_ZERO_LENGTH:"X-axis geometry validation failed: start and end X coordinates are identical (x1=x2), axis has zero length",LINE_CHART_Y_AXIS_IDENTICAL_VALUES:"Y-axis range validation failed: minimum and maximum values are identical, cannot render chart line",LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS:"Y-axis tick calculation: insufficient data points (1/2 minimum required)",LINE_CHART_Y_AXIS_ZERO_LENGTH:"Y-axis geometry validation failed: start and end Y coordinates are identical (y1=y2), axis has zero length"};export{a as LineChartErrorMessages};

package/dist/esm/utils/buildErrors/constants/errorMessages/pieChartErrorMessages.mjs

@@ -0,0 +1 @@
+const _={PIE_CHART_EMPTY_DATA:"PieChart data is empty or undefined",PIE_CHART_INNER_RADIUS_OUT_OF_RANGE:"Inner radius must be less than radius",PIE_CHART_INVALID_CANVAS_DIMENSIONS:"Invalid canvas dimensions for PieChart",PIE_CHART_INVALID_DATA_KEY:"Invalid or missing dataKey in PieChart data",PIE_CHART_INVALID_INNER_RADIUS:"Invalid innerRadius value",PIE_CHART_INVALID_RADIUS:"Invalid radius value",PIE_CHART_INVALID_SEGMENT_VALUE:"Invalid segment value (non-numeric)",PIE_CHART_INVALID_TOTAL:"PieChart total value is zero or invalid",PIE_CHART_MISSING_SEGMENT_NAME:"Segment is missing required name property",PIE_CHART_NEGATIVE_SEGMENT_VALUE:"Segment value cannot be negative"};export{_ as PieChartErrorMessages};

package/dist/esm/utils/buildErrors/constants/errors/barChartErrors.mjs

@@ -0,0 +1 @@
+import{BarChartErrorMessages as A}from"../errorMessages/barChartErrorMessages.mjs";const _={BAR_CHART_AXIS_INSUFFICIENT_TICKS:"BAR_CHART_AXIS_INSUFFICIENT_TICKS",BAR_CHART_AXIS_INVALID_SCALE:"BAR_CHART_AXIS_INVALID_SCALE",BAR_CHART_DISTRIBUTION_INSUFFICIENT_SPACE:"BAR_CHART_DISTRIBUTION_INSUFFICIENT_SPACE",BAR_CHART_DISTRIBUTION_INVALID_GAP:"BAR_CHART_DISTRIBUTION_INVALID_GAP",BAR_CHART_DISTRIBUTION_OVERLAP:"BAR_CHART_DISTRIBUTION_OVERLAP",BAR_CHART_EMPTY_DATA:"BAR_CHART_EMPTY_DATA",BAR_CHART_INSUFFICIENT_SPACE_HEIGHT:"BAR_CHART_INSUFFICIENT_SPACE_HEIGHT",BAR_CHART_INSUFFICIENT_SPACE_WIDTH:"BAR_CHART_INSUFFICIENT_SPACE_WIDTH",BAR_CHART_INVALID_VALUE:"BAR_CHART_INVALID_VALUE",BAR_CHART_NEGATIVE_VALUE:"BAR_CHART_NEGATIVE_VALUE",BAR_CHART_NO_DATA:"BAR_CHART_NO_DATA",BAR_CHART_OVERLAP:"BAR_CHART_OVERLAP",BAR_CHART_SEPARATOR_X_OUT_OF_RANGE:"BAR_CHART_SEPARATOR_X_OUT_OF_RANGE",BAR_CHART_SEPARATOR_Y_OUT_OF_RANGE:"BAR_CHART_SEPARATOR_Y_OUT_OF_RANGE",BAR_CHART_STACK_INVALID:"BAR_CHART_STACK_INVALID",BAR_CHART_STACK_MISSING_VALUES:"BAR_CHART_STACK_MISSING_VALUES"};const R=Object.entries(A).reduce((A,[_,R])=>{A[_]=new Error(R);return A},{});export{_ as BarChartErrors,R as BarChartErrorsRecord};

package/dist/esm/utils/buildErrors/constants/errors/lineChartErrors.mjs

@@ -0,0 +1 @@
+import{LineChartErrorMessages as _}from"../errorMessages/lineChartErrorMessages.mjs";const A={LINE_CHART_INVALID_CANVAS:"LINE_CHART_INVALID_CANVAS",LINE_CHART_NO_DATA:"LINE_CHART_NO_DATA",LINE_CHART_PATH_ALL_VALUES_NULL:"LINE_CHART_PATH_ALL_VALUES_NULL",LINE_CHART_PATH_INSUFFICIENT_POINTS:"LINE_CHART_PATH_INSUFFICIENT_POINTS",LINE_CHART_PATH_INVALID_DATAKEY:"LINE_CHART_PATH_INVALID_DATAKEY",LINE_CHART_PROJECTION_INVALID_BOUNDS:"LINE_CHART_PROJECTION_INVALID_BOUNDS",LINE_CHART_PROJECTION_LOWER_X_OUT_OF_RANGE:"LINE_CHART_PROJECTION_LOWER_X_OUT_OF_RANGE",LINE_CHART_PROJECTION_LOWER_Y_OUT_OF_RANGE:"LINE_CHART_PROJECTION_LOWER_Y_OUT_OF_RANGE",LINE_CHART_PROJECTION_UPPER_X_OUT_OF_RANGE:"LINE_CHART_PROJECTION_UPPER_X_OUT_OF_RANGE",LINE_CHART_PROJECTION_UPPER_Y_OUT_OF_RANGE:"LINE_CHART_PROJECTION_UPPER_Y_OUT_OF_RANGE",LINE_CHART_SEPARATOR_INVALID_COORDINATES:"LINE_CHART_SEPARATOR_INVALID_COORDINATES",LINE_CHART_SEPARATOR_INVALID_X_BREAK_AXIS:"LINE_CHART_SEPARATOR_INVALID_X_BREAK_AXIS",LINE_CHART_SEPARATOR_INVALID_Y_BREAK_AXIS:"LINE_CHART_SEPARATOR_INVALID_Y_BREAK_AXIS",LINE_CHART_SEPARATOR_X_OUT_OF_RANGE:"LINE_CHART_SEPARATOR_X_OUT_OF_RANGE",LINE_CHART_SEPARATOR_Y_OUT_OF_RANGE:"LINE_CHART_SEPARATOR_Y_OUT_OF_RANGE",LINE_CHART_SINGLE_POINT:"LINE_CHART_SINGLE_POINT",LINE_CHART_X_AXIS_IDENTICAL_VALUES:"LINE_CHART_X_AXIS_IDENTICAL_VALUES",LINE_CHART_X_AXIS_INSUFFICIENT_TICKS:"LINE_CHART_X_AXIS_INSUFFICIENT_TICKS",LINE_CHART_X_AXIS_ZERO_LENGTH:"LINE_CHART_X_AXIS_ZERO_LENGTH",LINE_CHART_Y_AXIS_IDENTICAL_VALUES:"LINE_CHART_Y_AXIS_IDENTICAL_VALUES",LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS:"LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS",LINE_CHART_Y_AXIS_ZERO_LENGTH:"LINE_CHART_Y_AXIS_ZERO_LENGTH"};const I=Object.entries(_).reduce((_,[A,I])=>{_[A]=new Error(I);return _},{});export{A as LineChartErrors,I as LineChartErrorsRecord};

package/dist/esm/utils/buildErrors/constants/errors/pieChartErrors.mjs

@@ -0,0 +1 @@
+import{PieChartErrorMessages as _}from"../errorMessages/pieChartErrorMessages.mjs";const I={PIE_CHART_EMPTY_DATA:"PIE_CHART_EMPTY_DATA",PIE_CHART_INNER_RADIUS_OUT_OF_RANGE:"PIE_CHART_INNER_RADIUS_OUT_OF_RANGE",PIE_CHART_INVALID_CANVAS_DIMENSIONS:"PIE_CHART_INVALID_CANVAS_DIMENSIONS",PIE_CHART_INVALID_DATA_KEY:"PIE_CHART_INVALID_DATA_KEY",PIE_CHART_INVALID_INNER_RADIUS:"PIE_CHART_INVALID_INNER_RADIUS",PIE_CHART_INVALID_RADIUS:"PIE_CHART_INVALID_RADIUS",PIE_CHART_INVALID_SEGMENT_VALUE:"PIE_CHART_INVALID_SEGMENT_VALUE",PIE_CHART_INVALID_TOTAL:"PIE_CHART_INVALID_TOTAL",PIE_CHART_MISSING_SEGMENT_NAME:"PIE_CHART_MISSING_SEGMENT_NAME",PIE_CHART_NEGATIVE_SEGMENT_VALUE:"PIE_CHART_NEGATIVE_SEGMENT_VALUE"};const A=Object.entries(_).reduce((_,[I,A])=>{_[I]=new Error(A);return _},{});export{I as PieChartErrors,A as PieChartErrorsRecord};

package/dist/esm/utils/buildErrors/index.mjs

@@ -0,0 +1 @@
+export*from"./buildErrors.mjs";

package/dist/esm/utils/buildTickValues/buildTickValues.mjs

@@ -0,0 +1 @@
+const t=t=>{if(t%3===0)return 3;if(t%4===0)return 4;if(t%5===0)return 5;if(t%2===0)return 2;return 1};const r=t=>{if(0===t.length)return{numeric:{max:2,min:0,step:1}};const r=Math.min(...t.map(t=>parseFloat(t)));const n=Math.max(...t.map(t=>parseFloat(t)));const e=Math.abs(n-r);const a=e/2;return{numeric:{max:n,min:r,step:a}}};export{r as buildTickValues,t as getDivisor};

package/dist/esm/utils/classNames/classNames.mjs

@@ -0,0 +1 @@
+const r=(...r)=>r.flatMap(r=>{if("string"==typeof r)return r;if(Array.isArray(r))return r;return Object.entries(r).filter(([,r])=>r).map(([r])=>r)}).join(" ");export{r as classNames};

package/dist/esm/utils/createErrorAccumulator/createErrorAccumulator.mjs

@@ -0,0 +1 @@
+const t=t=>{const r=new Map;const c=()=>{const t={};r.forEach((r,c)=>{t[c]=r});return t};const n=(n,o)=>{if(!o)return;const e={...o,type:n};const s=r.get(n)||[];s.push(e);r.set(n,s);if(t){const r=c();const n={};Object.entries(r).forEach(([t,r])=>{const c=t;Array.isArray(r)&&r.length,n[c]=r});t(n)}};const o=()=>{r.clear();if(t)t({})};return{addError:n,clearErrors:o,getAccumulatedErrors:c}};export{t as createErrorAccumulator};

package/dist/esm/utils/createErrorAccumulator/index.mjs

@@ -0,0 +1 @@
+export{createErrorAccumulator}from"./createErrorAccumulator.mjs";

package/dist/esm/utils/cssGradientToSvg/cssGradientToSvg.mjs

@@ -0,0 +1 @@
+import{Fragment as e,jsx as t}from"react/jsx-runtime";import{logger as r}from"../logger/logger.mjs";const o=(o,s="gradientePath")=>{const n=o.split(",").map(e=>e.trim());const a=parseInt(n[0],10);const i=n.slice(1).map(e=>{const[t,r]=e.split(" ");return{color:t,offset:r}});const c="0%";let p="0%",l="0%",d="0%";switch(a){case 180:d="100%";break;case 90:l="100%";break;case 270:p="100%";break;default:r.warn(`Unsupported gradient angle: ${a}\xb0. Supported angles are 90, 180, 270.`);return t(e,{})}return t("defs",{children:t("linearGradient",{id:s,x1:p,x2:l,y1:c,y2:d,children:i.map((e,r)=>t("stop",{offset:e.offset,stopColor:e.color},`${r}-${e.offset}`.toString()))})})};export{o as cssGradientToSVG};

package/dist/esm/utils/cursorNear/isNear.mjs

@@ -0,0 +1 @@
+const e=(e,o,r=1)=>e>=o-r&&e<=o+r;export{e as isNear};

package/dist/esm/utils/getAxisData/getAxisData.mjs

@@ -0,0 +1 @@
+const t=(t,a)=>t.map(t=>t[a]);export{t as getAxisData};

package/dist/esm/utils/getCanvasDimensions/getCanvasDimensions.mjs

@@ -0,0 +1 @@
+import{safeDocument as t,safeGetComputedStyle as n}from"../ssr/ssr.mjs";import{Unit as o}from"../../types/unit.enum.mjs";const r={[o.PERCENTAGE]:o.PERCENTAGE,[o.REM]:o.REM};const s={HEIGHT:"HEIGHT",WIDTH:"WIDTH"};const e=/^(\d+(\.\d+)?)(px|rem|%)?$/;const c=1;const i=3;const E=t=>{if("number"==typeof t)return{unit:void 0,value:t};const n=t.match(e);if(!n)throw new Error(`Invalid string format: "${t}"`);const o=parseFloat(n[c]);const s=n[i];return{unit:r[s],value:o}};const u=(t,n,o)=>{const r=o.parentElement;if(!r)return 0;const e=n===s.WIDTH?r.clientWidth:r.clientHeight;return t/100*e};const m=o=>{const r=t();if(!r)return 16*o;const s=n(r.documentElement);if(!s)return 16*o;const e=parseFloat(s.fontSize);return o*(e||16)};const a=({canvasHeight:t,canvasWidth:n,svgElement:r})=>{const{unit:e,value:c}=E(n);const i=e===o.PERCENTAGE?u(c,s.WIDTH,r):e===o.REM?m(c):c;const{unit:a,value:H}=E(t);const T=a===o.PERCENTAGE?u(H,s.HEIGHT,r):a===o.REM?m(H):H;return{parsedCanvasHeight:T,parsedCanvasWidth:i}};export{a as getCanvasDimensions};

package/dist/esm/utils/getChildrenAttr/getChildrenAttr.mjs

@@ -0,0 +1 @@
+import{Children as r,isValidElement as t}from"react";const o=({attrName:o,children:e,originalValue:f,updateValue:i})=>{let c="";r.toArray(e).forEach(r=>{if(t(r)){const t=r.props[o];if(t)c+=t}});if(c!==f)i(c)};export{o as getChildrenAttr};

package/dist/esm/utils/getCoordinates/getCoordinates.mjs

@@ -0,0 +1 @@
+import{Positions as r}from"../../types/position.enum.mjs";const t=({canvasHeight:t,canvasWidth:x,customBreakAxis:y,extraSpaceBottomY:e,extraSpaceLeftX:n,extraSpaceRightX:i,extraSpaceTopY:o,position:u})=>{if(u===r.TOP)return{x1:n,x2:x-i,y1:o,y2:o};if(u===r.CENTER)return{x1:n,x2:x-i,y1:t/2,y2:t/2};if(u===r.CUSTOM)return{x1:n,x2:x-i,y1:y,y2:y};return{x1:n,x2:x-i,y1:t-e,y2:t-e}};const x=({canvasHeight:t,canvasWidth:x,customBreakAxis:y,extraSpaceBottomY:e,extraSpaceLeftX:n,extraSpaceRightX:i,extraSpaceTopY:o,position:u})=>{if(u===r.RIGHT)return{x1:x-i,x2:x-i,y1:o,y2:t-e};if(u===r.CENTER)return{x1:x/2,x2:x/2,y1:o,y2:t-e};if(u===r.CUSTOM)return{x1:y,x2:y,y1:o,y2:t-e};return{x1:n,x2:n,y1:o,y2:t-e}};export{t as getXCoordinates,x as getYCoordinates};

package/dist/esm/utils/getDataFingerprint/getDataFingerprint.mjs

@@ -0,0 +1 @@
+const t=t=>JSON.stringify(t);export{t as getDataFingerprint};

package/dist/esm/utils/getPoints/getPoints.mjs

@@ -0,0 +1 @@
+const t=(t,n,o)=>n.map(n=>{if(isNaN(Number(n))){const o=t.find(t=>String(t.value)===String(n));return o?o.position:0}const{index:i,tick:s}=t.reduce((t,o,i)=>Math.abs(Number(o.value)-Number(n))<=Math.abs(Number(t.tick.value)-Number(n))?{index:i,tick:o}:t,{index:0,tick:t[0]});const e=Number(n);const r=Number(s.value);if(e!==r){const n=t.map(t=>Number(t.value));const a=Math.min(...n);const u=Math.max(...n);if(e<a)return t.at(0)?.position;if(e>u)return t.at(-1)?.position;const c=Math.abs(r-e);const b=e>r;const m=b?t[i+1]:t[i-1];const p=Math.abs(Number(m.value)-r);const N=100*c/p;const h=Math.abs(s.position-m.position);const M=h*N/100;if(o)return b?s.position+M:s.position-M;return b?s.position-M:s.position+M}return s.position});export{t as getPoints};

package/dist/esm/utils/getTickTextCoordinate/getTickTextCoordinates.mjs

@@ -0,0 +1 @@
+import{Positions as t}from"../../types/position.enum.mjs";const e=(e,r,o)=>{if(e===t.RIGHT)return r+o;return r-o};const r=(e,r,o,n)=>{if(e===t.TOP)return o;return r+o+n};export{e as getTickTextXCoordinate,r as getTickTextYCoordinate};

package/dist/esm/utils/getTicks/getTicks.mjs

@@ -0,0 +1 @@
+const t=({initPos:t,maxSpaceAvailable:n,otherAxisSpace:o,securitySpace:s,tickValues:c})=>{const e=c.length-1;const r=n-o-s;const i=r/e;const p=c.map((n,o)=>{const c=o*i;return{position:t+c+s/2,value:n}});return p};const n=({initPos:t,maxSpaceAvailable:n,needAjusted:o,otherAxisSpace:s,securitySpace:c,tickValues:e})=>{const r=e.length-1;const i=n-s-c;const p=i/r;const g=o?c/2:0;const u=e.map((n,o)=>{const s=o*p;return{position:t-s-g,value:n}});return u};export{t as getXTicks,n as getYTicks};

package/dist/esm/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./ajustedTextSpace/ajustedTextSpace.mjs";export*from"./buildTickValues/buildTickValues.mjs";export*from"./classNames/classNames.mjs";export*from"./cssGradientToSvg/cssGradientToSvg.mjs";export*from"./cursorNear/isNear.mjs";export*from"./logger/index.mjs";export*from"./shadowSvg/shadowSvg.mjs";export*from"./shadowSvg/shadowSvg.types.mjs";export*from"./ssr/index.mjs";export*from"./textBound/textBound.mjs";

package/dist/esm/utils/logger/index.mjs

@@ -0,0 +1 @@
+export{configureLogger,logger,resetLogger}from"./logger.mjs";

package/dist/esm/utils/logger/logger.mjs

@@ -0,0 +1 @@
+const o=()=>{if("u">typeof globalThis&&"process"in globalThis){const o=globalThis.process;return o?.env?.NODE_ENV==="production"}return false};const e={enabled:!o(),minLevel:"info",prefix:"[Kubit Charts]"};let n={...e};const r={debug:0,error:3,info:1,warn:2};const s=o=>{n={...n,...o}};const t=()=>{n={...e}};const i=o=>{if(!n.enabled)return false;return r[o]>=r[n.minLevel]};const c=o=>`${n.prefix} ${o}`;const f=(o,...e)=>{if(i("debug"))c(o)};const l=(o,...e)=>{if(i("info"))console.info(c(o),...e)};const g=(o,...e)=>{if(i("warn"))console.warn(c(o),...e)};const a=(o,...e)=>{if(i("error"))console.error(c(o),...e)};const u={debug:f,error:a,info:l,warn:g};export{s as configureLogger,u as logger,t as resetLogger};

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

@@ -0,0 +1 @@
+import{Unit as r}from"../../types/unit.enum.mjs";const t=/^(\d+(\.\d+)?)(px|rem|%)?$/;const n=1;const o=3;const e=e=>{if("number"==typeof e)return e;const s=e.match(t);if(!s)throw new Error(`Invalid string format: "${e}"`);const m=s[n];const a=s[o];if(a===r.REM)return 16*parseFloat(m);return parseFloat(m)};export{e as parseStringToNumberPx};

package/dist/esm/utils/pickCustomAttributes/pickCustomAttributes.mjs

@@ -0,0 +1 @@
+const t=t=>{if(!t)return{};return Object.entries(t).reduce((t,[r,e])=>{if((r.startsWith("aria-")||r.startsWith("data-")||"role"===r)&&null!=e)t[r]=String(e);return t},{})};export{t as pickCustomAttributes};

package/dist/esm/utils/shadowSvg/shadowSvg.mjs

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";const d=({height:d="140%",width:e="140%",x:o="-20%",y:r="-20%",...h})=>i("defs",{children:i("filter",{height:d,id:h.id,width:e,x:o,y:r,children:i("feDropShadow",{...h.shadowSvgConfig})})});export{d as ShadowSvg};

package/dist/esm/utils/ssr/index.mjs

@@ -0,0 +1 @@
+export{createSVGElement,isBrowser,isServer,safeDocument,safeExecute,safeExecuteWithFallback,safeGetComputedStyle,safeQuerySelector,safeWindow}from"./ssr.mjs";

package/dist/esm/utils/ssr/ssr.mjs

@@ -0,0 +1 @@
+const e=()=>"u">typeof window&&"u">typeof document;const t=()=>!e();const r=()=>e()?window:void 0;const n=()=>e()?document:void 0;const o=t=>{if(!e())return;try{return t()}catch(e){return}};const c=(e,t)=>o(e)??t;const s=e=>{const t=n();if(!t)return;return t.createElementNS("http://www.w3.org/2000/svg",e)};const u=e=>{const t=r();if(!t)return;return t.getComputedStyle(e)};const f=e=>{const t=n();if(!t)return null;return t.querySelector(e)};export{s as createSVGElement,e as isBrowser,t as isServer,n as safeDocument,o as safeExecute,c as safeExecuteWithFallback,u as safeGetComputedStyle,f as safeQuerySelector,r as safeWindow};

package/dist/esm/utils/textBound/textBound.mjs

@@ -0,0 +1 @@
+import{createSVGElement as t,isBrowser as e,safeDocument as r}from"../ssr/ssr.mjs";const i=({bound:i,data:s,fontSize:n,svgHeight:o,svgWidth:u,viewBox:p})=>{if(!e()||!s.length)return 0;const d=r();if(!d)return 0;const x=t("svg");if(!x)return 0;x.setAttribute("style","position: absolute; visibility: hidden; top: -9999px; left: -9999px;");x.setAttribute("viewBox",p);x.setAttribute("width",u);x.setAttribute("height",o);d.body.appendChild(x);const b=s.map(e=>{const r=t("text");if(!r)return 0;r.setAttribute("font-size",n);r.textContent=e;x.appendChild(r);const s=r.getBBox()[i];r.remove();return s});x.remove();return Math.max(...b,0)};export{i as textBound};

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

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

package/dist/types/assets/storybook/icons/icons.d.ts

@@ -0,0 +1,4 @@
+export declare const ICONS: {
+    ICON_PLACEHOLDER: string;
+    NO_ICON: null;
+};

package/dist/types/assets/storybook/index.d.ts

@@ -0,0 +1 @@
+export * from "./icons/icons";

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

@@ -1,9 +1,8 @@
-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>;
+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';
-//# sourceMappingURL=barChart.d.ts.map
+export * from "./barChart.type";

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

@@ -1,12 +1,13 @@
-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';
-import { PathProps, StyleProps } from '../../components/path/path.types';
-import { TickData } from '../../components/tick/tick.types';
-import { CanvasConfig } from '../../types/canvas.type';
-import { ChartError, ChartErrorCollection, ErrorType } from '../../types/errors.type';
-import { Positions } from '../../types/position.enum';
+import type { ReactElement, ReactNode } from "react";
+import type { XAxisProps } from "../../components/axisChart/xAxis/xAxis.types";
+import type { YAxisProps } from "../../components/axisChart/yAxis/yAxis.types";
+import type { BarChartStyles, BarOrientation } from "../../components/bar/bar.type";
+import type { PathProps, StyleProps } from "../../components/path/path.types";
+import type { TickData } from "../../components/tick/tick.types";
+import type { CanvasConfig } from "../../types/canvas.type";
+import type { ChartError, ChartErrorCollection, ErrorType } from "../../types/errors.type";
+import type { Positions } from "../../types/position.enum";
+import type { ValueFormatter } from "../../types/valueFormatter.type";
 export type BarChartChildrenType = ReactNode | ReactElement<PathProps | XAxisProps | YAxisProps>;
 export interface BarChartIDataPoint {
     [key: string]: string | number;
@@ -37,7 +38,7 @@ export interface BarChartExtraSpacings {
     xAxisText: number;
     yAxisText: number;
 }
-type OmitLineProps = 'barChartXPosition' | 'barChartYPosition' | 'xData' | 'yData' | 'xBreakAxis' | 'yBreakAxis';
+type OmitLineProps = "barChartXPosition" | "barChartYPosition" | "xData" | "yData" | "xBreakAxis" | "yBreakAxis";
 export type BarChartContextType = Omit<BarChartExtraSpacings, OmitLineProps> & {
     data: BarChartIDataPoint[];
     pKey: string;
@@ -53,7 +54,7 @@ export type BarChartContextType = Omit<BarChartExtraSpacings, OmitLineProps> & {
     gapBetweenBars?: number;
     orientation: (typeof BarOrientation)[keyof typeof BarOrientation];
     error?: ChartError;
-    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, "type">) => void;
 };
 export interface BarChartProps {
     children: BarChartChildrenType;
@@ -96,13 +97,14 @@ export interface BarChartTickValuesAxisProps {
     custom?: BarChartTickCustom;
     numeric?: BarChartTickNumeric;
 }
-type OmitProps = 'x1' | 'x2' | 'y1' | 'y2' | 'tickValues' | 'cursor' | 'ariaLabel';
+type OmitProps = "x1" | "x2" | "y1" | "y2" | "tickValues" | "cursor" | "ariaLabel";
 export interface BarChartXAxisProps extends Omit<XAxisProps, OmitProps>, React.AriaAttributes {
     /**
      * @deprecated Use aria-label instead for better accessibility standards
      */
     ariaLabel?: string;
     tickValues?: BarChartTickValuesAxisProps;
+    valueFormatter?: ValueFormatter<string>;
 }
 export interface BarChartYAxisProps extends Omit<YAxisProps, OmitProps>, React.AriaAttributes {
     /**
@@ -110,6 +112,7 @@ export interface BarChartYAxisProps extends Omit<YAxisProps, OmitProps>, React.A
      */
     ariaLabel?: string;
     tickValues?: BarChartTickValuesAxisProps;
+    valueFormatter?: ValueFormatter<string>;
 }
 export interface BarChartSeparatorProps {
     topSeparator?: StyleProps;
@@ -149,4 +152,3 @@ export interface BarHoverData {
     dataPoint: BarChartIDataPoint;
 }
 export {};
-//# sourceMappingURL=barChart.type.d.ts.map

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

@@ -1,3 +1,2 @@
-import { BarChartProps } from './barChart.type';
+import type { BarChartProps } from "./barChart.type";
 export declare const BarChartStructure: React.FC<BarChartProps>;
-//# sourceMappingURL=barChartStructure.d.ts.map

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

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

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

@@ -1,6 +1,6 @@
-import { BarOrientation } from '../../../components/bar/bar.type';
-import { ChartError, ErrorType } from '../../../types/errors.type';
-import { BarChartChildrenType, BarChartContextType, BarChartIDataPoint } from '../barChart.type';
+import { BarOrientation } from "../../../components/bar/bar.type";
+import { type ChartError, ErrorType } from "../../../types/errors.type";
+import type { BarChartChildrenType, BarChartContextType, BarChartIDataPoint } from "../barChart.type";
 interface BuildContextValue {
     children: BarChartChildrenType;
     data: BarChartIDataPoint[];
@@ -12,9 +12,9 @@ interface BuildContextValue {
     gapBetweenBars: number;
     orientation: (typeof BarOrientation)[keyof typeof BarOrientation];
     viewBox: string;
-    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, "type">) => void;
 }
-type OmitProps = 'data' | 'pKey' | 'canvasHeight' | 'canvasWidth' | 'canvasExtraSpace' | 'xBreakAxis' | 'yBreakAxis' | 'xCursor' | 'yCursor' | 'barChildrenCount' | 'orientation';
+type OmitProps = "data" | "pKey" | "canvasHeight" | "canvasWidth" | "canvasExtraSpace" | "xBreakAxis" | "yBreakAxis" | "xCursor" | "yCursor" | "barChildrenCount" | "orientation";
 /**
  * Builds the context value for the line chart.
  *
@@ -23,4 +23,3 @@ type OmitProps = 'data' | 'pKey' | 'canvasHeight' | 'canvasWidth' | 'canvasExtra
  */
 export declare const buildBarContextValue: ({ addError, ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, gapBetweenBars, orientation, pKey, viewBox, }: BuildContextValue) => Omit<BarChartContextType, OmitProps>;
 export {};
-//# sourceMappingURL=buildBarContextValues.d.ts.map

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

@@ -1,4 +1,4 @@
-import { BarChartPathProps } from '../barChart.type';
+import type { BarChartPathProps } from "../barChart.type";
 /**
  * Extracts the values for a specific key from the dataset
  * @param data Array of data points
@@ -6,4 +6,3 @@ import { BarChartPathProps } from '../barChart.type';
  * @returns Array of values for the given key
  */
 export declare const BarChartPath: React.FC<BarChartPathProps>;
-//# sourceMappingURL=barChartPath.d.ts.map

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-import { BarChartSeparatorProps } from '../barChart.type';
+import { type FC } from "react";
+import type { 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,3 @@
-import { FC } from 'react';
-import { BarChartXAxisProps } from '../barChart.type';
+import { type FC } from "react";
+import type { 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,3 @@
-import { FC } from 'react';
-import { BarChartYAxisProps } from '../barChart.type';
+import { type FC } from "react";
+import type { BarChartYAxisProps } from "../barChart.type";
 export declare const BarChartYAxis: FC<BarChartYAxisProps>;
-//# sourceMappingURL=barChartYAxis.d.ts.map

package/dist/types/charts/barChart/fragments/fixture/barContextData.d.ts

@@ -1,3 +1,2 @@
-import { BarChartContextType } from '../../barChart.type';
+import type { BarChartContextType } from "../../barChart.type";
 export declare const CONTEXT: BarChartContextType;
-//# sourceMappingURL=barContextData.d.ts.map

package/dist/types/charts/barChart/fragments/fixture/index.d.ts

@@ -1,2 +1 @@
-export { CONTEXT } from './barContextData';
-//# sourceMappingURL=index.d.ts.map
+export { CONTEXT } from "./barContextData";

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

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

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

@@ -1,3 +1,2 @@
-import { BarChartChildrenType } from '../barChart.type';
+import type { BarChartChildrenType } from "../barChart.type";
 export declare const countBarChildren: (children: BarChartChildrenType) => number;
-//# sourceMappingURL=countBarChildren.d.ts.map

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

@@ -1,5 +1,5 @@
-import { BarOrientation } from '../../../components/bar/bar.type';
-import { BarChartChildrenType, BarChartExtraSpacings, BarChartIDataPoint } from '../barChart.type';
+import { BarOrientation } from "../../../components/bar/bar.type";
+import type { BarChartChildrenType, BarChartExtraSpacings, BarChartIDataPoint } from "../barChart.type";
 interface GetExtraSpacing {
     children: BarChartChildrenType;
     data: BarChartIDataPoint[];
@@ -14,4 +14,3 @@ interface GetExtraSpacing {
 }
 export declare const getAxisExtraSpacing: ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, gapBetweenBars, orientation, pKey, viewBox, }: GetExtraSpacing) => BarChartExtraSpacings;
 export {};
-//# sourceMappingURL=getAxisExtraSpacing.d.ts.map

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

@@ -1,8 +1,7 @@
-import { BarChartTickValuesAxisProps } from '../barChart.type';
+import type { BarChartTickValuesAxisProps } from "../barChart.type";
 /**
  * Retrieves the data values from the given BarTickValuesAxisProps object.
  * @param data - The BarTickValuesAxisProps object containing the data values.
  * @returns An array of string values representing the data, or undefined if the data is invalid.
  */
 export declare const getBarDataValues: (data: BarChartTickValuesAxisProps) => string[] | undefined;
-//# sourceMappingURL=getBarDataValue.d.ts.map

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

@@ -1,4 +1,4 @@
-import { BarChartIDataPoint } from '../barChart.type';
+import type { BarChartIDataPoint } from "../barChart.type";
 /**
  * Returns an array of rounded maximum values for each yKey in the given data.
  * @param data - The array of data points.
@@ -6,4 +6,3 @@ import { BarChartIDataPoint } from '../barChart.type';
  * @returns An array of rounded maximum values.
  */
 export declare const getBarKeyRoundMaxValue: (data: BarChartIDataPoint[], Key: string) => number[];
-//# sourceMappingURL=getRoundedBarMaxValue.d.ts.map

package/dist/types/charts/constants/chartDefaults.d.ts

@@ -94,4 +94,3 @@ export declare const PIE_CHART_FALLBACK_DATA: {
     /** Default segment value for fallback data */
     readonly FALLBACK_SEGMENT_VALUE: 100;
 };
-//# sourceMappingURL=chartDefaults.d.ts.map

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

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

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

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