@impulse-ui-native/charts 2.1.1 → 2.3.0

package/dist/components/multi-bar-chart/multi-bar-chart-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-bar-chart/multi-bar-chart-body.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Group } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\nimport { AppTheme } from \"@impulse-ui-native/theme\";\n\nimport { useChartLayout, useMultiBarChart } from \"../../hooks\";\nimport { ChartSize, ChartXValue, MultiBarChartProps } from \"../../types\";\nimport { createDrawableMultiBarChartSeries } from \"../../utils\";\nimport { ChartAxes } from \"../chart-axes\";\nimport { Bar } from \"../primitives\";\n\ninterface MultiBarChartBodyProps<\n  X extends ChartXValue,\n> extends MultiBarChartProps<X> {\n  size: ChartSize;\n  theme: AppTheme;\n}\n\nexport const MultiBarChartBody = memo(function MultiBarChartBodyComponent<\n  X extends ChartXValue = string,\n>(props: MultiBarChartBodyProps<X>) {\n  const {\n    categoryPadding,\n    fontManager,\n    grid,\n    insets,\n    series,\n    seriesPadding,\n    size,\n    theme,\n    xAxis,\n    yAxis,\n  } = props;\n  const layout = useChartLayout(size, insets);\n  const {\n    series: seriesModels,\n    xScale,\n    xTicks,\n    yScale,\n    yTicks,\n  } = useMultiBarChart({\n    categoryPadding,\n    plot: layout.plot,\n    series,\n    seriesPadding,\n    xAxis,\n    yAxis,\n  });\n  const drawableSeries = useMemo(\n    () =>\n      seriesModels.map((currentSeries, index) =>\n        createDrawableMultiBarChartSeries(currentSeries, index),\n      ),\n    [seriesModels],\n  );\n\n  return (\n    <>\n      <ChartAxes\n        fontManager={fontManager}\n        grid={grid}\n        layout={layout}\n        theme={theme}\n        xAxis={xAxis}\n        xScale={xScale}\n        xTicks={xTicks}\n        yAxis={yAxis}\n        yScale={yScale}\n        yTicks={yTicks}\n      />\n\n      <Group clip={layout.plot}>\n        {drawableSeries.map((currentSeries) => (\n          <Bar\n            key={currentSeries.id}\n            coordinates={currentSeries.coordinates}\n            {...currentSeries.bar}\n          />\n        ))}\n      </Group>\n    </>\n  );\n});\n"],"mappings":"AA0DI,mBACE,KADF;AA1DJ,SAAS,eAAe;AACxB,SAAS,aAAa;AAEtB,SAAS,YAAY;AAGrB,SAAS,gBAAgB,wBAAwB;AAEjD,SAAS,yCAAyC;AAClD,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AASb,MAAM,oBAAoB,KAAK,SAAS,2BAE7C,OAAkC;AAClC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,SAAS,eAAe,MAAM,MAAM;AAC1C,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB;AAAA,IACnB;AAAA,IACA,MAAM,OAAO;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,iBAAiB;AAAA,IACrB,MACE,aAAa;AAAA,MAAI,CAAC,eAAe,UAC/B,kCAAkC,eAAe,KAAK;AAAA,IACxD;AAAA,IACF,CAAC,YAAY;AAAA,EACf;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,SAAM,MAAM,OAAO,MACjB,yBAAe,IAAI,CAAC,kBACnB;AAAA,MAAC;AAAA;AAAA,QAEC,aAAa,cAAc;AAAA,QAC1B,GAAG,cAAc;AAAA;AAAA,MAFb,cAAc;AAAA,IAGrB,CACD,GACH;AAAA,KACF;AAEJ,CAAC;","names":[]}

package/dist/components/multi-bar-chart/multi-bar-chart.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as ChartXValue } from '../../line-chart.types-yxru5uWc.mjs';
+import { MultiBarChartProps } from '../../types/multi-bar-chart.types.mjs';
+import '@shopify/react-native-skia';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+import '../../types/bar-chart.types.mjs';
+
+declare const MultiBarChart: <X extends ChartXValue = string>(props: MultiBarChartProps<X>) => react_jsx_runtime.JSX.Element;
+
+export { MultiBarChart };

package/dist/components/multi-bar-chart/multi-bar-chart.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { StyleSheet } from "react-native";
+import { Canvas } from "@shopify/react-native-skia";
+import { memo } from "@impulse-ui-native/core";
+import { useTheme } from "@impulse-ui-native/theme";
+import { useChartCanvas } from "../../hooks";
+import { MultiBarChartBody } from "./multi-bar-chart-body";
+const MultiBarChart = memo(function MultiBarChart2(props) {
+  const theme = useTheme();
+  const { ref, size } = useChartCanvas();
+  return /* @__PURE__ */ jsx(Canvas, { ref, style: styles.container, children: /* @__PURE__ */ jsx(MultiBarChartBody, { ...props, size, theme }) });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export {
+  MultiBarChart
+};
+//# sourceMappingURL=multi-bar-chart.js.map

package/dist/components/multi-bar-chart/multi-bar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-bar-chart/multi-bar-chart.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { Canvas } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\nimport { useTheme } from \"@impulse-ui-native/theme\";\n\nimport { useChartCanvas } from \"../../hooks\";\nimport { ChartXValue, MultiBarChartProps } from \"../../types\";\nimport { MultiBarChartBody } from \"./multi-bar-chart-body\";\n\nexport const MultiBarChart = memo(function MultiBarChart<\n  X extends ChartXValue = string,\n>(props: MultiBarChartProps<X>) {\n  const theme = useTheme();\n  const { ref, size } = useChartCanvas();\n\n  return (\n    <Canvas ref={ref} style={styles.container}>\n      <MultiBarChartBody {...props} size={size} theme={theme} />\n    </Canvas>\n  );\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"],"mappings":"AAkBM;AAlBN,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAE/B,SAAS,yBAAyB;AAE3B,MAAM,gBAAgB,KAAK,SAASA,eAEzC,OAA8B;AAC9B,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,KAAK,KAAK,IAAI,eAAe;AAErC,SACE,oBAAC,UAAO,KAAU,OAAO,OAAO,WAC9B,8BAAC,qBAAmB,GAAG,OAAO,MAAY,OAAc,GAC1D;AAEJ,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":["MultiBarChart"]}

