@impulse-ui-native/charts 2.1.1 → 2.3.0

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

@@ -0,0 +1,46 @@
+import { ChartInsets, ChartPoint } from './common.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface PieChartPoint {
+    id: string;
+    value: number;
+    color?: string;
+}
+interface PieChartCoordinate {
+    datum: PieChartPoint;
+    index: number;
+    center: ChartPoint;
+    startAngle: number;
+    endAngle: number;
+    padAngle: number;
+    padRadius: number;
+    innerRadius: number;
+    outerRadius: number;
+}
+interface PieChartSliceOptions {
+    visible?: boolean;
+    colors?: readonly string[];
+    opacity?: number;
+    cornerRadius?: number;
+    strokeColor?: string;
+    strokeWidth?: number;
+}
+interface PieChartCommonProps {
+    insets?: Partial<ChartInsets>;
+    innerRadius?: number;
+    outerRadius?: number;
+    padAngle?: number;
+    startAngle?: number;
+    endAngle?: number;
+}
+interface PieChartProps extends PieChartCommonProps {
+    data: readonly PieChartPoint[];
+    slice?: PieChartSliceOptions;
+}
+interface PieChartModel {
+    coordinates: readonly PieChartCoordinate[];
+    total: number;
+}
+
+export type { PieChartCommonProps, PieChartCoordinate, PieChartModel, PieChartPoint, PieChartProps, PieChartSliceOptions };

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

@@ -0,0 +1 @@
+//# sourceMappingURL=pie-chart.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/pie.types.d.mts

@@ -0,0 +1,10 @@
+import { PieChartSliceOptions, PieChartCoordinate } from './pie-chart.types.mjs';
+import './common.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface PieProps extends PieChartSliceOptions {
+    coordinates: readonly PieChartCoordinate[];
+}
+
+export type { PieProps };

package/dist/types/pie.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=pie.types.js.map

package/dist/types/pie.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-bar-chart.types.d.mts

@@ -0,0 +1,26 @@
+import { BarChartPoint, BarChartCoordinate } from './bar-chart.types.mjs';
+import { ChartRect, ChartXAxisOptions, ChartYAxisOptions, ChartNumericDomain } from './common.types.mjs';
+import { b as ChartXValue, h as LineChartScale } from '../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';
+
+interface UseBarChartProps<X extends ChartXValue = string> {
+    data: readonly BarChartPoint<X>[];
+    plot: ChartRect;
+    xAxis?: ChartXAxisOptions<X>;
+    yAxis?: ChartYAxisOptions;
+    categoryPadding?: number;
+}
+interface UseBarChartResult<X extends ChartXValue = string> {
+    xDomain: readonly X[];
+    yDomain: ChartNumericDomain;
+    xTicks: readonly X[];
+    yTicks: readonly number[];
+    coordinates: readonly BarChartCoordinate<X>[];
+    xScale: LineChartScale<X>;
+    yScale: LineChartScale<number>;
+    bandwidth: number;
+}
+
+export type { UseBarChartProps, UseBarChartResult };

package/dist/types/use-bar-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-bar-chart.types.js.map

package/dist/types/use-bar-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-multi-bar-chart.types.d.mts

@@ -0,0 +1,17 @@
+import { ChartRect } from './common.types.mjs';
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { MultiBarChartProps, MultiBarChartSeriesModel } from './multi-bar-chart.types.mjs';
+import { UseBarChartResult } from './use-bar-chart.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+import './bar-chart.types.mjs';
+
+interface UseMultiBarChartProps<X extends ChartXValue = string> extends Pick<MultiBarChartProps<X>, "categoryPadding" | "series" | "seriesPadding" | "xAxis" | "yAxis"> {
+    plot: ChartRect;
+}
+interface UseMultiBarChartResult<X extends ChartXValue = string> extends Omit<UseBarChartResult<X>, "coordinates"> {
+    series: readonly MultiBarChartSeriesModel<X>[];
+}
+
+export type { UseMultiBarChartProps, UseMultiBarChartResult };

package/dist/types/use-multi-bar-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-multi-bar-chart.types.js.map

package/dist/types/use-multi-bar-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-multi-pie-chart.types.d.mts

@@ -0,0 +1,14 @@
+import { ChartRect } from './common.types.mjs';
+import { MultiPieChartProps, MultiPieChartSeriesModel } from './multi-pie-chart.types.mjs';
+import { PieChartCommonProps } from './pie-chart.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface UseMultiPieChartProps extends Pick<PieChartCommonProps, "endAngle" | "innerRadius" | "outerRadius" | "padAngle" | "startAngle">, Pick<MultiPieChartProps, "ringPadding" | "series"> {
+    plot: ChartRect;
+}
+interface UseMultiPieChartResult {
+    series: readonly MultiPieChartSeriesModel[];
+}
+
+export type { UseMultiPieChartProps, UseMultiPieChartResult };

package/dist/types/use-multi-pie-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-multi-pie-chart.types.js.map

package/dist/types/use-multi-pie-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-pie-chart.types.d.mts

@@ -0,0 +1,12 @@
+import { ChartRect } from './common.types.mjs';
+import { PieChartCommonProps, PieChartPoint, PieChartModel } from './pie-chart.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface UsePieChartProps extends Pick<PieChartCommonProps, "endAngle" | "innerRadius" | "outerRadius" | "padAngle" | "startAngle"> {
+    data: readonly PieChartPoint[];
+    plot: ChartRect;
+}
+type UsePieChartResult = PieChartModel;
+
+export type { UsePieChartProps, UsePieChartResult };

