@cleen/ui 0.1.1 → 0.1.2

package/dist/charts/index.js

@@ -1,611 +1 @@
-// src/charts/chart/Chart.tsx
-import { cn } from "@cleen/ui-core";
-import { forwardRef } from "react";
-import ReactApexChart from "react-apexcharts";
-
-// src/charts/chart/constant.ts
-var defaultOptions = {
-  chart: {
-    toolbar: {
-      show: true,
-      tools: {
-        download: true,
-        selection: true,
-        zoom: true,
-        zoomin: true,
-        zoomout: true,
-        pan: true,
-        reset: true
-      }
-    },
-    animations: {
-      enabled: true
-    }
-  },
-  dataLabels: {
-    enabled: false
-  },
-  stroke: {
-    curve: "smooth",
-    width: 2
-  },
-  xaxis: {
-    labels: {
-      style: {
-        fontSize: "12px"
-      }
-    }
-  },
-  yaxis: {
-    labels: {
-      style: {
-        fontSize: "12px"
-      }
-    }
-  },
-  legend: {
-    position: "top",
-    horizontalAlign: "left"
-  },
-  tooltip: {
-    enabled: true,
-    theme: "light"
-  }
-};
-
-// src/charts/chart/Chart.tsx
-import { jsx } from "react/jsx-runtime";
-var Chart = forwardRef(function Chart2({
-  type = "line",
-  series,
-  options = {},
-  width = "100%",
-  height = 350,
-  className,
-  style
-}, ref) {
-  const mergedOptions = {
-    ...defaultOptions,
-    ...options,
-    chart: {
-      ...defaultOptions.chart,
-      ...options.chart,
-      type
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn("cleen", className), style, children: /* @__PURE__ */ jsx(
-    ReactApexChart,
-    {
-      options: mergedOptions,
-      series,
-      type,
-      width,
-      height,
-      ref
-    }
-  ) });
-});
-var Chart_default = Chart;
-
-// src/charts/chart/variants/BellCurve/BellCurve.tsx
-import { applyDefaults } from "@cleen/ui-core";
-import { forwardRef as forwardRef2, useMemo } from "react";
-
-// src/charts/chart/variants/BellCurve/constant.ts
-import { ColorHelpers } from "@cleen/ui-core";
-var POINT_ANNOTATIONS_PROPS = {
-  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"
-    }
-  }
-};
-var RANGE_ANNOTATIONS_PROPS = {
-  label: {
-    borderColor: "transparent",
-    style: {
-      color: "rgba(var(--cleen-white))",
-      background: "rgba(var(--cleen-primary))"
-    }
-  },
-  fillColor: "rgba(var(--cleen-primary))"
-};
-var HIGHLIGHT_LABEL_ANNOTATIONS_PROPS = {
-  label: {
-    borderWidth: 0,
-    offsetY: -15,
-    orientation: "horizontal",
-    style: {
-      color: "rgba(var(--cleen-primary))",
-      background: "transparent",
-      fontSize: "16px",
-      fontWeight: 700
-    }
-  },
-  borderColor: "rgba(var(--cleen-primary))"
-};
-var HIGHLIGHT_MARKER_ANNOTATIONS_PROPS = {
-  marker: {
-    size: 8,
-    fillColor: "rgba(var(--cleen-primary))",
-    strokeColor: "rgba(var(--cleen-white))"
-  }
-};
-var DEFAULT_CHART_OPTIONS = {
-  chart: {
-    zoom: { enabled: false },
-    toolbar: { show: false },
-    animations: {
-      enabled: false
-    }
-  },
-  stroke: { curve: "monotoneCubic", width: 2.5 },
-  colors: [
-    ColorHelpers.getComputedColor("var(--cleen-error)"),
-    ColorHelpers.getComputedColor("var(--cleen-primary)"),
-    ColorHelpers.getComputedColor("var(--cleen-success)")
-  ],
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.6,
-      gradientToColors: [
-        ColorHelpers.getComputedColor("var(--cleen-error)") || "",
-        ColorHelpers.getComputedColor("var(--cleen-primary)") || "",
-        ColorHelpers.getComputedColor("var(--cleen-success)") || ""
-      ],
-      inverseColors: false,
-      opacityFrom: 0.95,
-      opacityTo: 0.6
-    }
-  },
-  yaxis: {
-    show: false
-  },
-  tooltip: {
-    enabled: true,
-    x: {
-      formatter: function(val) {
-        const n = typeof val === "string" ? Number(val) : val;
-        return `Score: ${n}`;
-      }
-    },
-    y: {
-      formatter: function(val) {
-        return `${Number(val).toFixed(4)}`;
-      }
-    }
-  },
-  grid: { show: false },
-  legend: {
-    show: false
-  }
-};
-
-// src/charts/chart/variants/BellCurve/helper.ts
-var getAnnotationPointX = (middle, sigma) => {
-  return {
-    middle,
-    leftSigma: middle - sigma,
-    left2Sigma: middle - 2 * sigma,
-    left: middle - 3 * sigma,
-    rightSigma: middle + 2 * sigma,
-    right2Sigma: middle + 2 * sigma,
-    right: middle + 3 * sigma
-  };
-};
-var getAnnotationAxisX = (middle, sigma, minX, maxX) => {
-  return {
-    middle,
-    leftSigma: middle - sigma,
-    left2Sigma: middle - 2 * sigma,
-    left: minX,
-    rightSigma: middle + sigma,
-    right2Sigma: middle + 2 * sigma,
-    right: maxX
-  };
-};
-var calculateAnnotationAxisX = (annotation, positions) => {
-  let props = {};
-  switch (annotation.type) {
-    case "range":
-      props = {
-        x: positions[annotation.x],
-        x2: positions[annotation.x2]
-      };
-      break;
-    case "offset":
-      props = {
-        x: annotation.x - annotation.offset,
-        x2: annotation.x + annotation.offset
-      };
-      break;
-    case "region":
-      if (annotation.x >= positions.left && annotation.x < positions.left2Sigma) {
-        props = {
-          x: positions.left,
-          x2: positions.left2Sigma
-        };
-      } else if (annotation.x >= positions.left2Sigma && annotation.x < positions.leftSigma) {
-        props = {
-          x: positions.left2Sigma,
-          x2: positions.leftSigma
-        };
-      } else if (annotation.x >= positions.leftSigma && annotation.x < positions.middle) {
-        props = {
-          x: positions.leftSigma,
-          x2: positions.middle
-        };
-      } else if (annotation.x >= positions.middle && annotation.x < positions.rightSigma) {
-        props = {
-          x: positions.middle,
-          x2: positions.rightSigma
-        };
-      } else if (annotation.x >= positions.rightSigma && annotation.x < positions.right2Sigma) {
-        props = {
-          x: positions.rightSigma,
-          x2: positions.right2Sigma
-        };
-      } else if (annotation.x >= positions.right2Sigma && annotation.x < positions.right) {
-        props = {
-          x: positions.right2Sigma,
-          x2: positions.right
-        };
-      }
-      break;
-    case "custom":
-    default:
-      props = {
-        x: annotation.x,
-        x2: annotation.x2
-      };
-      break;
-  }
-  return props;
-};
-
-// src/charts/chart/variants/BellCurve/BellCurve.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var BellCurve = forwardRef2(
-  function BellCurve2({
-    serie,
-    labels,
-    sigma,
-    pointAnnotations,
-    rangeAnnotations,
-    highlightAnnotations,
-    options,
-    height = 360,
-    ...props
-  }, ref) {
-    const sortedSerie = useMemo(() => serie.sort((a, b) => a.x - b.x), [serie]);
-    const serieMap = useMemo(() => {
-      const map = /* @__PURE__ */ new Map();
-      serie.forEach((el) => map.set(el.x, el.y));
-      return map;
-    }, [serie]);
-    const middlePoint = sortedSerie[Math.floor(sortedSerie.length / 2)];
-    const calculatedSeries = useMemo(() => {
-      const { below, middle, above } = serie.reduce(
-        (acc, val) => {
-          if (val.x < middlePoint.x - 2 * sigma) {
-            acc.below.push(val);
-          } else if (val.x >= middlePoint.x + 2 * sigma) {
-            if (val.x === middlePoint.x + 2 * sigma) {
-              acc.middle.push(val);
-            }
-            acc.above.push(val);
-          } else {
-            if (val.x === middlePoint.x - 2 * sigma) {
-              acc.below.push(val);
-            }
-            acc.middle.push(val);
-          }
-          return acc;
-        },
-        { below: [], middle: [], above: [] }
-      );
-      return [
-        { name: labels?.below || "Below threshold", data: below },
-        { name: labels?.middle || "Middle grounds", data: middle },
-        { name: labels?.above || "Above threshold", data: above }
-      ];
-    }, [sigma, serie, labels, middlePoint]);
-    const formattedPointAnnotations = useMemo(() => {
-      if (!pointAnnotations) {
-        return [];
-      }
-      const positions = getAnnotationPointX(middlePoint.x, sigma);
-      return Object.entries(pointAnnotations).map(
-        ([field, value]) => {
-          const x = positions[field];
-          return {
-            x,
-            y: serieMap.get(x) || 0,
-            ...applyDefaults(POINT_ANNOTATIONS_PROPS, value)
-          };
-        }
-      );
-    }, [pointAnnotations, sigma, serieMap]);
-    const formattedXAxisAnnotations = useMemo(() => {
-      if (!rangeAnnotations) {
-        return [];
-      }
-      const positions = getAnnotationAxisX(
-        middlePoint.x,
-        sigma,
-        sortedSerie[0].x,
-        sortedSerie[sortedSerie.length - 1].x
-      );
-      return rangeAnnotations.map((annotation) => {
-        const pos = calculateAnnotationAxisX(annotation, positions);
-        return {
-          ...applyDefaults(RANGE_ANNOTATIONS_PROPS, annotation),
-          ...pos
-        };
-      });
-    }, [rangeAnnotations, sigma, sortedSerie]);
-    const { highlightPointAnnotations, highlightLineAnnotations } = useMemo(() => {
-      if (!highlightAnnotations) {
-        return {
-          highlightLineAnnotations: [],
-          highlightPointAnnotations: []
-        };
-      }
-      const highlightPointAnnotations2 = [];
-      const highlightLineAnnotations2 = [];
-      const addLine = ({ x, line }) => {
-        highlightLineAnnotations2.push(
-          applyDefaults(HIGHLIGHT_LABEL_ANNOTATIONS_PROPS, {
-            x,
-            ...line
-          })
-        );
-      };
-      const addPoint = ({ x, y, point }) => {
-        highlightPointAnnotations2.push(
-          applyDefaults(HIGHLIGHT_MARKER_ANNOTATIONS_PROPS, {
-            x,
-            y,
-            ...point
-          })
-        );
-      };
-      highlightAnnotations?.forEach((annotation) => {
-        switch (annotation.show) {
-          case "line":
-            addLine(annotation);
-            break;
-          case "point":
-            addPoint(annotation);
-            break;
-          case "both":
-            addLine(annotation);
-            addPoint(annotation);
-            break;
-          default:
-            break;
-        }
-      });
-      return {
-        highlightPointAnnotations: highlightPointAnnotations2,
-        highlightLineAnnotations: highlightLineAnnotations2
-      };
-    }, [highlightAnnotations]);
-    return /* @__PURE__ */ jsx2(
-      Chart_default,
-      {
-        series: calculatedSeries,
-        options: {
-          ...applyDefaults(DEFAULT_CHART_OPTIONS, options),
-          annotations: {
-            ...options?.annotations,
-            points: [
-              ...formattedPointAnnotations,
-              ...highlightPointAnnotations,
-              ...options?.annotations?.points || []
-            ],
-            xaxis: [
-              ...formattedXAxisAnnotations,
-              ...highlightLineAnnotations,
-              ...options?.annotations?.xaxis || []
-            ]
-          }
-        },
-        height,
-        ref,
-        type: "area",
-        ...props
-      }
-    );
-  }
-);
-
-// src/charts/chart/variants/RadarChart/RadarChart.tsx
-import { applyDefaults as applyDefaults2 } from "@cleen/ui-core";
-import { forwardRef as forwardRef3 } from "react";
-
-// src/charts/chart/variants/RadarChart/constant.ts
-var DEFAULT_CHART_OPTIONS2 = {
-  chart: {
-    type: "radar",
-    zoom: { enabled: false },
-    toolbar: { show: false }
-  },
-  stroke: {
-    width: 2
-  },
-  fill: {
-    opacity: 0.25
-  },
-  markers: {
-    size: 4,
-    colors: "transparent",
-    strokeColors: "transparent"
-  },
-  tooltip: {
-    marker: {
-      show: false
-    }
-  },
-  legend: {
-    show: false
-  }
-};
-
-// src/charts/chart/variants/RadarChart/RadarChart.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var RadarChart = forwardRef3(
-  function RadarChart2({ options, ...props }, ref) {
-    return /* @__PURE__ */ jsx3(
-      Chart_default,
-      {
-        type: "radar",
-        ref,
-        options: applyDefaults2(DEFAULT_CHART_OPTIONS2, options),
-        ...props
-      }
-    );
-  }
-);
-
-// src/charts/chart/variants/ScatterChart/ScatterChart.tsx
-import { applyDefaults as applyDefaults3 } from "@cleen/ui-core";
-import { forwardRef as forwardRef4 } from "react";
-
-// src/charts/chart/variants/ScatterChart/constant.ts
-var DEFAULT_CHART_OPTIONS3 = {
-  chart: {
-    type: "scatter",
-    zoom: { enabled: false },
-    toolbar: { show: false }
-  },
-  markers: {
-    shape: "square",
-    size: 8,
-    strokeWidth: 0
-  },
-  grid: {
-    strokeDashArray: 8
-  },
-  legend: {
-    show: true,
-    horizontalAlign: "right",
-    position: "top",
-    labels: {
-      colors: "rgba(var(--cleen-gray), 0.8)"
-    }
-  },
-  yaxis: {
-    axisBorder: {
-      show: true,
-      color: "rgba(var(--cleen-gray), .2)"
-    },
-    labels: {
-      style: {
-        colors: "rgba(var(--cleen-gray), 0.8)"
-      }
-    }
-  },
-  xaxis: {
-    axisBorder: {
-      show: true,
-      color: "rgba(var(--cleen-gray), .2)"
-    },
-    labels: {
-      style: {
-        colors: "rgba(var(--cleen-gray), 0.8)"
-      }
-    }
-  },
-  title: {
-    align: "left",
-    floating: true,
-    style: {
-      color: "rgba(var(--cleen-black))"
-    }
-  }
-};
-
-// src/charts/chart/variants/ScatterChart/ScatterChart.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ScatterChart = forwardRef4(function ScatterChart2({ options, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
-    Chart_default,
-    {
-      type: "scatter",
-      ref,
-      options: applyDefaults3(DEFAULT_CHART_OPTIONS3, options),
-      ...props
-    }
-  );
-});
-
-// src/charts/simpleChart/SimpleChart.tsx
-import "react";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
-var SimpleChart = ({
-  width = 240,
-  height = 80,
-  data = [12, 28, 18, 30, 24, 36],
-  className = "",
-  style
-}) => {
-  const max = Math.max(...data, 1);
-  const points = data.map(
-    (d, i) => `${i / (data.length - 1) * width},${height - d / max * height}`
-  ).join(" ");
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width,
-      height,
-      viewBox: `0 0 ${width} ${height}`,
-      className,
-      style,
-      role: "img",
-      "aria-label": "Simple line chart",
-      children: [
-        /* @__PURE__ */ jsx5("rect", { width: "100%", height: "100%", fill: "transparent" }),
-        /* @__PURE__ */ jsx5(
-          "polyline",
-          {
-            fill: "none",
-            stroke: "rgba(59,130,246,0.9)",
-            strokeWidth: 2,
-            points,
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "polygon",
-          {
-            points: `${points} ${width},${height} 0,${height}`,
-            fill: "rgba(59,130,246,0.08)"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  BellCurve,
-  Chart,
-  RadarChart,
-  ScatterChart,
-  SimpleChart
-};
+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};

package/dist/icons/index.js

@@ -1,77 +1 @@
-// src/icons/IconFromLibrary.tsx
-import "react";
-import { jsx } from "react/jsx-runtime";
-var IconFromLibrary = ({
-  icon: OriginalIcon,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(OriginalIcon, { ...props });
-};
-
-// src/icons/getIconByName.ts
-var getIconByName = async (iconName) => {
-  if (!iconName || typeof iconName !== "string") {
-    return null;
-  }
-  const prefix = iconName.substring(0, 2);
-  try {
-    let iconModule;
-    switch (prefix) {
-      case "Fa":
-        iconModule = await import("react-icons/fa");
-        break;
-      case "Md":
-        iconModule = await import("react-icons/md");
-        break;
-      case "Ai":
-        iconModule = await import("react-icons/ai");
-        break;
-      case "Bi":
-        iconModule = await import("react-icons/bi");
-        break;
-      case "Bs":
-        iconModule = await import("react-icons/bs");
-        break;
-      case "Fi":
-        iconModule = await import("react-icons/fi");
-        break;
-      case "Hi":
-        iconModule = await import("react-icons/hi");
-        break;
-      case "Io":
-        iconModule = await import("react-icons/io");
-        break;
-      case "Ri":
-        iconModule = await import("react-icons/ri");
-        break;
-      default:
-        console.warn(
-          `Unknown icon library prefix: ${prefix} in icon name: ${iconName}`
-        );
-        return null;
-    }
-    const iconComponent = iconModule[iconName];
-    if (!iconComponent || typeof iconComponent !== "function") {
-      return null;
-    }
-    return iconComponent;
-  } catch (error) {
-    console.error(`Error loading icon "${iconName}":`, error);
-    return null;
-  }
-};
-
-// src/icons/index.ts
-export * from "react-icons/fa";
-export * from "react-icons/md";
-export * from "react-icons/ai";
-export * from "react-icons/bi";
-export * from "react-icons/bs";
-export * from "react-icons/fi";
-export * from "react-icons/hi";
-export * from "react-icons/io";
-export * from "react-icons/ri";
-export {
-  IconFromLibrary,
-  getIconByName
-};
+import"react";import{jsx as a}from"react/jsx-runtime";var n=({icon:o,...e})=>a(o,{...e});var i=async o=>{if(!o||typeof o!="string")return null;let e=o.substring(0,2);try{let r;switch(e){case"Fa":r=await import("react-icons/fa");break;case"Md":r=await import("react-icons/md");break;case"Ai":r=await import("react-icons/ai");break;case"Bi":r=await import("react-icons/bi");break;case"Bs":r=await import("react-icons/bs");break;case"Fi":r=await import("react-icons/fi");break;case"Hi":r=await import("react-icons/hi");break;case"Io":r=await import("react-icons/io");break;case"Ri":r=await import("react-icons/ri");break;default:return console.warn(`Unknown icon library prefix: ${e} in icon name: ${o}`),null}let t=r[o];return!t||typeof t!="function"?null:t}catch(r){return console.error(`Error loading icon "${o}":`,r),null}};export*from"react-icons/fa";export*from"react-icons/md";export*from"react-icons/ai";export*from"react-icons/bi";export*from"react-icons/bs";export*from"react-icons/fi";export*from"react-icons/hi";export*from"react-icons/io";export*from"react-icons/ri";export{n as IconFromLibrary,i as getIconByName};