package/dist/components/multi-line-chart/index.d.mts

@@ -0,0 +1,8 @@
+export { MultiLineChart } from './multi-line-chart.mjs';
+import 'react/jsx-runtime';
+import '../../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+import '../../types/multi-line-chart.types.mjs';

package/dist/components/multi-line-chart/index.js

@@ -0,0 +1,5 @@
+import { MultiLineChart } from "./multi-line-chart";
+export {
+  MultiLineChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/multi-line-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-line-chart/index.ts"],"sourcesContent":["export { MultiLineChart } from \"./multi-line-chart\";\n"],"mappings":"AAAA,SAAS,sBAAsB;","names":[]}

package/dist/components/{multi-line-chart-body.d.mts → multi-line-chart/multi-line-chart-body.d.mts}

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
-import { MultiLineChartBodyProps } from '../types/multi-line-chart.types.mjs';
+import { b as ChartXValue } from '../../line-chart.types-yxru5uWc.mjs';
+import { MultiLineChartBodyProps } from '../../types/multi-line-chart.types.mjs';
 import '@shopify/react-native-skia';
-import '../types/common.types.mjs';
-import '../types/style.types.mjs';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
 import '@impulse-ui-native/theme';
 
 declare const MultiLineChartBody: <X extends ChartXValue = number>(props: MultiLineChartBodyProps<X>) => react_jsx_runtime.JSX.Element;

package/dist/components/{multi-line-chart-body.js → multi-line-chart/multi-line-chart-body.js}

@@ -2,12 +2,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Group } from "@shopify/react-native-skia";
 import { memo } from "@impulse-ui-native/core";