package/dist/types/use-pie-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-pie-chart.types.js.map

package/dist/types/use-pie-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/bar-chart.util.d.mts

@@ -0,0 +1,25 @@
+import { ChartNumericDomain } from '../types/common.types.mjs';
+import { b as ChartXValue, h as LineChartScale } from '../line-chart.types-yxru5uWc.mjs';
+import { BarChartPoint, BarChartCoordinate } from '../types/bar-chart.types.mjs';
+import { UseBarChartProps, UseBarChartResult } from '../types/use-bar-chart.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '@impulse-ui-native/theme';
+
+interface BarChartScaleModel<X extends ChartXValue> {
+    xDomain: readonly X[];
+    yDomain: ChartNumericDomain;
+    xTicks: readonly X[];
+    yTicks: readonly number[];
+    xScale: LineChartScale<X>;
+    xStartScale: LineChartScale<X>;
+    yScale: LineChartScale<number>;
+    bandwidth: number;
+    baseline: number;
+}
+declare function createBarChartModel<X extends ChartXValue>(props: UseBarChartProps<X>): UseBarChartResult<X>;
+declare function createBarChartCoordinates<X extends ChartXValue>(data: readonly BarChartPoint<X>[], xStartScale: LineChartScale<X>, yScale: LineChartScale<number>, baseline: number, width: number, offset?: number): BarChartCoordinate<X>[];
+declare function createBarChartScaleModel<X extends ChartXValue>(props: UseBarChartProps<X>): BarChartScaleModel<X>;
+declare function normalizeBarChartPadding(value: number | undefined, fallback: number): number;
+
+export { type BarChartScaleModel, createBarChartCoordinates, createBarChartModel, createBarChartScaleModel, normalizeBarChartPadding };

package/dist/utils/bar-chart.util.js

@@ -0,0 +1,145 @@
+import { extent } from "d3-array";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { BarChartDefaultCategoryPadding } from "../constants/bar-chart.constants";
+import {
+  LineChartDefaultNumericDomain,
+  LineChartDefaultTickCount
+} from "../constants/line-chart.constants";
+function createBarChartModel(props) {
+  const model = createBarChartScaleModel(props);
+  return {
+    xDomain: model.xDomain,
+    yDomain: model.yDomain,
+    xTicks: model.xTicks,
+    yTicks: model.yTicks,
+    xScale: model.xScale,
+    yScale: model.yScale,
+    bandwidth: model.bandwidth,
+    coordinates: createBarChartCoordinates(
+      props.data,
+      model.xStartScale,
+      model.yScale,
+      model.baseline,
+      model.bandwidth
+    )
+  };
+}
+function createBarChartCoordinates(data, xStartScale, yScale, baseline, width, offset = 0) {
+  const baselineY = yScale(baseline);
+  if (!isFiniteCoordinate(baselineY) || width <= 0) {
+    return [];
+  }
+  return data.reduce((coordinates, datum, index) => {
+    const x = xStartScale(datum.x);
+    const valueY = datum.y === null ? void 0 : yScale(datum.y);
+    if (!isFiniteCoordinate(x) || !isFiniteCoordinate(valueY)) {
+      return coordinates;
+    }
+    coordinates.push({
+      datum,
+      index,
+      x: x + offset,
+      y: Math.min(valueY, baselineY),
+      width,
+      height: Math.abs(baselineY - valueY)
+    });
+    return coordinates;
+  }, []);
+}
+function createBarChartScaleModel(props) {
+  const xTickCount = getTickCount(props.xAxis?.tickCount);
+  const yTickCount = getTickCount(props.yAxis?.tickCount);
+  const categoryPadding = normalizeBarChartPadding(
+    props.categoryPadding,
+    BarChartDefaultCategoryPadding
+  );
+  const xBandScale = scaleBand().domain(
+    props.data.map((point) => point.x).filter((value) => isValidXValue(value))
+  ).range([props.plot.x, props.plot.x + props.plot.width]).paddingInner(categoryPadding).paddingOuter(categoryPadding / 2);
+  const xDomain = xBandScale.domain();
+  const bandwidth = xDomain.length === 0 ? 0 : xBandScale.bandwidth();
+  const xStartScale = (value) => xBandScale(value);
+  const xScale = (value) => {
+    const start = xBandScale(value);
+    return start === void 0 ? void 0 : start + bandwidth / 2;
+  };
+  const values = props.data.reduce((result, point) => {
+    if (point.y !== null && Number.isFinite(point.y)) {
+      result.push(point.y);
+    }
+    return result;
+  }, []);
+  const yDomain = props.yAxis?.domain ?? getBarNumericDomain(values);
+  const d3YScale = scaleLinear().domain(yDomain).range([props.plot.y + props.plot.height, props.plot.y]);
+  if (!props.yAxis?.domain && yTickCount > 0) {
+    d3YScale.nice(yTickCount);
+  }
+  const resolvedYDomain = d3YScale.domain();
+  const yScale = (value) => d3YScale(value);
+  return {
+    xDomain,
+    yDomain: resolvedYDomain,
+    xTicks: selectTicks(xDomain, xTickCount),
+    yTicks: d3YScale.ticks(yTickCount),
+    xScale,
+    xStartScale,
+    yScale,
+    bandwidth,
+    baseline: getBaseline(resolvedYDomain)
+  };
+}
+function getBarNumericDomain(values) {
+  const [minimum, maximum] = extent(values);
+  if (minimum === void 0 || maximum === void 0) {
+    return LineChartDefaultNumericDomain;
+  }
+  const domain = [Math.min(0, minimum), Math.max(0, maximum)];
+  return domain[0] === domain[1] ? LineChartDefaultNumericDomain : domain;
+}
+function getBaseline(domain) {
+  const minimum = Math.min(...domain);
+  const maximum = Math.max(...domain);
+  if (minimum > 0) {
+    return minimum;
+  }
+  if (maximum < 0) {
+    return maximum;
+  }
+  return 0;
+}
+function getTickCount(tickCount) {
+  return tickCount === void 0 || !Number.isFinite(tickCount) ? LineChartDefaultTickCount : Math.max(0, Math.floor(tickCount));
+}
+function normalizeBarChartPadding(value, fallback) {
+  const padding = value === void 0 || !Number.isFinite(value) ? fallback : value;
+  return Math.min(1, Math.max(0, padding));
+}
+function selectTicks(values, tickCount) {
+  if (tickCount <= 0 || values.length === 0) {
+    return [];
+  }
+  if (values.length <= tickCount) {
+    return [...values];
+  }
+  if (tickCount === 1) {
+    return [values[0]];
+  }
+  const lastIndex = values.length - 1;
+  return Array.from(
+    { length: tickCount },
+    (_, index) => values[Math.round(index * lastIndex / (tickCount - 1))]
+  );
+}
+function isFiniteCoordinate(value) {
+  return value !== void 0 && Number.isFinite(value);
+}
+function isValidXValue(value) {
+  return value instanceof Date ? Number.isFinite(value.getTime()) : typeof value === "string" || Number.isFinite(value);
+}
+export {
+  createBarChartCoordinates,
+  createBarChartModel,
+  createBarChartScaleModel,
+  normalizeBarChartPadding
+};
+//# sourceMappingURL=bar-chart.util.js.map

