@oliasoft-open-source/charts-library 5.2.0 → 5.2.1-beta-1

package/dist/assets/line-chart.test-case.stories-Cv2J7QkQ.js

@@ -0,0 +1,430 @@
+import{u as e}from"./iframe-BC9QdfhZ.js";import{t}from"./react-CJCPsloc.js";import{t as n}from"./jsx-runtime-BNVfsWEC.js";import"./react-dom-BggwCd6n.js";import"./fast-deep-equal-GJSfJzsC.js";import{U as r}from"./legend-context-Bh42wyEh.js";import{v as i,w as a}from"./legend-Be3VjYcC.js";import"./get-draggableData-DyVot8Zl.js";import{t as o}from"./line-chart-B0hmsdC3.js";var s=e(t(),1),c={controlsPortalId:`chartOne-plan-view-chart-controls`,data:{datasets:[{label:`CH-4ST`,lineTension:0,borderColor:`#a30125`,pointBackgroundColor:`#a30125`,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:2,fill:!1,data:[{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:.3927,label:[]},{x:0,y:2.4838,label:[]},{x:0,y:7.1727,label:[]},{x:0,y:14.4238,label:[]},{x:0,y:24.1818,label:[]},{x:0,y:36.3728,label:[]},{x:0,y:50.9039,label:[]},{x:0,y:67.6648,label:[]},{x:0,y:86.528,label:[]},{x:0,y:107.3503,label:[]},{x:0,y:129.9733,label:[]},{x:0,y:154.2251,label:[]},{x:0,y:179.9215,label:[]},{x:0,y:206.867,label:[]},{x:0,y:234.8569,label:[]},{x:0,y:263.6785,label:[]},{x:0,y:293.1127,label:[]},{x:0,y:322.9358,label:[]},{x:0,y:344.2833,label:[]},{x:0,y:352.9221,label:[]},{x:0,y:382.9221,label:[]},{x:0,y:412.9221,label:[]},{x:0,y:442.9221,label:[]},{x:0,y:472.9221,label:[]},{x:0,y:502.9221,label:[]},{x:0,y:532.9221,label:[]},{x:0,y:562.9221,label:[]},{x:0,y:592.9221,label:[]},{x:0,y:622.9221,label:[]},{x:0,y:644.2821,label:[]}]},{label:`CH-4`,lineTension:0,borderColor:`#0154a3`,pointBackgroundColor:`#0154a3`,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:2,fill:!1,data:[{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]}]}]},options:{direction:`vertical`,axes:{x:[{label:`E/W [m]`,position:`top`}],y:[{label:`N/S [m]`,position:`left`}]},additionalAxesOptions:{chartScaleType:`linear`},graph:{showDataLabels:!0,showMinorGridlines:!0,lineTension:0},chartStyling:{height:`100%`},annotations:{showAnnotations:!0,enableDragAnnotation:!0,annotationsData:[]}}},l=e(n(),1),u=[{label:`Dataset 1`,data:[{x:0,y:0},{x:5,y:25}]}],d={title:`LineChart / Test Cases`,component:o,args:{chart:{data:{datasets:u},options:{title:`Chart title`,chartStyling:{height:`100%`}}}}};const f=()=>(0,l.jsx)(o,{chart:{data:{datasets:[{label:`Duration %`,lineTension:`0`,pointHitRadius:10,borderColor:`#dc3912`,pointBackgroundColor:`#dc3912`,borderWidth:2,pointRadius:4,data:[{x:3,y:0},{x:3,y:100}],yAxisID:`y2`}]},options:{direction:`vertical`,axes:{x:[{label:`Duration (TempSim long) [d]`,position:`bottom`}],y:[{label:`Probability`},{label:`Percentage [%]`}]},annotations:{annotationsData:[{annotationAxis:`y2`,color:`darkgrey`,value:16},{displayDragCoordinates:!1,color:`#ff9900`,label:`P16`,dragAxis:`y`,enableDrag:!0,resizable:!1,type:`box`,xMax:3,xMin:3,yMax:17,yMin:15,yScaleID:`y2`},{annotationAxis:`y2`,color:`darkgrey`,value:66},{displayDragCoordinates:!1,color:`#109618`,label:`P66`,dragAxis:`y`,enableDrag:!0,resizable:!1,type:`box`,xMax:3,xMin:3,yMax:67,yMin:65,yScaleID:`y2`},{annotationAxis:`y2`,color:`darkgrey`,value:78},{displayDragCoordinates:!1,color:`#990099`,label:`P78`,dragAxis:`y`,enableDrag:!0,resizable:!1,type:`box`,xMax:3,xMin:3,yMax:79,yMin:77,yScaleID:`y2`},{annotationAxis:`y2`,color:`darkgrey`,value:90},{displayDragCoordinates:!1,color:`#0099c6`,label:`P90`,dragAxis:`y`,enableDrag:!0,resizable:!1,type:`box`,xMax:3,xMin:3,yMax:91,yMin:89,yScaleID:`y2`}],enableDragAnnotation:!0,showAnnotations:!0},additionalAxesOptions:{range:{x:{min:3}},chartScaleType:`linear`,reverse:!1},graph:{showMinorGridlines:!0},chartStyling:{height:`100%`},chartOptions:{showPoints:!1,enableDragAnnotation:!0}}}}),p=()=>(0,l.jsx)(o,{chart:c}),m=()=>{let[e,t]=(0,s.useState)(u),[n,i]=(0,s.useState)(0),[c,d]=(0,s.useState)(!1),[f,p]=(0,s.useState)(!0),[m,h]=(0,s.useState)(!1),[g,_]=(0,s.useState)(!0),[v,y]=(0,s.useState)(`linear`),[b,x]=(0,s.useState)(!1),S=(0,s.useMemo)(()=>({title:`Stress Tester`,axes:{x:[{label:`X Axis`}],y:[{label:`Y Axis`}]},chartOptions:{enableDragAnnotation:!0},annotations:{showAnnotations:!0,enableDragAnnotation:!0,annotationsData:[{enableDrag:!0,type:`box`,xMin:3.5,xMax:4,yMin:5,yMax:10,color:`rgba(255, 0, 0, 0.3)`,label:`DRAG ME!`},{type:`point`,enableDrag:!0,xValue:1,yValue:10,radius:2,color:`red`,label:`Draggable Point`,labelConfig:{font:`bold 8px ${r}`,color:`rgba(0,0,0,0.7)`}}]},chartStyling:{height:`100%`,squareAspectRatio:g},additionalAxesOptions:{chartScaleType:v},legend:{display:!1}}),[e,g,v]),C=(0,s.useMemo)(()=>({data:{datasets:e},options:S}),[e,S]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`div`,{style:{display:`flex`,gap:8,flexWrap:`wrap`,marginBottom:16},children:[(0,l.jsx)(a,{label:`Reset to Initial State`,colored:!0,onClick:()=>{t(u),i(e=>e+1),p(!0),x(!1)}}),(0,l.jsx)(a,{label:`Async Dataset + Unmount`,onClick:()=>{h(!0);let e=[];for(let n=0;n<50;n++)setTimeout(()=>{e.push({label:`DS ${n+1}`,data:[{x:n,y:Math.random()*100},{x:n+1,y:Math.random()*100}],borderColor:`hsl(${n*(360/50)}, 100%, 50%)`}),t([...e]),n===15&&(console.warn(`Forcing unmount mid-update`),p(!1)),n===25&&(console.warn(`Remounting chart`),p(!0),i(e=>e+1)),n===49&&(console.log(`Async injection complete`),h(!1))},n*40)},disabled:m}),(0,l.jsx)(a,{label:`Set Invalid Dataset`,onClick:()=>{t([{label:`Broken Dataset`,borderColor:`red`}])}}),(0,l.jsx)(a,{label:`Set Empty Dataset`,onClick:()=>{t([])}}),(0,l.jsx)(a,{label:`Mixed Data Formats`,onClick:()=>{t([{label:`X/Y Points`,data:[{x:0,y:0},{x:1,y:1}],borderColor:`green`},{label:`Y Only Array`,data:[2,4,6],borderColor:`blue`}])}}),(0,l.jsx)(a,{label:`Bad Axis Ref`,onClick:()=>{t([{label:`Bad Y Axis Ref`,yAxisID:`y-missing`,data:[{x:1,y:1},{x:2,y:2}],borderColor:`purple`}])}}),(0,l.jsx)(a,{label:`Toggle size`,onClick:()=>d(!c)}),(0,l.jsx)(a,{label:`Toggle Axis Type`,onClick:()=>{y(e=>e===`linear`?`logarithmic`:`linear`)}}),(0,l.jsx)(a,{label:`Toggle Aspect Ratio`,onClick:()=>{_(e=>!e)}}),(0,l.jsx)(a,{label:`Spam Re-renders`,onClick:()=>{let e=0,t=setInterval(()=>{i(e=>e+1),e++,e===100&&clearInterval(t)},30)}}),(0,l.jsx)(a,{label:f?`Unmount Chart`:`Remount Chart`,onClick:()=>p(e=>!e)}),(0,l.jsx)(a,{label:`Manual Re-render`,onClick:()=>i(e=>e+1)}),(0,l.jsx)(a,{label:`Empty Dataset`,onClick:()=>t([])}),(0,l.jsx)(a,{label:`Add 5k Points Slowly`,onClick:()=>{t([{label:`Big 5k Points`,data:Array.from({length:5e3},(e,t)=>({x:t,y:Math.sin(t/100)*100})),borderColor:`orange`}])}}),(0,l.jsx)(a,{label:`Dataset With Invalid Point`,onClick:()=>{t([{label:`Corrupt Point Dataset`,data:[{x:0,y:10},{x:1},{y:20},null,void 0,`bad-value`,{x:5,y:50}],borderColor:`red`}])}}),(0,l.jsx)(a,{label:`Malformed Dataset Combo`,onClick:()=>{t([{label:`Valid A`,data:[{x:0,y:1},{x:1,y:2}],borderColor:`blue`},{label:`Corrupt`,data:`not-an-array`,borderColor:`red`},{label:`Valid B`,data:[{x:0,y:3},{x:1,y:4}],borderColor:`green`}])}}),(0,l.jsx)(a,{label:`Cycle Big Load (Async)`,onClick:()=>{let e=[];for(let t=0;t<4;t++){let n=Array.from({length:3e3},(e,t)=>({x:t,y:Math.random()*100}));e.push({label:`Stream DS ${t+1}`,data:n,borderColor:`hsl(${t*90}, 100%, 50%)`})}let n=0,r=setInterval(()=>{t(e.slice(0,n+1)),n++,n===e.length&&clearInterval(r)},500)}}),(0,l.jsx)(a,{label:`Timed Unmount During Drag`,onClick:()=>{x(!0),p(!0),setTimeout(()=>{p(!1),x(!1)},5e3)},disabled:b})]}),b&&(0,l.jsx)(`span`,{style:{color:`crimson`,fontWeight:`bold`},children:`⏱ Unmounting in 5s – start dragging!`}),(0,l.jsx)(`div`,{style:{height:c?300:null,width:c?300:null,padding:`var(--padding)`,overflow:`auto`},children:f?(0,l.jsx)(o,{chart:C},n):(0,l.jsx)(`div`,{style:{padding:40,textAlign:`center`},children:`Chart unmounted`})})]})};f.__docgenInfo={description:``,methods:[],displayName:`PartialRangeWithSimilarValues`},p.__docgenInfo={description:``,methods:[],displayName:`closeToValueInDifferentAxes`},m.__docgenInfo={description:``,methods:[],displayName:`StressTest`},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => {
+  return <LineChart chart={{
+    data: {
+      datasets: [{
+        label: 'Duration %',
+        lineTension: '0',
+        pointHitRadius: 10,
+        borderColor: '#dc3912',
+        pointBackgroundColor: '#dc3912',
+        borderWidth: 2,
+        pointRadius: 4,
+        data: [{
+          x: 3,
+          y: 0
+        }, {
+          x: 3,
+          y: 100
+        }],
+        yAxisID: 'y2'
+      }]
+    },
+    options: {
+      direction: 'vertical',
+      axes: {
+        x: [{
+          label: 'Duration (TempSim long) [d]',
+          position: 'bottom'
+        }],
+        y: [{
+          label: 'Probability'
+        }, {
+          label: 'Percentage [%]'
+        }]
+      },
+      annotations: {
+        annotationsData: [{
+          annotationAxis: 'y2',
+          color: 'darkgrey',
+          value: 16
+        }, {
+          displayDragCoordinates: false,
+          color: '#ff9900',
+          label: 'P16',
+          dragAxis: 'y',
+          enableDrag: true,
+          resizable: false,
+          type: 'box',
+          xMax: 3,
+          xMin: 3,
+          yMax: 17,
+          yMin: 15,
+          yScaleID: 'y2'
+        }, {
+          annotationAxis: 'y2',
+          color: 'darkgrey',
+          value: 66
+        }, {
+          displayDragCoordinates: false,
+          color: '#109618',
+          label: 'P66',
+          dragAxis: 'y',
+          enableDrag: true,
+          resizable: false,
+          type: 'box',
+          xMax: 3,
+          xMin: 3,
+          yMax: 67,
+          yMin: 65,
+          yScaleID: 'y2'
+        }, {
+          annotationAxis: 'y2',
+          color: 'darkgrey',
+          value: 78
+        }, {
+          displayDragCoordinates: false,
+          color: '#990099',
+          label: 'P78',
+          dragAxis: 'y',
+          enableDrag: true,
+          resizable: false,
+          type: 'box',
+          xMax: 3,
+          xMin: 3,
+          yMax: 79,
+          yMin: 77,
+          yScaleID: 'y2'
+        }, {
+          annotationAxis: 'y2',
+          color: 'darkgrey',
+          value: 90
+        }, {
+          displayDragCoordinates: false,
+          color: '#0099c6',
+          label: 'P90',
+          dragAxis: 'y',
+          enableDrag: true,
+          resizable: false,
+          type: 'box',
+          xMax: 3,
+          xMin: 3,
+          yMax: 91,
+          yMin: 89,
+          yScaleID: 'y2'
+        }],
+        enableDragAnnotation: true,
+        showAnnotations: true
+      },
+      additionalAxesOptions: {
+        range: {
+          x: {
+            min: 3
+          }
+        },
+        chartScaleType: 'linear',
+        reverse: false
+      },
+      graph: {
+        showMinorGridlines: true
+      },
+      chartStyling: {
+        height: '100%'
+      },
+      chartOptions: {
+        showPoints: false,
+        enableDragAnnotation: true
+      }
+    }
+  }} />;
+}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => {
+  return <LineChart chart={planView} />;
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => {
+  const [datasets, setDatasets] = useState(basicDS);
+  const [chartKey, setChartKey] = useState(0);
+  const [isSmall, setIsSmall] = useState(false);
+  const [showChart, setShowChart] = useState(true);
+  const [loading, setLoading] = useState(false);
+  const [aspectRatio, setAspectRatio] = useState(true);
+  const [xAxisType, setXAxisType] = useState('linear');
+  const [timerRunning, setTimerRunning] = useState(false);
+  const baseOptions = useMemo(() => ({
+    title: 'Stress Tester',
+    axes: {
+      x: [{
+        label: 'X Axis'
+      }],
+      y: [{
+        label: 'Y Axis'
+      }]
+    },
+    chartOptions: {
+      enableDragAnnotation: true
+    },
+    annotations: {
+      showAnnotations: true,
+      enableDragAnnotation: true,
+      annotationsData: [{
+        enableDrag: true,
+        type: 'box',
+        xMin: 3.5,
+        xMax: 4,
+        yMin: 5,
+        yMax: 10,
+        color: 'rgba(255, 0, 0, 0.3)',
+        label: 'DRAG ME!'
+      }, {
+        type: 'point',
+        enableDrag: true,
+        xValue: 1,
+        yValue: 10,
+        radius: DEFAULT_POINT_RADIUS,
+        color: 'red',
+        label: 'Draggable Point',
+        labelConfig: {
+          font: \`bold 8px \${DEFAULT_FONT_FAMILY}\`,
+          color: 'rgba(0,0,0,0.7)'
+        }
+      }]
+    },
+    chartStyling: {
+      height: '100%',
+      squareAspectRatio: aspectRatio
+    },
+    additionalAxesOptions: {
+      chartScaleType: xAxisType
+    },
+    legend: {
+      display: false
+    }
+  }), [datasets, aspectRatio, xAxisType]);
+  const chartConfig = useMemo(() => ({
+    data: {
+      datasets
+    },
+    options: baseOptions
+  }), [datasets, baseOptions]);
+  const startTimedUnmount = () => {
+    setTimerRunning(true);
+    setShowChart(true);
+    setTimeout(() => {
+      setShowChart(false);
+      setTimerRunning(false);
+    }, 5000);
+  };
+  const resetChart = () => {
+    setDatasets(basicDS);
+    setChartKey(k => k + 1);
+    setShowChart(true);
+    setTimerRunning(false);
+  };
+  const injectDatasetsAsync = () => {
+    setLoading(true);
+    const buffer = [];
+    const total = 50;
+    const delay = 40;
+    for (let i = 0; i < total; i++) {
+      setTimeout(() => {
+        buffer.push({
+          label: \`DS \${i + 1}\`,
+          data: [{
+            x: i,
+            y: Math.random() * 100
+          }, {
+            x: i + 1,
+            y: Math.random() * 100
+          }],
+          borderColor: \`hsl(\${i * (360 / total)}, 100%, 50%)\`
+        });
+        setDatasets([...buffer]);
+        if (i === 15) {
+          console.warn('Forcing unmount mid-update');
+          setShowChart(false);
+        }
+        if (i === 25) {
+          console.warn('Remounting chart');
+          setShowChart(true);
+          setChartKey(prev => prev + 1);
+        }
+        if (i === total - 1) {
+          console.log('Async injection complete');
+          setLoading(false);
+        }
+      }, i * delay);
+    }
+  };
+  const setInvalidDataset = () => {
+    setDatasets([{
+      label: 'Broken Dataset',
+      borderColor: 'red'
+    }]);
+  };
+  const setEmptyDataset = () => {
+    setDatasets([]);
+  };
+  const setMixedDataTypes = () => {
+    setDatasets([{
+      label: 'X/Y Points',
+      data: [{
+        x: 0,
+        y: 0
+      }, {
+        x: 1,
+        y: 1
+      }],
+      borderColor: 'green'
+    }, {
+      label: 'Y Only Array',
+      data: [2, 4, 6],
+      borderColor: 'blue'
+    }]);
+  };
+  const setMissingAxisRef = () => {
+    setDatasets([{
+      label: 'Bad Y Axis Ref',
+      yAxisID: 'y-missing',
+      data: [{
+        x: 1,
+        y: 1
+      }, {
+        x: 2,
+        y: 2
+      }],
+      borderColor: 'purple'
+    }]);
+  };
+  const addBigDataset = () => {
+    const data = Array.from({
+      length: 5000
+    }, (_, i) => ({
+      x: i,
+      y: Math.sin(i / 100) * 100
+    }));
+    setDatasets([{
+      label: 'Big 5k Points',
+      data,
+      borderColor: 'orange'
+    }]);
+  };
+  const addDatasetWithInvalidPoint = () => {
+    setDatasets([{
+      label: 'Corrupt Point Dataset',
+      data: [{
+        x: 0,
+        y: 10
+      }, {
+        x: 1
+      },
+      // missing y
+      {
+        y: 20
+      },
+      // missing x
+      null, undefined, 'bad-value', {
+        x: 5,
+        y: 50
+      }],
+      borderColor: 'red'
+    }]);
+  };
+  const addMalformedDatasetCombo = () => {
+    setDatasets([{
+      label: 'Valid A',
+      data: [{
+        x: 0,
+        y: 1
+      }, {
+        x: 1,
+        y: 2
+      }],
+      borderColor: 'blue'
+    }, {
+      label: 'Corrupt',
+      data: 'not-an-array',
+      borderColor: 'red'
+    }, {
+      label: 'Valid B',
+      data: [{
+        x: 0,
+        y: 3
+      }, {
+        x: 1,
+        y: 4
+      }],
+      borderColor: 'green'
+    }]);
+  };
+  const streamLargeData = () => {
+    const allDS = [];
+    for (let j = 0; j < 4; j++) {
+      const data = Array.from({
+        length: 3000
+      }, (_, i) => ({
+        x: i,
+        y: Math.random() * 100
+      }));
+      allDS.push({
+        label: \`Stream DS \${j + 1}\`,
+        data,
+        borderColor: \`hsl(\${j * 90}, 100%, 50%)\`
+      });
+    }
+    let step = 0;
+    const interval = setInterval(() => {
+      setDatasets(allDS.slice(0, step + 1));
+      step++;
+      if (step === allDS.length) clearInterval(interval);
+    }, 500);
+  };
+  const cycleXAxisType = () => {
+    setXAxisType(prev => prev === 'linear' ? 'logarithmic' : 'linear');
+  };
+  const toggleAspectRatio = () => {
+    setAspectRatio(prev => !prev);
+  };
+  const spamReRenders = () => {
+    let count = 0;
+    const interval = setInterval(() => {
+      setChartKey(prev => prev + 1);
+      count++;
+      if (count === 100) clearInterval(interval);
+    }, 30);
+  };
+  return <>
+      <div style={{
+      display: 'flex',
+      gap: 8,
+      flexWrap: 'wrap',
+      marginBottom: 16
+    }}>
+        <Button label="Reset to Initial State" colored onClick={resetChart} />
+        <Button label="Async Dataset + Unmount" onClick={injectDatasetsAsync} disabled={loading} />
+        <Button label="Set Invalid Dataset" onClick={setInvalidDataset} />
+        <Button label="Set Empty Dataset" onClick={setEmptyDataset} />
+        <Button label="Mixed Data Formats" onClick={setMixedDataTypes} />
+        <Button label="Bad Axis Ref" onClick={setMissingAxisRef} />
+        <Button label="Toggle size" onClick={() => setIsSmall(!isSmall)} />
+        <Button label="Toggle Axis Type" onClick={cycleXAxisType} />
+        <Button label="Toggle Aspect Ratio" onClick={toggleAspectRatio} />
+        <Button label="Spam Re-renders" onClick={spamReRenders} />
+        <Button label={showChart ? 'Unmount Chart' : 'Remount Chart'} onClick={() => setShowChart(s => !s)} />
+        <Button label="Manual Re-render" onClick={() => setChartKey(k => k + 1)} />
+        <Button label="Empty Dataset" onClick={() => setDatasets([])} />
+        <Button label="Add 5k Points Slowly" onClick={addBigDataset} />
+        <Button label="Dataset With Invalid Point" onClick={addDatasetWithInvalidPoint} />
+        <Button label="Malformed Dataset Combo" onClick={addMalformedDatasetCombo} />
+        <Button label="Cycle Big Load (Async)" onClick={streamLargeData} />
+        <Button label="Timed Unmount During Drag" onClick={startTimedUnmount} disabled={timerRunning} />
+      </div>
+
+      {timerRunning && <span style={{
+      color: 'crimson',
+      fontWeight: 'bold'
+    }}>
+          ⏱ Unmounting in 5s – start dragging!
+        </span>}
+
+      <div style={{
+      height: isSmall ? 300 : null,
+      width: isSmall ? 300 : null,
+      padding: 'var(--padding)',
+      overflow: 'auto'
+    }}>
+        {showChart ? <LineChart key={chartKey} chart={chartConfig} /> : <div style={{
+        padding: 40,
+        textAlign: 'center'
+      }}>
+            Chart unmounted
+          </div>}
+      </div>
+    </>;
+}`,...m.parameters?.docs?.source}}};const h=[`PartialRangeWithSimilarValues`,`closeToValueInDifferentAxes`,`StressTest`];export{f as PartialRangeWithSimilarValues,m as StressTest,h as __namedExportsOrder,p as closeToValueInDifferentAxes,d as default};

package/dist/assets/pie-chart.stories-Cmh7O_JI.js

@@ -0,0 +1,45 @@
+import{u as e}from"./iframe-BC9QdfhZ.js";import{t}from"./react-CJCPsloc.js";import{t as n}from"./jsx-runtime-BNVfsWEC.js";import"./fast-deep-equal-GJSfJzsC.js";import{$ as r,A as i,At as a,Dt as o,Et as s,K as c,Mt as l,P as ee,St as u,X as te,Y as ne,Z as re,b as ie,ft as d,gt as f,jt as p,kt as m,l as h,n as g,pt as _,rt as v,xt as y,y as ae,yt as oe,z as b}from"./legend-context-Bh42wyEh.js";import{n as se,t as ce}from"./bar-chart-const-DT-Qreyz.js";var le=e(re(),1),x=e(t(),1),S={chart:`_chart_1jdnu_1`,fixedHeight:`_fixedHeight_1jdnu_13`,stretchHeight:`_stretchHeight_1jdnu_19`,zoomForm:`_zoomForm_1jdnu_32`,zoomReset:`_zoomReset_1jdnu_40`,help:`_help_1jdnu_43`,autoWeight:`_autoWeight_1jdnu_47`},ue=e=>({width:e?.width,height:e?.height,maintainAspectRatio:e?.maintainAspectRatio||!1,staticChartHeight:e?.staticChartHeight||!1,performanceMode:e?.performanceMode??!0}),de=e=>({tooltips:e?.tooltips??!0,showLabelsInTooltips:e?.showLabelsInTooltips||!1,scientificNotation:e?.scientificNotation??!0}),fe=e=>({showDataLabels:e?.showDataLabels||!1,stacked:e?.stacked||!1,cutout:e?.cutout||0}),C=e=>({display:e?.display??!0,useDataset:e?.useDataset||!1,position:e?.position||i.Bottom,align:e?.align||ie.Center}),w=e=>({enableZoom:e?.enableZoom||!1,enablePan:e?.enablePan||!1}),T=e=>({onLegendClick:e?.onLegendClick,onHover:e?.onHover,onUnhover:e?.onUnhover}),E=e=>({labels:e?.labels||[],datasets:e?.datasets||[]});const D=e=>{let t=e?.chart||{},n=t?.options||{};return{testId:t?.testId??null,data:E(t?.data),options:{title:n?.title||``,chartStyling:ue(n?.chartStyling),tooltip:de(n?.tooltip),graph:fe(n?.graph),legend:C(n?.legend),chartOptions:w(n?.chartOptions),interactions:T(n?.interactions)}}},O=e=>{let[t,n]=(0,x.useState)(!1),{data:i,options:a}=e,o=(e=>{let t=[...e];if(a.graph.stacked){let e={label:t?.[0]?.label??``,backgroundColor:[],borderColor:``,borderWidth:Number(t[0].borderWidth)||1,data:[],borderDash:[]};return i.labels.map((n,r)=>{t.map((t,n)=>{e.data.push(t.data[r]);let{backgroundColor:i}=t,{borderColor:a}=t;e.backgroundColor.push((Array.isArray(i)?i[r%(a?.length||1)]:i)||b[r]+`${99-10*n}`),e.borderColor=a??``})}),[e]}return t.map((e,t)=>{let{borderWidth:n=`1`}=e??{},r=parseFloat(String(n))||1,i=b[t],a=e.borderColor||i,o=e.backgroundColor||h(b);return{...e,borderWidth:r,borderColor:a,backgroundColor:o}})})(i.datasets),s=()=>a.title===``?{}:{display:!0,text:e.options.title},c=(e,t,n)=>{let{chart:r}=n??{};if(t&&r){let{index:e=0}=t;if(r.toggleDataVisibility(e),r.update(),a.interactions?.onLegendClick){let n=r.isDatasetVisible(e);a.interactions.onLegendClick(t.text,!n)}}};return{generatedDatasets:o,getTitle:s,legendClick:c,onClick:(e,t,n)=>{n.resetZoom()},onHover:(e,r)=>{if(t&&!r?.length&&(n(!1),a.interactions.onUnhover&&a.interactions.onUnhover(e)),!t&&r?.length&&(n(!0),a.interactions.onHover)){let{index:t,datasetIndex:n}=r[0],i=o;a.interactions.onHover(e,n,t,i)}},getDatalabels:()=>a.graph.showDataLabels?{display:`auto`,align:`center`,anchor:`center`,formatter:(e,t)=>{if(t.chart.getDatasetMeta(a.graph.stacked?0:t.datasetIndex).data[t.dataIndex].hidden)return``;let n=t.dataset.data[t.dataIndex],r=n?.label||(typeof n==`number`?n:Array.isArray(n)?n.reduce((e,t,n)=>n===0?`${e} ${t}`:`${e}, ${t}`,``):``);return typeof n==`number`?Number.isInteger(r)?r:r.toFixed(2):r}}:{display:!1},getLegend:()=>({position:a.legend.position,display:a.legend.display,align:a.legend.align,labels:{boxHeight:6,boxWidth:6,usePointStyle:!0,filter:e=>a.legend.useDataset?!i.datasets[e.index]?.hideLegend:!0},onClick:c}),getToolTips:()=>{let e=e=>{let t={};return a?.tooltip?.scientificNotation?(Math.abs(e)<1e-4||Math.abs(e)>1e7)&&(t={roundScientificCoefficient:3}):t={scientific:!1},r(v(e),t)};return{callbacks:{title:e=>{let{dataIndex:t}=e[0],n=a.graph.stacked?parseInt(String(t/i.labels.length)):t;return`${i.labels[n]}`},label:t=>{let{dataIndex:n}=t,r=a.graph.stacked?n%i.datasets.length:t.datasetIndex,o=i.datasets.length>1?`${i.datasets[r]?.label}: `:``,s=t.dataset.data[n],c=typeof s==`object`?`${s.value||``} ${a.tooltip.showLabelsInTooltips&&s.label?`(`+s.label+`)`:``}`:s,l=i?.yUnit?`[${i?.yUnit}]`:``;return`${o} ${e(c)} ${l}`}},padding:8,boxWidth:12,boxHeight:12,boxPadding:4,usePointStyle:!0}}}};var k=e(n(),1);u.register(s,y,o,oe,a,l,p,m,_,d);var A=e=>{ae();let t=D(e),n=(0,x.useRef)(null),{data:r,options:i,testId:a}=t,{generatedDatasets:o,getTitle:s,onClick:c,onHover:l,getDatalabels:u,getLegend:te,getToolTips:ne}=O(t);return(0,k.jsx)(`div`,{className:(0,le.default)(S.chart,!i.chartStyling.width||!i.chartStyling.height?i.chartStyling.staticChartHeight?S.fixedHeight:S.stretchHeight:``),style:{width:i.chartStyling.width||`auto`,height:i.chartStyling.height||`auto`},"data-testid":a,children:(0,k.jsx)(f,{ref:n,data:{datasets:o,labels:i.graph.stacked?void 0:r.labels},options:{cutout:i.graph.cutout,onClick:c,responsive:!0,maintainAspectRatio:i.chartStyling.maintainAspectRatio,animation:i.chartStyling.performanceMode?!1:{duration:ee.FAST},hover:{mode:`nearest`,intersect:!0},onHover:l,plugins:{annotation:!1,title:s(),datalabels:u(),tooltip:ne(),legend:te()}}})})},j=e=>{let{options:t}=D(e);return(0,k.jsx)(g,{options:t,children:(0,k.jsx)(A,{...e})})};j.__docgenInfo={description:``,methods:[],displayName:`PieChartWithLegend`,props:{chart:{required:!0,tsType:{name:`IPieChartData`},description:``},testId:{required:!1,tsType:{name:`union`,raw:`string | null`,elements:[{name:`string`},{name:`null`}]},description:``}}};var M=[`label 1`,`label 2`,`label 3`],N={label:`data1`,data:[3,8,7]},P={label:`data2`,data:[1,2,3]},F={label:`data3`,data:[5,0,4]},I={label:`spacing data`,offset:40,data:[3,8,7]},L={label:`hover data`,data:[3,8,7],hoverOffset:40},R={label:`data`,data:[{value:210,label:`label`},{value:333,label:`labal`},{value:248,label:`lebel`}]},z={label:`data`,data:[210,333,248]},B={data:{labels:M,datasets:[N]}},V={data:{labels:M,datasets:[N,P,F]}},pe={data:{labels:M,datasets:[N,P,F]},options:{title:`Stacked`,graph:{stacked:!0}}},me={data:{labels:M,datasets:[R]},options:{title:`With custom datalabels`,graph:{showDataLabels:!0}}},he={data:{labels:M,datasets:[z]},options:{title:`With value as datalabels`,graph:{showDataLabels:!0}}},ge={data:{labels:M,datasets:[R]},options:{title:`With datalabels in tooltips`,tooltip:{showLabelsInTooltips:!0}}},_e={data:{labels:M,datasets:[L]},options:{title:`Hover offset`}},ve={data:{labels:M,datasets:[I]},options:{title:`Segment offset`}},ye={data:{labels:M,datasets:[N]},options:{chartStyling:{performanceMode:!1}}},be={data:{labels:M,datasets:[N]},options:{title:`Cutout 50%`,graph:{cutout:`50%`}}},xe={data:{labels:M,datasets:[N]},options:{title:`Cutout 20 pixels`,graph:{cutout:20}}},Se={title:`PieChart`,component:j,args:{chart:B}},H=e=>(0,k.jsx)(j,{...e});const U=H.bind({}),W=H.bind({});W.args={chart:V};const G=H.bind({});G.args={chart:pe};const K=H.bind({});K.args={chart:me};const q=H.bind({});q.args={chart:he};const J=H.bind({});J.args={chart:ge};const Y=H.bind({});Y.args={chart:ye};const X=H.bind({});X.args={chart:be};const Z=H.bind({});Z.args={chart:xe};const Q=H.bind({});Q.args={chart:_e};const $=H.bind({});Q.args={chart:ve},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...K.parameters?.docs?.source}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...q.parameters?.docs?.source}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...Q.parameters?.docs?.source}}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`args => {
+  return <PieChart
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...$.parameters?.docs?.source}}};const Ce=[`Default`,`MultipleSets`,`MultipleSetsStacked`,`Datalabels`,`DatalabelsValues`,`DatalabelsInTooltips`,`Animated`,`Doughnut`,`DoughnutFixedCutout`,`HoverOffset`,`SegmentOffset`];export{Y as Animated,K as Datalabels,J as DatalabelsInTooltips,q as DatalabelsValues,U as Default,X as Doughnut,Z as DoughnutFixedCutout,Q as HoverOffset,W as MultipleSets,G as MultipleSetsStacked,$ as SegmentOffset,Ce as __namedExportsOrder,Se as default};

package/dist/assets/preview-Ba4CwQIJ.js

@@ -0,0 +1 @@
+var e,t=new Uint8Array(16);function n(){if(!e&&(e=typeof crypto<`u`&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!e))throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);return e(t)}var r=[];for(let e=0;e<256;++e)r.push((e+256).toString(16).slice(1));function i(e,t=0){return r[e[t+0]]+r[e[t+1]]+r[e[t+2]]+r[e[t+3]]+`-`+r[e[t+4]]+r[e[t+5]]+`-`+r[e[t+6]]+r[e[t+7]]+`-`+r[e[t+8]]+r[e[t+9]]+`-`+r[e[t+10]]+r[e[t+11]]+r[e[t+12]]+r[e[t+13]]+r[e[t+14]]+r[e[t+15]]}var a={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function o(e,t,r){if(a.randomUUID&&!t&&!e)return a.randomUUID();e||={};let o=e.random||(e.rng||n)();if(o[6]=o[6]&15|64,o[8]=o[8]&63|128,t){r||=0;for(let e=0;e<16;++e)t[r+e]=o[e];return t}return i(o)}var s=o,{addons:c}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:l}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:u}=__STORYBOOK_MODULE_GLOBAL__,d=`storybook/actions/action-event`,f={depth:10,clearOnStoryChange:!0,limit:50},p=(e,t)=>{let n=Object.getPrototypeOf(e);return!n||t(n)?n:p(n,t)},m=e=>!!(typeof e==`object`&&e&&p(e,e=>/^Synthetic(?:Base)?Event$/.test(e.constructor.name))&&typeof e.persist==`function`),h=e=>{if(m(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let n=Object.getOwnPropertyDescriptor(t,`view`),r=n?.value;return typeof r==`object`&&r?.constructor.name===`Window`&&Object.defineProperty(t,`view`,{...n,value:Object.create(r.constructor.prototype)}),t}return e},g=()=>typeof crypto==`object`&&typeof crypto.getRandomValues==`function`?s():Date.now().toString(36)+Math.random().toString(36).substring(2);function _(e,t={}){let n={...f,...t},r=function(...r){if(t.implicit){let t=(`__STORYBOOK_PREVIEW__`in u?u.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find(e=>e.phase===`playing`||e.phase===`rendering`);if(t){let n=!globalThis?.FEATURES?.disallowImplicitActionsInRenderV8,r=new l({phase:t.phase,name:e,deprecated:n});if(n)console.warn(r);else throw r}}let i=c.getChannel(),a=g(),o=r.map(h),s={id:a,count:0,data:{name:e,args:r.length>1?o:o[0]},options:{...n,maxDepth:5+(n.depth||3),allowFunction:n.allowFunction||!1}};i.emit(d,s)};return r.isAction=!0,r.implicit=t.implicit,r}var v=(e,t)=>typeof t[e]>`u`&&!(e in t),y=[e=>{let{initialArgs:t,argTypes:n,parameters:{actions:r}}=e;return r?.disable||!n?{}:Object.entries(n).filter(([e,t])=>!!t.action).reduce((e,[n,r])=>(v(n,t)&&(e[n]=_(typeof r.action==`string`?r.action:n)),e),{})},e=>{let{initialArgs:t,argTypes:n,id:r,parameters:{actions:i}}=e;if(!i||i.disable||!i.argTypesRegex||!n)return{};let a=new RegExp(i.argTypesRegex);return Object.entries(n).filter(([e])=>!!a.test(e)).reduce((e,[n,i])=>(v(n,t)&&(e[n]=_(n,{implicit:!0,id:r})),e),{})}],b=!1,x=[e=>{let{parameters:{actions:t}}=e;if(!t?.disable&&!b&&`__STORYBOOK_TEST_ON_MOCK_CALL__`in u&&typeof u.__STORYBOOK_TEST_ON_MOCK_CALL__==`function`){let e=u.__STORYBOOK_TEST_ON_MOCK_CALL__;e((e,t)=>{let n=e.getMockName();n!==`spy`&&(!/^next\/.*::/.test(n)||[`next/router::useRouter()`,`next/navigation::useRouter()`,`next/navigation::redirect`,`next/cache::`,`next/headers::cookies().set`,`next/headers::cookies().delete`,`next/headers::headers().set`,`next/headers::headers().delete`].some(e=>n.startsWith(e)))&&_(n)(t)}),b=!0}}];export{y as argsEnhancers,x as loaders};

package/dist/assets/preview-Dihi2lh7.js

@@ -0,0 +1,3 @@
+import{u as e}from"./iframe-BC9QdfhZ.js";import{t}from"./react-CJCPsloc.js";import{it as n}from"./components-BUMWgrws.js";import{t as r}from"./jsx-runtime-BNVfsWEC.js";import"./react-dom-BggwCd6n.js";import"./chunk-2PTXLE6R-BSsKYLj_.js";import{t as i}from"./fast-deep-equal-GJSfJzsC.js";import"./chunk-H6MOWX77-Ds8Hqw1O.js";import"./chunk-PRSJUHPQ-ClaE-lMK.js";import"./docs-tools-C8juKH9v.js";import{r as a}from"./chunk-NUUEMKO5-2vSX1C-f.js";import"./client-mhWrpqNE.js";var o=e(t()),s=`DARK_MODE`,c=e(i());function l(e){"@babel/helpers - typeof";return l=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},l(e)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?u(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return t=p(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return l(t)===`symbol`?t:String(t)}function m(e,t){if(l(e)!==`object`||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(l(r)!==`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function h(e){return y(e)||v(e)||_(e)||g()}function g(){throw TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _(e,t){if(e){if(typeof e==`string`)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,t)}}function v(e){if(typeof Symbol<`u`&&e[Symbol.iterator]!=null||e[`@@iterator`]!=null)return Array.from(e)}function y(e){if(Array.isArray(e))return b(e)}function b(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var{global:x}=__STORYBOOK_MODULE_GLOBAL__,{STORY_CHANGED:S,SET_STORIES:C,DOCS_RENDERED:w}=__STORYBOOK_MODULE_CORE_EVENTS__,T=x,E=T.document,D=T.window,O=`sb-addon-themes-3`;D.matchMedia?.call(D,`(prefers-color-scheme: dark)`);var k={classTarget:`body`,dark:n.dark,darkClass:[`dark`],light:n.light,lightClass:[`light`],stylePreview:!1,userHasExplicitlySetTheTheme:!1},A=function(e){D.localStorage.setItem(O,JSON.stringify(e))},j=function(e,t){var n=t.current,r=t.darkClass,i=r===void 0?k.darkClass:r,a=t.lightClass,o=a===void 0?k.lightClass:a;if(n===`dark`){var s,c;(s=e.classList).remove.apply(s,h(M(o))),(c=e.classList).add.apply(c,h(M(i)))}else{var l,u;(l=e.classList).remove.apply(l,h(M(i))),(u=e.classList).add.apply(u,h(M(o)))}},M=function(e){return[].concat(e).map(function(e){return e})},N=function(e){var t=E.querySelector(e.classTarget);t&&j(t,e)},P=function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=D.localStorage.getItem(O);if(typeof t==`string`){var n=JSON.parse(t);return e&&(e.dark&&!(0,c.default)(n.dark,e.dark)&&(n.dark=e.dark,A(n)),e.light&&!(0,c.default)(n.light,e.light)&&(n.light=e.light,A(n))),n}return d(d({},k),e)};N(P());function F(e,t){return B(e)||z(e,t)||L(e,t)||I()}function I(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function L(e,t){if(e){if(typeof e==`string`)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return R(e,t)}}function R(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function z(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t===0){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function B(e){if(Array.isArray(e))return e}var{addons:V,useState:H,useEffect:U}=__STORYBOOK_MODULE_PREVIEW_API__;function W(){var e=F(H(P().current===`dark`),2),t=e[0],n=e[1];return U(function(){var e=V.getChannel();return e.on(s,n),function(){return e.off(s,n)}},[]),t}var{definePreview:G}=__STORYBOOK_MODULE_PREVIEW_API__,K=e(r(),1);const q=[e=>(0,K.jsx)(K.Fragment,{children:(0,K.jsx)(e,{})}),e=>{let t=W();return(0,o.useEffect)(()=>(document.documentElement.dataset.theme=t?`dark`:`default`,()=>{delete document.documentElement.dataset.theme}),[t]),(0,K.jsx)(e,{})}],J={docs:{container:e=>{let[t,r]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let t=e=>r(e);return e.context.channel.on(s,t),()=>{e.context.channel.off(s,t)}},[e.context.channel]),(0,K.jsx)(a,{...e,theme:t?n.dark:n.light})}},darkMode:{current:`light`,stylePreview:!0}},Y=[`autodocs`];export{q as decorators,J as parameters,Y as tags};

package/dist/assets/preview-xQjOlnQG.js

@@ -0,0 +1 @@
+import"./chunk-H6MOWX77-Ds8Hqw1O.js";import{t as e}from"./chunk-PRSJUHPQ-ClaE-lMK.js";export{e as parameters};

package/dist/assets/react-18-D9p-ZSzh.js

@@ -0,0 +1 @@
+import{u as e}from"./iframe-BC9QdfhZ.js";import{t}from"./react-CJCPsloc.js";import"./react-dom-BggwCd6n.js";import{t as n}from"./client-mhWrpqNE.js";var r=e(t(),1),i=e(n(),1),a=new Map;function o(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var s=({callback:e,children:t})=>{let n=r.useRef();return r.useLayoutEffect(()=>{n.current!==e&&(n.current=e,e())},[e]),t};typeof Promise.withResolvers>`u`&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}});var c=async(e,t,n)=>{let i=await u(t,n);if(o()){i.render(e);return}let{promise:a,resolve:c}=Promise.withResolvers();return i.render(r.createElement(s,{callback:c},e)),a},l=(e,t)=>{let n=a.get(e);n&&(n.unmount(),a.delete(e))},u=async(e,t)=>{let n=a.get(e);return n||(n=i.createRoot(e,t),a.set(e,n)),n};export{c as renderElement,l as unmountElement};

package/dist/assets/react-B_00WdD4.js

@@ -0,0 +1 @@
+throw Error(`Could not resolve "@storybook/test" imported by "@storybook/react". Is it installed?`);

package/dist/assets/react-CJCPsloc.js

@@ -0,0 +1 @@
+import{i as e}from"./iframe-BC9QdfhZ.js";var t=e((e=>{var t=Symbol.for(`react.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.provider`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.iterator;function p(e){return typeof e!=`object`||!e?null:(e=f&&e[f]||e[`@@iterator`],typeof e==`function`?e:null)}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function _(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}_.prototype.isReactComponent={},_.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`setState(...): takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function v(){}v.prototype=_.prototype;function y(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}var b=y.prototype=new v;b.constructor=y,h(b,_.prototype),b.isPureReactComponent=!0;var x=Array.isArray,S=Object.prototype.hasOwnProperty,C={current:null},w={key:!0,ref:!0,__self:!0,__source:!0};function T(e,n,r){var i,a={},o=null,s=null;if(n!=null)for(i in n.ref!==void 0&&(s=n.ref),n.key!==void 0&&(o=``+n.key),n)S.call(n,i)&&!w.hasOwnProperty(i)&&(a[i]=n[i]);var c=arguments.length-2;if(c===1)a.children=r;else if(1<c){for(var l=Array(c),u=0;u<c;u++)l[u]=arguments[u+2];a.children=l}if(e&&e.defaultProps)for(i in c=e.defaultProps,c)a[i]===void 0&&(a[i]=c[i]);return{$$typeof:t,type:e,key:o,ref:s,props:a,_owner:C.current}}function E(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}function D(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function O(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var k=/\/+/g;function A(e,t){return typeof e==`object`&&e&&e.key!=null?O(``+e.key):t.toString(36)}function j(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0}}if(c)return c=e,o=o(c),e=a===``?`.`+A(c,0):a,x(o)?(i=``,e!=null&&(i=e.replace(k,`$&/`)+`/`),j(o,r,i,``,function(e){return e})):o!=null&&(D(o)&&(o=E(o,i+(!o.key||c&&c.key===o.key?``:(``+o.key).replace(k,`$&/`)+`/`)+e)),r.push(o)),1;if(c=0,a=a===``?`.`:a+`:`,x(e))for(var l=0;l<e.length;l++){s=e[l];var u=a+A(s,l);c+=j(s,r,i,u,o)}else if(u=p(e),typeof u==`function`)for(e=u.call(e),l=0;!(s=e.next()).done;)s=s.value,u=a+A(s,l++),c+=j(s,r,i,u,o);else if(s===`object`)throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`);return c}function M(e,t,n){if(e==null)return e;var r=[],i=0;return j(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function N(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var P={current:null},F={transition:null},I={ReactCurrentDispatcher:P,ReactCurrentBatchConfig:F,ReactCurrentOwner:C};function L(){throw Error(`act(...) is not supported in production builds of React.`)}e.Children={map:M,forEach:function(e,t,n){M(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return M(e,function(){t++}),t},toArray:function(e){return M(e,function(e){return e})||[]},only:function(e){if(!D(e))throw Error(`React.Children.only expected to receive a single React element child.`);return e}},e.Component=_,e.Fragment=r,e.Profiler=a,e.PureComponent=y,e.StrictMode=i,e.Suspense=l,e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,e.act=L,e.cloneElement=function(e,n,r){if(e==null)throw Error(`React.cloneElement(...): The argument must be a React element, but you passed `+e+`.`);var i=h({},e.props),a=e.key,o=e.ref,s=e._owner;if(n!=null){if(n.ref!==void 0&&(o=n.ref,s=C.current),n.key!==void 0&&(a=``+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(l in n)S.call(n,l)&&!w.hasOwnProperty(l)&&(i[l]=n[l]===void 0&&c!==void 0?c[l]:n[l])}var l=arguments.length-2;if(l===1)i.children=r;else if(1<l){c=Array(l);for(var u=0;u<l;u++)c[u]=arguments[u+2];i.children=c}return{$$typeof:t,type:e.type,key:a,ref:o,props:i,_owner:s}},e.createContext=function(e){return e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:o,_context:e},e.Consumer=e},e.createElement=T,e.createFactory=function(e){var t=T.bind(null,e);return t.type=e,t},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:c,render:e}},e.isValidElement=D,e.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:N}},e.memo=function(e,t){return{$$typeof:u,type:e,compare:t===void 0?null:t}},e.startTransition=function(e){var t=F.transition;F.transition={};try{e()}finally{F.transition=t}},e.unstable_act=L,e.useCallback=function(e,t){return P.current.useCallback(e,t)},e.useContext=function(e){return P.current.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e){return P.current.useDeferredValue(e)},e.useEffect=function(e,t){return P.current.useEffect(e,t)},e.useId=function(){return P.current.useId()},e.useImperativeHandle=function(e,t,n){return P.current.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return P.current.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return P.current.useLayoutEffect(e,t)},e.useMemo=function(e,t){return P.current.useMemo(e,t)},e.useReducer=function(e,t,n){return P.current.useReducer(e,t,n)},e.useRef=function(e){return P.current.useRef(e)},e.useState=function(e){return P.current.useState(e)},e.useSyncExternalStore=function(e,t,n){return P.current.useSyncExternalStore(e,t,n)},e.useTransition=function(){return P.current.useTransition()},e.version=`18.3.1`})),n=e(((e,n)=>{n.exports=t()}));export{n as t};