-import { useMultiLineChart } from "../hooks";
-import {
-  createChartLayout,
-  createDrawableMultiLineChartSeries
-} from "../utils";
-import { Grid, Line, XAxis, YAxis } from "./primitives";
+import { useChartLayout, useMultiLineChart } from "../../hooks";
+import { createDrawableMultiLineChartSeries } from "../../utils";
+import { Grid, Line, XAxis, YAxis } from "../primitives";
 const MultiLineChartBody = memo(function MultiLineChartBodyComponent(props) {
   const {
     fontManager,
@@ -20,7 +17,7 @@ const MultiLineChartBody = memo(function MultiLineChartBodyComponent(props) {
     xScaleType,
     yAxis
   } = props;
-  const layout = useMemo(() => createChartLayout(size, insets), [insets, size]);
+  const layout = useChartLayout(size, insets);
   const {
     series: seriesModels,
     xScale,

package/dist/components/multi-line-chart/multi-line-chart-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-line-chart/multi-line-chart-body.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Group } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport { useChartLayout, useMultiLineChart } from \"../../hooks\";\nimport { ChartXValue, MultiLineChartBodyProps } from \"../../types\";\nimport { createDrawableMultiLineChartSeries } from \"../../utils\";\nimport { Grid, Line, XAxis, YAxis } from \"../primitives\";\n\nexport const MultiLineChartBody = memo(function MultiLineChartBodyComponent<\n  X extends ChartXValue = number,\n>(props: MultiLineChartBodyProps<X>) {\n  const {\n    fontManager,\n    grid,\n    insets,\n    series,\n    size,\n    theme,\n    xAxis,\n    xScaleType,\n    yAxis,\n  } = props;\n\n  const layout = useChartLayout(size, insets);\n\n  const {\n    series: seriesModels,\n    xScale,\n    xTicks,\n    yScale,\n    yTicks,\n  } = useMultiLineChart({\n    plot: layout.plot,\n    series,\n    xAxis,\n    xScaleType,\n    yAxis,\n  });\n\n  const drawableSeries = useMemo(\n    () =>\n      seriesModels.map((currentSeries, index) =>\n        createDrawableMultiLineChartSeries(currentSeries, index, layout.plot),\n      ),\n    [layout.plot, seriesModels],\n  );\n\n  const isGridStyle = grid !== undefined;\n\n  return (\n    <>\n      {isGridStyle ? (\n        <Grid\n          options={grid}\n          plot={layout.plot}\n          theme={theme}\n          xTicks={xTicks}\n          xScale={xScale}\n          yTicks={yTicks}\n          yScale={yScale}\n        />\n      ) : null}\n\n      {xAxis?.visible !== false ? (\n        <XAxis\n          ticks={xTicks}\n          scale={xScale}\n          plot={layout.plot}\n          region={layout.xAxis}\n          theme={theme}\n          options={xAxis}\n          fontManager={fontManager}\n          lineVisible={!isGridStyle}\n          tickVisible={!isGridStyle}\n        />\n      ) : null}\n\n      {yAxis?.visible !== false ? (\n        <YAxis\n          ticks={yTicks}\n          scale={yScale}\n          plot={layout.plot}\n          region={layout.yAxis}\n          theme={theme}\n          options={yAxis}\n          fontManager={fontManager}\n          lineVisible={!isGridStyle}\n          tickVisible={!isGridStyle}\n        />\n      ) : null}\n\n      <Group clip={layout.plot}>\n        {drawableSeries.map((currentSeries) => (\n          <Line\n            key={currentSeries.id}\n            coordinates={currentSeries.coordinates}\n            {...currentSeries.line}\n          />\n        ))}\n      </Group>\n    </>\n  );\n});\n"],"mappings":"AAoDI,mBAEI,KAFJ;AApDJ,SAAS,eAAe;AACxB,SAAS,aAAa;AAEtB,SAAS,YAAY;AAErB,SAAS,gBAAgB,yBAAyB;AAElD,SAAS,0CAA0C;AACnD,SAAS,MAAM,MAAM,OAAO,aAAa;AAElC,MAAM,qBAAqB,KAAK,SAAS,4BAE9C,OAAmC;AACnC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,eAAe,MAAM,MAAM;AAE1C,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB,MAAM,OAAO;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB;AAAA,IACrB,MACE,aAAa;AAAA,MAAI,CAAC,eAAe,UAC/B,mCAAmC,eAAe,OAAO,OAAO,IAAI;AAAA,IACtE;AAAA,IACF,CAAC,OAAO,MAAM,YAAY;AAAA,EAC5B;AAEA,QAAM,cAAc,SAAS;AAE7B,SACE,iCACG;AAAA,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,MAAM,OAAO;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IAEH,OAAO,YAAY,QAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,OAAO;AAAA,QACb,QAAQ,OAAO;AAAA,QACf;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,aAAa,CAAC;AAAA,QACd,aAAa,CAAC;AAAA;AAAA,IAChB,IACE;AAAA,IAEH,OAAO,YAAY,QAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM,OAAO;AAAA,QACb,QAAQ,OAAO;AAAA,QACf;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,aAAa,CAAC;AAAA,QACd,aAAa,CAAC;AAAA;AAAA,IAChB,IACE;AAAA,IAEJ,oBAAC,SAAM,MAAM,OAAO,MACjB,yBAAe,IAAI,CAAC,kBACnB;AAAA,MAAC;AAAA;AAAA,QAEC,aAAa,cAAc;AAAA,QAC1B,GAAG,cAAc;AAAA;AAAA,MAFb,cAAc;AAAA,IAGrB,CACD,GACH;AAAA,KACF;AAEJ,CAAC;","names":[]}

package/dist/components/{multi-line-chart.d.mts → multi-line-chart/multi-line-chart.d.mts}

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
-import { MultiLineChartProps } from '../types/multi-line-chart.types.mjs';
+import { b as ChartXValue } from '../../line-chart.types-yxru5uWc.mjs';
+import { MultiLineChartProps } from '../../types/multi-line-chart.types.mjs';
 import '@shopify/react-native-skia';
-import '../types/common.types.mjs';
-import '../types/style.types.mjs';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
 import '@impulse-ui-native/theme';
 
 declare const MultiLineChart: <X extends ChartXValue = number>(props: MultiLineChartProps<X>) => react_jsx_runtime.JSX.Element;

package/dist/components/{multi-line-chart.js → multi-line-chart/multi-line-chart.js}

@@ -3,7 +3,7 @@ import { StyleSheet } from "react-native";
 import { Canvas } from "@shopify/react-native-skia";
 import { memo } from "@impulse-ui-native/core";
 import { useTheme } from "@impulse-ui-native/theme";
-import { useChartCanvas } from "../hooks";
+import { useChartCanvas } from "../../hooks";
 import { MultiLineChartBody } from "./multi-line-chart-body";
 const MultiLineChart = memo(function MultiLineChart2(props) {
   const theme = useTheme();

package/dist/components/multi-line-chart/multi-line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-line-chart/multi-line-chart.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { Canvas } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\nimport { useTheme } from \"@impulse-ui-native/theme\";\n\nimport { useChartCanvas } from \"../../hooks\";\nimport { ChartXValue, MultiLineChartProps } from \"../../types\";\nimport { MultiLineChartBody } from \"./multi-line-chart-body\";\n\nexport const MultiLineChart = memo(function MultiLineChart<\n  X extends ChartXValue = number,\n>(props: MultiLineChartProps<X>) {\n  const theme = useTheme();\n\n  const { ref, size } = useChartCanvas();\n\n  return (\n    <Canvas ref={ref} style={styles.container}>\n      <MultiLineChartBody {...props} size={size} theme={theme} />\n    </Canvas>\n  );\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"],"mappings":"AAmBM;AAnBN,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB,KAAK,SAASA,gBAE1C,OAA+B;AAC/B,QAAM,QAAQ,SAAS;AAEvB,QAAM,EAAE,KAAK,KAAK,IAAI,eAAe;AAErC,SACE,oBAAC,UAAO,KAAU,OAAO,OAAO,WAC9B,8BAAC,sBAAoB,GAAG,OAAO,MAAY,OAAc,GAC3D;AAEJ,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":["MultiLineChart"]}

package/dist/components/multi-pie-chart/index.d.mts

@@ -0,0 +1,7 @@
+export { MultiPieChart } from './multi-pie-chart.mjs';
+import 'react/jsx-runtime';
+import '../../types/multi-pie-chart.types.mjs';
+import '../../types/pie-chart.types.mjs';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@shopify/react-native-skia';

package/dist/components/multi-pie-chart/index.js

@@ -0,0 +1,5 @@
+import { MultiPieChart } from "./multi-pie-chart";
+export {
+  MultiPieChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/multi-pie-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-pie-chart/index.ts"],"sourcesContent":["export { MultiPieChart } from \"./multi-pie-chart\";\n"],"mappings":"AAAA,SAAS,qBAAqB;","names":[]}

package/dist/components/multi-pie-chart/multi-pie-chart-body.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartSize } from '../../types/common.types.mjs';
+import { MultiPieChartProps } from '../../types/multi-pie-chart.types.mjs';
+import '../../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '../../types/pie-chart.types.mjs';
+
+interface MultiPieChartBodyProps extends MultiPieChartProps {
+    size: ChartSize;
+}
+declare const MultiPieChartBody: (props: MultiPieChartBodyProps) => react_jsx_runtime.JSX.Element;
+
+export { MultiPieChartBody };