package/dist/utils/bar-chart.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/bar-chart.util.ts"],"sourcesContent":["import { extent } from \"d3-array\";\nimport { scaleBand, scaleLinear } from \"d3-scale\";\n\nimport { BarChartDefaultCategoryPadding } from \"../constants/bar-chart.constants\";\nimport {\n  LineChartDefaultNumericDomain,\n  LineChartDefaultTickCount,\n} from \"../constants/line-chart.constants\";\nimport {\n  BarChartCoordinate,\n  BarChartPoint,\n  ChartNumericDomain,\n  ChartXValue,\n  LineChartScale,\n  UseBarChartProps,\n  UseBarChartResult,\n} from \"../types\";\n\nexport interface BarChartScaleModel<X extends ChartXValue> {\n  xDomain: readonly X[];\n  yDomain: ChartNumericDomain;\n  xTicks: readonly X[];\n  yTicks: readonly number[];\n  xScale: LineChartScale<X>;\n  xStartScale: LineChartScale<X>;\n  yScale: LineChartScale<number>;\n  bandwidth: number;\n  baseline: number;\n}\n\nexport function createBarChartModel<X extends ChartXValue>(\n  props: UseBarChartProps<X>,\n): UseBarChartResult<X> {\n  const model = createBarChartScaleModel(props);\n\n  return {\n    xDomain: model.xDomain,\n    yDomain: model.yDomain,\n    xTicks: model.xTicks,\n    yTicks: model.yTicks,\n    xScale: model.xScale,\n    yScale: model.yScale,\n    bandwidth: model.bandwidth,\n    coordinates: createBarChartCoordinates(\n      props.data,\n      model.xStartScale,\n      model.yScale,\n      model.baseline,\n      model.bandwidth,\n    ),\n  };\n}\n\nexport function createBarChartCoordinates<X extends ChartXValue>(\n  data: readonly BarChartPoint<X>[],\n  xStartScale: LineChartScale<X>,\n  yScale: LineChartScale<number>,\n  baseline: number,\n  width: number,\n  offset = 0,\n): BarChartCoordinate<X>[] {\n  const baselineY = yScale(baseline);\n\n  if (!isFiniteCoordinate(baselineY) || width <= 0) {\n    return [];\n  }\n\n  return data.reduce<BarChartCoordinate<X>[]>((coordinates, datum, index) => {\n    const x = xStartScale(datum.x);\n    const valueY = datum.y === null ? undefined : yScale(datum.y);\n\n    if (!isFiniteCoordinate(x) || !isFiniteCoordinate(valueY)) {\n      return coordinates;\n    }\n\n    coordinates.push({\n      datum,\n      index,\n      x: x + offset,\n      y: Math.min(valueY, baselineY),\n      width,\n      height: Math.abs(baselineY - valueY),\n    });\n\n    return coordinates;\n  }, []);\n}\n\nexport function createBarChartScaleModel<X extends ChartXValue>(\n  props: UseBarChartProps<X>,\n): BarChartScaleModel<X> {\n  const xTickCount = getTickCount(props.xAxis?.tickCount);\n  const yTickCount = getTickCount(props.yAxis?.tickCount);\n  const categoryPadding = normalizeBarChartPadding(\n    props.categoryPadding,\n    BarChartDefaultCategoryPadding,\n  );\n  const xBandScale = scaleBand<X>()\n    .domain(\n      props.data\n        .map((point) => point.x)\n        .filter((value) => isValidXValue(value)),\n    )\n    .range([props.plot.x, props.plot.x + props.plot.width])\n    .paddingInner(categoryPadding)\n    .paddingOuter(categoryPadding / 2);\n  const xDomain = xBandScale.domain();\n  const bandwidth = xDomain.length === 0 ? 0 : xBandScale.bandwidth();\n  const xStartScale: LineChartScale<X> = (value) => xBandScale(value);\n  const xScale: LineChartScale<X> = (value) => {\n    const start = xBandScale(value);\n\n    return start === undefined ? undefined : start + bandwidth / 2;\n  };\n  const values = props.data.reduce<number[]>((result, point) => {\n    if (point.y !== null && Number.isFinite(point.y)) {\n      result.push(point.y);\n    }\n\n    return result;\n  }, []);\n  const yDomain = props.yAxis?.domain ?? getBarNumericDomain(values);\n  const d3YScale = scaleLinear()\n    .domain(yDomain)\n    .range([props.plot.y + props.plot.height, props.plot.y]);\n\n  if (!props.yAxis?.domain && yTickCount > 0) {\n    d3YScale.nice(yTickCount);\n  }\n\n  const resolvedYDomain = d3YScale.domain() as [number, number];\n  const yScale: LineChartScale<number> = (value) => d3YScale(value);\n\n  return {\n    xDomain,\n    yDomain: resolvedYDomain,\n    xTicks: selectTicks(xDomain, xTickCount),\n    yTicks: d3YScale.ticks(yTickCount),\n    xScale,\n    xStartScale,\n    yScale,\n    bandwidth,\n    baseline: getBaseline(resolvedYDomain),\n  };\n}\n\nfunction getBarNumericDomain(values: readonly number[]): ChartNumericDomain {\n  const [minimum, maximum] = extent(values);\n\n  if (minimum === undefined || maximum === undefined) {\n    return LineChartDefaultNumericDomain;\n  }\n\n  const domain = [Math.min(0, minimum), Math.max(0, maximum)] as const;\n\n  return domain[0] === domain[1] ? LineChartDefaultNumericDomain : domain;\n}\n\nfunction getBaseline(domain: ChartNumericDomain): number {\n  const minimum = Math.min(...domain);\n  const maximum = Math.max(...domain);\n\n  if (minimum > 0) {\n    return minimum;\n  }\n\n  if (maximum < 0) {\n    return maximum;\n  }\n\n  return 0;\n}\n\nfunction getTickCount(tickCount: number | undefined): number {\n  return tickCount === undefined || !Number.isFinite(tickCount)\n    ? LineChartDefaultTickCount\n    : Math.max(0, Math.floor(tickCount));\n}\n\nexport function normalizeBarChartPadding(\n  value: number | undefined,\n  fallback: number,\n): number {\n  const padding =\n    value === undefined || !Number.isFinite(value) ? fallback : value;\n\n  return Math.min(1, Math.max(0, padding));\n}\n\nfunction selectTicks<X>(values: readonly X[], tickCount: number): X[] {\n  if (tickCount <= 0 || values.length === 0) {\n    return [];\n  }\n\n  if (values.length <= tickCount) {\n    return [...values];\n  }\n\n  if (tickCount === 1) {\n    return [values[0]!];\n  }\n\n  const lastIndex = values.length - 1;\n\n  return Array.from(\n    { length: tickCount },\n    (_, index) => values[Math.round((index * lastIndex) / (tickCount - 1))]!,\n  );\n}\n\nfunction isFiniteCoordinate(value: number | undefined): value is number {\n  return value !== undefined && Number.isFinite(value);\n}\n\nfunction isValidXValue<X extends ChartXValue>(value: X): boolean {\n  return value instanceof Date\n    ? Number.isFinite(value.getTime())\n    : typeof value === \"string\" || Number.isFinite(value);\n}\n"],"mappings":"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","names":[]}

