@cleen/ui 0.1.66 → 0.1.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,7 @@ import * as react from 'react';
2
2
  import react__default, { CSSProperties } from 'react';
3
3
  import { ApexOptions } from 'apexcharts';
4
4
  import ReactApexChart from 'react-apexcharts';
5
+ import { ApexSankeyProps, ApexSankeyRef } from 'react-apexsankey';
5
6
 
6
7
  interface ChartProps {
7
8
  /**
@@ -100,11 +101,29 @@ declare const BellCurve: react.ForwardRefExoticComponent<BellCurveProps & react.
100
101
  */
101
102
  declare const RadarChart: react.ForwardRefExoticComponent<Omit<ChartProps, "type"> & react.RefAttributes<ReactApexChart>>;
102
103
 
104
+ type ScatterChartVariant = 'default' | 'matrix';
105
+
106
+ interface ScatterChartProps extends Omit<ChartProps, 'type'> {
107
+ variant?: ScatterChartVariant;
108
+ rows?: Array<{
109
+ label: string;
110
+ gapsLabel?: string;
111
+ y: number;
112
+ lineColor?: string;
113
+ }>;
114
+ }
103
115
  /**
104
116
  * Scatter chart component built on ApexCharts
105
117
  * Provides a flexible wrapper for scatter chart visualizations using a predefined set of default styling options.
106
118
  */
107
- declare const ScatterChart: react.ForwardRefExoticComponent<Omit<ChartProps, "type"> & react.RefAttributes<ReactApexChart>>;
119
+ declare const ScatterChart: react.ForwardRefExoticComponent<ScatterChartProps & react.RefAttributes<ReactApexChart>>;
120
+
121
+ interface SankeyChartProps extends Omit<ApexSankeyProps, 'options'> {
122
+ options?: ApexSankeyProps['options'];
123
+ }
124
+ declare const SankeyChart: react.ForwardRefExoticComponent<SankeyChartProps & react.RefAttributes<ApexSankeyRef>>;
125
+
126
+ declare const TreemapChart: react.ForwardRefExoticComponent<Omit<ChartProps, "type"> & react.RefAttributes<ReactApexChart>>;
108
127
 
109
128
  type SimpleChartProps = {
110
129
  width?: number;
@@ -115,4 +134,4 @@ type SimpleChartProps = {
115
134
  };
116
135
  declare const SimpleChart: react__default.FC<SimpleChartProps>;
117
136
 
118
- export { BellCurve, type BellCurveProps, Chart, type ChartProps, RadarChart, ScatterChart, SimpleChart, type SimpleChartProps };
137
+ export { BellCurve, type BellCurveProps, Chart, type ChartProps, RadarChart, SankeyChart, type SankeyChartProps, ScatterChart, type ScatterChartProps, type ScatterChartVariant, SimpleChart, type SimpleChartProps, TreemapChart };
@@ -1 +1 @@
1
- import{cn as U}from"@cleen/ui-core";import{forwardRef as W}from"react";import Y from"react-apexcharts";var S={chart:{toolbar:{show:!0,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}},animations:{enabled:!0}},dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2},xaxis:{labels:{style:{fontSize:"12px"}}},yaxis:{labels:{style:{fontSize:"12px"}}},legend:{position:"top",horizontalAlign:"left"},tooltip:{enabled:!0,theme:"light"}};import{jsx as T}from"react/jsx-runtime";var v=W(function({type:e="line",series:t,options:o={},width:f="100%",height:h=350,className:i,style:s},y){let d={...S,...o,chart:{...S.chart,...o.chart,type:e}};return T("div",{className:U("cleen",i),style:s,children:T(Y,{options:d,series:t,type:e,width:f,height:h,ref:y})})}),g=v;import{applyDefaults as b}from"@cleen/ui-core";import{forwardRef as K,useMemo as A}from"react";import{ColorHelpers as u}from"@cleen/ui-core";var R={marker:{size:2,fillColor:"rgba(var(--cleen-gray), 0.8)",strokeColor:"rgba(var(--cleen-gray), 0.8)",offsetY:-16,shape:"triangle"},label:{borderWidth:0,offsetY:-20,style:{color:"rgba(var(--cleen-gray), 0.8)",background:"transparent",fontSize:"11px"}}},N={label:{borderColor:"transparent",style:{color:"rgba(var(--cleen-white))",background:"rgba(var(--cleen-primary))"}},fillColor:"rgba(var(--cleen-primary))"},w={label:{borderWidth:0,offsetY:-15,orientation:"horizontal",style:{color:"rgba(var(--cleen-primary))",background:"transparent",fontSize:"16px",fontWeight:700}},borderColor:"rgba(var(--cleen-primary))"},_={marker:{size:8,fillColor:"rgba(var(--cleen-primary))",strokeColor:"rgba(var(--cleen-white))"}},k={chart:{zoom:{enabled:!1},toolbar:{show:!1},animations:{enabled:!1}},stroke:{curve:"monotoneCubic",width:2.5},colors:[u.getComputedColor("var(--cleen-error)"),u.getComputedColor("var(--cleen-primary)"),u.getComputedColor("var(--cleen-success)")],fill:{type:"gradient",gradient:{shade:"light",type:"vertical",shadeIntensity:.6,gradientToColors:[u.getComputedColor("var(--cleen-error)")||"",u.getComputedColor("var(--cleen-primary)")||"",u.getComputedColor("var(--cleen-success)")||""],inverseColors:!1,opacityFrom:.95,opacityTo:.6}},yaxis:{show:!1},tooltip:{enabled:!0,x:{formatter:function(r){return`Score: ${typeof r=="string"?Number(r):r}`}},y:{formatter:function(r){return`${Number(r).toFixed(4)}`}}},grid:{show:!1},legend:{show:!1}};var I=(r,e)=>({middle:r,leftSigma:r-e,left2Sigma:r-2*e,left:r-3*e,rightSigma:r+2*e,right2Sigma:r+2*e,right:r+3*e}),H=(r,e,t,o)=>({middle:r,leftSigma:r-e,left2Sigma:r-2*e,left:t,rightSigma:r+e,right2Sigma:r+2*e,right:o}),L=(r,e)=>{let t={};switch(r.type){case"range":t={x:e[r.x],x2:e[r.x2]};break;case"offset":t={x:r.x-r.offset,x2:r.x+r.offset};break;case"region":r.x>=e.left&&r.x<e.left2Sigma?t={x:e.left,x2:e.left2Sigma}:r.x>=e.left2Sigma&&r.x<e.leftSigma?t={x:e.left2Sigma,x2:e.leftSigma}:r.x>=e.leftSigma&&r.x<e.middle?t={x:e.leftSigma,x2:e.middle}:r.x>=e.middle&&r.x<e.rightSigma?t={x:e.middle,x2:e.rightSigma}:r.x>=e.rightSigma&&r.x<e.right2Sigma?t={x:e.rightSigma,x2:e.right2Sigma}:r.x>=e.right2Sigma&&r.x<e.right&&(t={x:e.right2Sigma,x2:e.right});break;default:t={x:r.x,x2:r.x2};break}return t};import{jsx as J}from"react/jsx-runtime";var q=K(function({serie:e,labels:t,sigma:o,pointAnnotations:f,rangeAnnotations:h,highlightAnnotations:i,options:s,height:y=360,...d},X){let x=A(()=>e.sort((l,n)=>l.x-n.x),[e]),P=A(()=>{let l=new Map;return e.forEach(n=>l.set(n.x,n.y)),l},[e]),c=x[Math.floor(x.length/2)],E=A(()=>{let{below:l,middle:n,above:m}=e.reduce((p,a)=>(a.x<c.x-2*o?p.below.push(a):a.x>=c.x+2*o?(a.x===c.x+2*o&&p.middle.push(a),p.above.push(a)):(a.x===c.x-2*o&&p.below.push(a),p.middle.push(a)),p),{below:[],middle:[],above:[]});return[{name:t?.below||"Below threshold",data:l},{name:t?.middle||"Middle grounds",data:n},{name:t?.above||"Above threshold",data:m}]},[o,e,t,c]),D=A(()=>{if(!f)return[];let l=I(c.x,o);return Object.entries(f).map(([n,m])=>{let p=l[n];return{x:p,y:P.get(p)||0,...b(R,m)}})},[f,o,P]),G=A(()=>{if(!h)return[];let l=H(c.x,o,x[0].x,x[x.length-1].x);return h.map(n=>{let m=L(n,l);return{...b(N,n),...m}})},[h,o,x]),{highlightPointAnnotations:$,highlightLineAnnotations:F}=A(()=>{if(!i)return{highlightLineAnnotations:[],highlightPointAnnotations:[]};let l=[],n=[],m=({x:a,line:C})=>{n.push(b(w,{x:a,...C}))},p=({x:a,y:C,point:M})=>{l.push(b(_,{x:a,y:C,...M}))};return i?.forEach(a=>{switch(a.show){case"line":m(a);break;case"point":p(a);break;case"both":m(a),p(a);break;default:break}}),{highlightPointAnnotations:l,highlightLineAnnotations:n}},[i]);return J(g,{series:E,options:{...b(k,s),annotations:{...s?.annotations,points:[...D,...$,...s?.annotations?.points||[]],xaxis:[...G,...F,...s?.annotations?.xaxis||[]]}},height:y,ref:X,type:"area",...d})});import{applyDefaults as Q}from"@cleen/ui-core";import{forwardRef as V}from"react";var B={chart:{type:"radar",zoom:{enabled:!1},toolbar:{show:!1}},stroke:{width:2},fill:{opacity:.25},markers:{size:4,colors:"transparent",strokeColors:"transparent"},tooltip:{marker:{show:!1}},legend:{show:!1}};import{jsx as j}from"react/jsx-runtime";var Z=V(function({options:e,...t},o){return j(g,{type:"radar",ref:o,options:Q(B,e),...t})});import{applyDefaults as ee}from"@cleen/ui-core";import{forwardRef as re}from"react";var z={chart:{type:"scatter",zoom:{enabled:!1},toolbar:{show:!1}},markers:{shape:"square",size:8,strokeWidth:0},grid:{strokeDashArray:8},legend:{show:!0,horizontalAlign:"right",position:"top",labels:{colors:"rgba(var(--cleen-gray), 0.8)"}},yaxis:{axisBorder:{show:!0,color:"rgba(var(--cleen-gray), .2)"},labels:{style:{colors:"rgba(var(--cleen-gray), 0.8)"}}},xaxis:{axisBorder:{show:!0,color:"rgba(var(--cleen-gray), .2)"},labels:{style:{colors:"rgba(var(--cleen-gray), 0.8)"}}},title:{align:"left",floating:!0,style:{color:"rgba(var(--cleen-black))"}}};import{jsx as oe}from"react/jsx-runtime";var te=re(function({options:e,...t},o){return oe(g,{type:"scatter",ref:o,options:ee(z,e),...t})});import"react";import{jsx as O,jsxs as ne}from"react/jsx-runtime";var ae=({width:r=240,height:e=80,data:t=[12,28,18,30,24,36],className:o="",style:f})=>{let h=Math.max(...t,1),i=t.map((s,y)=>`${y/(t.length-1)*r},${e-s/h*e}`).join(" ");return ne("svg",{width:r,height:e,viewBox:`0 0 ${r} ${e}`,className:o,style:f,role:"img","aria-label":"Simple line chart",children:[O("rect",{width:"100%",height:"100%",fill:"transparent"}),O("polyline",{fill:"none",stroke:"rgba(59,130,246,0.9)",strokeWidth:2,points:i,strokeLinecap:"round",strokeLinejoin:"round"}),O("polygon",{points:`${i} ${r},${e} 0,${e}`,fill:"rgba(59,130,246,0.08)"})]})};export{q as BellCurve,v as Chart,Z as RadarChart,te as ScatterChart,ae as SimpleChart};
1
+ import{cn as q}from"@cleen/ui-core";import{forwardRef as J}from"react";import Q from"react-apexcharts";var T={chart:{toolbar:{show:!0,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}},animations:{enabled:!0}},dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2},xaxis:{labels:{style:{fontSize:"12px"}}},yaxis:{labels:{style:{fontSize:"12px"}}},legend:{position:"top",horizontalAlign:"left"},tooltip:{enabled:!0,theme:"light"}};import{jsx as v}from"react/jsx-runtime";var N=J(function({type:e="line",series:r,options:o={},width:p="100%",height:l=350,className:f,style:x},A){let c={...T,...o,chart:{...T.chart,...o.chart,type:e}};return v("div",{className:q("cleen",f),style:x,children:v(Q,{options:c,series:r,type:e,width:p,height:l,ref:A})})}),g=N;import{applyDefaults as C}from"@cleen/ui-core";import{forwardRef as Z,useMemo as b}from"react";import{ColorHelpers as d}from"@cleen/ui-core";var R={marker:{size:2,fillColor:"rgba(var(--cleen-gray), 0.8)",strokeColor:"rgba(var(--cleen-gray), 0.8)",offsetY:-16,shape:"triangle"},label:{borderWidth:0,offsetY:-20,style:{color:"rgba(var(--cleen-gray), 0.8)",background:"transparent",fontSize:"11px"}}},w={label:{borderColor:"transparent",style:{color:"rgba(var(--cleen-white))",background:"rgba(var(--cleen-primary))"}},fillColor:"rgba(var(--cleen-primary))"},_={label:{borderWidth:0,offsetY:-15,orientation:"horizontal",style:{color:"rgba(var(--cleen-primary))",background:"transparent",fontSize:"16px",fontWeight:700}},borderColor:"rgba(var(--cleen-primary))"},I={marker:{size:8,fillColor:"rgba(var(--cleen-primary))",strokeColor:"rgba(var(--cleen-white))"}},H={chart:{zoom:{enabled:!1},toolbar:{show:!1},animations:{enabled:!1}},stroke:{curve:"monotoneCubic",width:2.5},colors:[d.getComputedColor("var(--cleen-error)"),d.getComputedColor("var(--cleen-primary)"),d.getComputedColor("var(--cleen-success)")],fill:{type:"gradient",gradient:{shade:"light",type:"vertical",shadeIntensity:.6,gradientToColors:[d.getComputedColor("var(--cleen-error)")||"",d.getComputedColor("var(--cleen-primary)")||"",d.getComputedColor("var(--cleen-success)")||""],inverseColors:!1,opacityFrom:.95,opacityTo:.6}},yaxis:{show:!1},tooltip:{enabled:!0,x:{formatter:function(t){return`Score: ${typeof t=="string"?Number(t):t}`}},y:{formatter:function(t){return`${Number(t).toFixed(4)}`}}},grid:{show:!1},legend:{show:!1}};var L=(t,e)=>({middle:t,leftSigma:t-e,left2Sigma:t-2*e,left:t-3*e,rightSigma:t+2*e,right2Sigma:t+2*e,right:t+3*e}),z=(t,e,r,o)=>({middle:t,leftSigma:t-e,left2Sigma:t-2*e,left:r,rightSigma:t+e,right2Sigma:t+2*e,right:o}),B=(t,e)=>{let r={};switch(t.type){case"range":r={x:e[t.x],x2:e[t.x2]};break;case"offset":r={x:t.x-t.offset,x2:t.x+t.offset};break;case"region":t.x>=e.left&&t.x<e.left2Sigma?r={x:e.left,x2:e.left2Sigma}:t.x>=e.left2Sigma&&t.x<e.leftSigma?r={x:e.left2Sigma,x2:e.leftSigma}:t.x>=e.leftSigma&&t.x<e.middle?r={x:e.leftSigma,x2:e.middle}:t.x>=e.middle&&t.x<e.rightSigma?r={x:e.middle,x2:e.rightSigma}:t.x>=e.rightSigma&&t.x<e.right2Sigma?r={x:e.rightSigma,x2:e.right2Sigma}:t.x>=e.right2Sigma&&t.x<e.right&&(r={x:e.right2Sigma,x2:e.right});break;default:r={x:t.x,x2:t.x2};break}return r};import{jsx as ee}from"react/jsx-runtime";var j=Z(function({serie:e,labels:r,sigma:o,pointAnnotations:p,rangeAnnotations:l,highlightAnnotations:f,options:x,height:A=360,...c},O){let h=b(()=>e.sort((s,i)=>s.x-i.x),[e]),u=b(()=>{let s=new Map;return e.forEach(i=>s.set(i.x,i.y)),s},[e]),a=h[Math.floor(h.length/2)],G=b(()=>{let{below:s,middle:i,above:y}=e.reduce((m,n)=>(n.x<a.x-2*o?m.below.push(n):n.x>=a.x+2*o?(n.x===a.x+2*o&&m.middle.push(n),m.above.push(n)):(n.x===a.x-2*o&&m.below.push(n),m.middle.push(n)),m),{below:[],middle:[],above:[]});return[{name:r?.below||"Below threshold",data:s},{name:r?.middle||"Middle grounds",data:i},{name:r?.above||"Above threshold",data:y}]},[o,e,r,a]),U=b(()=>{if(!p)return[];let s=L(a.x,o);return Object.entries(p).map(([i,y])=>{let m=s[i];return{x:m,y:u.get(m)||0,...C(R,y)}})},[p,o,u]),W=b(()=>{if(!l)return[];let s=z(a.x,o,h[0].x,h[h.length-1].x);return l.map(i=>{let y=B(i,s);return{...C(w,i),...y}})},[l,o,h]),{highlightPointAnnotations:V,highlightLineAnnotations:Y}=b(()=>{if(!f)return{highlightLineAnnotations:[],highlightPointAnnotations:[]};let s=[],i=[],y=({x:n,line:P})=>{i.push(C(_,{x:n,...P}))},m=({x:n,y:P,point:K})=>{s.push(C(I,{x:n,y:P,...K}))};return f?.forEach(n=>{switch(n.show){case"line":y(n);break;case"point":m(n);break;case"both":y(n),m(n);break;default:break}}),{highlightPointAnnotations:s,highlightLineAnnotations:i}},[f]);return ee(g,{series:G,options:{...C(H,x),annotations:{...x?.annotations,points:[...U,...V,...x?.annotations?.points||[]],xaxis:[...W,...Y,...x?.annotations?.xaxis||[]]}},height:A,ref:O,type:"area",...c})});import{applyDefaults as te}from"@cleen/ui-core";import{forwardRef as re}from"react";var D={chart:{type:"radar",zoom:{enabled:!1},toolbar:{show:!1}},stroke:{width:2},fill:{opacity:.25},markers:{size:4,colors:"transparent",strokeColors:"transparent"},tooltip:{marker:{show:!1}},legend:{show:!1}};import{jsx as ae}from"react/jsx-runtime";var oe=re(function({options:e,...r},o){return ae(g,{type:"radar",ref:o,options:te(D,e),...r})});import{applyDefaults as ne,cn as ie}from"@cleen/ui-core";import{forwardRef as se}from"react";var E={chart:{type:"scatter",zoom:{enabled:!1},toolbar:{show:!1}},markers:{shape:"square",size:8,strokeWidth:0},grid:{strokeDashArray:8},legend:{show:!0,horizontalAlign:"right",position:"top",labels:{colors:"rgba(var(--cleen-gray), 0.8)"}},yaxis:{axisBorder:{show:!0,color:"rgba(var(--cleen-gray), .2)"},labels:{style:{colors:"rgba(var(--cleen-gray), 0.8)"}}},xaxis:{axisBorder:{show:!0,color:"rgba(var(--cleen-gray), .2)"},labels:{style:{colors:"rgba(var(--cleen-gray), 0.8)"}}},title:{align:"left",floating:!0,style:{color:"rgba(var(--cleen-black))"}}},X={chart:{type:"scatter",zoom:{enabled:!1},toolbar:{show:!1}},stroke:{width:0},fill:{opacity:1},markers:{shape:"circle",size:14,strokeWidth:2,hover:{sizeOffset:0}},grid:{strokeDashArray:0,borderColor:"rgba(var(--cleen-gray), 0.12)",padding:{left:0,right:12},xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},legend:{show:!1},xaxis:{min:0,max:210,tickAmount:4,axisBorder:{show:!1},axisTicks:{show:!1},decimalsInFloat:0,title:{text:"Estimated impact \u2192",style:{color:"rgba(var(--cleen-gray), 0.8)",fontSize:"14px",fontWeight:400}},labels:{style:{colors:"rgba(var(--cleen-gray), 0.8)",fontSize:"14px"},formatter(t){let e=Number(t);return Number.isNaN(e)?`${t}`:`$${Math.round(e)}k`}}},tooltip:{enabled:!0,theme:"light",x:{formatter(t){let e=Number(t);return Number.isNaN(e)?`${t}`:`$${Math.round(e)}k`}}}};import{jsx as S,jsxs as $}from"react/jsx-runtime";var pe=se(function({options:e,variant:r="default",rows:o,className:p,style:l,...f},x){let c=ne(r==="matrix"?X:E,e);if(r==="matrix"&&o?.length){let O=Math.min(...o.map(a=>a.y)),h=Math.max(...o.map(a=>a.y)),u=Array.isArray(c.yaxis)?{}:c.yaxis??{};return $("div",{className:ie("cleen",p),style:{display:"grid",gridTemplateColumns:"156px minmax(0, 1fr)",alignItems:"stretch",gap:"12px",width:"100%",...l},children:[S("div",{style:{display:"grid",gridTemplateRows:`repeat(${o.length}, minmax(0, 1fr))`,padding:"18px 0 54px"},children:o.map(a=>$("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-end",gap:"4px",paddingRight:"8px"},children:[S("span",{style:{fontSize:"18px",fontWeight:700,lineHeight:1.1,color:"rgba(var(--cleen-black))"},children:a.label}),a.gapsLabel?S("span",{style:{fontSize:"14px",lineHeight:1.2,color:"rgba(var(--cleen-gray), 0.8)"},children:a.gapsLabel}):null]},`${a.label}-${a.y}`))}),S(g,{type:"scatter",ref:x,className:"cleen-w-full",style:{height:"100%"},options:{...c,yaxis:{...u,min:O-.5,max:h+.5,tickAmount:Math.max(h-O,1),axisBorder:{...u.axisBorder,show:!1},axisTicks:{...u.axisTicks,show:!1},labels:{...u.labels,show:!1}},annotations:{...c.annotations,yaxis:[...o.map(a=>({y:a.y,borderColor:a.lineColor||"rgba(var(--cleen-gray), 0.12)",strokeDashArray:0})),...c.annotations?.yaxis||[]]}},...f})]})}return S(g,{type:"scatter",ref:x,className:p,style:l,options:c,...f})});import"apexsankey";import{applyDefaults as le,cn as me}from"@cleen/ui-core";import{forwardRef as fe}from"react";import{ApexSankey as xe}from"react-apexsankey";var M={width:"100%",height:420,enableToolbar:!1,enableTooltip:!0,highlightOnHover:!0,dimOnHover:!0,edgeOpacity:.4,nodeWidth:20,fontColor:"rgba(var(--cleen-gray), 0.8)",tooltipBGColor:"rgba(var(--cleen-white))",tooltipBorderColor:"rgba(var(--cleen-gray), 0.2)"};import{jsx as he}from"react/jsx-runtime";var ce=fe(function({options:e,className:r,style:o,...p},l){return he(xe,{ref:l,className:me("cleen",r),style:o,options:le(M,e),...p})});import{applyDefaults as ge}from"@cleen/ui-core";import{forwardRef as ye}from"react";var F={chart:{type:"treemap",zoom:{enabled:!1},toolbar:{show:!1}},legend:{show:!1},dataLabels:{enabled:!0,style:{fontSize:"12px",fontWeight:400}},plotOptions:{treemap:{enableShades:!0,distributed:!1}},title:{align:"left",style:{color:"rgba(var(--cleen-black))"}}};import{jsx as Ae}from"react/jsx-runtime";var ue=ye(function({options:e,...r},o){return Ae(g,{type:"treemap",ref:o,options:ge(F,e),...r})});import"react";import{jsx as k,jsxs as be}from"react/jsx-runtime";var de=({width:t=240,height:e=80,data:r=[12,28,18,30,24,36],className:o="",style:p})=>{let l=Math.max(...r,1),f=r.map((x,A)=>`${A/(r.length-1)*t},${e-x/l*e}`).join(" ");return be("svg",{width:t,height:e,viewBox:`0 0 ${t} ${e}`,className:o,style:p,role:"img","aria-label":"Simple line chart",children:[k("rect",{width:"100%",height:"100%",fill:"transparent"}),k("polyline",{fill:"none",stroke:"rgba(59,130,246,0.9)",strokeWidth:2,points:f,strokeLinecap:"round",strokeLinejoin:"round"}),k("polygon",{points:`${f} ${t},${e} 0,${e}`,fill:"rgba(59,130,246,0.08)"})]})};export{j as BellCurve,N as Chart,oe as RadarChart,ce as SankeyChart,pe as ScatterChart,de as SimpleChart,ue as TreemapChart};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cleen/ui",
3
- "version": "0.1.66",
3
+ "version": "0.1.68",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "type": "module",
@@ -31,11 +31,13 @@
31
31
  "dependencies": {
32
32
  "@cleen/ui-core": "*",
33
33
  "@wavesurfer/react": "^1.0.12",
34
- "apexcharts": "^5.3.0",
34
+ "apexcharts": "^5.10.1",
35
+ "apexsankey": "^1.7.1",
35
36
  "embla-carousel-auto-scroll": "^8.6.0",
36
37
  "embla-carousel-autoplay": "^8.6.0",
37
38
  "embla-carousel-react": "^8.6.0",
38
39
  "react-apexcharts": "^2.1.0",
40
+ "react-apexsankey": "^1.0.0",
39
41
  "react-day-picker": "^9.11.1",
40
42
  "react-icons": "^5.3.0",
41
43
  "react-select": "^5.10.2",