package/dist/components/multi-pie-chart/multi-pie-chart-body.js

@@ -0,0 +1,40 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { memo } from "@impulse-ui-native/core";
+import { useChartLayout, useMultiPieChart } from "../../hooks";
+import { Pie } from "../primitives";
+const MultiPieChartBody = memo(function MultiPieChartBody2(props) {
+  const {
+    endAngle,
+    innerRadius,
+    insets,
+    outerRadius,
+    padAngle,
+    ringPadding,
+    series,
+    size,
+    startAngle
+  } = props;
+  const layout = useChartLayout(size, insets);
+  const { series: seriesModels } = useMultiPieChart({
+    endAngle,
+    innerRadius,
+    outerRadius,
+    padAngle,
+    plot: layout.plot,
+    ringPadding,
+    series,
+    startAngle
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: seriesModels.map((currentSeries) => /* @__PURE__ */ jsx(
+    Pie,
+    {
+      coordinates: currentSeries.coordinates,
+      ...currentSeries.slice
+    },
+    currentSeries.id
+  )) });
+});
+export {
+  MultiPieChartBody
+};
+//# sourceMappingURL=multi-pie-chart-body.js.map

package/dist/components/multi-pie-chart/multi-pie-chart-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-pie-chart/multi-pie-chart-body.tsx"],"sourcesContent":["import { memo } from \"@impulse-ui-native/core\";\n\nimport { useChartLayout, useMultiPieChart } from \"../../hooks\";\nimport { ChartSize, MultiPieChartProps } from \"../../types\";\nimport { Pie } from \"../primitives\";\n\ninterface MultiPieChartBodyProps extends MultiPieChartProps {\n  size: ChartSize;\n}\n\nexport const MultiPieChartBody = memo(function MultiPieChartBody(\n  props: MultiPieChartBodyProps,\n) {\n  const {\n    endAngle,\n    innerRadius,\n    insets,\n    outerRadius,\n    padAngle,\n    ringPadding,\n    series,\n    size,\n    startAngle,\n  } = props;\n  const layout = useChartLayout(size, insets);\n  const { series: seriesModels } = useMultiPieChart({\n    endAngle,\n    innerRadius,\n    outerRadius,\n    padAngle,\n    plot: layout.plot,\n    ringPadding,\n    series,\n    startAngle,\n  });\n\n  return (\n    <>\n      {seriesModels.map((currentSeries) => (\n        <Pie\n          key={currentSeries.id}\n          coordinates={currentSeries.coordinates}\n          {...currentSeries.slice}\n        />\n      ))}\n    </>\n  );\n});\n"],"mappings":"AAqCI,mBAEI,WAFJ;AArCJ,SAAS,YAAY;AAErB,SAAS,gBAAgB,wBAAwB;AAEjD,SAAS,WAAW;AAMb,MAAM,oBAAoB,KAAK,SAASA,mBAC7C,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,SAAS,eAAe,MAAM,MAAM;AAC1C,QAAM,EAAE,QAAQ,aAAa,IAAI,iBAAiB;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,gCACG,uBAAa,IAAI,CAAC,kBACjB;AAAA,IAAC;AAAA;AAAA,MAEC,aAAa,cAAc;AAAA,MAC1B,GAAG,cAAc;AAAA;AAAA,IAFb,cAAc;AAAA,EAGrB,CACD,GACH;AAEJ,CAAC;","names":["MultiPieChartBody"]}

package/dist/components/multi-pie-chart/multi-pie-chart.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MultiPieChartProps } from '../../types/multi-pie-chart.types.mjs';
+import '../../types/pie-chart.types.mjs';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare const MultiPieChart: (props: MultiPieChartProps) => react_jsx_runtime.JSX.Element;
+
+export { MultiPieChart };