package/dist/utils/grid.util.js

@@ -6,24 +6,24 @@ function createVerticalGridPath(values, scale, plot) {
   if (ticks.length === 0) {
     return null;
   }
-  const path = Skia.Path.Make();
+  const path = Skia.PathBuilder.Make();
   ticks.forEach(({ position }) => {
     path.moveTo(position, plot.y);
     path.lineTo(position, plot.y + plot.height);
   });
-  return path;
+  return path.detach();
 }
 function createHorizontalGridPath(values, scale, plot) {
   const ticks = createAxisTicks(values, scale);
   if (ticks.length === 0) {
     return null;
   }
-  const path = Skia.Path.Make();
+  const path = Skia.PathBuilder.Make();
   ticks.forEach(({ position }) => {
     path.moveTo(plot.x, position);
     path.lineTo(plot.x + plot.width, position);
   });
-  return path;
+  return path.detach();
 }
 function resolveGridLineOptions(options, defaultVisible, defaultColor) {
   if (typeof options === "boolean") {

package/dist/utils/grid.util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/grid.util.ts"],"sourcesContent":["import { Skia, SkPath } from \"@shopify/react-native-skia\";\n\nimport { GridDefaultOpacity, GridDefaultWidth } from \"../constants\";\nimport {\n  ChartGridLineOptions,\n  ChartRect,\n  LineChartScale,\n  ResolvedGridLineOptions,\n} from \"../types\";\nimport { createAxisTicks } from \"./axis.util\";\n\nexport function createVerticalGridPath<Value>(\n  values: readonly Value[],\n  scale: LineChartScale<Value>,\n  plot: ChartRect,\n): SkPath | null {\n  const ticks = createAxisTicks(values, scale);\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  const path = Skia.Path.Make();\n\n  ticks.forEach(({ position }) => {\n    path.moveTo(position, plot.y);\n    path.lineTo(position, plot.y + plot.height);\n  });\n\n  return path;\n}\n\nexport function createHorizontalGridPath<Value>(\n  values: readonly Value[],\n  scale: LineChartScale<Value>,\n  plot: ChartRect,\n): SkPath | null {\n  const ticks = createAxisTicks(values, scale);\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  const path = Skia.Path.Make();\n\n  ticks.forEach(({ position }) => {\n    path.moveTo(plot.x, position);\n    path.lineTo(plot.x + plot.width, position);\n  });\n\n  return path;\n}\n\nexport function resolveGridLineOptions(\n  options: boolean | ChartGridLineOptions | undefined,\n  defaultVisible: boolean,\n  defaultColor: string,\n): ResolvedGridLineOptions {\n  if (typeof options === \"boolean\") {\n    return {\n      visible: options,\n      color: defaultColor,\n      width: GridDefaultWidth,\n      opacity: GridDefaultOpacity,\n    };\n  }\n\n  return {\n    visible: isGridLineVisible(options, defaultVisible),\n    color: options?.color ?? defaultColor,\n    width: options?.width ?? GridDefaultWidth,\n    opacity: options?.opacity ?? GridDefaultOpacity,\n    dash: options?.dash,\n  };\n}\n\nfunction isGridLineVisible(\n  options: boolean | ChartGridLineOptions | undefined,\n  defaultVisible: boolean,\n): boolean {\n  if (typeof options === \"boolean\") {\n    return options;\n  }\n\n  return options?.visible ?? defaultVisible;\n}\n"],"mappings":"AAAA,SAAS,YAAoB;AAE7B,SAAS,oBAAoB,wBAAwB;AAOrD,SAAS,uBAAuB;AAEzB,SAAS,uBACd,QACA,OACA,MACe;AACf,QAAM,QAAQ,gBAAgB,QAAQ,KAAK;AAE3C,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,KAAK,KAAK,KAAK;AAE5B,QAAM,QAAQ,CAAC,EAAE,SAAS,MAAM;AAC9B,SAAK,OAAO,UAAU,KAAK,CAAC;AAC5B,SAAK,OAAO,UAAU,KAAK,IAAI,KAAK,MAAM;AAAA,EAC5C,CAAC;AAED,SAAO;AACT;AAEO,SAAS,yBACd,QACA,OACA,MACe;AACf,QAAM,QAAQ,gBAAgB,QAAQ,KAAK;AAE3C,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,KAAK,KAAK,KAAK;AAE5B,QAAM,QAAQ,CAAC,EAAE,SAAS,MAAM;AAC9B,SAAK,OAAO,KAAK,GAAG,QAAQ;AAC5B,SAAK,OAAO,KAAK,IAAI,KAAK,OAAO,QAAQ;AAAA,EAC3C,CAAC;AAED,SAAO;AACT;AAEO,SAAS,uBACd,SACA,gBACA,cACyB;AACzB,MAAI,OAAO,YAAY,WAAW;AAChC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,SAAS,kBAAkB,SAAS,cAAc;AAAA,IAClD,OAAO,SAAS,SAAS;AAAA,IACzB,OAAO,SAAS,SAAS;AAAA,IACzB,SAAS,SAAS,WAAW;AAAA,IAC7B,MAAM,SAAS;AAAA,EACjB;AACF;AAEA,SAAS,kBACP,SACA,gBACS;AACT,MAAI,OAAO,YAAY,WAAW;AAChC,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,WAAW;AAC7B;","names":[]}
+{"version":3,"sources":["../../src/utils/grid.util.ts"],"sourcesContent":["import { Skia, SkPath } from \"@shopify/react-native-skia\";\n\nimport { GridDefaultOpacity, GridDefaultWidth } from \"../constants\";\nimport {\n  ChartGridLineOptions,\n  ChartRect,\n  LineChartScale,\n  ResolvedGridLineOptions,\n} from \"../types\";\nimport { createAxisTicks } from \"./axis.util\";\n\nexport function createVerticalGridPath<Value>(\n  values: readonly Value[],\n  scale: LineChartScale<Value>,\n  plot: ChartRect,\n): SkPath | null {\n  const ticks = createAxisTicks(values, scale);\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  const path = Skia.PathBuilder.Make();\n\n  ticks.forEach(({ position }) => {\n    path.moveTo(position, plot.y);\n    path.lineTo(position, plot.y + plot.height);\n  });\n\n  return path.detach();\n}\n\nexport function createHorizontalGridPath<Value>(\n  values: readonly Value[],\n  scale: LineChartScale<Value>,\n  plot: ChartRect,\n): SkPath | null {\n  const ticks = createAxisTicks(values, scale);\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  const path = Skia.PathBuilder.Make();\n\n  ticks.forEach(({ position }) => {\n    path.moveTo(plot.x, position);\n    path.lineTo(plot.x + plot.width, position);\n  });\n\n  return path.detach();\n}\n\nexport function resolveGridLineOptions(\n  options: boolean | ChartGridLineOptions | undefined,\n  defaultVisible: boolean,\n  defaultColor: string,\n): ResolvedGridLineOptions {\n  if (typeof options === \"boolean\") {\n    return {\n      visible: options,\n      color: defaultColor,\n      width: GridDefaultWidth,\n      opacity: GridDefaultOpacity,\n    };\n  }\n\n  return {\n    visible: isGridLineVisible(options, defaultVisible),\n    color: options?.color ?? defaultColor,\n    width: options?.width ?? GridDefaultWidth,\n    opacity: options?.opacity ?? GridDefaultOpacity,\n    dash: options?.dash,\n  };\n}\n\nfunction isGridLineVisible(\n  options: boolean | ChartGridLineOptions | undefined,\n  defaultVisible: boolean,\n): boolean {\n  if (typeof options === \"boolean\") {\n    return options;\n  }\n\n  return options?.visible ?? defaultVisible;\n}\n"],"mappings":"AAAA,SAAS,YAAoB;AAE7B,SAAS,oBAAoB,wBAAwB;AAOrD,SAAS,uBAAuB;AAEzB,SAAS,uBACd,QACA,OACA,MACe;AACf,QAAM,QAAQ,gBAAgB,QAAQ,KAAK;AAE3C,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,KAAK,YAAY,KAAK;AAEnC,QAAM,QAAQ,CAAC,EAAE,SAAS,MAAM;AAC9B,SAAK,OAAO,UAAU,KAAK,CAAC;AAC5B,SAAK,OAAO,UAAU,KAAK,IAAI,KAAK,MAAM;AAAA,EAC5C,CAAC;AAED,SAAO,KAAK,OAAO;AACrB;AAEO,SAAS,yBACd,QACA,OACA,MACe;AACf,QAAM,QAAQ,gBAAgB,QAAQ,KAAK;AAE3C,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,KAAK,YAAY,KAAK;AAEnC,QAAM,QAAQ,CAAC,EAAE,SAAS,MAAM;AAC9B,SAAK,OAAO,KAAK,GAAG,QAAQ;AAC5B,SAAK,OAAO,KAAK,IAAI,KAAK,OAAO,QAAQ;AAAA,EAC3C,CAAC;AAED,SAAO,KAAK,OAAO;AACrB;AAEO,SAAS,uBACd,SACA,gBACA,cACyB;AACzB,MAAI,OAAO,YAAY,WAAW;AAChC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,SAAS,kBAAkB,SAAS,cAAc;AAAA,IAClD,OAAO,SAAS,SAAS;AAAA,IACzB,OAAO,SAAS,SAAS;AAAA,IACzB,SAAS,SAAS,WAAW;AAAA,IAC7B,MAAM,SAAS;AAAA,EACjB;AACF;AAEA,SAAS,kBACP,SACA,gBACS;AACT,MAAI,OAAO,YAAY,WAAW;AAChC,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,WAAW;AAC7B;","names":[]}

