tekivex-ui 2.5.15 → 2.6.0

package/dist/charts.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./themes-CMq2vWXj.cjs`),t=require(`./hooks-mivgRljH.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`recharts`);function a(e){return[e.primary,e.secondary,e.info,e.success,e.warning,e.danger,e.primary+`aa`,e.secondary+`aa`,e.info+`aa`,e.success+`aa`]}var o={top:10,right:30,bottom:10,left:0};function s(e){return{contentStyle:{backgroundColor:e.surface,border:`1px solid ${e.border}`,borderRadius:8,boxShadow:`0 4px 12px rgba(0,0,0,0.15)`,color:e.text,fontSize:13},labelStyle:{color:e.textMuted,fontWeight:600,marginBottom:4},itemStyle:{color:e.text},cursor:{fill:`${e.primary}15`}}}function c({data:t,series:n,xKey:c,height:l=300,margin:u=o,showGrid:d=!0,showLegend:f=!0,showTooltip:p=!0,smooth:m=!0,xTickFormatter:h,yTickFormatter:g,yDomain:_,ariaLabel:v=`Area chart`}){let y=e.f(),b=a(y),x=s(y),S={fill:y.textMuted,fontSize:12};return(0,r.jsx)(`div`,{role:`img`,"aria-label":v,style:{width:`100%`,height:l},children:(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,r.jsxs)(i.AreaChart,{data:t,margin:u,children:[d&&(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`,stroke:y.border,vertical:!1}),(0,r.jsx)(i.XAxis,{dataKey:c,tick:S,axisLine:{stroke:y.border},tickLine:!1,tickFormatter:h}),(0,r.jsx)(i.YAxis,{tick:S,axisLine:!1,tickLine:!1,tickFormatter:g,domain:_}),p&&(0,r.jsx)(i.Tooltip,{contentStyle:x.contentStyle,labelStyle:x.labelStyle,itemStyle:x.itemStyle,cursor:x.cursor}),f&&(0,r.jsx)(i.Legend,{wrapperStyle:{fontSize:13,color:y.textMuted,paddingTop:8}}),n.map((e,t)=>{let n=e.color??b[t%b.length];return(0,r.jsx)(i.Area,{type:m?`monotone`:`linear`,dataKey:e.key,name:e.label??e.key,stroke:n,strokeWidth:2,fill:n,fillOpacity:e.fillOpacity??.2,stackId:e.stacked?`stack`:void 0,dot:!1,activeDot:{r:5,strokeWidth:0}},e.key)})]})})})}function l({data:t,series:n,xKey:c,height:l=300,margin:u=o,showGrid:d=!0,showLegend:f=!0,showTooltip:p=!0,layout:m=`horizontal`,barSize:h,xTickFormatter:g,yTickFormatter:_,ariaLabel:v=`Bar chart`}){let y=e.f(),b=a(y),x=s(y),S={fill:y.textMuted,fontSize:12},C=m===`vertical`;return(0,r.jsx)(`div`,{role:`img`,"aria-label":v,style:{width:`100%`,height:l},children:(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,r.jsxs)(i.BarChart,{data:t,margin:u,layout:m,children:[d&&(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`,stroke:y.border,vertical:C,horizontal:!C}),C?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.YAxis,{dataKey:c,type:`category`,tick:S,axisLine:!1,tickLine:!1,tickFormatter:g,width:100}),(0,r.jsx)(i.XAxis,{type:`number`,tick:S,axisLine:{stroke:y.border},tickLine:!1,tickFormatter:_})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.XAxis,{dataKey:c,tick:S,axisLine:{stroke:y.border},tickLine:!1,tickFormatter:g}),(0,r.jsx)(i.YAxis,{tick:S,axisLine:!1,tickLine:!1,tickFormatter:_})]}),p&&(0,r.jsx)(i.Tooltip,{contentStyle:x.contentStyle,labelStyle:x.labelStyle,itemStyle:x.itemStyle,cursor:{fill:`${y.surfaceAlt}`}}),f&&(0,r.jsx)(i.Legend,{wrapperStyle:{fontSize:13,color:y.textMuted,paddingTop:8}}),n.map((e,t)=>{let n=e.color??b[t%b.length];return(0,r.jsx)(i.Bar,{dataKey:e.key,name:e.label??e.key,fill:n,stackId:e.stackId,maxBarSize:h??40,radius:e.radius??[4,4,0,0]},e.key)})]})})})}function u({data:t,series:n,xKey:c,height:l=300,margin:u=o,showGrid:d=!0,showLegend:f=!0,showTooltip:p=!0,smooth:m=!0,referenceLines:h=[],xTickFormatter:g,yTickFormatter:_,yDomain:v,connectNulls:y=!1,ariaLabel:b=`Line chart`}){let x=e.f(),S=a(x),C=s(x),w={fill:x.textMuted,fontSize:12};return(0,r.jsx)(`div`,{role:`img`,"aria-label":b,style:{width:`100%`,height:l},children:(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,r.jsxs)(i.LineChart,{data:t,margin:u,children:[d&&(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`,stroke:x.border,vertical:!1}),(0,r.jsx)(i.XAxis,{dataKey:c,tick:w,axisLine:{stroke:x.border},tickLine:!1,tickFormatter:g}),(0,r.jsx)(i.YAxis,{tick:w,axisLine:!1,tickLine:!1,tickFormatter:_,domain:v}),p&&(0,r.jsx)(i.Tooltip,{contentStyle:C.contentStyle,labelStyle:C.labelStyle,itemStyle:C.itemStyle,cursor:{stroke:x.border,strokeWidth:1}}),f&&(0,r.jsx)(i.Legend,{wrapperStyle:{fontSize:13,color:x.textMuted,paddingTop:8}}),h.map((e,t)=>(0,r.jsx)(i.ReferenceLine,{y:e.y,x:e.x,label:e.label?{value:e.label,fill:x.textMuted,fontSize:11}:void 0,stroke:e.color??x.border,strokeDasharray:e.dashed?`4 4`:void 0},t)),n.map((e,t)=>{let n=e.color??S[t%S.length];return(0,r.jsx)(i.Line,{type:m?`monotone`:`linear`,dataKey:e.key,name:e.label??e.key,stroke:n,strokeWidth:e.strokeWidth??2,strokeDasharray:e.dashed?`6 3`:void 0,dot:e.dot??!1,activeDot:{r:5,strokeWidth:0,fill:n},connectNulls:y},e.key)})]})})})}function d({data:o,height:c=300,showLegend:l=!0,showTooltip:u=!0,showLabels:d=!1,outerRadius:f=`70%`,startAngle:p=90,ariaLabel:m=`Pie chart`}){let h=e.f(),g=t.o(),_=a(h),v=s(h),[y,b]=(0,n.useState)(g);return(0,n.useEffect)(()=>{if(g){b(!0);return}let e=requestAnimationFrame(()=>b(!0));return()=>cancelAnimationFrame(e)},[g]),(0,r.jsx)(`div`,{role:`img`,"aria-label":m,style:{width:`100%`,minWidth:240,height:c,position:`relative`},children:y&&(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:`100%`,debounce:50,children:(0,r.jsxs)(i.PieChart,{children:[u&&(0,r.jsx)(i.Tooltip,{contentStyle:v.contentStyle,labelStyle:v.labelStyle,itemStyle:v.itemStyle}),l&&(0,r.jsx)(i.Legend,{wrapperStyle:{fontSize:13,color:h.textMuted}}),(0,r.jsx)(i.Pie,{data:o,dataKey:`value`,nameKey:`name`,outerRadius:f,startAngle:p,endAngle:p-360,label:d?({name:e,percent:t})=>`${e} (${((t??0)*100).toFixed(0)}%)`:void 0,labelLine:d,strokeWidth:2,stroke:h.bg,children:o.map((e,t)=>(0,r.jsx)(i.Cell,{fill:e.color??_[t%_.length]},e.name))})]})})})}function f({data:o,height:c=300,showLegend:l=!0,showTooltip:u=!0,centerLabel:d,centerSublabel:f,innerRadius:p=`55%`,outerRadius:m=`75%`,startAngle:h=90,ariaLabel:g=`Donut chart`}){let _=e.f(),v=t.o(),y=a(_),b=s(_),[x,S]=(0,n.useState)(v);return(0,n.useEffect)(()=>{if(v){S(!0);return}let e=requestAnimationFrame(()=>S(!0));return()=>cancelAnimationFrame(e)},[v]),(0,r.jsxs)(`div`,{role:`img`,"aria-label":g,style:{width:`100%`,minWidth:240,height:c,position:`relative`},children:[x&&(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:`100%`,debounce:50,children:(0,r.jsxs)(i.PieChart,{children:[u&&(0,r.jsx)(i.Tooltip,{contentStyle:b.contentStyle,labelStyle:b.labelStyle,itemStyle:b.itemStyle}),l&&(0,r.jsx)(i.Legend,{wrapperStyle:{fontSize:13,color:_.textMuted}}),(0,r.jsx)(i.Pie,{data:o,dataKey:`value`,nameKey:`name`,innerRadius:p,outerRadius:m,startAngle:h,endAngle:h-360,strokeWidth:3,stroke:_.bg,label:!1,labelLine:!1,children:o.map((e,t)=>(0,r.jsx)(i.Cell,{fill:e.color??y[t%y.length]},e.name))}),(d||f)&&(0,r.jsx)(`text`,{})]})}),(d||f)&&(0,r.jsxs)(`div`,{style:{position:`absolute`,inset:0,display:`flex`,flexDirection:`column`,alignItems:`center`,justifyContent:`center`,pointerEvents:`none`,marginTop:l?-24:0},children:[d&&(0,r.jsx)(`span`,{style:{fontSize:22,fontWeight:700,color:_.text,lineHeight:1},children:d}),f&&(0,r.jsx)(`span`,{style:{fontSize:13,color:_.textMuted,marginTop:4},children:f})]})]})}function p({series:t,height:n=300,margin:c=o,showGrid:l=!0,showLegend:u=!0,showTooltip:d=!0,xTickFormatter:f,yTickFormatter:p,zRange:m=[20,400],ariaLabel:h=`Scatter chart`}){let g=e.f(),_=a(g),v=s(g),y={fill:g.textMuted,fontSize:12};return(0,r.jsx)(`div`,{role:`img`,"aria-label":h,style:{width:`100%`,height:n},children:(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,r.jsxs)(i.ScatterChart,{margin:c,children:[l&&(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`,stroke:g.border}),(0,r.jsx)(i.XAxis,{type:`number`,dataKey:`x`,tick:y,axisLine:{stroke:g.border},tickLine:!1,tickFormatter:f}),(0,r.jsx)(i.YAxis,{type:`number`,dataKey:`y`,tick:y,axisLine:!1,tickLine:!1,tickFormatter:p}),(0,r.jsx)(i.ZAxis,{type:`number`,dataKey:`z`,range:m}),d&&(0,r.jsx)(i.Tooltip,{contentStyle:v.contentStyle,labelStyle:v.labelStyle,itemStyle:v.itemStyle,cursor:{strokeDasharray:`3 3`}}),u&&(0,r.jsx)(i.Legend,{wrapperStyle:{fontSize:13,color:g.textMuted,paddingTop:8}}),t.map((e,t)=>(0,r.jsx)(i.Scatter,{name:e.name,data:e.data,fill:e.color??_[t%_.length],fillOpacity:.8},e.name??t))]})})})}function m({data:t,series:n,angleKey:o,height:c=300,showLegend:l=!0,showTooltip:u=!0,outerRadius:d=`70%`,ariaLabel:f=`Radar chart`}){let p=e.f(),m=a(p),h=s(p);return(0,r.jsx)(`div`,{role:`img`,"aria-label":f,style:{width:`100%`,height:c},children:(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,r.jsxs)(i.RadarChart,{data:t,outerRadius:d,children:[(0,r.jsx)(i.PolarGrid,{stroke:p.border}),(0,r.jsx)(i.PolarAngleAxis,{dataKey:o,tick:{fill:p.textMuted,fontSize:12}}),(0,r.jsx)(i.PolarRadiusAxis,{tick:{fill:p.textMuted,fontSize:10},axisLine:!1,tickLine:!1}),u&&(0,r.jsx)(i.Tooltip,{contentStyle:h.contentStyle,labelStyle:h.labelStyle,itemStyle:h.itemStyle}),l&&(0,r.jsx)(i.Legend,{wrapperStyle:{fontSize:13,color:p.textMuted}}),n.map((e,t)=>{let n=e.color??m[t%m.length];return(0,r.jsx)(i.Radar,{name:e.label??e.key,dataKey:e.key,stroke:n,fill:n,fillOpacity:e.fillOpacity??.2,strokeWidth:2},e.key)})]})})})}exports.TkxAreaChart=c,exports.TkxBarChart=l,exports.TkxDonutChart=f,exports.TkxLineChart=u,exports.TkxPieChart=d,exports.TkxRadarChart=m,exports.TkxScatterChart=p;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./chunk-DmRB1Blb.js");const e=require("./chunk-DjxOP8W4.js"),t=require("./chunk-Bc16rJT-.js");let i=require("react"),r=require("react/jsx-runtime"),a=require("recharts");function o(e){return[e.primary,e.secondary,e.info,e.success,e.warning,e.danger,e.primary+"aa",e.secondary+"aa",e.info+"aa",e.success+"aa"]}var n={top:10,right:30,bottom:10,left:0};function l(e){return{contentStyle:{backgroundColor:e.surface,border:`1px solid ${e.border}`,borderRadius:8,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",color:e.text,fontSize:13},labelStyle:{color:e.textMuted,fontWeight:600,marginBottom:4},itemStyle:{color:e.text},cursor:{fill:`${e.primary}15`}}}exports.TkxAreaChart=function({data:t,series:i,xKey:c,height:s=300,margin:d=n,showGrid:h=!0,showLegend:y=!0,showTooltip:m=!0,smooth:k=!0,xTickFormatter:u,yTickFormatter:g,yDomain:p,ariaLabel:f="Area chart"}){const S=e.useTheme(),b=o(S),w=l(S),L={fill:S.textMuted,fontSize:12};return(0,r.jsx)("div",{role:"img","aria-label":f,style:{width:"100%",height:s},children:(0,r.jsx)(a.ResponsiveContainer,{width:"100%",height:"100%",children:(0,r.jsxs)(a.AreaChart,{data:t,margin:d,children:[h&&(0,r.jsx)(a.CartesianGrid,{strokeDasharray:"3 3",stroke:S.border,vertical:!1}),(0,r.jsx)(a.XAxis,{dataKey:c,tick:L,axisLine:{stroke:S.border},tickLine:!1,tickFormatter:u}),(0,r.jsx)(a.YAxis,{tick:L,axisLine:!1,tickLine:!1,tickFormatter:g,domain:p}),m&&(0,r.jsx)(a.Tooltip,{contentStyle:w.contentStyle,labelStyle:w.labelStyle,itemStyle:w.itemStyle,cursor:w.cursor}),y&&(0,r.jsx)(a.Legend,{wrapperStyle:{fontSize:13,color:S.textMuted,paddingTop:8}}),i.map((e,t)=>{const i=e.color??b[t%b.length];return(0,r.jsx)(a.Area,{type:k?"monotone":"linear",dataKey:e.key,name:e.label??e.key,stroke:i,strokeWidth:2,fill:i,fillOpacity:e.fillOpacity??.2,stackId:e.stacked?"stack":void 0,dot:!1,activeDot:{r:5,strokeWidth:0}},e.key)})]})})})},exports.TkxBarChart=function({data:t,series:i,xKey:c,height:s=300,margin:d=n,showGrid:h=!0,showLegend:y=!0,showTooltip:m=!0,layout:k="horizontal",barSize:u,xTickFormatter:g,yTickFormatter:p,ariaLabel:f="Bar chart"}){const S=e.useTheme(),b=o(S),w=l(S),L={fill:S.textMuted,fontSize:12},x="vertical"===k;return(0,r.jsx)("div",{role:"img","aria-label":f,style:{width:"100%",height:s},children:(0,r.jsx)(a.ResponsiveContainer,{width:"100%",height:"100%",children:(0,r.jsxs)(a.BarChart,{data:t,margin:d,layout:k,children:[h&&(0,r.jsx)(a.CartesianGrid,{strokeDasharray:"3 3",stroke:S.border,vertical:x,horizontal:!x}),x?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.YAxis,{dataKey:c,type:"category",tick:L,axisLine:!1,tickLine:!1,tickFormatter:g,width:100}),(0,r.jsx)(a.XAxis,{type:"number",tick:L,axisLine:{stroke:S.border},tickLine:!1,tickFormatter:p})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.XAxis,{dataKey:c,tick:L,axisLine:{stroke:S.border},tickLine:!1,tickFormatter:g}),(0,r.jsx)(a.YAxis,{tick:L,axisLine:!1,tickLine:!1,tickFormatter:p})]}),m&&(0,r.jsx)(a.Tooltip,{contentStyle:w.contentStyle,labelStyle:w.labelStyle,itemStyle:w.itemStyle,cursor:{fill:`${S.surfaceAlt}`}}),y&&(0,r.jsx)(a.Legend,{wrapperStyle:{fontSize:13,color:S.textMuted,paddingTop:8}}),i.map((e,t)=>{const i=e.color??b[t%b.length];return(0,r.jsx)(a.Bar,{dataKey:e.key,name:e.label??e.key,fill:i,stackId:e.stackId,maxBarSize:u??40,radius:e.radius??[4,4,0,0]},e.key)})]})})})},exports.TkxDonutChart=function({data:n,height:c=300,showLegend:s=!0,showTooltip:d=!0,centerLabel:h,centerSublabel:y,innerRadius:m="55%",outerRadius:k="75%",startAngle:u=90,ariaLabel:g="Donut chart"}){const p=e.useTheme(),f=t.useReducedMotion(),S=o(p),b=l(p),[w,L]=(0,i.useState)(f);return(0,i.useEffect)(()=>{if(f)return void L(!0);const e=requestAnimationFrame(()=>L(!0));return()=>cancelAnimationFrame(e)},[f]),(0,r.jsxs)("div",{role:"img","aria-label":g,style:{width:"100%",minWidth:240,height:c,position:"relative"},children:[w&&(0,r.jsx)(a.ResponsiveContainer,{width:"100%",height:"100%",debounce:50,children:(0,r.jsxs)(a.PieChart,{children:[d&&(0,r.jsx)(a.Tooltip,{contentStyle:b.contentStyle,labelStyle:b.labelStyle,itemStyle:b.itemStyle}),s&&(0,r.jsx)(a.Legend,{wrapperStyle:{fontSize:13,color:p.textMuted}}),(0,r.jsx)(a.Pie,{data:n,dataKey:"value",nameKey:"name",innerRadius:m,outerRadius:k,startAngle:u,endAngle:u-360,strokeWidth:3,stroke:p.bg,label:!1,labelLine:!1,children:n.map((e,t)=>(0,r.jsx)(a.Cell,{fill:e.color??S[t%S.length]},e.name))}),(h||y)&&(0,r.jsx)("text",{})]})}),(h||y)&&(0,r.jsxs)("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",pointerEvents:"none",marginTop:s?-24:0},children:[h&&(0,r.jsx)("span",{style:{fontSize:22,fontWeight:700,color:p.text,lineHeight:1},children:h}),y&&(0,r.jsx)("span",{style:{fontSize:13,color:p.textMuted,marginTop:4},children:y})]})]})},exports.TkxLineChart=function({data:t,series:i,xKey:c,height:s=300,margin:d=n,showGrid:h=!0,showLegend:y=!0,showTooltip:m=!0,smooth:k=!0,referenceLines:u=[],xTickFormatter:g,yTickFormatter:p,yDomain:f,connectNulls:S=!1,ariaLabel:b="Line chart"}){const w=e.useTheme(),L=o(w),x=l(w),v={fill:w.textMuted,fontSize:12};return(0,r.jsx)("div",{role:"img","aria-label":b,style:{width:"100%",height:s},children:(0,r.jsx)(a.ResponsiveContainer,{width:"100%",height:"100%",children:(0,r.jsxs)(a.LineChart,{data:t,margin:d,children:[h&&(0,r.jsx)(a.CartesianGrid,{strokeDasharray:"3 3",stroke:w.border,vertical:!1}),(0,r.jsx)(a.XAxis,{dataKey:c,tick:v,axisLine:{stroke:w.border},tickLine:!1,tickFormatter:g}),(0,r.jsx)(a.YAxis,{tick:v,axisLine:!1,tickLine:!1,tickFormatter:p,domain:f}),m&&(0,r.jsx)(a.Tooltip,{contentStyle:x.contentStyle,labelStyle:x.labelStyle,itemStyle:x.itemStyle,cursor:{stroke:w.border,strokeWidth:1}}),y&&(0,r.jsx)(a.Legend,{wrapperStyle:{fontSize:13,color:w.textMuted,paddingTop:8}}),u.map((e,t)=>(0,r.jsx)(a.ReferenceLine,{y:e.y,x:e.x,label:e.label?{value:e.label,fill:w.textMuted,fontSize:11}:void 0,stroke:e.color??w.border,strokeDasharray:e.dashed?"4 4":void 0},t)),i.map((e,t)=>{const i=e.color??L[t%L.length];return(0,r.jsx)(a.Line,{type:k?"monotone":"linear",dataKey:e.key,name:e.label??e.key,stroke:i,strokeWidth:e.strokeWidth??2,strokeDasharray:e.dashed?"6 3":void 0,dot:e.dot??!1,activeDot:{r:5,strokeWidth:0,fill:i},connectNulls:S},e.key)})]})})})},exports.TkxPieChart=function({data:n,height:c=300,showLegend:s=!0,showTooltip:d=!0,showLabels:h=!1,outerRadius:y="70%",startAngle:m=90,ariaLabel:k="Pie chart"}){const u=e.useTheme(),g=t.useReducedMotion(),p=o(u),f=l(u),[S,b]=(0,i.useState)(g);return(0,i.useEffect)(()=>{if(g)return void b(!0);const e=requestAnimationFrame(()=>b(!0));return()=>cancelAnimationFrame(e)},[g]),(0,r.jsx)("div",{role:"img","aria-label":k,style:{width:"100%",minWidth:240,height:c,position:"relative"},children:S&&(0,r.jsx)(a.ResponsiveContainer,{width:"100%",height:"100%",debounce:50,children:(0,r.jsxs)(a.PieChart,{children:[d&&(0,r.jsx)(a.Tooltip,{contentStyle:f.contentStyle,labelStyle:f.labelStyle,itemStyle:f.itemStyle}),s&&(0,r.jsx)(a.Legend,{wrapperStyle:{fontSize:13,color:u.textMuted}}),(0,r.jsx)(a.Pie,{data:n,dataKey:"value",nameKey:"name",outerRadius:y,startAngle:m,endAngle:m-360,label:h?({name:e,percent:t})=>`${e} (${(100*(t??0)).toFixed(0)}%)`:void 0,labelLine:h,strokeWidth:2,stroke:u.bg,children:n.map((e,t)=>(0,r.jsx)(a.Cell,{fill:e.color??p[t%p.length]},e.name))})]})})})},exports.TkxRadarChart=function({data:t,series:i,angleKey:n,height:c=300,showLegend:s=!0,showTooltip:d=!0,outerRadius:h="70%",ariaLabel:y="Radar chart"}){const m=e.useTheme(),k=o(m),u=l(m);return(0,r.jsx)("div",{role:"img","aria-label":y,style:{width:"100%",height:c},children:(0,r.jsx)(a.ResponsiveContainer,{width:"100%",height:"100%",children:(0,r.jsxs)(a.RadarChart,{data:t,outerRadius:h,children:[(0,r.jsx)(a.PolarGrid,{stroke:m.border}),(0,r.jsx)(a.PolarAngleAxis,{dataKey:n,tick:{fill:m.textMuted,fontSize:12}}),(0,r.jsx)(a.PolarRadiusAxis,{tick:{fill:m.textMuted,fontSize:10},axisLine:!1,tickLine:!1}),d&&(0,r.jsx)(a.Tooltip,{contentStyle:u.contentStyle,labelStyle:u.labelStyle,itemStyle:u.itemStyle}),s&&(0,r.jsx)(a.Legend,{wrapperStyle:{fontSize:13,color:m.textMuted}}),i.map((e,t)=>{const i=e.color??k[t%k.length];return(0,r.jsx)(a.Radar,{name:e.label??e.key,dataKey:e.key,stroke:i,fill:i,fillOpacity:e.fillOpacity??.2,strokeWidth:2},e.key)})]})})})},exports.TkxScatterChart=function({series:t,height:i=300,margin:c=n,showGrid:s=!0,showLegend:d=!0,showTooltip:h=!0,xTickFormatter:y,yTickFormatter:m,zRange:k=[20,400],ariaLabel:u="Scatter chart"}){const g=e.useTheme(),p=o(g),f=l(g),S={fill:g.textMuted,fontSize:12};return(0,r.jsx)("div",{role:"img","aria-label":u,style:{width:"100%",height:i},children:(0,r.jsx)(a.ResponsiveContainer,{width:"100%",height:"100%",children:(0,r.jsxs)(a.ScatterChart,{margin:c,children:[s&&(0,r.jsx)(a.CartesianGrid,{strokeDasharray:"3 3",stroke:g.border}),(0,r.jsx)(a.XAxis,{type:"number",dataKey:"x",tick:S,axisLine:{stroke:g.border},tickLine:!1,tickFormatter:y}),(0,r.jsx)(a.YAxis,{type:"number",dataKey:"y",tick:S,axisLine:!1,tickLine:!1,tickFormatter:m}),(0,r.jsx)(a.ZAxis,{type:"number",dataKey:"z",range:k}),h&&(0,r.jsx)(a.Tooltip,{contentStyle:f.contentStyle,labelStyle:f.labelStyle,itemStyle:f.itemStyle,cursor:{strokeDasharray:"3 3"}}),d&&(0,r.jsx)(a.Legend,{wrapperStyle:{fontSize:13,color:g.textMuted,paddingTop:8}}),t.map((e,t)=>(0,r.jsx)(a.Scatter,{name:e.name,data:e.data,fill:e.color??p[t%p.length],fillOpacity:.8},e.name??t))]})})})};