package/dist/components/multi-pie-chart/multi-pie-chart.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { StyleSheet } from "react-native";
+import { Canvas } from "@shopify/react-native-skia";
+import { memo } from "@impulse-ui-native/core";
+import { useChartCanvas } from "../../hooks";
+import { MultiPieChartBody } from "./multi-pie-chart-body";
+const MultiPieChart = memo(function MultiPieChart2(props) {
+  const { ref, size } = useChartCanvas();
+  return /* @__PURE__ */ jsx(Canvas, { ref, style: styles.container, children: /* @__PURE__ */ jsx(MultiPieChartBody, { ...props, size }) });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export {
+  MultiPieChart
+};
+//# sourceMappingURL=multi-pie-chart.js.map

package/dist/components/multi-pie-chart/multi-pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/multi-pie-chart/multi-pie-chart.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { Canvas } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport { useChartCanvas } from \"../../hooks\";\nimport { MultiPieChartProps } from \"../../types\";\nimport { MultiPieChartBody } from \"./multi-pie-chart-body\";\n\nexport const MultiPieChart = memo(function MultiPieChart(\n  props: MultiPieChartProps,\n) {\n  const { ref, size } = useChartCanvas();\n\n  return (\n    <Canvas ref={ref} style={styles.container}>\n      <MultiPieChartBody {...props} size={size} />\n    </Canvas>\n  );\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"],"mappings":"AAgBM;AAhBN,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,SAAS,YAAY;AAErB,SAAS,sBAAsB;AAE/B,SAAS,yBAAyB;AAE3B,MAAM,gBAAgB,KAAK,SAASA,eACzC,OACA;AACA,QAAM,EAAE,KAAK,KAAK,IAAI,eAAe;AAErC,SACE,oBAAC,UAAO,KAAU,OAAO,OAAO,WAC9B,8BAAC,qBAAmB,GAAG,OAAO,MAAY,GAC5C;AAEJ,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":["MultiPieChart"]}

package/dist/components/pie-chart/index.d.mts

@@ -0,0 +1,6 @@
+export { PieChart } from './pie-chart.mjs';
+import 'react/jsx-runtime';
+import '../../types/pie-chart.types.mjs';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@shopify/react-native-skia';

package/dist/components/pie-chart/index.js

@@ -0,0 +1,5 @@
+import { PieChart } from "./pie-chart";
+export {
+  PieChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/pie-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/pie-chart/index.ts"],"sourcesContent":["export { PieChart } from \"./pie-chart\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

package/dist/components/pie-chart/pie-chart-body.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartSize } from '../../types/common.types.mjs';
+import { PieChartProps } from '../../types/pie-chart.types.mjs';
+import '../../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface PieChartBodyProps extends PieChartProps {
+    size: ChartSize;
+}
+declare const PieChartBody: (props: PieChartBodyProps) => react_jsx_runtime.JSX.Element;
+
+export { PieChartBody };

package/dist/components/pie-chart/pie-chart-body.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "@impulse-ui-native/core";
+import { useChartLayout, usePieChart } from "../../hooks";
+import { Pie } from "../primitives";
+const PieChartBody = memo(function PieChartBody2(props) {
+  const {
+    data,
+    endAngle,
+    innerRadius,
+    insets,
+    outerRadius,
+    padAngle,
+    size,
+    slice,
+    startAngle
+  } = props;
+  const layout = useChartLayout(size, insets);
+  const { coordinates } = usePieChart({
+    data,
+    endAngle,
+    innerRadius,
+    outerRadius,
+    padAngle,
+    plot: layout.plot,
+    startAngle
+  });
+  return /* @__PURE__ */ jsx(Pie, { coordinates, ...slice });
+});
+export {
+  PieChartBody
+};
+//# sourceMappingURL=pie-chart-body.js.map

package/dist/components/pie-chart/pie-chart-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/pie-chart/pie-chart-body.tsx"],"sourcesContent":["import { memo } from \"@impulse-ui-native/core\";\n\nimport { useChartLayout, usePieChart } from \"../../hooks\";\nimport { ChartSize, PieChartProps } from \"../../types\";\nimport { Pie } from \"../primitives\";\n\ninterface PieChartBodyProps extends PieChartProps {\n  size: ChartSize;\n}\n\nexport const PieChartBody = memo(function PieChartBody(\n  props: PieChartBodyProps,\n) {\n  const {\n    data,\n    endAngle,\n    innerRadius,\n    insets,\n    outerRadius,\n    padAngle,\n    size,\n    slice,\n    startAngle,\n  } = props;\n  const layout = useChartLayout(size, insets);\n  const { coordinates } = usePieChart({\n    data,\n    endAngle,\n    innerRadius,\n    outerRadius,\n    padAngle,\n    plot: layout.plot,\n    startAngle,\n  });\n\n  return <Pie coordinates={coordinates} {...slice} />;\n});\n"],"mappings":"AAmCS;AAnCT,SAAS,YAAY;AAErB,SAAS,gBAAgB,mBAAmB;AAE5C,SAAS,WAAW;AAMb,MAAM,eAAe,KAAK,SAASA,cACxC,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,SAAS,eAAe,MAAM,MAAM;AAC1C,QAAM,EAAE,YAAY,IAAI,YAAY;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO;AAAA,IACb;AAAA,EACF,CAAC;AAED,SAAO,oBAAC,OAAI,aAA2B,GAAG,OAAO;AACnD,CAAC;","names":["PieChartBody"]}

package/dist/components/pie-chart/pie-chart.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PieChartProps } from '../../types/pie-chart.types.mjs';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare const PieChart: (props: PieChartProps) => react_jsx_runtime.JSX.Element;
+
+export { PieChart };