package/dist/utils/index.d.mts

@@ -1,17 +1,30 @@
 export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick } from './axis.util.mjs';
+export { createBarChartCoordinates, createBarChartModel } from './bar-chart.util.mjs';
 export { createChartLayout, createInsetRect } from './chart-layout.util.mjs';
 export { createHorizontalGridPath, createVerticalGridPath, resolveGridLineOptions } from './grid.util.mjs';
 export { getLabelTextAlign, getLabelY } from './label.util.mjs';
 export { createLinePath, fitLineCoordinatesToRect } from './line.util.mjs';
 export { createLineChartCoordinates, createLineChartModel } from './line-chart.util.mjs';
 export { createDrawableMultiLineChartSeries } from './multi-line-chart.util.mjs';
+export { createDrawableMultiBarChartSeries, createMultiBarChartModel } from './multi-bar-chart.util.mjs';
 export { createParagraphBuilder } from './paragraph-builder.util.mjs';
+export { createMultiPieChartModel } from './multi-pie-chart.util.mjs';
+export { createPieChartModel, createPieChartRadii, normalizeRadiusRatio } from './pie-chart.util.mjs';
+export { createPieSlicePath } from './pie.util.mjs';
 import '../types/axis.types.mjs';
 import '@shopify/react-native-skia';
 import '@impulse-ui-native/theme';
 import '../types/common.types.mjs';
 import '../types/style.types.mjs';
 import '../line-chart.types-yxru5uWc.mjs';
