@cleen/ui 0.1.147 → 0.1.149

package/dist/charts/index.js

@@ -1,4 +1,4 @@
-import{cn as Me}from"@cleen/ui-core";import{forwardRef as $e}from"react";import{renderToStaticMarkup as Fe}from"react-dom/server";import De from"react-apexcharts";var Y={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 ae}from"react/jsx-runtime";var ze="[&_.apexcharts-tooltip]:!cleen-bg-transparent [&_.apexcharts-tooltip]:!cleen-border-0 [&_.apexcharts-tooltip]:!cleen-shadow-none [&_.apexcharts-tooltip]:!cleen-p-0 [&_.apexcharts-tooltip]:!cleen-overflow-visible [&_.apexcharts-tooltip]:!cleen-whitespace-normal",ie=$e(function({type:t="line",series:r,options:n={},width:d="100%",height:x=350,className:y,style:C,renderTooltip:c},S){let T=c?{...n.tooltip,custom:(s=>{let A=c({seriesIndex:s.seriesIndex,dataPointIndex:s.dataPointIndex,series:s.series,w:s.w});return A?Fe(A):""})}:n.tooltip,o={...Y,...n,chart:{...Y.chart,...n.chart,type:t},...T?{tooltip:T}:{}},v=!!o.tooltip?.custom;return ae("div",{className:Me("cleen",v&&ze,y),style:C,children:ae(De,{options:o,series:r,type:t,width:d,height:x,ref:S})})}),P=ie;import{applyDefaults as Ge}from"@cleen/ui-core";import{forwardRef as We}from"react";var le={chart:{type:"bar",zoom:{enabled:!1},toolbar:{show:!1},animations:{enabled:!1},fontFamily:"inherit",background:"transparent",parentHeightOffset:0},dataLabels:{enabled:!1},legend:{show:!1}};import{jsx as Xe}from"react/jsx-runtime";var Ue=We(function({options:t,...r},n){return Xe(P,{type:"bar",ref:n,options:Ge(le,t??{}),...r})});import{applyDefaults as z}from"@cleen/ui-core";import{forwardRef as Ve,useMemo as $}from"react";import{ColorHelpers as M}from"@cleen/ui-core";var se={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"}}},ce={label:{borderColor:"transparent",style:{color:"rgba(var(--cleen-white))",background:"rgba(var(--cleen-primary))"}},fillColor:"rgba(var(--cleen-primary))"},pe={label:{borderWidth:0,offsetY:-15,orientation:"horizontal",style:{color:"rgba(var(--cleen-primary))",background:"transparent",fontSize:"16px",fontWeight:700}},borderColor:"rgba(var(--cleen-primary))"},de={marker:{size:8,fillColor:"rgba(var(--cleen-primary))",strokeColor:"rgba(var(--cleen-white))"}},ue={chart:{zoom:{enabled:!1},toolbar:{show:!1},animations:{enabled:!1}},stroke:{curve:"monotoneCubic",width:2.5},colors:[M.getComputedColor("var(--cleen-error)"),M.getComputedColor("var(--cleen-primary)"),M.getComputedColor("var(--cleen-success)")],fill:{type:"gradient",gradient:{shade:"light",type:"vertical",shadeIntensity:.6,gradientToColors:[M.getComputedColor("var(--cleen-error)")||"",M.getComputedColor("var(--cleen-primary)")||"",M.getComputedColor("var(--cleen-success)")||""],inverseColors:!1,opacityFrom:.95,opacityTo:.6}},yaxis:{show:!1},tooltip:{enabled:!0,x:{formatter:function(e){return`Score: ${typeof e=="string"?Number(e):e}`}},y:{formatter:function(e){return`${Number(e).toFixed(4)}`}}},grid:{show:!1},legend:{show:!1}};var me=(e,t)=>({middle:e,leftSigma:e-t,left2Sigma:e-2*t,left:e-3*t,rightSigma:e+2*t,right2Sigma:e+2*t,right:e+3*t}),fe=(e,t,r,n)=>({middle:e,leftSigma:e-t,left2Sigma:e-2*t,left:r,rightSigma:e+t,right2Sigma:e+2*t,right:n}),he=(e,t)=>{let r={};switch(e.type){case"range":r={x:t[e.x],x2:t[e.x2]};break;case"offset":r={x:e.x-e.offset,x2:e.x+e.offset};break;case"region":e.x>=t.left&&e.x<t.left2Sigma?r={x:t.left,x2:t.left2Sigma}:e.x>=t.left2Sigma&&e.x<t.leftSigma?r={x:t.left2Sigma,x2:t.leftSigma}:e.x>=t.leftSigma&&e.x<t.middle?r={x:t.leftSigma,x2:t.middle}:e.x>=t.middle&&e.x<t.rightSigma?r={x:t.middle,x2:t.rightSigma}:e.x>=t.rightSigma&&e.x<t.right2Sigma?r={x:t.rightSigma,x2:t.right2Sigma}:e.x>=t.right2Sigma&&e.x<t.right&&(r={x:t.right2Sigma,x2:t.right});break;default:r={x:e.x,x2:e.x2};break}return r};import{jsx as je}from"react/jsx-runtime";var Ke=Ve(function({serie:t,labels:r,sigma:n,pointAnnotations:d,rangeAnnotations:x,highlightAnnotations:y,options:C,height:c=360,...S},T){let o=$(()=>t.sort((l,f)=>l.x-f.x),[t]),v=$(()=>{let l=new Map;return t.forEach(f=>l.set(f.x,f.y)),l},[t]),s=o[Math.floor(o.length/2)],A=$(()=>{let{below:l,middle:f,above:g}=t.reduce((u,a)=>(a.x<s.x-2*n?u.below.push(a):a.x>=s.x+2*n?(a.x===s.x+2*n&&u.middle.push(a),u.above.push(a)):(a.x===s.x-2*n&&u.below.push(a),u.middle.push(a)),u),{below:[],middle:[],above:[]});return[{name:r?.below||"Below threshold",data:l},{name:r?.middle||"Middle grounds",data:f},{name:r?.above||"Above threshold",data:g}]},[n,t,r,s]),N=$(()=>{if(!d)return[];let l=me(s.x,n);return Object.entries(d).map(([f,g])=>{let u=l[f];return{x:u,y:v.get(u)||0,...z(se,g)}})},[d,n,v]),R=$(()=>{if(!x)return[];let l=fe(s.x,n,o[0].x,o[o.length-1].x);return x.map(f=>{let g=he(f,l);return{...z(ce,f),...g}})},[x,n,o]),{highlightPointAnnotations:w,highlightLineAnnotations:i}=$(()=>{if(!y)return{highlightLineAnnotations:[],highlightPointAnnotations:[]};let l=[],f=[],g=({x:a,line:h})=>{f.push(z(pe,{x:a,...h}))},u=({x:a,y:h,point:m})=>{l.push(z(de,{x:a,y:h,...m}))};return y?.forEach(a=>{switch(a.show){case"line":g(a);break;case"point":u(a);break;case"both":g(a),u(a);break;default:break}}),{highlightPointAnnotations:l,highlightLineAnnotations:f}},[y]);return je(P,{series:A,options:{...z(ue,C),annotations:{...C?.annotations,points:[...N,...w,...C?.annotations?.points||[]],xaxis:[...R,...i,...C?.annotations?.xaxis||[]]}},height:c,ref:T,type:"area",...S})});import{applyDefaults as qe}from"@cleen/ui-core";import{forwardRef as Ye}from"react";var ge={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 Je}from"react/jsx-runtime";var Ze=Ye(function({options:t,...r},n){return Je(P,{type:"radar",ref:n,options:qe(ge,t),...r})});import{applyDefaults as Qe,cn as et}from"@cleen/ui-core";import{forwardRef as tt}from"react";var ye={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))"}}},xe={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(e){let t=Number(e);return Number.isNaN(t)?`${e}`:`$${Math.round(t)}k`}}},tooltip:{enabled:!0,theme:"light",x:{formatter(e){let t=Number(e);return Number.isNaN(t)?`${e}`:`$${Math.round(t)}k`}}}};import{jsx as G,jsxs as be}from"react/jsx-runtime";var rt=tt(function({options:t,variant:r="default",rows:n,className:d,style:x,...y},C){let S=Qe(r==="matrix"?xe:ye,t);if(r==="matrix"&&n?.length){let T=Math.min(...n.map(s=>s.y)),o=Math.max(...n.map(s=>s.y)),v=Array.isArray(S.yaxis)?{}:S.yaxis??{};return be("div",{className:et("cleen cleen-grid cleen-grid-cols-[156px_minmax(0,1fr)] cleen-items-stretch cleen-gap-3 cleen-w-full",d),style:x,children:[G("div",{className:"cleen-grid cleen-pt-[18px] cleen-pb-[54px]",style:{gridTemplateRows:`repeat(${n.length}, minmax(0, 1fr))`},children:n.map(s=>be("div",{className:"cleen-flex cleen-flex-col cleen-justify-center cleen-items-end cleen-gap-1 cleen-pr-2",children:[G("span",{className:"cleen-text-[18px] cleen-font-bold cleen-leading-[1.1] cleen-text-[rgba(var(--cleen-black))]",children:s.label}),s.gapsLabel?G("span",{className:"cleen-text-[14px] cleen-leading-[1.2] cleen-text-[rgba(var(--cleen-gray),0.8)]",children:s.gapsLabel}):null]},`${s.label}-${s.y}`))}),G(P,{type:"scatter",ref:C,className:"cleen-w-full cleen-h-full",options:{...S,yaxis:{...v,min:T-.5,max:o+.5,tickAmount:Math.max(o-T,1),axisBorder:{...v.axisBorder,show:!1},axisTicks:{...v.axisTicks,show:!1},labels:{...v.labels,show:!1}},annotations:{...S.annotations,yaxis:[...n.map(s=>({y:s.y,borderColor:s.lineColor||"rgba(var(--cleen-gray), 0.12)",strokeDashArray:0})),...S.annotations?.yaxis||[]]}},...y})]})}return G(P,{type:"scatter",ref:C,className:d,style:x,options:S,...y})});import{applyDefaults as ot,cn as W}from"@cleen/ui-core";import{useId as nt,useMemo as U,useRef as at,useState as it}from"react";import{Layer as we,Rectangle as Ce,ResponsiveContainer as lt,Sankey as st,Tooltip as ct}from"recharts";var E={width:"100%",height:420,nodePadding:24,enableToolbar:!1,enableTooltip:!0,highlightOnHover:!0,dimOnHover:!0,dimOpacity:.2,edgeOpacity:.4,edgeGradientFill:!0,nodeWidth:20,nodeBorderWidth:0,nodeBorderColor:null,align:"justify",fontColor:"rgba(var(--cleen-neutral-800, 38, 38, 38))",tooltipBGColor:"rgba(var(--cleen-white))",tooltipBorderColor:"rgba(var(--cleen-gray), 0.2)"};import{Fragment as Nt,jsx as k,jsxs as D}from"react/jsx-runtime";var pt=typeof E.height=="number"?E.height:420,Se=40,ve=60,ke=8,dt=8,ut="cleen-min-w-[220px] cleen-max-w-[min(360px,90vw)] cleen-flex cleen-flex-col cleen-gap-2",Z="cleen-m-0 cleen-text-xs cleen-leading-[18px] cleen-whitespace-pre-line cleen-break-words",mt="cleen-font-semibold",ft="cleen-font-medium cleen-text-[13px] cleen-mt-1 cleen-opacity-[0.72]",ht="cleen-font-medium cleen-text-[13px] cleen-mt-[6px]";function gt(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"){let t=e.trim();if(!t.endsWith("%")&&t!=="auto"){let r=Number.parseFloat(t);if(Number.isFinite(r))return r}}return pt}function Ae(e){return typeof e=="object"&&e!==null&&"id"in e&&"title"in e}function yt(e){return typeof e=="object"&&e!==null&&"id"in e&&"title"in e&&"index"in e&&"name"in e}var Te=["rgba(var(--cleen-primary, 59, 130, 246))","rgba(var(--cleen-success, 34, 197, 94))","rgba(var(--cleen-warning, 245, 158, 11))","rgba(var(--cleen-error, 239, 68, 68))","rgba(var(--cleen-purple, 147, 51, 234))","rgba(var(--cleen-cyan, 6, 182, 212))","rgba(var(--cleen-orange, 249, 115, 22))","rgba(var(--cleen-pink, 236, 72, 153))","rgba(var(--cleen-teal, 20, 184, 166))","rgba(var(--cleen-indigo, 99, 102, 241))","rgba(var(--cleen-rose, 244, 63, 94))","rgba(var(--cleen-amber, 245, 158, 11))"];function Pe(e){return e!=null}function xt(e,t){return[e.source,e.target,e.type??"",e.label??"",e.value,t].join("-").replace(/\s+/g,"_")}function X(e,t){return typeof e=="object"&&e!==null?e.id:t}function Ne(e,t){return typeof e=="object"&&e!==null?e.title:t}function J(e){return typeof e=="object"&&e!==null&&"edgeKey"in e&&"sourceId"in e&&"targetId"in e}function Q(e){return typeof e=="object"&&e!==null&&"payload"in e}function Le(e){if(Q(e))return Le(e.payload);if(J(e)||yt(e))return e}function ee(...e){return e.map(t=>typeof t=="number"?String(t):t?.trim()??"").find(t=>t.length>0)}function Oe(e){let t=ee(e);if(t)return/[\p{L}\p{N}]/u.test(t)?t:void 0}function Ee(e){return e.replace(/[^a-zA-Z0-9_-]/g,"_")}function F(e){let t=e.match(/^rgba\((var\(.+\)),\s*([0-9]*\.?[0-9]+)\)$/i);if(t)return{color:`rgb(${t[1]})`,opacity:Number.parseFloat(t[2])};let r=e.match(/^rgba\((var\(.+\))\)$/i);if(r)return{color:`rgb(${r[1]})`,opacity:1};let n=e.match(/^rgba\(\s*(\d+\s*,\s*\d+\s*,\s*\d+)\s*,\s*([0-9]*\.?[0-9]+)\s*\)$/i);return n?{color:`rgb(${n[1]})`,opacity:Number.parseFloat(n[2])}:{color:e,opacity:1}}function te(e,t){return F(t??Te[e%Te.length])}function Re(e){return e.length*dt}function bt(e){let t=new Set,r=new Set([e.id]);for(let n of[...e.sourceLinks??[],...e.targetLinks??[]])t.add(n.edgeKey),r.add(X(n.source,n.sourceId)),r.add(X(n.target,n.targetId));return{activeLinkKeys:t,activeNodeIds:r}}function Ct(e){return{activeLinkKeys:new Set([e.edgeKey]),activeNodeIds:new Set([X(e.source,e.sourceId),X(e.target,e.targetId)])}}function St(e,t,r,n,d){return!e||e.activeNodeIds.has(t)?1:n?d??E.dimOpacity??.2:r?.55:1}function vt(e,t,r,n,d,x){return e?e.activeLinkKeys.has(t)?n?Math.max(r,.9):r:d?x??E.dimOpacity??.2:n?Math.min(r,.3):r:r}var kt=({dimOnHover:e,dimOpacity:t,fontColor:r,x:n,y:d,width:x,height:y,highlightOnHover:C,hoverState:c,index:S,outgoingEdgesById:T,payload:o,stroke:v,strokeWidth:s})=>{if(o===void 0||n===void 0||d===void 0||x===void 0||y===void 0||S===void 0)return null;let A=T?.get(o.id)??[],N=A.length>0,R=te(S,o.color),w=F(r),i=St(c,o.id,C,e,t),l=new Set(A.map(h=>h.color).filter(Pe)),f=Array.from(l)[0],g=N&&A.length>1&&l.size>1&&l.size===A.length,u=g?A:[],a=u.reduce((h,m)=>h+(m.value??0),0);return D(we,{children:[g&&a>0?u.map((h,m)=>{let p=u.slice(0,m).reduce((H,B)=>H+(B.value??0),0),b=d+p/a*y,O=(h.value??0)/a*y,L=F(h.color??R.color),I=m===0,_=m===u.length-1;return k(Ce,{x:n,y:b,width:x,height:O,fill:L.color,fillOpacity:L.opacity*i,stroke:v,strokeWidth:s,radius:[I?2:0,I?2:0,_?2:0,_?2:0]},`${h.source}-${h.target}-${m}`)}):k(Ce,{x:n,y:d,width:x,height:y,fill:N&&l.size===1?F(f??R.color).color:R.color,fillOpacity:(N&&l.size===1?F(f??R.color).opacity:R.opacity)*i,stroke:v,strokeWidth:s,radius:[2,2,2,2]}),k("text",{textAnchor:N?"end":"start",x:N?n-8:n+x+8,y:d+y/2,dy:"0.35em",fontSize:"14",fill:w.color,fillOpacity:w.opacity*i,fontWeight:600,children:o.name})]},`CustomNode${S}`)},At=({sourceX:e,targetX:t,sourceY:r,targetY:n,sourceControlX:d,targetControlX:x,linkWidth:y,index:C,payload:c,opacity:S,chartId:T,dimOnHover:o,dimOpacity:v,edgeGradientFill:s,highlightOnHover:A,hoverState:N})=>{if(c===void 0||e===void 0||t===void 0||r===void 0||n===void 0||d===void 0||x===void 0||y===void 0)return null;let R=S??E.edgeOpacity??.4,w=vt(N,c.edgeKey,R,A,o,v),i=c.color?F(c.color):null,l=i??te(typeof c.source=="object"?c.source.index:0,typeof c.source=="object"?c.source.color:void 0),f=i??te(typeof c.target=="object"?c.target.index:1,typeof c.target=="object"?c.target.color:void 0),g=Ee(`linkGradient-${T}-${c.edgeKey}-${C??c.value}`),u=s!==!1&&i===null;return D(we,{children:[u?k("defs",{children:D("linearGradient",{id:g,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[k("stop",{offset:"0%",stopColor:l.color,stopOpacity:l.opacity*w}),k("stop",{offset:"100%",stopColor:f.color,stopOpacity:f.opacity*w})]})}):null,k("path",{d:`
+import{cn as Me}from"@cleen/ui-core";import{forwardRef as $e}from"react";import{renderToStaticMarkup as Fe}from"react-dom/server";import De from"react-apexcharts";var Y={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 ae}from"react/jsx-runtime";var ze="[&_.apexcharts-tooltip]:!cleen-bg-transparent [&_.apexcharts-tooltip]:!cleen-border-0 [&_.apexcharts-tooltip]:!cleen-shadow-none [&_.apexcharts-tooltip]:!cleen-p-0 [&_.apexcharts-tooltip]:!cleen-overflow-visible [&_.apexcharts-tooltip]:!cleen-whitespace-normal",ie=$e(function({type:t="line",series:r,options:n={},width:d="100%",height:x=350,className:y,style:C,renderTooltip:c},S){let T=c?{...n.tooltip,custom:(s=>{let A=c({seriesIndex:s.seriesIndex,dataPointIndex:s.dataPointIndex,series:s.series,w:s.w});return A?Fe(A):""})}:n.tooltip,o={...Y,...n,chart:{...Y.chart,...n.chart,type:t},...T?{tooltip:T}:{}},v=!!o.tooltip?.custom;return ae("div",{className:Me("cleen",v&&ze,y),style:C,children:ae(De,{options:o,series:r,type:t,width:d,height:x,ref:S})})}),P=ie;import{applyDefaults as Ge}from"@cleen/ui-core";import{forwardRef as We}from"react";var le={chart:{type:"bar",zoom:{enabled:!1},toolbar:{show:!1},animations:{enabled:!1},fontFamily:"inherit",background:"transparent",parentHeightOffset:0},dataLabels:{enabled:!1},legend:{show:!1}};import{jsx as Xe}from"react/jsx-runtime";var Ue=We(function({options:t,...r},n){return Xe(P,{type:"bar",ref:n,options:Ge(le,t??{}),...r})});import{applyDefaults as z}from"@cleen/ui-core";import{forwardRef as Ve,useMemo as $}from"react";import{ColorHelpers as M}from"@cleen/ui-core";var se={marker:{size:2,fillColor:"rgba(var(--cleen-gray-500))",strokeColor:"rgba(var(--cleen-gray-500))",offsetY:-16,shape:"triangle"},label:{borderWidth:0,offsetY:-20,style:{color:"rgba(var(--cleen-gray-500))",background:"transparent",fontSize:"11px"}}},ce={label:{borderColor:"transparent",style:{color:"rgba(var(--cleen-white))",background:"rgba(var(--cleen-primary))"}},fillColor:"rgba(var(--cleen-primary))"},pe={label:{borderWidth:0,offsetY:-15,orientation:"horizontal",style:{color:"rgba(var(--cleen-primary))",background:"transparent",fontSize:"16px",fontWeight:700}},borderColor:"rgba(var(--cleen-primary))"},de={marker:{size:8,fillColor:"rgba(var(--cleen-primary))",strokeColor:"rgba(var(--cleen-white))"}},ue={chart:{zoom:{enabled:!1},toolbar:{show:!1},animations:{enabled:!1}},stroke:{curve:"monotoneCubic",width:2.5},colors:[M.getComputedColor("var(--cleen-error)"),M.getComputedColor("var(--cleen-primary)"),M.getComputedColor("var(--cleen-success)")],fill:{type:"gradient",gradient:{shade:"light",type:"vertical",shadeIntensity:.6,gradientToColors:[M.getComputedColor("var(--cleen-error)")||"",M.getComputedColor("var(--cleen-primary)")||"",M.getComputedColor("var(--cleen-success)")||""],inverseColors:!1,opacityFrom:.95,opacityTo:.6}},yaxis:{show:!1},tooltip:{enabled:!0,x:{formatter:function(e){return`Score: ${typeof e=="string"?Number(e):e}`}},y:{formatter:function(e){return`${Number(e).toFixed(4)}`}}},grid:{show:!1},legend:{show:!1}};var me=(e,t)=>({middle:e,leftSigma:e-t,left2Sigma:e-2*t,left:e-3*t,rightSigma:e+2*t,right2Sigma:e+2*t,right:e+3*t}),fe=(e,t,r,n)=>({middle:e,leftSigma:e-t,left2Sigma:e-2*t,left:r,rightSigma:e+t,right2Sigma:e+2*t,right:n}),he=(e,t)=>{let r={};switch(e.type){case"range":r={x:t[e.x],x2:t[e.x2]};break;case"offset":r={x:e.x-e.offset,x2:e.x+e.offset};break;case"region":e.x>=t.left&&e.x<t.left2Sigma?r={x:t.left,x2:t.left2Sigma}:e.x>=t.left2Sigma&&e.x<t.leftSigma?r={x:t.left2Sigma,x2:t.leftSigma}:e.x>=t.leftSigma&&e.x<t.middle?r={x:t.leftSigma,x2:t.middle}:e.x>=t.middle&&e.x<t.rightSigma?r={x:t.middle,x2:t.rightSigma}:e.x>=t.rightSigma&&e.x<t.right2Sigma?r={x:t.rightSigma,x2:t.right2Sigma}:e.x>=t.right2Sigma&&e.x<t.right&&(r={x:t.right2Sigma,x2:t.right});break;default:r={x:e.x,x2:e.x2};break}return r};import{jsx as je}from"react/jsx-runtime";var Ke=Ve(function({serie:t,labels:r,sigma:n,pointAnnotations:d,rangeAnnotations:x,highlightAnnotations:y,options:C,height:c=360,...S},T){let o=$(()=>t.sort((l,f)=>l.x-f.x),[t]),v=$(()=>{let l=new Map;return t.forEach(f=>l.set(f.x,f.y)),l},[t]),s=o[Math.floor(o.length/2)],A=$(()=>{let{below:l,middle:f,above:g}=t.reduce((u,a)=>(a.x<s.x-2*n?u.below.push(a):a.x>=s.x+2*n?(a.x===s.x+2*n&&u.middle.push(a),u.above.push(a)):(a.x===s.x-2*n&&u.below.push(a),u.middle.push(a)),u),{below:[],middle:[],above:[]});return[{name:r?.below||"Below threshold",data:l},{name:r?.middle||"Middle grounds",data:f},{name:r?.above||"Above threshold",data:g}]},[n,t,r,s]),N=$(()=>{if(!d)return[];let l=me(s.x,n);return Object.entries(d).map(([f,g])=>{let u=l[f];return{x:u,y:v.get(u)||0,...z(se,g)}})},[d,n,v]),R=$(()=>{if(!x)return[];let l=fe(s.x,n,o[0].x,o[o.length-1].x);return x.map(f=>{let g=he(f,l);return{...z(ce,f),...g}})},[x,n,o]),{highlightPointAnnotations:w,highlightLineAnnotations:i}=$(()=>{if(!y)return{highlightLineAnnotations:[],highlightPointAnnotations:[]};let l=[],f=[],g=({x:a,line:h})=>{f.push(z(pe,{x:a,...h}))},u=({x:a,y:h,point:m})=>{l.push(z(de,{x:a,y:h,...m}))};return y?.forEach(a=>{switch(a.show){case"line":g(a);break;case"point":u(a);break;case"both":g(a),u(a);break;default:break}}),{highlightPointAnnotations:l,highlightLineAnnotations:f}},[y]);return je(P,{series:A,options:{...z(ue,C),annotations:{...C?.annotations,points:[...N,...w,...C?.annotations?.points||[]],xaxis:[...R,...i,...C?.annotations?.xaxis||[]]}},height:c,ref:T,type:"area",...S})});import{applyDefaults as qe}from"@cleen/ui-core";import{forwardRef as Ye}from"react";var ge={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 Je}from"react/jsx-runtime";var Ze=Ye(function({options:t,...r},n){return Je(P,{type:"radar",ref:n,options:qe(ge,t),...r})});import{applyDefaults as Qe,cn as et}from"@cleen/ui-core";import{forwardRef as tt}from"react";var ye={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-700))"}},yaxis:{axisBorder:{show:!0,color:"rgba(var(--cleen-gray-200))"},labels:{style:{colors:"rgba(var(--cleen-gray-700))"}}},xaxis:{axisBorder:{show:!0,color:"rgba(var(--cleen-gray-200))"},labels:{style:{colors:"rgba(var(--cleen-gray-700))"}}},title:{align:"left",floating:!0,style:{color:"rgba(var(--cleen-black))"}}},xe={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-200))",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-700))",fontSize:"14px",fontWeight:400}},labels:{style:{colors:"rgba(var(--cleen-gray-700))",fontSize:"14px"},formatter(e){let t=Number(e);return Number.isNaN(t)?`${e}`:`$${Math.round(t)}k`}}},tooltip:{enabled:!0,theme:"light",x:{formatter(e){let t=Number(e);return Number.isNaN(t)?`${e}`:`$${Math.round(t)}k`}}}};import{jsx as G,jsxs as be}from"react/jsx-runtime";var rt=tt(function({options:t,variant:r="default",rows:n,className:d,style:x,...y},C){let S=Qe(r==="matrix"?xe:ye,t);if(r==="matrix"&&n?.length){let T=Math.min(...n.map(s=>s.y)),o=Math.max(...n.map(s=>s.y)),v=Array.isArray(S.yaxis)?{}:S.yaxis??{};return be("div",{className:et("cleen cleen-grid cleen-grid-cols-[156px_minmax(0,1fr)] cleen-items-stretch cleen-gap-3 cleen-w-full",d),style:x,children:[G("div",{className:"cleen-grid cleen-pt-[18px] cleen-pb-[54px]",style:{gridTemplateRows:`repeat(${n.length}, minmax(0, 1fr))`},children:n.map(s=>be("div",{className:"cleen-flex cleen-flex-col cleen-justify-center cleen-items-end cleen-gap-1 cleen-pr-2",children:[G("span",{className:"cleen-text-[18px] cleen-font-bold cleen-leading-[1.1] cleen-text-[rgba(var(--cleen-black))]",children:s.label}),s.gapsLabel?G("span",{className:"cleen-text-[14px] cleen-leading-[1.2] cleen-text-gray-700",children:s.gapsLabel}):null]},`${s.label}-${s.y}`))}),G(P,{type:"scatter",ref:C,className:"cleen-w-full cleen-h-full",options:{...S,yaxis:{...v,min:T-.5,max:o+.5,tickAmount:Math.max(o-T,1),axisBorder:{...v.axisBorder,show:!1},axisTicks:{...v.axisTicks,show:!1},labels:{...v.labels,show:!1}},annotations:{...S.annotations,yaxis:[...n.map(s=>({y:s.y,borderColor:s.lineColor||"rgba(var(--cleen-gray-200))",strokeDashArray:0})),...S.annotations?.yaxis||[]]}},...y})]})}return G(P,{type:"scatter",ref:C,className:d,style:x,options:S,...y})});import{applyDefaults as ot,cn as W}from"@cleen/ui-core";import{useId as nt,useMemo as U,useRef as at,useState as it}from"react";import{Layer as we,Tooltip as lt,Rectangle as Ce,ResponsiveContainer as st,Sankey as ct}from"recharts";var E={width:"100%",height:420,nodePadding:24,enableToolbar:!1,enableTooltip:!0,highlightOnHover:!0,dimOnHover:!0,dimOpacity:.2,edgeOpacity:.4,edgeGradientFill:!0,nodeWidth:20,nodeBorderWidth:0,nodeBorderColor:null,align:"justify",fontColor:"rgba(var(--cleen-neutral-800, 38, 38, 38))",tooltipBGColor:"rgba(var(--cleen-white))",tooltipBorderColor:"rgba(var(--cleen-gray-200))"};import{Fragment as Nt,jsx as k,jsxs as D}from"react/jsx-runtime";var pt=typeof E.height=="number"?E.height:420,Se=40,ve=60,ke=8,dt=8,ut="cleen-min-w-[220px] cleen-max-w-[min(360px,90vw)] cleen-flex cleen-flex-col cleen-gap-2",Z="cleen-m-0 cleen-text-xs cleen-leading-[18px] cleen-whitespace-pre-line cleen-break-words",mt="cleen-font-semibold",ft="cleen-font-medium cleen-text-[13px] cleen-mt-1 cleen-opacity-[0.72]",ht="cleen-font-medium cleen-text-[13px] cleen-mt-[6px]";function gt(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"){let t=e.trim();if(!t.endsWith("%")&&t!=="auto"){let r=Number.parseFloat(t);if(Number.isFinite(r))return r}}return pt}function Ae(e){return typeof e=="object"&&e!==null&&"id"in e&&"title"in e}function yt(e){return typeof e=="object"&&e!==null&&"id"in e&&"title"in e&&"index"in e&&"name"in e}var Te=["rgba(var(--cleen-primary, 59, 130, 246))","rgba(var(--cleen-success, 34, 197, 94))","rgba(var(--cleen-warning, 245, 158, 11))","rgba(var(--cleen-error, 239, 68, 68))","rgba(var(--cleen-purple, 147, 51, 234))","rgba(var(--cleen-cyan, 6, 182, 212))","rgba(var(--cleen-orange, 249, 115, 22))","rgba(var(--cleen-pink, 236, 72, 153))","rgba(var(--cleen-teal, 20, 184, 166))","rgba(var(--cleen-indigo, 99, 102, 241))","rgba(var(--cleen-rose, 244, 63, 94))","rgba(var(--cleen-amber, 245, 158, 11))"];function Pe(e){return e!=null}function xt(e,t){return[e.source,e.target,e.type??"",e.label??"",e.value,t].join("-").replace(/\s+/g,"_")}function X(e,t){return typeof e=="object"&&e!==null?e.id:t}function Ne(e,t){return typeof e=="object"&&e!==null?e.title:t}function J(e){return typeof e=="object"&&e!==null&&"edgeKey"in e&&"sourceId"in e&&"targetId"in e}function Q(e){return typeof e=="object"&&e!==null&&"payload"in e}function Le(e){if(Q(e))return Le(e.payload);if(J(e)||yt(e))return e}function ee(...e){return e.map(t=>typeof t=="number"?String(t):t?.trim()??"").find(t=>t.length>0)}function Oe(e){let t=ee(e);if(t)return/[\p{L}\p{N}]/u.test(t)?t:void 0}function Ee(e){return e.replace(/[^a-zA-Z0-9_-]/g,"_")}function F(e){let t=e.match(/^rgba\((var\(.+\)),\s*([0-9]*\.?[0-9]+)\)$/i);if(t)return{color:`rgb(${t[1]})`,opacity:Number.parseFloat(t[2])};let r=e.match(/^rgba\((var\(.+\))\)$/i);if(r)return{color:`rgb(${r[1]})`,opacity:1};let n=e.match(/^rgba\(\s*(\d+\s*,\s*\d+\s*,\s*\d+)\s*,\s*([0-9]*\.?[0-9]+)\s*\)$/i);return n?{color:`rgb(${n[1]})`,opacity:Number.parseFloat(n[2])}:{color:e,opacity:1}}function te(e,t){return F(t??Te[e%Te.length])}function Re(e){return e.length*dt}function bt(e){let t=new Set,r=new Set([e.id]);for(let n of[...e.sourceLinks??[],...e.targetLinks??[]])t.add(n.edgeKey),r.add(X(n.source,n.sourceId)),r.add(X(n.target,n.targetId));return{activeLinkKeys:t,activeNodeIds:r}}function Ct(e){return{activeLinkKeys:new Set([e.edgeKey]),activeNodeIds:new Set([X(e.source,e.sourceId),X(e.target,e.targetId)])}}function St(e,t,r,n,d){return!e||e.activeNodeIds.has(t)?1:n?d??E.dimOpacity??.2:r?.55:1}function vt(e,t,r,n,d,x){return e?e.activeLinkKeys.has(t)?n?Math.max(r,.9):r:d?x??E.dimOpacity??.2:n?Math.min(r,.3):r:r}var kt=({dimOnHover:e,dimOpacity:t,fontColor:r,x:n,y:d,width:x,height:y,highlightOnHover:C,hoverState:c,index:S,outgoingEdgesById:T,payload:o,stroke:v,strokeWidth:s})=>{if(o===void 0||n===void 0||d===void 0||x===void 0||y===void 0||S===void 0)return null;let A=T?.get(o.id)??[],N=A.length>0,R=te(S,o.color),w=F(r),i=St(c,o.id,C,e,t),l=new Set(A.map(h=>h.color).filter(Pe)),f=Array.from(l)[0],g=N&&A.length>1&&l.size>1&&l.size===A.length,u=g?A:[],a=u.reduce((h,m)=>h+(m.value??0),0);return D(we,{children:[g&&a>0?u.map((h,m)=>{let p=u.slice(0,m).reduce((H,B)=>H+(B.value??0),0),b=d+p/a*y,O=(h.value??0)/a*y,L=F(h.color??R.color),I=m===0,_=m===u.length-1;return k(Ce,{x:n,y:b,width:x,height:O,fill:L.color,fillOpacity:L.opacity*i,stroke:v,strokeWidth:s,radius:[I?2:0,I?2:0,_?2:0,_?2:0]},`${h.source}-${h.target}-${m}`)}):k(Ce,{x:n,y:d,width:x,height:y,fill:N&&l.size===1?F(f??R.color).color:R.color,fillOpacity:(N&&l.size===1?F(f??R.color).opacity:R.opacity)*i,stroke:v,strokeWidth:s,radius:[2,2,2,2]}),k("text",{textAnchor:N?"end":"start",x:N?n-8:n+x+8,y:d+y/2,dy:"0.35em",fontSize:"14",fill:w.color,fillOpacity:w.opacity*i,fontWeight:600,children:o.name})]},`CustomNode${S}`)},At=({sourceX:e,targetX:t,sourceY:r,targetY:n,sourceControlX:d,targetControlX:x,linkWidth:y,index:C,payload:c,opacity:S,chartId:T,dimOnHover:o,dimOpacity:v,edgeGradientFill:s,highlightOnHover:A,hoverState:N})=>{if(c===void 0||e===void 0||t===void 0||r===void 0||n===void 0||d===void 0||x===void 0||y===void 0)return null;let R=S??E.edgeOpacity??.4,w=vt(N,c.edgeKey,R,A,o,v),i=c.color?F(c.color):null,l=i??te(typeof c.source=="object"?c.source.index:0,typeof c.source=="object"?c.source.color:void 0),f=i??te(typeof c.target=="object"?c.target.index:1,typeof c.target=="object"?c.target.color:void 0),g=Ee(`linkGradient-${T}-${c.edgeKey}-${C??c.value}`),u=s!==!1&&i===null;return D(we,{children:[u?k("defs",{children:D("linearGradient",{id:g,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[k("stop",{offset:"0%",stopColor:l.color,stopOpacity:l.opacity*w}),k("stop",{offset:"100%",stopColor:f.color,stopOpacity:f.opacity*w})]})}):null,k("path",{d:`
           M${e},${r}
           C${d},${r} ${x},${n} ${t},${n}
-        `,stroke:u?`url(#${g})`:l.color,strokeWidth:Math.max(1,y),fill:"none",strokeOpacity:u?1:l.opacity*w,className:"cleen-transition-opacity cleen-duration-300 hover:cleen-opacity-100"})]},`CustomLink${c.edgeKey}`)};function Tt({data:e,options:t,className:r,style:n,onNodeClick:d,renderTooltip:x}){let y=at(null),[C,c]=it(null),S=nt(),T=Ee(S),o=ot(E,t),v=gt(o.height),s=o.highlightOnHover||o.dimOnHover,A=U(()=>{let a=e.nodes.map((m,p)=>({...m,index:p,name:m.title})),h=e.edges.map((m,p)=>{let b=e.nodes.findIndex(L=>L.id===m.source),O=e.nodes.findIndex(L=>L.id===m.target);return b<0||O<0?null:{...m,edgeKey:xt(m,p),originalEdge:m,source:b,sourceId:m.source,target:O,targetId:m.target,value:m.value}}).filter(Pe);return{nodes:a,links:h}},[e]),N=U(()=>{let a=new Map;for(let h of e.edges){let m=a.get(h.source)??[];m.push(h),a.set(h.source,m)}return a},[e]),R=U(()=>({backgroundColor:o.tooltipBGColor,border:`1px solid ${o.tooltipBorderColor}`,borderRadius:8,boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",color:o.fontColor,padding:"10px 12px"}),[o.fontColor,o.tooltipBGColor,o.tooltipBorderColor]),w=U(()=>{let a=new Set(e.edges.map(b=>b.source)),h=new Set(e.edges.map(b=>b.target)),m=e.nodes.reduce((b,O)=>h.has(O.id)?b:Math.max(b,Re(O.title)),0),p=e.nodes.reduce((b,O)=>a.has(O.id)?b:Math.max(b,Re(O.title)),0);return{top:Se,right:Math.max(ve,p+ke+16),bottom:Se,left:Math.max(ve,m+ke+16)}},[e]),i=(a,h)=>{if(s){if(h==="node"&&Ae(a.payload)){c(bt(a.payload));return}h==="link"&&J(a.payload)&&c(Ct(a.payload))}},l=()=>{s&&c(null)},f=()=>{if(typeof window>"u")return;let a=y.current?.querySelector("svg");if(!a)return;let h=new XMLSerializer().serializeToString(a),m=new Blob([h],{type:"image/svg+xml;charset=utf-8"}),p=URL.createObjectURL(m),b=document.createElement("a");b.href=p,b.download="sankey-chart.svg",b.click(),window.setTimeout(()=>URL.revokeObjectURL(p),0)},g=({active:a,payload:h})=>{if(!a||!h?.length)return null;let m=h[0]?.payload,p=Le(m);if(!p)return null;let b=J(p),O=Q(m)?m.value:h[0]?.value,L=Q(m)?m.name:void 0,I=Number(p.value??O??0),_=o.valueFormatter?o.valueFormatter(Number(p.value??O??0),b?p.originalEdge:void 0):`${p.value??O??""}`,H=b?Ne(p.source,p.sourceId):"",B=b?Ne(p.target,p.targetId):"",j=b?ee(p.title,p.label,p.name,p.originalEdge?.title,p.originalEdge?.label,p.originalEdge?.name,Oe(L),H&&B?`${H} \u2192 ${B}`:void 0):ee(p.title,Oe(L)),q=b?`${H} \u2192 ${B}`:"";if(x){let Be=b?{type:"link",edge:p.originalEdge,sourceNodeId:p.sourceId,sourceNodeTitle:H,targetNodeId:p.targetId,targetNodeTitle:B,value:Number.isFinite(I)?I:0,payload:p.originalEdge}:{type:"node",node:p,value:Number.isFinite(I)?I:0,payload:p},ne=x(Be);return ne?k(Nt,{children:ne}):null}return!j&&!q&&!_?null:D("div",{className:W(ut),style:R,children:[j?k("p",{className:W(Z,mt),style:{color:o.fontColor,overflowWrap:"anywhere"},children:j}):null,q?k("p",{className:W(Z,ft),style:{color:o.fontColor,overflowWrap:"anywhere"},children:q}):null,_?k("p",{className:W(Z,ht),style:{color:o.fontColor},children:_}):null]})},u={display:"flex",flexDirection:"column",gap:o.enableToolbar?12:0,width:o.width??"100%",height:v,minHeight:v,...n};return D("div",{className:W("cleen cleen-w-full",r),ref:y,style:u,children:[o.enableToolbar?D("div",{className:"cleen-flex cleen-items-center cleen-justify-end cleen-gap-2",children:[k("button",{type:"button",onClick:()=>c(null),disabled:!C,style:{backgroundColor:"rgba(var(--cleen-white))",border:"1px solid rgba(var(--cleen-gray), 0.2)",borderRadius:8,color:o.fontColor,cursor:C?"pointer":"not-allowed",fontSize:13,fontWeight:600,opacity:C?1:.5,padding:"6px 10px"},children:"Reset focus"}),k("button",{type:"button",onClick:f,style:{backgroundColor:"rgba(var(--cleen-white))",border:"1px solid rgba(var(--cleen-gray), 0.2)",borderRadius:8,color:o.fontColor,cursor:"pointer",fontSize:13,fontWeight:600,padding:"6px 10px"},children:"Download SVG"})]}):null,k("div",{style:{flex:1,minHeight:0},children:k(lt,{width:"100%",height:"100%",children:k(st,{data:A,align:o.align,margin:w,node:k(kt,{dimOnHover:o.dimOnHover,dimOpacity:o.dimOpacity,fontColor:o.fontColor??E.fontColor??"rgba(var(--cleen-neutral-800, 38, 38, 38))",highlightOnHover:o.highlightOnHover,hoverState:C,outgoingEdgesById:N,stroke:o.nodeBorderColor??"transparent",strokeWidth:o.nodeBorderWidth}),nodePadding:o.nodePadding,nodeWidth:o.nodeWidth,link:k(At,{chartId:T,dimOnHover:o.dimOnHover,dimOpacity:o.dimOpacity,edgeGradientFill:o.edgeGradientFill,highlightOnHover:o.highlightOnHover,hoverState:C,opacity:o.edgeOpacity}),onClick:(a,h)=>{h==="node"&&d&&Ae(a.payload)&&d(a.payload)},onMouseEnter:i,onMouseLeave:l,children:o.enableTooltip?k(ct,{content:k(g,{}),cursor:!1,allowEscapeViewBox:{x:!1,y:!0},isAnimationActive:!1,wrapperStyle:{transition:"none"}}):null})})})]})}import{applyDefaults as Ot}from"@cleen/ui-core";import{forwardRef as Rt,useEffect as _e,useMemo as He,useRef as V,useState as wt}from"react";var Ie={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 K,jsxs as Lt}from"react/jsx-runtime";var re=(e,t)=>e.length!==t.length?!1:e.every((r,n)=>{let d=t[n];return Math.round(r.x)===Math.round(d.x)&&Math.round(r.y)===Math.round(d.y)&&Math.round(r.width)===Math.round(d.width)&&Math.round(r.height)===Math.round(d.height)}),Pt=Rt(function({options:t,labelLayout:r="apex",renderTileLabel:n,className:d,style:x,...y},C){let c=V(null),[S,T]=wt([]),o=r==="overlay"&&typeof n=="function",v=V(()=>null);v.current=()=>{let i=c.current;if(!i)return null;let l=i.getBoundingClientRect(),f=i.querySelectorAll(".apexcharts-treemap-rect");return f.length?Array.from(f).map((g,u)=>{let a=g.getBoundingClientRect();return{x:a.left-l.left,y:a.top-l.top,width:a.width,height:a.height,dataIndex:u}}):null};let s=V(0),A=V(()=>{});A.current=()=>{cancelAnimationFrame(s.current);let i=0,l=null,f=()=>{let g=v.current();if(g&&l&&re(l,g)){T(u=>re(u,g)?u:g);return}g&&(l=g),i<30?(i++,s.current=requestAnimationFrame(f)):g&&T(u=>re(u,g)?u:g)};s.current=requestAnimationFrame(f)};let N=He(()=>{let i=Ot(Ie,t??{});if(!o)return i;let l=i.chart?.events??{},f=g=>(...u)=>{A.current(),g?.(...u)};return{...i,dataLabels:{...i.dataLabels,enabled:!1},chart:{...i.chart,animations:{enabled:!1},events:{...l,mounted:f(l.mounted),updated:f(l.updated)}}}},[t,o]);_e(()=>{if(o)return A.current(),()=>cancelAnimationFrame(s.current)},[o]),_e(()=>{if(!o)return;let i=c.current;if(!i||typeof ResizeObserver>"u")return;let l=new ResizeObserver(()=>A.current());return l.observe(i),()=>l.disconnect()},[o]);let R=He(()=>{let i=y.series;return!Array.isArray(i)||i.length===0?[]:(i[0]??{}).data??[]},[y.series]);if(!o)return K(P,{type:"treemap",ref:C,options:N,className:d,style:x,...y});let w={...x,position:"relative"};return Lt("div",{ref:c,className:d,style:w,children:[K(P,{type:"treemap",ref:C,options:N,...y}),S.length>0&&K("div",{style:{position:"absolute",inset:0,pointerEvents:"none",overflow:"hidden"},children:S.map(i=>K("div",{style:{position:"absolute",left:i.x,top:i.y,width:i.width,height:i.height},children:n({point:R[i.dataIndex],width:i.width,height:i.height})},i.dataIndex))})]})});import"react";import{jsx as oe,jsxs as It}from"react/jsx-runtime";var Et=({width:e=240,height:t=80,data:r=[12,28,18,30,24,36],className:n="",style:d})=>{let x=Math.max(...r,1),y=r.map((C,c)=>`${c/(r.length-1)*e},${t-C/x*t}`).join(" ");return It("svg",{width:e,height:t,viewBox:`0 0 ${e} ${t}`,className:n,style:d,role:"img","aria-label":"Simple line chart",children:[oe("rect",{width:"100%",height:"100%",fill:"transparent"}),oe("polyline",{fill:"none",stroke:"rgba(59,130,246,0.9)",strokeWidth:2,points:y,strokeLinecap:"round",strokeLinejoin:"round"}),oe("polygon",{points:`${y} ${e},${t} 0,${t}`,fill:"rgba(59,130,246,0.08)"})]})};export{Ue as BarChart,Ke as BellCurve,ie as Chart,Ze as RadarChart,Tt as SankeyChart,rt as ScatterChart,Et as SimpleChart,Pt as TreemapChart};
+        `,stroke:u?`url(#${g})`:l.color,strokeWidth:Math.max(1,y),fill:"none",strokeOpacity:u?1:l.opacity*w,className:"cleen-transition-opacity cleen-duration-300 hover:cleen-opacity-100"})]},`CustomLink${c.edgeKey}`)};function Tt({data:e,options:t,className:r,style:n,onNodeClick:d,renderTooltip:x}){let y=at(null),[C,c]=it(null),S=nt(),T=Ee(S),o=ot(E,t),v=gt(o.height),s=o.highlightOnHover||o.dimOnHover,A=U(()=>{let a=e.nodes.map((m,p)=>({...m,index:p,name:m.title})),h=e.edges.map((m,p)=>{let b=e.nodes.findIndex(L=>L.id===m.source),O=e.nodes.findIndex(L=>L.id===m.target);return b<0||O<0?null:{...m,edgeKey:xt(m,p),originalEdge:m,source:b,sourceId:m.source,target:O,targetId:m.target,value:m.value}}).filter(Pe);return{nodes:a,links:h}},[e]),N=U(()=>{let a=new Map;for(let h of e.edges){let m=a.get(h.source)??[];m.push(h),a.set(h.source,m)}return a},[e]),R=U(()=>({backgroundColor:o.tooltipBGColor,border:`1px solid ${o.tooltipBorderColor}`,borderRadius:8,boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",color:o.fontColor,padding:"10px 12px"}),[o.fontColor,o.tooltipBGColor,o.tooltipBorderColor]),w=U(()=>{let a=new Set(e.edges.map(b=>b.source)),h=new Set(e.edges.map(b=>b.target)),m=e.nodes.reduce((b,O)=>h.has(O.id)?b:Math.max(b,Re(O.title)),0),p=e.nodes.reduce((b,O)=>a.has(O.id)?b:Math.max(b,Re(O.title)),0);return{top:Se,right:Math.max(ve,p+ke+16),bottom:Se,left:Math.max(ve,m+ke+16)}},[e]),i=(a,h)=>{if(s){if(h==="node"&&Ae(a.payload)){c(bt(a.payload));return}h==="link"&&J(a.payload)&&c(Ct(a.payload))}},l=()=>{s&&c(null)},f=()=>{if(typeof window>"u")return;let a=y.current?.querySelector("svg");if(!a)return;let h=new XMLSerializer().serializeToString(a),m=new Blob([h],{type:"image/svg+xml;charset=utf-8"}),p=URL.createObjectURL(m),b=document.createElement("a");b.href=p,b.download="sankey-chart.svg",b.click(),window.setTimeout(()=>URL.revokeObjectURL(p),0)},g=({active:a,payload:h})=>{if(!a||!h?.length)return null;let m=h[0]?.payload,p=Le(m);if(!p)return null;let b=J(p),O=Q(m)?m.value:h[0]?.value,L=Q(m)?m.name:void 0,I=Number(p.value??O??0),_=o.valueFormatter?o.valueFormatter(Number(p.value??O??0),b?p.originalEdge:void 0):`${p.value??O??""}`,H=b?Ne(p.source,p.sourceId):"",B=b?Ne(p.target,p.targetId):"",j=b?ee(p.title,p.label,p.name,p.originalEdge?.title,p.originalEdge?.label,p.originalEdge?.name,Oe(L),H&&B?`${H} \u2192 ${B}`:void 0):ee(p.title,Oe(L)),q=b?`${H} \u2192 ${B}`:"";if(x){let Be=b?{type:"link",edge:p.originalEdge,sourceNodeId:p.sourceId,sourceNodeTitle:H,targetNodeId:p.targetId,targetNodeTitle:B,value:Number.isFinite(I)?I:0,payload:p.originalEdge}:{type:"node",node:p,value:Number.isFinite(I)?I:0,payload:p},ne=x(Be);return ne?k(Nt,{children:ne}):null}return!j&&!q&&!_?null:D("div",{className:W(ut),style:R,children:[j?k("p",{className:W(Z,mt),style:{color:o.fontColor,overflowWrap:"anywhere"},children:j}):null,q?k("p",{className:W(Z,ft),style:{color:o.fontColor,overflowWrap:"anywhere"},children:q}):null,_?k("p",{className:W(Z,ht),style:{color:o.fontColor},children:_}):null]})},u={display:"flex",flexDirection:"column",gap:o.enableToolbar?12:0,width:o.width??"100%",height:v,minHeight:v,...n};return D("div",{className:W("cleen cleen-w-full",r),ref:y,style:u,children:[o.enableToolbar?D("div",{className:"cleen-flex cleen-items-center cleen-justify-end cleen-gap-2",children:[k("button",{type:"button",onClick:()=>c(null),disabled:!C,style:{backgroundColor:"rgba(var(--cleen-white))",border:"1px solid rgba(var(--cleen-gray-200))",borderRadius:8,color:o.fontColor,cursor:C?"pointer":"not-allowed",fontSize:13,fontWeight:600,opacity:C?1:.5,padding:"6px 10px"},children:"Reset focus"}),k("button",{type:"button",onClick:f,style:{backgroundColor:"rgba(var(--cleen-white))",border:"1px solid rgba(var(--cleen-gray-200))",borderRadius:8,color:o.fontColor,cursor:"pointer",fontSize:13,fontWeight:600,padding:"6px 10px"},children:"Download SVG"})]}):null,k("div",{style:{flex:1,minHeight:0},children:k(st,{width:"100%",height:"100%",children:k(ct,{data:A,align:o.align,margin:w,node:k(kt,{dimOnHover:o.dimOnHover,dimOpacity:o.dimOpacity,fontColor:o.fontColor??E.fontColor??"rgba(var(--cleen-neutral-800, 38, 38, 38))",highlightOnHover:o.highlightOnHover,hoverState:C,outgoingEdgesById:N,stroke:o.nodeBorderColor??"transparent",strokeWidth:o.nodeBorderWidth}),nodePadding:o.nodePadding,nodeWidth:o.nodeWidth,link:k(At,{chartId:T,dimOnHover:o.dimOnHover,dimOpacity:o.dimOpacity,edgeGradientFill:o.edgeGradientFill,highlightOnHover:o.highlightOnHover,hoverState:C,opacity:o.edgeOpacity}),onClick:(a,h)=>{h==="node"&&d&&Ae(a.payload)&&d(a.payload)},onMouseEnter:i,onMouseLeave:l,children:o.enableTooltip?k(lt,{content:k(g,{}),cursor:!1,allowEscapeViewBox:{x:!1,y:!0},isAnimationActive:!1,wrapperStyle:{transition:"none"}}):null})})})]})}import{applyDefaults as Ot}from"@cleen/ui-core";import{forwardRef as Rt,useEffect as _e,useMemo as He,useRef as V,useState as wt}from"react";var Ie={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 K,jsxs as Lt}from"react/jsx-runtime";var re=(e,t)=>e.length!==t.length?!1:e.every((r,n)=>{let d=t[n];return Math.round(r.x)===Math.round(d.x)&&Math.round(r.y)===Math.round(d.y)&&Math.round(r.width)===Math.round(d.width)&&Math.round(r.height)===Math.round(d.height)}),Pt=Rt(function({options:t,labelLayout:r="apex",renderTileLabel:n,className:d,style:x,...y},C){let c=V(null),[S,T]=wt([]),o=r==="overlay"&&typeof n=="function",v=V(()=>null);v.current=()=>{let i=c.current;if(!i)return null;let l=i.getBoundingClientRect(),f=i.querySelectorAll(".apexcharts-treemap-rect");return f.length?Array.from(f).map((g,u)=>{let a=g.getBoundingClientRect();return{x:a.left-l.left,y:a.top-l.top,width:a.width,height:a.height,dataIndex:u}}):null};let s=V(0),A=V(()=>{});A.current=()=>{cancelAnimationFrame(s.current);let i=0,l=null,f=()=>{let g=v.current();if(g&&l&&re(l,g)){T(u=>re(u,g)?u:g);return}g&&(l=g),i<30?(i++,s.current=requestAnimationFrame(f)):g&&T(u=>re(u,g)?u:g)};s.current=requestAnimationFrame(f)};let N=He(()=>{let i=Ot(Ie,t??{});if(!o)return i;let l=i.chart?.events??{},f=g=>(...u)=>{A.current(),g?.(...u)};return{...i,dataLabels:{...i.dataLabels,enabled:!1},chart:{...i.chart,animations:{enabled:!1},events:{...l,mounted:f(l.mounted),updated:f(l.updated)}}}},[t,o]);_e(()=>{if(o)return A.current(),()=>cancelAnimationFrame(s.current)},[o]),_e(()=>{if(!o)return;let i=c.current;if(!i||typeof ResizeObserver>"u")return;let l=new ResizeObserver(()=>A.current());return l.observe(i),()=>l.disconnect()},[o]);let R=He(()=>{let i=y.series;return!Array.isArray(i)||i.length===0?[]:(i[0]??{}).data??[]},[y.series]);if(!o)return K(P,{type:"treemap",ref:C,options:N,className:d,style:x,...y});let w={...x,position:"relative"};return Lt("div",{ref:c,className:d,style:w,children:[K(P,{type:"treemap",ref:C,options:N,...y}),S.length>0&&K("div",{style:{position:"absolute",inset:0,pointerEvents:"none",overflow:"hidden"},children:S.map(i=>K("div",{style:{position:"absolute",left:i.x,top:i.y,width:i.width,height:i.height},children:n({point:R[i.dataIndex],width:i.width,height:i.height})},i.dataIndex))})]})});import"react";import{jsx as oe,jsxs as It}from"react/jsx-runtime";var Et=({width:e=240,height:t=80,data:r=[12,28,18,30,24,36],className:n="",style:d})=>{let x=Math.max(...r,1),y=r.map((C,c)=>`${c/(r.length-1)*e},${t-C/x*t}`).join(" ");return It("svg",{width:e,height:t,viewBox:`0 0 ${e} ${t}`,className:n,style:d,role:"img","aria-label":"Simple line chart",children:[oe("rect",{width:"100%",height:"100%",fill:"transparent"}),oe("polyline",{fill:"none",stroke:"rgba(59,130,246,0.9)",strokeWidth:2,points:y,strokeLinecap:"round",strokeLinejoin:"round"}),oe("polygon",{points:`${y} ${e},${t} 0,${t}`,fill:"rgba(59,130,246,0.08)"})]})};export{Ue as BarChart,Ke as BellCurve,ie as Chart,Ze as RadarChart,Tt as SankeyChart,rt as ScatterChart,Et as SimpleChart,Pt as TreemapChart};

package/dist/index.d.ts

@@ -1169,8 +1169,33 @@ interface InfoLabelsProps extends ComponentProps<'div'> {
  */
 declare const InfoLabels: ({ className, classNames, style, styles, infoMessage, errorMessage, subtitle, ...props }: InfoLabelsProps) => react_jsx_runtime.JSX.Element;
 
+interface LabelProps extends ComponentProps<'label'> {
+    required?: boolean;
+    tooltip?: ReactNode;
+    classNames?: {
+        container?: string;
+        label?: string;
+        required?: string;
+        tooltip?: ComponentClassnames<TooltipProps>;
+        questionIcon?: string;
+    };
+    styles?: {
+        container?: CSSProperties;
+        label?: CSSProperties;
+        required?: CSSProperties;
+        tooltip?: ComponentStyles<TooltipProps>;
+        questionIcon?: CSSProperties;
+    };
+}
+/**
+ * The `Label` component is a simple wrapper around the HTML `<label>` element, with optional support for a required indicator and custom class names and styles.
+ */
+declare const Label: ({ required, tooltip, children, className, classNames, style, styles, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+
 interface InputProps extends ComponentProps<'input'> {
     label?: ReactNode;
+    labelTooltip?: ReactNode;
+    files?: FileList | null;
     uploadLabel?: ReactNode;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
@@ -1183,7 +1208,7 @@ interface InputProps extends ComponentProps<'input'> {
     infoLabels?: InfoLabelsProps;
     classNames?: {
         container?: string;
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         inputContainer?: string;
         input?: string;
         leftIconContainer?: string;
@@ -1193,7 +1218,7 @@ interface InputProps extends ComponentProps<'input'> {
     };
     styles?: {
         container?: CSSProperties;
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         inputContainer?: CSSProperties;
         input?: CSSProperties;
         leftIconContainer?: CSSProperties;
@@ -1259,6 +1284,7 @@ declare const EditableText: react.ForwardRefExoticComponent<Omit<EditableTextPro
 
 type TextAreaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     value?: string;
     minHeight?: number;
     maxHeight?: number;
@@ -1273,14 +1299,14 @@ type TextAreaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
     textareaOverlay?: ReactNode;
     classNames?: {
         container?: string;
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         textareaContainer?: string;
         textarea?: string;
         lengthLabel?: string;
     };
     styles?: {
         container?: CSSProperties;
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         textareaContainer?: CSSProperties;
         textarea?: CSSProperties;
         lengthLabel?: CSSProperties;
@@ -1422,7 +1448,9 @@ type CanvasButtonProps = ComponentProps<'button'> & {
 declare const CanvasButton: react.ForwardRefExoticComponent<Omit<CanvasButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type CalendarBase = Omit<DayPickerProps, 'classNames' | 'styles' | 'mode' | 'disabled'> & {
+    required?: boolean;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     withTodayButton?: boolean;
     withDateInput?: boolean;
     min?: Date | 'today';
@@ -1433,11 +1461,11 @@ type CalendarBase = Omit<DayPickerProps, 'classNames' | 'styles' | 'mode' | 'dis
         today?: ReactNode;
     };
     classNames?: {
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         calendar?: ComponentClassnames<DayPickerProps>;
     };
     styles?: {
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         calendar?: ComponentStyles<DayPickerProps>;
     };
 };
@@ -1465,7 +1493,9 @@ type DropdownProps = Omit<ComponentProps<'div'>, 'title'> & {
     type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     disabled?: boolean;
     title?: ReactNode;
+    titleTooltip?: ReactNode;
     label?: ReactNode;
+    required?: boolean;
     fullWidth?: boolean;
     fullWidthDropdown?: boolean;
     offset?: number;
@@ -1479,14 +1509,14 @@ type DropdownProps = Omit<ComponentProps<'div'>, 'title'> & {
     classNames?: {
         container?: string;
         label?: string;
-        title?: string;
+        title?: ComponentClassnames<LabelProps>;
         trigger?: string;
         dropdown?: string;
     };
     styles?: {
         container?: CSSProperties;
         label?: CSSProperties;
-        title?: CSSProperties;
+        title?: ComponentStyles<LabelProps>;
         trigger?: CSSProperties;
         dropdown?: CSSProperties;
     };
@@ -1559,6 +1589,7 @@ type CheckboxProps = Omit<ComponentProps<'input'>, 'title'> & {
     checked?: boolean | null;
     defaultChecked?: boolean;
     title?: ReactNode;
+    titleTooltip?: ReactNode;
     label?: ReactNode;
     sublabel?: ReactNode;
     variant?: keyof typeof checkedVariants;
@@ -1566,7 +1597,7 @@ type CheckboxProps = Omit<ComponentProps<'input'>, 'title'> & {
     fullTriggerArea?: boolean;
     classNames?: {
         container?: string;
-        title?: string;
+        title?: ComponentClassnames<LabelProps>;
         checkboxContainer?: string;
         checkbox?: string;
         label?: string;
@@ -1574,7 +1605,7 @@ type CheckboxProps = Omit<ComponentProps<'input'>, 'title'> & {
     };
     styles?: {
         container?: CSSProperties;
-        title?: CSSProperties;
+        title?: ComponentStyles<LabelProps>;
         checkboxContainer?: CSSProperties;
         checkbox?: CSSProperties;
         label?: CSSProperties;
@@ -1596,7 +1627,9 @@ type CheckboxProps = Omit<ComponentProps<'input'>, 'title'> & {
 declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    required?: boolean;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     checkboxes?: CheckboxProps[];
     onChange?: (checkbox: CheckboxProps, checkboxArray?: CheckboxProps[]) => void;
     allowIndeterminate?: boolean;
@@ -1607,7 +1640,7 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
     };
     classNames?: {
         container?: string;
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         checkboxes?: string;
         checkboxContainer?: string;
         requiresAtLeastOne?: {
@@ -1618,7 +1651,7 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
     };
     styles?: {
         container?: CSSProperties;
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         checkboxes?: CSSProperties;
         checkboxContainer?: CSSProperties;
         requiresAtLeastOne?: {
@@ -1638,7 +1671,7 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
  * - Use `infoLabels` for static error, info, or subtitle messages below the group.
  * - Accepts `classNames` and `styles` to customize: `container`, `label`, `checkboxes`, `checkboxContainer`, `requiresAtLeastOne`.
  */
-declare const CheckboxGroup: ({ label, checkboxes, allowIndeterminate, infoLabels, requiresAtLeastOneOptions, classNames, styles, onChange, ...props }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxGroup: ({ required, label, labelTooltip, checkboxes, allowIndeterminate, infoLabels, requiresAtLeastOneOptions, classNames, styles, onChange, ...props }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface CollapsibleItem {
     content: ReactNode;
@@ -1686,21 +1719,23 @@ declare const Collapsible: react.ForwardRefExoticComponent<Omit<CollapsibleProps
 
 type ColorModel = 'rgba' | 'hexa';
 interface ColorPickerProps extends Omit<ComponentProps<'div'>, 'onChange' | 'defaultValue'> {
+    required?: boolean;
     value?: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
     colorModel?: ColorModel;
     disabled?: boolean;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     infoLabels?: InfoLabelsProps;
     classNames?: {
         container?: string;
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         picker?: string;
     };
     styles?: {
         container?: CSSProperties;
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         picker?: CSSProperties;
     };
 }
@@ -1714,7 +1749,7 @@ interface ColorPickerProps extends Omit<ComponentProps<'div'>, 'onChange' | 'def
  * - Use `infoLabels` to show error, info, or subtitle messages below the picker.
  * - Accepts `classNames` and `styles` to customize: `container`, `label`, `picker`.
  */
-declare const ColorPicker: ({ value, defaultValue, onChange, colorModel, disabled, label, className, classNames, style, styles, infoLabels, ...props }: ColorPickerProps) => react_jsx_runtime.JSX.Element;
+declare const ColorPicker: ({ required, value, defaultValue, onChange, colorModel, disabled, label, labelTooltip, className, classNames, style, styles, infoLabels, ...props }: ColorPickerProps) => react_jsx_runtime.JSX.Element;
 
 declare function parseRgbaString(rgba: string): RgbaColor;
 
@@ -1914,6 +1949,7 @@ interface DropzoneProps extends NativeInputProps {
     onFileUpload?: (file: FileEntry, updateFile?: (patch: Partial<FileEntry>) => void) => Promise<FileEntry | void>;
     onFileRemove?: (id: string) => Promise<void>;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     labels?: {
         primaryText?: ReactNode;
         secondaryText?: ReactNode;
@@ -1928,7 +1964,7 @@ interface DropzoneProps extends NativeInputProps {
     className?: string;
     style?: CSSProperties;
     classNames?: {
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         card?: ComponentClassnames<CardProps>;
         cardDragActive?: string;
         dropArea?: string;
@@ -1941,7 +1977,7 @@ interface DropzoneProps extends NativeInputProps {
         fileCard?: FileCardProps['classNames'];
     };
     styles?: {
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         card?: ComponentStyles<CardProps>;
         cardDragActive?: CSSProperties;
         dropArea?: CSSProperties;
@@ -1986,22 +2022,24 @@ interface FilterDrawerSavedFilter {
 }
 
 type SwitchProps = Omit<ComponentProps<'button'>, 'onChange' | 'title'> & {
+    required?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     title?: ReactNode;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     sublabel?: ReactNode;
     onChange?: (value: boolean) => void;
     infoLabels?: InfoLabelsProps;
     classNames?: {
         container?: string;
-        title?: string;
+        title?: ComponentClassnames<LabelProps>;
         switch?: string;
         check?: string;
     };
     styles?: {
         container?: CSSProperties;
-        title?: CSSProperties;
+        title?: ComponentStyles<LabelProps>;
         switch?: CSSProperties;
         check?: CSSProperties;
     };
@@ -2013,7 +2051,7 @@ type SwitchProps = Omit<ComponentProps<'button'>, 'onChange' | 'title'> & {
  * - Pass `title` for a heading row above the switch, `label` for primary text, and `sublabel` for secondary text beside it.
  * - Accepts `classNames` and `styles` for keys: `container`, `title`, `switch`, `check`.
  */
-declare const Switch: ({ checked, defaultChecked, onChange, title, label, sublabel, disabled, classNames, className, style, styles, infoLabels, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
+declare const Switch: ({ required, checked, defaultChecked, onChange, title, label, labelTooltip, sublabel, disabled, classNames, className, style, styles, infoLabels, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
 
 interface FilterDrawerLabels {
     title?: ReactNode;
@@ -2118,31 +2156,24 @@ type FilterDrawerProps = DrawerProps & FilterDrawerStandaloneProps;
  */
 declare const FilterDrawer: react.ForwardRefExoticComponent<Omit<FilterDrawerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-interface FormGroupProps extends ComponentProps<'div'> {
-    title: string;
-    subtitle?: string;
+interface FormGroupProps extends Omit<ComponentProps<'div'>, 'title'> {
+    title: ReactNode;
+    titleTooltip?: ReactNode;
+    subtitle?: ReactNode;
     required?: boolean;
-    requiredMark?: ReactNode;
-    tooltipDescription?: string;
     children?: ReactNode;
     classNames?: {
         container?: string;
         titleColumn?: string;
         controlsRow?: string;
-        requiredMark?: string;
-        tooltip?: ComponentClassnames<TooltipProps>;
-        questionIcon?: string;
-        title?: string;
+        title?: ComponentClassnames<LabelProps>;
         subtitle?: string;
     };
     styles?: {
         container?: CSSProperties;
         titleColumn?: CSSProperties;
         controlsRow?: CSSProperties;
-        requiredMark?: CSSProperties;
-        tooltip?: ComponentStyles<TooltipProps>;
-        questionIcon?: CSSProperties;
-        title?: CSSProperties;
+        title?: ComponentStyles<LabelProps>;
         subtitle?: CSSProperties;
     };
 }
@@ -2315,6 +2346,7 @@ type LookupOptionListProps = ComponentProps<'div'> & {
 
 type LookupProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'> & {
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     labels?: {
         noDataFound?: ReactNode;
     };
@@ -2337,7 +2369,7 @@ type LookupProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'> & {
     zIndex?: number;
     classNames?: {
         container?: string;
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         input?: {
             container?: string;
             inlineBadgeContainer?: string;
@@ -2361,7 +2393,7 @@ type LookupProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'> & {
     };
     styles?: {
         container?: CSSProperties;
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         input?: {
             container?: CSSProperties;
             inlineBadgeContainer?: CSSProperties;
@@ -2774,13 +2806,15 @@ interface RadioButtonGroupProps {
     name?: string;
     defaultActiveId?: string | number;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
+    required?: boolean;
     value?: string | number;
     onChange?: (value: string | number) => void;
     radioPosition?: 'left' | 'right' | 'hidden';
     direction?: 'vertical' | 'horizontal';
     classNames?: {
         container?: string;
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         radios?: string;
         radioContainer?: string;
         radioActive?: string;
@@ -2794,7 +2828,7 @@ interface RadioButtonGroupProps {
     className?: string;
     styles?: {
         container?: CSSProperties;
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         radios?: CSSProperties;
         radioContainer?: CSSProperties;
         radioActive?: CSSProperties;
@@ -2819,12 +2853,13 @@ interface RadioButtonGroupProps {
  * - Flip radio indicator position with `radioPosition` (`left` | `right`).
  * - Accepts `classNames` and `styles` for keys: `container`, `label`, `radios`, `radioContainer`, `radioActive`, `radioOuterCheckBox`, `radioLabelsContainer`, `radioTitle`, `radiotPostTitle`, `radioSubTitle`, `infoLabels`.
  */
-declare const RadioButtonGroup: ({ radios, label, className, classNames, style, styles, name, direction, radioPosition, defaultActiveId, value, infoLabels, onChange, }: RadioButtonGroupProps) => react_jsx_runtime.JSX.Element;
+declare const RadioButtonGroup: ({ required, radios, label, labelTooltip, className, classNames, style, styles, name, direction, radioPosition, defaultActiveId, value, infoLabels, onChange, }: RadioButtonGroupProps) => react_jsx_runtime.JSX.Element;
 
 type RatingLabels = {
     helperText?: ReactNode;
 };
 type RatingProps = Omit<ComponentProps<'div'>, 'onChange'> & {
+    required?: boolean;
     value?: number;
     onChange?: (value: number) => void;
     amount?: number;
@@ -2834,11 +2869,12 @@ type RatingProps = Omit<ComponentProps<'div'>, 'onChange'> & {
     readonly?: boolean;
     color?: string;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     labels?: RatingLabels;
     infoLabels?: InfoLabelsProps;
     classNames?: {
         container?: string;
-        label?: string;
+        label?: ComponentClassnames<LabelProps>;
         list?: string;
         item?: string;
         value?: string;
@@ -2846,7 +2882,7 @@ type RatingProps = Omit<ComponentProps<'div'>, 'onChange'> & {
     };
     styles?: {
         container?: CSSProperties;
-        label?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         list?: CSSProperties;
         item?: CSSProperties;
         value?: CSSProperties;
@@ -2874,6 +2910,7 @@ type SelectOptionData = {
 interface SelectProps extends Omit<ComponentPropsWithoutRef<ReactSelect>, 'isDisabled' | 'options'> {
     options?: SelectOptionData[];
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     sublabel?: ReactNode;
     emboldenOptions?: boolean;
     disabled?: boolean;
@@ -2885,7 +2922,7 @@ interface SelectProps extends Omit<ComponentPropsWithoutRef<ReactSelect>, 'isDis
         cleenContainer?: string;
         labels?: {
             container?: string;
-            label?: string;
+            label?: ComponentClassnames<LabelProps>;
             sublabel?: string;
         };
         inputOuterContainer?: string;
@@ -2895,7 +2932,7 @@ interface SelectProps extends Omit<ComponentPropsWithoutRef<ReactSelect>, 'isDis
         cleenContainer?: CSSProperties;
         labels?: {
             container?: CSSProperties;
-            label?: CSSProperties;
+            label?: ComponentStyles<LabelProps>;
             sublabel?: CSSProperties;
         };
     };
@@ -3298,6 +3335,7 @@ interface SkeletonWrapperProps extends SkeletonComponentProps {
 declare const SkeletonWrapper: react.ForwardRefExoticComponent<SkeletonWrapperProps & react.RefAttributes<HTMLDivElement>>;
 
 interface SliderProps {
+    required?: boolean;
     minValue?: number;
     maxValue?: number;
     step?: number;
@@ -3309,6 +3347,7 @@ interface SliderProps {
     className?: string;
     classNames?: {
         container?: string;
+        label?: ComponentClassnames<LabelProps>;
         slider?: string;
         track?: string;
         path?: string;
@@ -3318,6 +3357,7 @@ interface SliderProps {
     style?: CSSProperties;
     styles?: {
         container?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         slider?: CSSProperties;
         track?: CSSProperties;
         path?: CSSProperties;
@@ -3326,6 +3366,7 @@ interface SliderProps {
     };
     disabled?: boolean;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     labels?: {
         minLabel?: ReactNode;
         maxLabel?: ReactNode;
@@ -3345,7 +3386,7 @@ interface SliderProps {
 declare const Slider: react__default.FC<SliderProps>;
 
 interface SliderRangeProps {
-    key?: string | number;
+    required?: boolean;
     minValue?: number;
     maxValue?: number;
     step?: number;
@@ -3357,6 +3398,7 @@ interface SliderRangeProps {
     className?: string;
     classNames?: {
         container?: string;
+        label?: ComponentClassnames<LabelProps>;
         slider?: string;
         track?: string;
         filledTrack?: string;
@@ -3365,6 +3407,7 @@ interface SliderRangeProps {
     style?: CSSProperties;
     styles?: {
         container?: CSSProperties;
+        label?: ComponentStyles<LabelProps>;
         slider?: CSSProperties;
         track?: CSSProperties;
         filledTrack?: CSSProperties;
@@ -3372,6 +3415,7 @@ interface SliderRangeProps {
     };
     disabled?: boolean;
     label?: ReactNode;
+    labelTooltip?: ReactNode;
     labels?: {
         minLabel?: ReactNode;
         maxLabel?: ReactNode;
@@ -3504,4 +3548,4 @@ type TabsProps = ComponentProps<'div'> & {
  */
 declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, CalendarDropdown, type CalendarDropdownProps, type CalendarProps, CanvasButton, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type Media as CardMediaType, type CardProps, Carousel, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, type ColorModel, ColorPicker, type ColorPickerProps, CreditCardInput, type CreditCardInputProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleProps, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EditableCard, type EditableCardField, type EditableCardProps, EditableText, EditableTextArea, type EditableTextAreaProps, type EditableTextAreaRef, type EditableTextProps, type EditableTextRef, FilterDrawer, type FilterDrawerFilterCategories, type FilterDrawerNewFilter, type FilterDrawerProps, type FilterDrawerSavedFilter, FormGroup, type FormGroupProps, GroupSelector, type GroupSelectorProps, type GroupSelectorSaveResult, type GroupSelectorThreeDotOption, IconAlertCircle, IconAlertFeatured, IconAlertOctagon, IconAlertTriangle, IconAlignRight, IconArrowDown, IconArrowLeft, IconArrowLeft2, IconArrowRight, IconArrowToTop, IconArrowUp, IconArrowUpRight, IconArrowUpRightNarrow, IconArrowUpRightSquare, IconAttachment, IconBarChartSquare, IconBold, IconBookmarkCheck, IconBookmarkCheckFill, IconBookmarkX, IconBoxLines, IconBoxText, IconBracketsCheck, IconBracketsEllipses, IconCalendar, IconCertificateHeart, IconCheck, IconCheckCircle, IconCheckCircleBroken, IconCheckFill, IconCheckVerified, IconChevronDown, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronSelectorVertical, IconChevronUp, IconCircleSwap, IconClockFastForward, IconClockRewind, IconClockRewind2, IconCodeBrowser, IconCodeCircle, IconColors, IconColumnEdit, IconCopy, IconCopy2, IconCopy3, IconCopy4, IconCopy5, IconCopyCheck, IconCube, IconCubeOutline, IconCursorBox, IconDataflow, IconDataflow2, IconDataflow3, IconDelete, IconDollarCircle, IconDotsGrid, IconDotsHorizontal, IconDotsVertical, IconEdit, IconEditable, IconExpand, IconEye, IconEyeHidden, IconEyeHidden2, IconFaceSmile, IconFilter, IconFilter2, IconFlag, IconFlag2, IconFlag3, IconHandShield, IconHash, IconHeadsetMic, IconHeart, IconHouseLine, IconImage, IconImage2, IconImage3, IconImage4, IconImageCheck, IconInfoCircle, IconInfoHexagon, IconItalic, IconLayersMultiple, IconLayersSingle, IconLayout, IconLayout2, IconLayoutColumns, IconLayoutCustom, IconLayoutSequential, IconLayoutStuffed, IconLayoutTile, IconLifeBuoy, IconLightbulb, IconLightning, IconLightning2, IconLightningFast, IconLineChartBar, IconLineChartBreakoutSquare, IconLineChartUp, IconLineChartUp2, IconLines, IconLinesCheck, IconLinesPlay, IconLink, IconLink2, IconLink3, IconLink4, IconLink5, IconListBullet, IconListOrder, IconListOrder2, IconLock, IconLock2, IconLogIn, IconLogOut, IconLogOut2, IconMagicWand, IconMagicWand2, IconMail, IconMessageSquare, IconMessageSquare2, IconMessageXSquare, IconMinusCircle, IconMobile, IconMonitor, IconMonitor2, IconMonitor3, IconMoonCircle, IconName, IconNavigationPointer, IconNotificationBox, IconPCSetup, IconPalette, IconPasscodeLock, IconPencil, IconPercentageCircle, IconPerspective, IconPhoneCall, IconPin, IconPlayCircle, IconPlus, IconPlusCircle, IconPulse, IconQuestionCircle, IconRadioButton, IconRadioButtonActive, IconReceiptCheck, IconRedo, IconRefresh, IconRefresh2, IconRefresh3, IconRepeat, IconRepeat2, IconRetweet, IconRoundChart, IconRoundChart2, IconRoute, IconSave, IconSave2, IconScanDots, IconSearch, IconSend, IconSettings, IconSettings2, IconSettings3, IconShieldLightning, IconShieldPlus, IconShieldRemove, IconShuffle, IconSlashCircle, IconSlashOctagon, IconSocialGlobe, IconSocialLinkedin, IconSocialX, IconSpeedometer, IconStairsRound, IconStar, IconStarHalf, IconStars, IconStars2, IconStrikethrough, IconSuccessFeatured, IconSun, IconSwitchHorizontal, IconTag, IconTarget, IconTarget2, IconTextFormat, IconTextFormat2, IconTextHighlight, IconTranslate, IconTrash, IconTrending, IconUnderline, IconUndo, IconUndo2, IconUploadCloud, IconUser, IconUserEdit, IconUserRight, IconUserSquare, IconUsers, IconUsersUp, IconVolume, IconWrench, IconX, IconXCircle, IconXCircle2, IconXClose, IconXSquare, InfoLabels, type InfoLabelsProps, Input, type InputProps, Loader, type LoaderProps, Lookup, type LookupOption, type LookupProps, Markdown, type MarkdownProps, Menu, type MenuProps, Modal, type ModalProps, type NotificationProps, Pagination, PaginationGoToPage, type PaginationGoToPageProps, PaginationPageSize, type PaginationPageSizeProps, type PaginationProps, PillBadge, type PillBadgeProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, RadioBoxGroup, type RadioBoxGroupProps, RadioButtonGroup, type RadioButtonGroupProps, Rating, type RatingProps, Select, type SelectProps, Sidebar, SidebarItem, type SidebarItemConfig, type SidebarItemProps, type SidebarProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonBanner, SkeletonButton, SkeletonCard, SkeletonCard2, SkeletonCard3, SkeletonCardStack, SkeletonChart, type SkeletonComponentProps, SkeletonContentCard, SkeletonDataGrid, SkeletonForm, SkeletonGlowingCard, SkeletonImage, SkeletonInfoCard, SkeletonInput, SkeletonList, SkeletonParagraph, type SkeletonProps, type SkeletonRoundness, SkeletonText, type SkeletonType, SkeletonVideo, SkeletonWidgetCard, SkeletonWrapper, Slider, type SliderProps, SliderRange, type SliderRangeProps, StarRating, type StarRatingProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, parseRgbaString, showNotification };
+export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, CalendarDropdown, type CalendarDropdownProps, type CalendarProps, CanvasButton, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type Media as CardMediaType, type CardProps, Carousel, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, type ColorModel, ColorPicker, type ColorPickerProps, CreditCardInput, type CreditCardInputProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleProps, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EditableCard, type EditableCardField, type EditableCardProps, EditableText, EditableTextArea, type EditableTextAreaProps, type EditableTextAreaRef, type EditableTextProps, type EditableTextRef, FilterDrawer, type FilterDrawerFilterCategories, type FilterDrawerNewFilter, type FilterDrawerProps, type FilterDrawerSavedFilter, FormGroup, type FormGroupProps, GroupSelector, type GroupSelectorProps, type GroupSelectorSaveResult, type GroupSelectorThreeDotOption, IconAlertCircle, IconAlertFeatured, IconAlertOctagon, IconAlertTriangle, IconAlignRight, IconArrowDown, IconArrowLeft, IconArrowLeft2, IconArrowRight, IconArrowToTop, IconArrowUp, IconArrowUpRight, IconArrowUpRightNarrow, IconArrowUpRightSquare, IconAttachment, IconBarChartSquare, IconBold, IconBookmarkCheck, IconBookmarkCheckFill, IconBookmarkX, IconBoxLines, IconBoxText, IconBracketsCheck, IconBracketsEllipses, IconCalendar, IconCertificateHeart, IconCheck, IconCheckCircle, IconCheckCircleBroken, IconCheckFill, IconCheckVerified, IconChevronDown, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronSelectorVertical, IconChevronUp, IconCircleSwap, IconClockFastForward, IconClockRewind, IconClockRewind2, IconCodeBrowser, IconCodeCircle, IconColors, IconColumnEdit, IconCopy, IconCopy2, IconCopy3, IconCopy4, IconCopy5, IconCopyCheck, IconCube, IconCubeOutline, IconCursorBox, IconDataflow, IconDataflow2, IconDataflow3, IconDelete, IconDollarCircle, IconDotsGrid, IconDotsHorizontal, IconDotsVertical, IconEdit, IconEditable, IconExpand, IconEye, IconEyeHidden, IconEyeHidden2, IconFaceSmile, IconFilter, IconFilter2, IconFlag, IconFlag2, IconFlag3, IconHandShield, IconHash, IconHeadsetMic, IconHeart, IconHouseLine, IconImage, IconImage2, IconImage3, IconImage4, IconImageCheck, IconInfoCircle, IconInfoHexagon, IconItalic, IconLayersMultiple, IconLayersSingle, IconLayout, IconLayout2, IconLayoutColumns, IconLayoutCustom, IconLayoutSequential, IconLayoutStuffed, IconLayoutTile, IconLifeBuoy, IconLightbulb, IconLightning, IconLightning2, IconLightningFast, IconLineChartBar, IconLineChartBreakoutSquare, IconLineChartUp, IconLineChartUp2, IconLines, IconLinesCheck, IconLinesPlay, IconLink, IconLink2, IconLink3, IconLink4, IconLink5, IconListBullet, IconListOrder, IconListOrder2, IconLock, IconLock2, IconLogIn, IconLogOut, IconLogOut2, IconMagicWand, IconMagicWand2, IconMail, IconMessageSquare, IconMessageSquare2, IconMessageXSquare, IconMinusCircle, IconMobile, IconMonitor, IconMonitor2, IconMonitor3, IconMoonCircle, IconName, IconNavigationPointer, IconNotificationBox, IconPCSetup, IconPalette, IconPasscodeLock, IconPencil, IconPercentageCircle, IconPerspective, IconPhoneCall, IconPin, IconPlayCircle, IconPlus, IconPlusCircle, IconPulse, IconQuestionCircle, IconRadioButton, IconRadioButtonActive, IconReceiptCheck, IconRedo, IconRefresh, IconRefresh2, IconRefresh3, IconRepeat, IconRepeat2, IconRetweet, IconRoundChart, IconRoundChart2, IconRoute, IconSave, IconSave2, IconScanDots, IconSearch, IconSend, IconSettings, IconSettings2, IconSettings3, IconShieldLightning, IconShieldPlus, IconShieldRemove, IconShuffle, IconSlashCircle, IconSlashOctagon, IconSocialGlobe, IconSocialLinkedin, IconSocialX, IconSpeedometer, IconStairsRound, IconStar, IconStarHalf, IconStars, IconStars2, IconStrikethrough, IconSuccessFeatured, IconSun, IconSwitchHorizontal, IconTag, IconTarget, IconTarget2, IconTextFormat, IconTextFormat2, IconTextHighlight, IconTranslate, IconTrash, IconTrending, IconUnderline, IconUndo, IconUndo2, IconUploadCloud, IconUser, IconUserEdit, IconUserRight, IconUserSquare, IconUsers, IconUsersUp, IconVolume, IconWrench, IconX, IconXCircle, IconXCircle2, IconXClose, IconXSquare, InfoLabels, type InfoLabelsProps, Input, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Lookup, type LookupOption, type LookupProps, Markdown, type MarkdownProps, Menu, type MenuProps, Modal, type ModalProps, type NotificationProps, Pagination, PaginationGoToPage, type PaginationGoToPageProps, PaginationPageSize, type PaginationPageSizeProps, type PaginationProps, PillBadge, type PillBadgeProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, RadioBoxGroup, type RadioBoxGroupProps, RadioButtonGroup, type RadioButtonGroupProps, Rating, type RatingProps, Select, type SelectProps, Sidebar, SidebarItem, type SidebarItemConfig, type SidebarItemProps, type SidebarProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonBanner, SkeletonButton, SkeletonCard, SkeletonCard2, SkeletonCard3, SkeletonCardStack, SkeletonChart, type SkeletonComponentProps, SkeletonContentCard, SkeletonDataGrid, SkeletonForm, SkeletonGlowingCard, SkeletonImage, SkeletonInfoCard, SkeletonInput, SkeletonList, SkeletonParagraph, type SkeletonProps, type SkeletonRoundness, SkeletonText, type SkeletonType, SkeletonVideo, SkeletonWidgetCard, SkeletonWrapper, Slider, type SliderProps, SliderRange, type SliderRangeProps, StarRating, type StarRatingProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, parseRgbaString, showNotification };