package/dist/components/pie-chart/pie-chart.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { StyleSheet } from "react-native";
+import { Canvas } from "@shopify/react-native-skia";
+import { memo } from "@impulse-ui-native/core";
+import { useChartCanvas } from "../../hooks";
+import { PieChartBody } from "./pie-chart-body";
+const PieChart = memo(function PieChart2(props) {
+  const { ref, size } = useChartCanvas();
+  return /* @__PURE__ */ jsx(Canvas, { ref, style: styles.container, children: /* @__PURE__ */ jsx(PieChartBody, { ...props, size }) });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export {
+  PieChart
+};
+//# sourceMappingURL=pie-chart.js.map

package/dist/components/pie-chart/pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { Canvas } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport { useChartCanvas } from \"../../hooks\";\nimport { PieChartProps } from \"../../types\";\nimport { PieChartBody } from \"./pie-chart-body\";\n\nexport const PieChart = memo(function PieChart(props: PieChartProps) {\n  const { ref, size } = useChartCanvas();\n\n  return (\n    <Canvas ref={ref} style={styles.container}>\n      <PieChartBody {...props} size={size} />\n    </Canvas>\n  );\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"],"mappings":"AAcM;AAdN,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,SAAS,YAAY;AAErB,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAEtB,MAAM,WAAW,KAAK,SAASA,UAAS,OAAsB;AACnE,QAAM,EAAE,KAAK,KAAK,IAAI,eAAe;AAErC,SACE,oBAAC,UAAO,KAAU,OAAO,OAAO,WAC9B,8BAAC,gBAAc,GAAG,OAAO,MAAY,GACvC;AAEJ,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":["PieChart"]}

package/dist/components/primitives/bar.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as ChartXValue } from '../../line-chart.types-yxru5uWc.mjs';
+import { BarProps } from '../../types/bar.types.mjs';
+import '@shopify/react-native-skia';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@impulse-ui-native/theme';
+import '../../types/bar-chart.types.mjs';
+
+declare const Bar: <X extends ChartXValue = string>(props: BarProps<X>) => react_jsx_runtime.JSX.Element | null;
+
+export { Bar };

package/dist/components/primitives/bar.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { Group, RoundedRect } from "@shopify/react-native-skia";
+import { memo } from "@impulse-ui-native/core";
+import {
+  BarDefaultColor,
+  BarDefaultOpacity,
+  BarDefaultRadius
+} from "../../constants";
+const Bar = memo(function Bar2(props) {
+  const {
+    color = BarDefaultColor,
+    coordinates,
+    opacity = BarDefaultOpacity,
+    radius = BarDefaultRadius,
+    visible = true
+  } = props;
+  if (!visible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Group, { children: coordinates.map((coordinate) => {
+    const resolvedRadius = Math.min(
+      Math.max(0, radius),
+      coordinate.width / 2,
+      coordinate.height / 2
+    );
+    return coordinate.height > 0 ? /* @__PURE__ */ jsx(
+      RoundedRect,
+      {
+        x: coordinate.x,
+        y: coordinate.y,
+        width: coordinate.width,
+        height: coordinate.height,
+        r: resolvedRadius,
+        color,
+        opacity
+      },
+      coordinate.index
+    ) : null;
+  }) });
+});
+export {
+  Bar
+};
+//# sourceMappingURL=bar.js.map

package/dist/components/primitives/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/primitives/bar.tsx"],"sourcesContent":["import { Group, RoundedRect } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport {\n  BarDefaultColor,\n  BarDefaultOpacity,\n  BarDefaultRadius,\n} from \"../../constants\";\nimport { BarProps, ChartXValue } from \"../../types\";\n\nexport const Bar = memo(function Bar<X extends ChartXValue = string>(\n  props: BarProps<X>,\n) {\n  const {\n    color = BarDefaultColor,\n    coordinates,\n    opacity = BarDefaultOpacity,\n    radius = BarDefaultRadius,\n    visible = true,\n  } = props;\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <Group>\n      {coordinates.map((coordinate) => {\n        const resolvedRadius = Math.min(\n          Math.max(0, radius),\n          coordinate.width / 2,\n          coordinate.height / 2,\n        );\n\n        return coordinate.height > 0 ? (\n          <RoundedRect\n            key={coordinate.index}\n            x={coordinate.x}\n            y={coordinate.y}\n            width={coordinate.width}\n            height={coordinate.height}\n            r={resolvedRadius}\n            color={color}\n            opacity={opacity}\n          />\n        ) : null;\n      })}\n    </Group>\n  );\n});\n"],"mappings":"AAoCU;AApCV,SAAS,OAAO,mBAAmB;AAEnC,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,MAAM,KAAK,SAASA,KAC/B,OACA;AACA,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EACZ,IAAI;AAEJ,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SACE,sBAAY,IAAI,CAAC,eAAe;AAC/B,UAAM,iBAAiB,KAAK;AAAA,MAC1B,KAAK,IAAI,GAAG,MAAM;AAAA,MAClB,WAAW,QAAQ;AAAA,MACnB,WAAW,SAAS;AAAA,IACtB;AAEA,WAAO,WAAW,SAAS,IACzB;AAAA,MAAC;AAAA;AAAA,QAEC,GAAG,WAAW;AAAA,QACd,GAAG,WAAW;AAAA,QACd,OAAO,WAAW;AAAA,QAClB,QAAQ,WAAW;AAAA,QACnB,GAAG;AAAA,QACH;AAAA,QACA;AAAA;AAAA,MAPK,WAAW;AAAA,IAQlB,IACE;AAAA,EACN,CAAC,GACH;AAEJ,CAAC;","names":["Bar"]}