+import '../types/bar-chart.types.mjs';
+import '../types/use-bar-chart.types.mjs';
 import '../types/label.types.mjs';
 import '../types/use-line-chart.types.mjs';
 import '../types/multi-line-chart.types.mjs';
+import '../types/multi-bar-chart.types.mjs';
+import '../types/use-multi-bar-chart.types.mjs';
+import '../types/use-multi-pie-chart.types.mjs';
+import '../types/multi-pie-chart.types.mjs';
+import '../types/pie-chart.types.mjs';
+import '../types/use-pie-chart.types.mjs';

package/dist/utils/index.js

@@ -6,6 +6,10 @@ import {
   createYAxisLabelRect,
   formatAxisTick
 } from "./axis.util";
+import {
+  createBarChartCoordinates,
+  createBarChartModel
+} from "./bar-chart.util";
 import { createChartLayout, createInsetRect } from "./chart-layout.util";
 import {
   createHorizontalGridPath,
@@ -19,17 +23,36 @@ import {
   createLineChartModel
 } from "./line-chart.util";
 import { createDrawableMultiLineChartSeries } from "./multi-line-chart.util";
+import {
+  createDrawableMultiBarChartSeries,
+  createMultiBarChartModel
+} from "./multi-bar-chart.util";
 import { createParagraphBuilder } from "./paragraph-builder.util";
+import { createMultiPieChartModel } from "./multi-pie-chart.util";
+import {
+  createPieChartModel,
+  createPieChartRadii,
+  normalizeRadiusRatio
+} from "./pie-chart.util";
+import { createPieSlicePath } from "./pie.util";
 export {
   createAxisTicks,
+  createBarChartCoordinates,
+  createBarChartModel,
   createChartLayout,
+  createDrawableMultiBarChartSeries,
   createDrawableMultiLineChartSeries,
   createHorizontalGridPath,
   createInsetRect,
   createLineChartCoordinates,
   createLineChartModel,
   createLinePath,
+  createMultiBarChartModel,
+  createMultiPieChartModel,
   createParagraphBuilder,
+  createPieChartModel,
+  createPieChartRadii,
+  createPieSlicePath,
   createVerticalGridPath,
   createXAxisLabelRect,
   createXAxisLayout,
@@ -39,6 +62,7 @@ export {
   formatAxisTick,
   getLabelTextAlign,
   getLabelY,
+  normalizeRadiusRatio,
   resolveGridLineOptions
 };
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  createAxisTicks,\n  createXAxisLayout,\n  createXAxisLabelRect,\n  createYAxisLayout,\n  createYAxisLabelRect,\n  formatAxisTick,\n} from \"./axis.util\";\nexport { createChartLayout, createInsetRect } from \"./chart-layout.util\";\nexport {\n  createHorizontalGridPath,\n  createVerticalGridPath,\n  resolveGridLineOptions,\n} from \"./grid.util\";\nexport { getLabelTextAlign, getLabelY } from \"./label.util\";\nexport { createLinePath, fitLineCoordinatesToRect } from \"./line.util\";\nexport {\n  createLineChartCoordinates,\n  createLineChartModel,\n} from \"./line-chart.util\";\nexport { createDrawableMultiLineChartSeries } from \"./multi-line-chart.util\";\nexport { createParagraphBuilder } from \"./paragraph-builder.util\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,uBAAuB;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,iBAAiB;AAC7C,SAAS,gBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0CAA0C;AACnD,SAAS,8BAA8B;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  createAxisTicks,\n  createXAxisLayout,\n  createXAxisLabelRect,\n  createYAxisLayout,\n  createYAxisLabelRect,\n  formatAxisTick,\n} from \"./axis.util\";\nexport {\n  createBarChartCoordinates,\n  createBarChartModel,\n} from \"./bar-chart.util\";\nexport { createChartLayout, createInsetRect } from \"./chart-layout.util\";\nexport {\n  createHorizontalGridPath,\n  createVerticalGridPath,\n  resolveGridLineOptions,\n} from \"./grid.util\";\nexport { getLabelTextAlign, getLabelY } from \"./label.util\";\nexport { createLinePath, fitLineCoordinatesToRect } from \"./line.util\";\nexport {\n  createLineChartCoordinates,\n  createLineChartModel,\n} from \"./line-chart.util\";\nexport { createDrawableMultiLineChartSeries } from \"./multi-line-chart.util\";\nexport {\n  createDrawableMultiBarChartSeries,\n  createMultiBarChartModel,\n} from \"./multi-bar-chart.util\";\nexport { createParagraphBuilder } from \"./paragraph-builder.util\";\nexport { createMultiPieChartModel } from \"./multi-pie-chart.util\";\nexport {\n  createPieChartModel,\n  createPieChartRadii,\n  normalizeRadiusRatio,\n} from \"./pie-chart.util\";\nexport { createPieSlicePath } from \"./pie.util\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,uBAAuB;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,iBAAiB;AAC7C,SAAS,gBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;","names":[]}