package/dist/charts.js

@@ -1,553 +1,22 @@
-"use client";
-import { f as e } from "./themes-BbJanqiC.js";
-import { o as t } from "./hooks-6pRsPOyG.js";
-import { useEffect as n, useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Area as s, AreaChart as c, Bar as l, BarChart as u, CartesianGrid as d, Cell as f, Legend as p, Line as m, LineChart as h, Pie as g, PieChart as _, PolarAngleAxis as v, PolarGrid as y, PolarRadiusAxis as b, Radar as x, RadarChart as S, ReferenceLine as C, ResponsiveContainer as w, Scatter as T, ScatterChart as E, Tooltip as D, XAxis as O, YAxis as k, ZAxis as A } from "recharts";
-//#region src/charts/shared.ts
-function j(e) {
-	return [
-		e.primary,
-		e.secondary,
-		e.info,
-		e.success,
-		e.warning,
-		e.danger,
-		e.primary + "aa",
-		e.secondary + "aa",
-		e.info + "aa",
-		e.success + "aa"
-	];
-}
-var M = {
-	top: 10,
-	right: 30,
-	bottom: 10,
-	left: 0
-};
-function N(e) {
-	return {
-		contentStyle: {
-			backgroundColor: e.surface,
-			border: `1px solid ${e.border}`,
-			borderRadius: 8,
-			boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
-			color: e.text,
-			fontSize: 13
-		},
-		labelStyle: {
-			color: e.textMuted,
-			fontWeight: 600,
-			marginBottom: 4
-		},
-		itemStyle: { color: e.text },
-		cursor: { fill: `${e.primary}15` }
-	};
-}
-//#endregion
-//#region src/charts/TkxAreaChart.tsx
-function P({ data: t, series: n, xKey: r, height: i = 300, margin: l = M, showGrid: u = !0, showLegend: f = !0, showTooltip: m = !0, smooth: h = !0, xTickFormatter: g, yTickFormatter: _, yDomain: v, ariaLabel: y = "Area chart" }) {
-	let b = e(), x = j(b), S = N(b), C = {
-		fill: b.textMuted,
-		fontSize: 12
-	};
-	return /* @__PURE__ */ a("div", {
-		role: "img",
-		"aria-label": y,
-		style: {
-			width: "100%",
-			height: i
-		},
-		children: /* @__PURE__ */ a(w, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ o(c, {
-				data: t,
-				margin: l,
-				children: [
-					u && /* @__PURE__ */ a(d, {
-						strokeDasharray: "3 3",
-						stroke: b.border,
-						vertical: !1
-					}),
-					/* @__PURE__ */ a(O, {
-						dataKey: r,
-						tick: C,
-						axisLine: { stroke: b.border },
-						tickLine: !1,
-						tickFormatter: g
-					}),
-					/* @__PURE__ */ a(k, {
-						tick: C,
-						axisLine: !1,
-						tickLine: !1,
-						tickFormatter: _,
-						domain: v
-					}),
-					m && /* @__PURE__ */ a(D, {
-						contentStyle: S.contentStyle,
-						labelStyle: S.labelStyle,
-						itemStyle: S.itemStyle,
-						cursor: S.cursor
-					}),
-					f && /* @__PURE__ */ a(p, { wrapperStyle: {
-						fontSize: 13,
-						color: b.textMuted,
-						paddingTop: 8
-					} }),
-					n.map((e, t) => {
-						let n = e.color ?? x[t % x.length];
-						return /* @__PURE__ */ a(s, {
-							type: h ? "monotone" : "linear",
-							dataKey: e.key,
-							name: e.label ?? e.key,
-							stroke: n,
-							strokeWidth: 2,
-							fill: n,
-							fillOpacity: e.fillOpacity ?? .2,
-							stackId: e.stacked ? "stack" : void 0,
-							dot: !1,
-							activeDot: {
-								r: 5,
-								strokeWidth: 0
-							}
-						}, e.key);
-					})
-				]
-			})
-		})
-	});
-}
-//#endregion
-//#region src/charts/TkxBarChart.tsx
-function F({ data: t, series: n, xKey: r, height: s = 300, margin: c = M, showGrid: f = !0, showLegend: m = !0, showTooltip: h = !0, layout: g = "horizontal", barSize: _, xTickFormatter: v, yTickFormatter: y, ariaLabel: b = "Bar chart" }) {
-	let x = e(), S = j(x), C = N(x), T = {
-		fill: x.textMuted,
-		fontSize: 12
-	}, E = g === "vertical";
-	return /* @__PURE__ */ a("div", {
-		role: "img",
-		"aria-label": b,
-		style: {
-			width: "100%",
-			height: s
-		},
-		children: /* @__PURE__ */ a(w, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ o(u, {
-				data: t,
-				margin: c,
-				layout: g,
-				children: [
-					f && /* @__PURE__ */ a(d, {
-						strokeDasharray: "3 3",
-						stroke: x.border,
-						vertical: E,
-						horizontal: !E
-					}),
-					E ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(k, {
-						dataKey: r,
-						type: "category",
-						tick: T,
-						axisLine: !1,
-						tickLine: !1,
-						tickFormatter: v,
-						width: 100
-					}), /* @__PURE__ */ a(O, {
-						type: "number",
-						tick: T,
-						axisLine: { stroke: x.border },
-						tickLine: !1,
-						tickFormatter: y
-					})] }) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(O, {
-						dataKey: r,
-						tick: T,
-						axisLine: { stroke: x.border },
-						tickLine: !1,
-						tickFormatter: v
-					}), /* @__PURE__ */ a(k, {
-						tick: T,
-						axisLine: !1,
-						tickLine: !1,
-						tickFormatter: y
-					})] }),
-					h && /* @__PURE__ */ a(D, {
-						contentStyle: C.contentStyle,
-						labelStyle: C.labelStyle,
-						itemStyle: C.itemStyle,
-						cursor: { fill: `${x.surfaceAlt}` }
-					}),
-					m && /* @__PURE__ */ a(p, { wrapperStyle: {
-						fontSize: 13,
-						color: x.textMuted,
-						paddingTop: 8
-					} }),
-					n.map((e, t) => {
-						let n = e.color ?? S[t % S.length];
-						return /* @__PURE__ */ a(l, {
-							dataKey: e.key,
-							name: e.label ?? e.key,
-							fill: n,
-							stackId: e.stackId,
-							maxBarSize: _ ?? 40,
-							radius: e.radius ?? [
-								4,
-								4,
-								0,
-								0
-							]
-						}, e.key);
-					})
-				]
-			})
-		})
-	});
-}
-//#endregion
-//#region src/charts/TkxLineChart.tsx
-function I({ data: t, series: n, xKey: r, height: i = 300, margin: s = M, showGrid: c = !0, showLegend: l = !0, showTooltip: u = !0, smooth: f = !0, referenceLines: g = [], xTickFormatter: _, yTickFormatter: v, yDomain: y, connectNulls: b = !1, ariaLabel: x = "Line chart" }) {
-	let S = e(), T = j(S), E = N(S), A = {
-		fill: S.textMuted,
-		fontSize: 12
-	};
-	return /* @__PURE__ */ a("div", {
-		role: "img",
-		"aria-label": x,
-		style: {
-			width: "100%",
-			height: i
-		},
-		children: /* @__PURE__ */ a(w, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ o(h, {
-				data: t,
-				margin: s,
-				children: [
-					c && /* @__PURE__ */ a(d, {
-						strokeDasharray: "3 3",
-						stroke: S.border,
-						vertical: !1
-					}),
-					/* @__PURE__ */ a(O, {
-						dataKey: r,
-						tick: A,
-						axisLine: { stroke: S.border },
-						tickLine: !1,
-						tickFormatter: _
-					}),
-					/* @__PURE__ */ a(k, {
-						tick: A,
-						axisLine: !1,
-						tickLine: !1,
-						tickFormatter: v,
-						domain: y
-					}),
-					u && /* @__PURE__ */ a(D, {
-						contentStyle: E.contentStyle,
-						labelStyle: E.labelStyle,
-						itemStyle: E.itemStyle,
-						cursor: {
-							stroke: S.border,
-							strokeWidth: 1
-						}
-					}),
-					l && /* @__PURE__ */ a(p, { wrapperStyle: {
-						fontSize: 13,
-						color: S.textMuted,
-						paddingTop: 8
-					} }),
-					g.map((e, t) => /* @__PURE__ */ a(C, {
-						y: e.y,
-						x: e.x,
-						label: e.label ? {
-							value: e.label,
-							fill: S.textMuted,
-							fontSize: 11
-						} : void 0,
-						stroke: e.color ?? S.border,
-						strokeDasharray: e.dashed ? "4 4" : void 0
-					}, t)),
-					n.map((e, t) => {
-						let n = e.color ?? T[t % T.length];
-						return /* @__PURE__ */ a(m, {
-							type: f ? "monotone" : "linear",
-							dataKey: e.key,
-							name: e.label ?? e.key,
-							stroke: n,
-							strokeWidth: e.strokeWidth ?? 2,
-							strokeDasharray: e.dashed ? "6 3" : void 0,
-							dot: e.dot ?? !1,
-							activeDot: {
-								r: 5,
-								strokeWidth: 0,
-								fill: n
-							},
-							connectNulls: b
-						}, e.key);
-					})
-				]
-			})
-		})
-	});
-}
-//#endregion
-//#region src/charts/TkxPieChart.tsx
-function L({ data: i, height: s = 300, showLegend: c = !0, showTooltip: l = !0, showLabels: u = !1, outerRadius: d = "70%", startAngle: m = 90, ariaLabel: h = "Pie chart" }) {
-	let v = e(), y = t(), b = j(v), x = N(v), [S, C] = r(y);
-	return n(() => {
-		if (y) {
-			C(!0);
-			return;
-		}
-		let e = requestAnimationFrame(() => C(!0));
-		return () => cancelAnimationFrame(e);
-	}, [y]), /* @__PURE__ */ a("div", {
-		role: "img",
-		"aria-label": h,
-		style: {
-			width: "100%",
-			minWidth: 240,
-			height: s,
-			position: "relative"
-		},
-		children: S && /* @__PURE__ */ a(w, {
-			width: "100%",
-			height: "100%",
-			debounce: 50,
-			children: /* @__PURE__ */ o(_, { children: [
-				l && /* @__PURE__ */ a(D, {
-					contentStyle: x.contentStyle,
-					labelStyle: x.labelStyle,
-					itemStyle: x.itemStyle
-				}),
-				c && /* @__PURE__ */ a(p, { wrapperStyle: {
-					fontSize: 13,
-					color: v.textMuted
-				} }),
-				/* @__PURE__ */ a(g, {
-					data: i,
-					dataKey: "value",
-					nameKey: "name",
-					outerRadius: d,
-					startAngle: m,
-					endAngle: m - 360,
-					label: u ? ({ name: e, percent: t }) => `${e} (${((t ?? 0) * 100).toFixed(0)}%)` : void 0,
-					labelLine: u,
-					strokeWidth: 2,
-					stroke: v.bg,
-					children: i.map((e, t) => /* @__PURE__ */ a(f, { fill: e.color ?? b[t % b.length] }, e.name))
-				})
-			] })
-		})
-	});
-}
-//#endregion
-//#region src/charts/TkxDonutChart.tsx
-function R({ data: i, height: s = 300, showLegend: c = !0, showTooltip: l = !0, centerLabel: u, centerSublabel: d, innerRadius: m = "55%", outerRadius: h = "75%", startAngle: v = 90, ariaLabel: y = "Donut chart" }) {
-	let b = e(), x = t(), S = j(b), C = N(b), [T, E] = r(x);
-	return n(() => {
-		if (x) {
-			E(!0);
-			return;
-		}
-		let e = requestAnimationFrame(() => E(!0));
-		return () => cancelAnimationFrame(e);
-	}, [x]), /* @__PURE__ */ o("div", {
-		role: "img",
-		"aria-label": y,
-		style: {
-			width: "100%",
-			minWidth: 240,
-			height: s,
-			position: "relative"
-		},
-		children: [T && /* @__PURE__ */ a(w, {
-			width: "100%",
-			height: "100%",
-			debounce: 50,
-			children: /* @__PURE__ */ o(_, { children: [
-				l && /* @__PURE__ */ a(D, {
-					contentStyle: C.contentStyle,
-					labelStyle: C.labelStyle,
-					itemStyle: C.itemStyle
-				}),
-				c && /* @__PURE__ */ a(p, { wrapperStyle: {
-					fontSize: 13,
-					color: b.textMuted
-				} }),
-				/* @__PURE__ */ a(g, {
-					data: i,
-					dataKey: "value",
-					nameKey: "name",
-					innerRadius: m,
-					outerRadius: h,
-					startAngle: v,
-					endAngle: v - 360,
-					strokeWidth: 3,
-					stroke: b.bg,
-					label: !1,
-					labelLine: !1,
-					children: i.map((e, t) => /* @__PURE__ */ a(f, { fill: e.color ?? S[t % S.length] }, e.name))
-				}),
-				(u || d) && /* @__PURE__ */ a("text", {})
-			] })
-		}), (u || d) && /* @__PURE__ */ o("div", {
-			style: {
-				position: "absolute",
-				inset: 0,
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "center",
-				justifyContent: "center",
-				pointerEvents: "none",
-				marginTop: c ? -24 : 0
-			},
-			children: [u && /* @__PURE__ */ a("span", {
-				style: {
-					fontSize: 22,
-					fontWeight: 700,
-					color: b.text,
-					lineHeight: 1
-				},
-				children: u
-			}), d && /* @__PURE__ */ a("span", {
-				style: {
-					fontSize: 13,
-					color: b.textMuted,
-					marginTop: 4
-				},
-				children: d
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/charts/TkxScatterChart.tsx
-function z({ series: t, height: n = 300, margin: r = M, showGrid: i = !0, showLegend: s = !0, showTooltip: c = !0, xTickFormatter: l, yTickFormatter: u, zRange: f = [20, 400], ariaLabel: m = "Scatter chart" }) {
-	let h = e(), g = j(h), _ = N(h), v = {
-		fill: h.textMuted,
-		fontSize: 12
-	};
-	return /* @__PURE__ */ a("div", {
-		role: "img",
-		"aria-label": m,
-		style: {
-			width: "100%",
-			height: n
-		},
-		children: /* @__PURE__ */ a(w, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ o(E, {
-				margin: r,
-				children: [
-					i && /* @__PURE__ */ a(d, {
-						strokeDasharray: "3 3",
-						stroke: h.border
-					}),
-					/* @__PURE__ */ a(O, {
-						type: "number",
-						dataKey: "x",
-						tick: v,
-						axisLine: { stroke: h.border },
-						tickLine: !1,
-						tickFormatter: l
-					}),
-					/* @__PURE__ */ a(k, {
-						type: "number",
-						dataKey: "y",
-						tick: v,
-						axisLine: !1,
-						tickLine: !1,
-						tickFormatter: u
-					}),
-					/* @__PURE__ */ a(A, {
-						type: "number",
-						dataKey: "z",
-						range: f
-					}),
-					c && /* @__PURE__ */ a(D, {
-						contentStyle: _.contentStyle,
-						labelStyle: _.labelStyle,
-						itemStyle: _.itemStyle,
-						cursor: { strokeDasharray: "3 3" }
-					}),
-					s && /* @__PURE__ */ a(p, { wrapperStyle: {
-						fontSize: 13,
-						color: h.textMuted,
-						paddingTop: 8
-					} }),
-					t.map((e, t) => /* @__PURE__ */ a(T, {
-						name: e.name,
-						data: e.data,
-						fill: e.color ?? g[t % g.length],
-						fillOpacity: .8
-					}, e.name ?? t))
-				]
-			})
-		})
-	});
-}
-//#endregion
-//#region src/charts/TkxRadarChart.tsx
-function B({ data: t, series: n, angleKey: r, height: i = 300, showLegend: s = !0, showTooltip: c = !0, outerRadius: l = "70%", ariaLabel: u = "Radar chart" }) {
-	let d = e(), f = j(d), m = N(d);
-	return /* @__PURE__ */ a("div", {
-		role: "img",
-		"aria-label": u,
-		style: {
-			width: "100%",
-			height: i
-		},
-		children: /* @__PURE__ */ a(w, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ o(S, {
-				data: t,
-				outerRadius: l,
-				children: [
-					/* @__PURE__ */ a(y, { stroke: d.border }),
-					/* @__PURE__ */ a(v, {
-						dataKey: r,
-						tick: {
-							fill: d.textMuted,
-							fontSize: 12
-						}
-					}),
-					/* @__PURE__ */ a(b, {
-						tick: {
-							fill: d.textMuted,
-							fontSize: 10
-						},
-						axisLine: !1,
-						tickLine: !1
-					}),
-					c && /* @__PURE__ */ a(D, {
-						contentStyle: m.contentStyle,
-						labelStyle: m.labelStyle,
-						itemStyle: m.itemStyle
-					}),
-					s && /* @__PURE__ */ a(p, { wrapperStyle: {
-						fontSize: 13,
-						color: d.textMuted
-					} }),
-					n.map((e, t) => {
-						let n = e.color ?? f[t % f.length];
-						return /* @__PURE__ */ a(x, {
-							name: e.label ?? e.key,
-							dataKey: e.key,
-							stroke: n,
-							fill: n,
-							fillOpacity: e.fillOpacity ?? .2,
-							strokeWidth: 2
-						}, e.key);
-					})
-				]
-			})
-		})
-	});
-}
-//#endregion
-export { P as TkxAreaChart, F as TkxBarChart, R as TkxDonutChart, I as TkxLineChart, L as TkxPieChart, B as TkxRadarChart, z as TkxScatterChart };
+import{f as e}from"./chunk-PJ50l0JC.js";import{o as t}from"./chunk-B3ph66Zb.js";import{useEffect as i,useState as r}from"react";import{Fragment as a,jsx as o,jsxs as n}from"react/jsx-runtime";import{Area as l,AreaChart as c,Bar as s,BarChart as d,CartesianGrid as h,Cell as m,Legend as y,Line as k,LineChart as u,Pie as g,PieChart as f,PolarAngleAxis as p,PolarGrid as S,PolarRadiusAxis as b,Radar as w,RadarChart as L,ReferenceLine as x,ResponsiveContainer as v,Scatter as z,ScatterChart as F,Tooltip as T,XAxis as K,YAxis as D,ZAxis as W}from"recharts";function A(e){return[e.primary,e.secondary,e.info,e.success,e.warning,e.danger,e.primary+"aa",e.secondary+"aa",e.info+"aa",e.success+"aa"]}var R={top:10,right:30,bottom:10,left:0};function $(e){return{contentStyle:{backgroundColor:e.surface,border:`1px solid ${e.border}`,borderRadius:8,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",color:e.text,fontSize:13},labelStyle:{color:e.textMuted,fontWeight:600,marginBottom:4},itemStyle:{color:e.text},cursor:{fill:`${e.primary}15`}}}function j({data:t,series:i,xKey:r,height:a=300,margin:s=R,showGrid:d=!0,showLegend:m=!0,showTooltip:k=!0,smooth:u=!0,xTickFormatter:g,yTickFormatter:f,yDomain:p,ariaLabel:S="Area chart"}){const b=e(),w=A(b),L=$(b),x={fill:b.textMuted,fontSize:12};/* @__PURE__ */
+return o("div",{role:"img","aria-label":S,style:{width:"100%",height:a},children:/* @__PURE__ */o(v,{width:"100%",height:"100%",children:/* @__PURE__ */n(c,{data:t,margin:s,children:[d&&/* @__PURE__ */o(h,{strokeDasharray:"3 3",stroke:b.border,vertical:!1}),
+/* @__PURE__ */o(K,{dataKey:r,tick:x,axisLine:{stroke:b.border},tickLine:!1,tickFormatter:g}),
+/* @__PURE__ */o(D,{tick:x,axisLine:!1,tickLine:!1,tickFormatter:f,domain:p}),k&&/* @__PURE__ */o(T,{contentStyle:L.contentStyle,labelStyle:L.labelStyle,itemStyle:L.itemStyle,cursor:L.cursor}),m&&/* @__PURE__ */o(y,{wrapperStyle:{fontSize:13,color:b.textMuted,paddingTop:8}}),i.map((e,t)=>{const i=e.color??w[t%w.length];/* @__PURE__ */
+return o(l,{type:u?"monotone":"linear",dataKey:e.key,name:e.label??e.key,stroke:i,strokeWidth:2,fill:i,fillOpacity:e.fillOpacity??.2,stackId:e.stacked?"stack":void 0,dot:!1,activeDot:{r:5,strokeWidth:0}},e.key)})]})})})}function G({data:t,series:i,xKey:r,height:l=300,margin:c=R,showGrid:m=!0,showLegend:k=!0,showTooltip:u=!0,layout:g="horizontal",barSize:f,xTickFormatter:p,yTickFormatter:S,ariaLabel:b="Bar chart"}){const w=e(),L=A(w),x=$(w),z={fill:w.textMuted,fontSize:12},F="vertical"===g;/* @__PURE__ */
+return o("div",{role:"img","aria-label":b,style:{width:"100%",height:l},children:/* @__PURE__ */o(v,{width:"100%",height:"100%",children:/* @__PURE__ */n(d,{data:t,margin:c,layout:g,children:[m&&/* @__PURE__ */o(h,{strokeDasharray:"3 3",stroke:w.border,vertical:F,horizontal:!F}),/* @__PURE__ */n(a,F?{children:[/* @__PURE__ */o(D,{dataKey:r,type:"category",tick:z,axisLine:!1,tickLine:!1,tickFormatter:p,width:100}),/* @__PURE__ */o(K,{type:"number",tick:z,axisLine:{stroke:w.border},tickLine:!1,tickFormatter:S})]}:{children:[/* @__PURE__ */o(K,{dataKey:r,tick:z,axisLine:{stroke:w.border},tickLine:!1,tickFormatter:p}),/* @__PURE__ */o(D,{tick:z,axisLine:!1,tickLine:!1,tickFormatter:S})]}),u&&/* @__PURE__ */o(T,{contentStyle:x.contentStyle,labelStyle:x.labelStyle,itemStyle:x.itemStyle,cursor:{fill:`${w.surfaceAlt}`}}),k&&/* @__PURE__ */o(y,{wrapperStyle:{fontSize:13,color:w.textMuted,paddingTop:8}}),i.map((e,t)=>{const i=e.color??L[t%L.length];/* @__PURE__ */
+return o(s,{dataKey:e.key,name:e.label??e.key,fill:i,stackId:e.stackId,maxBarSize:f??40,radius:e.radius??[4,4,0,0]},e.key)})]})})})}function B({data:t,series:i,xKey:r,height:a=300,margin:l=R,showGrid:c=!0,showLegend:s=!0,showTooltip:d=!0,smooth:m=!0,referenceLines:g=[],xTickFormatter:f,yTickFormatter:p,yDomain:S,connectNulls:b=!1,ariaLabel:w="Line chart"}){const L=e(),z=A(L),F=$(L),W={fill:L.textMuted,fontSize:12};/* @__PURE__ */
+return o("div",{role:"img","aria-label":w,style:{width:"100%",height:a},children:/* @__PURE__ */o(v,{width:"100%",height:"100%",children:/* @__PURE__ */n(u,{data:t,margin:l,children:[c&&/* @__PURE__ */o(h,{strokeDasharray:"3 3",stroke:L.border,vertical:!1}),
+/* @__PURE__ */o(K,{dataKey:r,tick:W,axisLine:{stroke:L.border},tickLine:!1,tickFormatter:f}),
+/* @__PURE__ */o(D,{tick:W,axisLine:!1,tickLine:!1,tickFormatter:p,domain:S}),d&&/* @__PURE__ */o(T,{contentStyle:F.contentStyle,labelStyle:F.labelStyle,itemStyle:F.itemStyle,cursor:{stroke:L.border,strokeWidth:1}}),s&&/* @__PURE__ */o(y,{wrapperStyle:{fontSize:13,color:L.textMuted,paddingTop:8}}),g.map((e,t)=>/* @__PURE__ */o(x,{y:e.y,x:e.x,label:e.label?{value:e.label,fill:L.textMuted,fontSize:11}:void 0,stroke:e.color??L.border,strokeDasharray:e.dashed?"4 4":void 0},t)),i.map((e,t)=>{const i=e.color??z[t%z.length];/* @__PURE__ */
+return o(k,{type:m?"monotone":"linear",dataKey:e.key,name:e.label??e.key,stroke:i,strokeWidth:e.strokeWidth??2,strokeDasharray:e.dashed?"6 3":void 0,dot:e.dot??!1,activeDot:{r:5,strokeWidth:0,fill:i},connectNulls:b},e.key)})]})})})}function I({data:a,height:l=300,showLegend:c=!0,showTooltip:s=!0,showLabels:d=!1,outerRadius:h="70%",startAngle:k=90,ariaLabel:u="Pie chart"}){const p=e(),S=t(),b=A(p),w=$(p),[L,x]=r(S);return i(()=>{if(S)return void x(!0);const e=requestAnimationFrame(()=>x(!0));return()=>cancelAnimationFrame(e)},[S]),/* @__PURE__ */o("div",{role:"img","aria-label":u,style:{width:"100%",minWidth:240,height:l,position:"relative"},children:L&&/* @__PURE__ */o(v,{width:"100%",height:"100%",debounce:50,children:/* @__PURE__ */n(f,{children:[s&&/* @__PURE__ */o(T,{contentStyle:w.contentStyle,labelStyle:w.labelStyle,itemStyle:w.itemStyle}),c&&/* @__PURE__ */o(y,{wrapperStyle:{fontSize:13,color:p.textMuted}}),
+/* @__PURE__ */o(g,{data:a,dataKey:"value",nameKey:"name",outerRadius:h,startAngle:k,endAngle:k-360,label:d?({name:e,percent:t})=>`${e} (${(100*(t??0)).toFixed(0)}%)`:void 0,labelLine:d,strokeWidth:2,stroke:p.bg,children:a.map((e,t)=>/* @__PURE__ */o(m,{fill:e.color??b[t%b.length]},e.name))})]})})})}function O({data:a,height:l=300,showLegend:c=!0,showTooltip:s=!0,centerLabel:d,centerSublabel:h,innerRadius:k="55%",outerRadius:u="75%",startAngle:p=90,ariaLabel:S="Donut chart"}){const b=e(),w=t(),L=A(b),x=$(b),[z,F]=r(w);return i(()=>{if(w)return void F(!0);const e=requestAnimationFrame(()=>F(!0));return()=>cancelAnimationFrame(e)},[w]),/* @__PURE__ */n("div",{role:"img","aria-label":S,style:{width:"100%",minWidth:240,height:l,position:"relative"},children:[z&&/* @__PURE__ */o(v,{width:"100%",height:"100%",debounce:50,children:/* @__PURE__ */n(f,{children:[s&&/* @__PURE__ */o(T,{contentStyle:x.contentStyle,labelStyle:x.labelStyle,itemStyle:x.itemStyle}),c&&/* @__PURE__ */o(y,{wrapperStyle:{fontSize:13,color:b.textMuted}}),
+/* @__PURE__ */o(g,{data:a,dataKey:"value",nameKey:"name",innerRadius:k,outerRadius:u,startAngle:p,endAngle:p-360,strokeWidth:3,stroke:b.bg,label:!1,labelLine:!1,children:a.map((e,t)=>/* @__PURE__ */o(m,{fill:e.color??L[t%L.length]},e.name))}),(d||h)&&/* @__PURE__ */o("text",{})]})}),(d||h)&&/* @__PURE__ */n("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",pointerEvents:"none",marginTop:c?-24:0},children:[d&&/* @__PURE__ */o("span",{style:{fontSize:22,fontWeight:700,color:b.text,lineHeight:1},children:d}),h&&/* @__PURE__ */o("span",{style:{fontSize:13,color:b.textMuted,marginTop:4},children:h})]})]})}function q({series:t,height:i=300,margin:r=R,showGrid:a=!0,showLegend:l=!0,showTooltip:c=!0,xTickFormatter:s,yTickFormatter:d,zRange:m=[20,400],ariaLabel:k="Scatter chart"}){const u=e(),g=A(u),f=$(u),p={fill:u.textMuted,fontSize:12};/* @__PURE__ */
+return o("div",{role:"img","aria-label":k,style:{width:"100%",height:i},children:/* @__PURE__ */o(v,{width:"100%",height:"100%",children:/* @__PURE__ */n(F,{margin:r,children:[a&&/* @__PURE__ */o(h,{strokeDasharray:"3 3",stroke:u.border}),
+/* @__PURE__ */o(K,{type:"number",dataKey:"x",tick:p,axisLine:{stroke:u.border},tickLine:!1,tickFormatter:s}),
+/* @__PURE__ */o(D,{type:"number",dataKey:"y",tick:p,axisLine:!1,tickLine:!1,tickFormatter:d}),
+/* @__PURE__ */o(W,{type:"number",dataKey:"z",range:m}),c&&/* @__PURE__ */o(T,{contentStyle:f.contentStyle,labelStyle:f.labelStyle,itemStyle:f.itemStyle,cursor:{strokeDasharray:"3 3"}}),l&&/* @__PURE__ */o(y,{wrapperStyle:{fontSize:13,color:u.textMuted,paddingTop:8}}),t.map((e,t)=>/* @__PURE__ */o(z,{name:e.name,data:e.data,fill:e.color??g[t%g.length],fillOpacity:.8},e.name??t))]})})})}function C({data:t,series:i,angleKey:r,height:a=300,showLegend:l=!0,showTooltip:c=!0,outerRadius:s="70%",ariaLabel:d="Radar chart"}){const h=e(),m=A(h),k=$(h);/* @__PURE__ */
+return o("div",{role:"img","aria-label":d,style:{width:"100%",height:a},children:/* @__PURE__ */o(v,{width:"100%",height:"100%",children:/* @__PURE__ */n(L,{data:t,outerRadius:s,children:[
+/* @__PURE__ */o(S,{stroke:h.border}),
+/* @__PURE__ */o(p,{dataKey:r,tick:{fill:h.textMuted,fontSize:12}}),
+/* @__PURE__ */o(b,{tick:{fill:h.textMuted,fontSize:10},axisLine:!1,tickLine:!1}),c&&/* @__PURE__ */o(T,{contentStyle:k.contentStyle,labelStyle:k.labelStyle,itemStyle:k.itemStyle}),l&&/* @__PURE__ */o(y,{wrapperStyle:{fontSize:13,color:h.textMuted}}),i.map((e,t)=>{const i=e.color??m[t%m.length];/* @__PURE__ */
+return o(w,{name:e.label??e.key,dataKey:e.key,stroke:i,fill:i,fillOpacity:e.fillOpacity??.2,strokeWidth:2},e.key)})]})})})}export{j as TkxAreaChart,G as TkxBarChart,O as TkxDonutChart,B as TkxLineChart,I as TkxPieChart,C as TkxRadarChart,q as TkxScatterChart};

package/dist/chunk-B3ph66Zb.js

@@ -0,0 +1 @@
+import{C as n,S as e,_ as o,g as t}from"./chunk-PJ50l0JC.js";import{useCallback as r,useEffect as u,useRef as c,useState as d}from"react";function i(){const[e,o]=d(()=>"undefined"!=typeof window&&n());return u(()=>{if("undefined"==typeof window)return;const n=window.matchMedia("(prefers-reduced-motion: reduce)"),e=n=>o(n.matches);return n.addEventListener("change",e),()=>n.removeEventListener("change",e)},[]),e}function f(){const[n,o]=d(()=>"undefined"!=typeof window&&e());return u(()=>{if("undefined"==typeof window)return;const n=window.matchMedia("(forced-colors: active)"),e=n=>o(n.matches);return n.addEventListener("change",e),()=>n.removeEventListener("change",e)},[]),n}function s(n){const e=c(null);return u(()=>{if(!n||!e.current)return;const t=o(e.current);return t.activate(),()=>t.deactivate()},[n]),e}function a(){const n=c(null);return u(()=>{if("undefined"!=typeof document)return n.current=t(),()=>{n.current?.destroy()}},[]),r((e,o="polite")=>{n.current?.announce(e,o)},[])}function w(n,e=!0){const o=c(n);o.current=n,u(()=>{if(!e||"undefined"==typeof document)return;const n=n=>{"Escape"===n.key&&o.current()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[e])}function p(n,e){const o=c(e);o.current=e,u(()=>{const e=e=>{n.current&&!n.current.contains(e.target)&&o.current()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[n])}export{f as a,s as i,p as n,i as o,w as r,a as t};

package/dist/chunk-Bc16rJT-.js

@@ -0,0 +1 @@
+require("./chunk-DmRB1Blb.js");const e=require("./chunk-DjxOP8W4.js");let n=require("react");function t(){const[t,r]=(0,n.useState)(()=>"undefined"!=typeof window&&e.prefersReducedMotion());return(0,n.useEffect)(()=>{if("undefined"==typeof window)return;const e=window.matchMedia("(prefers-reduced-motion: reduce)"),n=e=>r(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),t}function r(){const[t,r]=(0,n.useState)(()=>"undefined"!=typeof window&&e.prefersHighContrast());return(0,n.useEffect)(()=>{if("undefined"==typeof window)return;const e=window.matchMedia("(forced-colors: active)"),n=e=>r(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),t}function u(t){const r=(0,n.useRef)(null);return(0,n.useEffect)(()=>{if(!t||!r.current)return;const n=e.createFocusTrap(r.current);return n.activate(),()=>n.deactivate()},[t]),r}function o(){const t=(0,n.useRef)(null);return(0,n.useEffect)(()=>{if("undefined"!=typeof document)return t.current=e.createAnnouncer(),()=>{t.current?.destroy()}},[]),(0,n.useCallback)((e,n="polite")=>{t.current?.announce(e,n)},[])}function c(e,t=!0){const r=(0,n.useRef)(e);r.current=e,(0,n.useEffect)(()=>{if(!t||"undefined"==typeof document)return;const e=e=>{"Escape"===e.key&&r.current()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t])}function i(e,t){const r=(0,n.useRef)(t);r.current=t,(0,n.useEffect)(()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&r.current()};return document.addEventListener("pointerdown",n),()=>document.removeEventListener("pointerdown",n)},[e])}Object.defineProperty(exports,"useAnnounce",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"useEscapeKey",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"useFocusTrap",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"useHighContrast",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"useReducedMotion",{enumerable:!0,get:function(){return t}});