package/dist/components/primitives/index.d.mts

@@ -1,6 +1,8 @@
+export { Bar } from './bar.mjs';
 export { Grid } from './grid.mjs';
 export { Label } from './label.mjs';
 export { Line } from './line.mjs';
+export { Pie } from './pie.mjs';
 export { XAxis } from './x-axis.mjs';
 export { YAxis } from './y-axis.mjs';
 import 'react/jsx-runtime';
@@ -9,6 +11,10 @@ import '@shopify/react-native-skia';
 import '../../types/common.types.mjs';
 import '../../types/style.types.mjs';
 import '@impulse-ui-native/theme';
+import '../../types/bar.types.mjs';
+import '../../types/bar-chart.types.mjs';
 import '../../types/label.types.mjs';
 import '../../types/line.types.mjs';
+import '../../types/pie.types.mjs';
+import '../../types/pie-chart.types.mjs';
 import '../../types/axis.types.mjs';

package/dist/components/primitives/index.js

@@ -1,12 +1,16 @@
+import { Bar } from "./bar";
 import { Grid } from "./grid";
 import { Label } from "./label";
 import { Line } from "./line";
+import { Pie } from "./pie";
 import { XAxis } from "./x-axis";
 import { YAxis } from "./y-axis";
 export {
+  Bar,
   Grid,
   Label,
   Line,
+  Pie,
   XAxis,
   YAxis
 };

package/dist/components/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/primitives/index.ts"],"sourcesContent":["export { Grid } from \"./grid\";\nexport { Label } from \"./label\";\nexport { Line } from \"./line\";\nexport { XAxis } from \"./x-axis\";\nexport { YAxis } from \"./y-axis\";\n"],"mappings":"AAAA,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,aAAa;","names":[]}
+{"version":3,"sources":["../../../src/components/primitives/index.ts"],"sourcesContent":["export { Bar } from \"./bar\";\nexport { Grid } from \"./grid\";\nexport { Label } from \"./label\";\nexport { Line } from \"./line\";\nexport { Pie } from \"./pie\";\nexport { XAxis } from \"./x-axis\";\nexport { YAxis } from \"./y-axis\";\n"],"mappings":"AAAA,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,aAAa;AACtB,SAAS,aAAa;","names":[]}

package/dist/components/primitives/pie.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PieProps } from '../../types/pie.types.mjs';
+import '../../types/pie-chart.types.mjs';
+import '../../types/common.types.mjs';
+import '../../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare const Pie: (props: PieProps) => react_jsx_runtime.JSX.Element | null;
+
+export { Pie };

package/dist/components/primitives/pie.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Group, Path } from "@shopify/react-native-skia";
+import { memo } from "@impulse-ui-native/core";
+import {
+  PieDefaultColor,
+  PieDefaultColors,
+  PieDefaultCornerRadius,
+  PieDefaultOpacity,
+  PieDefaultStrokeWidth
+} from "../../constants";
+import { createPieSlicePath } from "../../utils";
+const Pie = memo(function Pie2(props) {
+  const {
+    colors = PieDefaultColors,
+    coordinates,
+    cornerRadius = PieDefaultCornerRadius,
+    opacity = PieDefaultOpacity,
+    strokeColor,
+    strokeWidth = PieDefaultStrokeWidth,
+    visible = true
+  } = props;
+  const slices = useMemo(
+    () => coordinates.map((coordinate) => ({
+      color: coordinate.datum.color ?? colors[coordinate.index % colors.length] ?? PieDefaultColor,
+      coordinate,
+      path: createPieSlicePath(coordinate, cornerRadius)
+    })),
+    [colors, coordinates, cornerRadius]
+  );
+  if (!visible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Group, { children: slices.map(
+    ({ color, coordinate, path }) => path ? /* @__PURE__ */ jsxs(
+      Group,
+      {
+        transform: [
+          { translateX: coordinate.center.x },
+          { translateY: coordinate.center.y }
+        ],
+        children: [
+          /* @__PURE__ */ jsx(Path, { path, color, opacity }),
+          strokeColor && strokeWidth > 0 ? /* @__PURE__ */ jsx(
+            Path,
+            {
+              path,
+              color: strokeColor,
+              opacity,
+              style: "stroke",
+              strokeWidth
+            }
+          ) : null
+        ]
+      },
+      coordinate.datum.id
+    ) : null
+  ) });
+});
+export {
+  Pie
+};
+//# sourceMappingURL=pie.js.map