package/dist/utils/multi-bar-chart.util.d.mts

@@ -0,0 +1,14 @@
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { MultiBarChartSeriesModel } from '../types/multi-bar-chart.types.mjs';
+import { UseMultiBarChartProps, UseMultiBarChartResult } from '../types/use-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';
+import '../types/use-bar-chart.types.mjs';
+
+declare function createMultiBarChartModel<X extends ChartXValue>(props: UseMultiBarChartProps<X>): UseMultiBarChartResult<X>;
+declare function createDrawableMultiBarChartSeries<X extends ChartXValue>(series: MultiBarChartSeriesModel<X>, index: number): MultiBarChartSeriesModel<X>;
+
+export { createDrawableMultiBarChartSeries, createMultiBarChartModel };

package/dist/utils/multi-bar-chart.util.js

@@ -0,0 +1,62 @@
+import { scaleBand } from "d3-scale";
+import { MultiBarChartDefaultSeriesPadding } from "../constants/bar-chart.constants";
+import { BarDefaultColor, BarDefaultColors } from "../constants/bar.constants";
+import {
+  createBarChartCoordinates,
+  createBarChartScaleModel,
+  normalizeBarChartPadding
+} from "./bar-chart.util";
+function createMultiBarChartModel(props) {
+  const data = props.series.flatMap((series2) => series2.data);
+  const model = createBarChartScaleModel({
+    data,
+    plot: props.plot,
+    xAxis: props.xAxis,
+    yAxis: props.yAxis,
+    categoryPadding: props.categoryPadding
+  });
+  const seriesScale = scaleBand().domain(props.series.map((_, index) => index)).range([0, model.bandwidth]).paddingInner(
+    normalizeBarChartPadding(
+      props.seriesPadding,
+      MultiBarChartDefaultSeriesPadding
+    )
+  );
+  const seriesBandwidth = seriesScale.bandwidth();
+  const series = props.series.map(
+    (currentSeries, index) => ({
+      ...currentSeries,
+      coordinates: createBarChartCoordinates(
+        currentSeries.data,
+        model.xStartScale,
+        model.yScale,
+        model.baseline,
+        seriesBandwidth,
+        seriesScale(index) ?? 0
+      )
+    })
+  );
+  return {
+    series,
+    xDomain: model.xDomain,
+    yDomain: model.yDomain,
+    xTicks: model.xTicks,
+    yTicks: model.yTicks,
+    xScale: model.xScale,
+    yScale: model.yScale,
+    bandwidth: model.bandwidth
+  };
+}
+function createDrawableMultiBarChartSeries(series, index) {
+  return {
+    ...series,
+    bar: {
+      ...series.bar,
+      color: series.bar?.color ?? BarDefaultColors[index % BarDefaultColors.length] ?? BarDefaultColor
+    }
+  };
+}
+export {
+  createDrawableMultiBarChartSeries,
+  createMultiBarChartModel
+};
+//# sourceMappingURL=multi-bar-chart.util.js.map

package/dist/utils/multi-bar-chart.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/multi-bar-chart.util.ts"],"sourcesContent":["import { scaleBand } from \"d3-scale\";\n\nimport { MultiBarChartDefaultSeriesPadding } from \"../constants/bar-chart.constants\";\nimport { BarDefaultColor, BarDefaultColors } from \"../constants/bar.constants\";\nimport {\n  ChartXValue,\n  MultiBarChartSeriesModel,\n  UseMultiBarChartProps,\n  UseMultiBarChartResult,\n} from \"../types\";\nimport {\n  createBarChartCoordinates,\n  createBarChartScaleModel,\n  normalizeBarChartPadding,\n} from \"./bar-chart.util\";\n\nexport function createMultiBarChartModel<X extends ChartXValue>(\n  props: UseMultiBarChartProps<X>,\n): UseMultiBarChartResult<X> {\n  const data = props.series.flatMap((series) => series.data);\n  const model = createBarChartScaleModel({\n    data,\n    plot: props.plot,\n    xAxis: props.xAxis,\n    yAxis: props.yAxis,\n    categoryPadding: props.categoryPadding,\n  });\n  const seriesScale = scaleBand<number>()\n    .domain(props.series.map((_, index) => index))\n    .range([0, model.bandwidth])\n    .paddingInner(\n      normalizeBarChartPadding(\n        props.seriesPadding,\n        MultiBarChartDefaultSeriesPadding,\n      ),\n    );\n  const seriesBandwidth = seriesScale.bandwidth();\n  const series: MultiBarChartSeriesModel<X>[] = props.series.map(\n    (currentSeries, index) => ({\n      ...currentSeries,\n      coordinates: createBarChartCoordinates(\n        currentSeries.data,\n        model.xStartScale,\n        model.yScale,\n        model.baseline,\n        seriesBandwidth,\n        seriesScale(index) ?? 0,\n      ),\n    }),\n  );\n\n  return {\n    series,\n    xDomain: model.xDomain,\n    yDomain: model.yDomain,\n    xTicks: model.xTicks,\n    yTicks: model.yTicks,\n    xScale: model.xScale,\n    yScale: model.yScale,\n    bandwidth: model.bandwidth,\n  };\n}\n\nexport function createDrawableMultiBarChartSeries<X extends ChartXValue>(\n  series: MultiBarChartSeriesModel<X>,\n  index: number,\n): MultiBarChartSeriesModel<X> {\n  return {\n    ...series,\n    bar: {\n      ...series.bar,\n      color:\n        series.bar?.color ??\n        BarDefaultColors[index % BarDefaultColors.length] ??\n        BarDefaultColor,\n    },\n  };\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAE1B,SAAS,yCAAyC;AAClD,SAAS,iBAAiB,wBAAwB;AAOlD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,yBACd,OAC2B;AAC3B,QAAM,OAAO,MAAM,OAAO,QAAQ,CAACA,YAAWA,QAAO,IAAI;AACzD,QAAM,QAAQ,yBAAyB;AAAA,IACrC;AAAA,IACA,MAAM,MAAM;AAAA,IACZ,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb,iBAAiB,MAAM;AAAA,EACzB,CAAC;AACD,QAAM,cAAc,UAAkB,EACnC,OAAO,MAAM,OAAO,IAAI,CAAC,GAAG,UAAU,KAAK,CAAC,EAC5C,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,EAC1B;AAAA,IACC;AAAA,MACE,MAAM;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACF,QAAM,kBAAkB,YAAY,UAAU;AAC9C,QAAM,SAAwC,MAAM,OAAO;AAAA,IACzD,CAAC,eAAe,WAAW;AAAA,MACzB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,cAAc;AAAA,QACd,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA,YAAY,KAAK,KAAK;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,MAAM;AAAA,IACf,SAAS,MAAM;AAAA,IACf,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,WAAW,MAAM;AAAA,EACnB;AACF;AAEO,SAAS,kCACd,QACA,OAC6B;AAC7B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,KAAK;AAAA,MACH,GAAG,OAAO;AAAA,MACV,OACE,OAAO,KAAK,SACZ,iBAAiB,QAAQ,iBAAiB,MAAM,KAChD;AAAA,IACJ;AAAA,EACF;AACF;","names":["series"]}

package/dist/utils/multi-pie-chart.util.d.mts

@@ -0,0 +1,10 @@
+import { UseMultiPieChartProps, UseMultiPieChartResult } from '../types/use-multi-pie-chart.types.mjs';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '../types/multi-pie-chart.types.mjs';
+import '../types/pie-chart.types.mjs';
+
+declare function createMultiPieChartModel(props: UseMultiPieChartProps): UseMultiPieChartResult;
+
+export { createMultiPieChartModel };