package/dist/components/primitives/pie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/primitives/pie.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Group, Path } from \"@shopify/react-native-skia\";\n\nimport { memo } from \"@impulse-ui-native/core\";\n\nimport {\n  PieDefaultColor,\n  PieDefaultColors,\n  PieDefaultCornerRadius,\n  PieDefaultOpacity,\n  PieDefaultStrokeWidth,\n} from \"../../constants\";\nimport { PieProps } from \"../../types\";\nimport { createPieSlicePath } from \"../../utils\";\n\nexport const Pie = memo(function Pie(props: PieProps) {\n  const {\n    colors = PieDefaultColors,\n    coordinates,\n    cornerRadius = PieDefaultCornerRadius,\n    opacity = PieDefaultOpacity,\n    strokeColor,\n    strokeWidth = PieDefaultStrokeWidth,\n    visible = true,\n  } = props;\n  const slices = useMemo(\n    () =>\n      coordinates.map((coordinate) => ({\n        color:\n          coordinate.datum.color ??\n          colors[coordinate.index % colors.length] ??\n          PieDefaultColor,\n        coordinate,\n        path: createPieSlicePath(coordinate, cornerRadius),\n      })),\n    [colors, coordinates, cornerRadius],\n  );\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <Group>\n      {slices.map(({ color, coordinate, path }) =>\n        path ? (\n          <Group\n            key={coordinate.datum.id}\n            transform={[\n              { translateX: coordinate.center.x },\n              { translateY: coordinate.center.y },\n            ]}\n          >\n            <Path path={path} color={color} opacity={opacity} />\n            {strokeColor && strokeWidth > 0 ? (\n              <Path\n                path={path}\n                color={strokeColor}\n                opacity={opacity}\n                style=\"stroke\"\n                strokeWidth={strokeWidth}\n              />\n            ) : null}\n          </Group>\n        ) : null,\n      )}\n    </Group>\n  );\n});\n"],"mappings":"AA8CU,SAOE,KAPF;AA9CV,SAAS,eAAe;AACxB,SAAS,OAAO,YAAY;AAE5B,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AAE5B,MAAM,MAAM,KAAK,SAASA,KAAI,OAAiB;AACpD,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV;AAAA,IACA,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,IAAI;AACJ,QAAM,SAAS;AAAA,IACb,MACE,YAAY,IAAI,CAAC,gBAAgB;AAAA,MAC/B,OACE,WAAW,MAAM,SACjB,OAAO,WAAW,QAAQ,OAAO,MAAM,KACvC;AAAA,MACF;AAAA,MACA,MAAM,mBAAmB,YAAY,YAAY;AAAA,IACnD,EAAE;AAAA,IACJ,CAAC,QAAQ,aAAa,YAAY;AAAA,EACpC;AAEA,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SACE,iBAAO;AAAA,IAAI,CAAC,EAAE,OAAO,YAAY,KAAK,MACrC,OACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT,EAAE,YAAY,WAAW,OAAO,EAAE;AAAA,UAClC,EAAE,YAAY,WAAW,OAAO,EAAE;AAAA,QACpC;AAAA,QAEA;AAAA,8BAAC,QAAK,MAAY,OAAc,SAAkB;AAAA,UACjD,eAAe,cAAc,IAC5B;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,OAAO;AAAA,cACP;AAAA,cACA,OAAM;AAAA,cACN;AAAA;AAAA,UACF,IACE;AAAA;AAAA;AAAA,MAfC,WAAW,MAAM;AAAA,IAgBxB,IACE;AAAA,EACN,GACF;AAEJ,CAAC;","names":["Pie"]}

package/dist/constants/bar-chart.constants.d.mts

@@ -0,0 +1,4 @@
+declare const BarChartDefaultCategoryPadding = 0.2;
+declare const MultiBarChartDefaultSeriesPadding = 0.1;
+
+export { BarChartDefaultCategoryPadding, MultiBarChartDefaultSeriesPadding };

package/dist/constants/bar-chart.constants.js

@@ -0,0 +1,7 @@
+const BarChartDefaultCategoryPadding = 0.2;
+const MultiBarChartDefaultSeriesPadding = 0.1;
+export {
+  BarChartDefaultCategoryPadding,
+  MultiBarChartDefaultSeriesPadding
+};
+//# sourceMappingURL=bar-chart.constants.js.map

package/dist/constants/bar-chart.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/bar-chart.constants.ts"],"sourcesContent":["export const BarChartDefaultCategoryPadding = 0.2;\nexport const MultiBarChartDefaultSeriesPadding = 0.1;\n"],"mappings":"AAAO,MAAM,iCAAiC;AACvC,MAAM,oCAAoC;","names":[]}

package/dist/constants/bar.constants.d.mts

@@ -0,0 +1,8 @@
+import * as _impulse_ui_native_theme from '@impulse-ui-native/theme';
+
+declare const BarDefaultColor: string;
+declare const BarDefaultColors: _impulse_ui_native_theme.ChartColorPalette;
+declare const BarDefaultOpacity = 1;
+declare const BarDefaultRadius = 0;
+
+export { BarDefaultColor, BarDefaultColors, BarDefaultOpacity, BarDefaultRadius };

package/dist/constants/bar.constants.js

@@ -0,0 +1,12 @@
+import { ChartColorTokens } from "@impulse-ui-native/theme";
+const BarDefaultColor = ChartColorTokens[0];
+const BarDefaultColors = ChartColorTokens;
+const BarDefaultOpacity = 1;
+const BarDefaultRadius = 0;
+export {
+  BarDefaultColor,
+  BarDefaultColors,
+  BarDefaultOpacity,
+  BarDefaultRadius
+};
+//# sourceMappingURL=bar.constants.js.map

package/dist/constants/bar.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/bar.constants.ts"],"sourcesContent":["import { ChartColorTokens } from \"@impulse-ui-native/theme\";\n\nexport const BarDefaultColor = ChartColorTokens[0];\nexport const BarDefaultColors = ChartColorTokens;\nexport const BarDefaultOpacity = 1;\nexport const BarDefaultRadius = 0;\n"],"mappings":"AAAA,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,iBAAiB,CAAC;AAC1C,MAAM,mBAAmB;AACzB,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;","names":[]}