@impulse-ui-native/charts 2.1.1 → 2.2.0

package/dist/components/primitives/index.js

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

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 { 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,aAAa;AACtB,SAAS,aAAa;","names":[]}

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":[]}

package/dist/constants/index.d.mts

@@ -1,11 +1,13 @@
 export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth } from './axis.constants.mjs';
+export { BarDefaultColor, BarDefaultColors, BarDefaultOpacity, BarDefaultRadius } from './bar.constants.mjs';
+export { BarChartDefaultCategoryPadding, MultiBarChartDefaultSeriesPadding } from './bar-chart.constants.mjs';
 export { GridDefaultOpacity, GridDefaultWidth, GridDefaultXVisible, GridDefaultYVisible } from './grid.constants.mjs';
 export { LabelDefaultHorizontalAlignment, LabelDefaultVerticalAlignment, TabularNumsFeature } from './label.constants.mjs';
 export { LineDefaultCap, LineDefaultColor, LineDefaultColors, LineDefaultCurve, LineDefaultJoin, LineDefaultOpacity, LineDefaultWidth } from './line.constants.mjs';
 export { LineChartDefaultNumericDomain, LineChartDefaultTickCount } from './line-chart.constants.mjs';
+import '@impulse-ui-native/theme';
 import '@shopify/react-native-skia';
 import '../types/label.types.mjs';
-import '@impulse-ui-native/theme';
 import '../types/common.types.mjs';
 import '../types/style.types.mjs';
 import '../line-chart.types-yxru5uWc.mjs';

package/dist/constants/index.js

@@ -1,4 +1,6 @@
 export * from "./axis.constants";
+export * from "./bar.constants";
+export * from "./bar-chart.constants";
 export * from "./grid.constants";
 export * from "./label.constants";
 export * from "./line.constants";

package/dist/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/constants/index.ts"],"sourcesContent":["export * from \"./axis.constants\";\nexport * from \"./grid.constants\";\nexport * from \"./label.constants\";\nexport * from \"./line.constants\";\nexport * from \"./line-chart.constants\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/constants/index.ts"],"sourcesContent":["export * from \"./axis.constants\";\nexport * from \"./bar.constants\";\nexport * from \"./bar-chart.constants\";\nexport * from \"./grid.constants\";\nexport * from \"./label.constants\";\nexport * from \"./line.constants\";\nexport * from \"./line-chart.constants\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/hooks/index.d.mts

@@ -1,12 +1,19 @@
 export { useChartCanvas } from './use-chart-canvas.hook.mjs';
+export { useChartLayout } from './use-chart-layout.hook.mjs';
+export { useBarChart } from './use-bar-chart.hook.mjs';
 export { useLineChart } from './use-line-chart.hook.mjs';
+export { useMultiBarChart } from './use-multi-bar-chart.hook.mjs';
 export { useMultiLineChart } from './use-multi-line-chart.hook.mjs';
 import 'react';
 import '@shopify/react-native-skia';
-import '../line-chart.types-yxru5uWc.mjs';
 import '../types/common.types.mjs';
 import '../types/style.types.mjs';
+import '../line-chart.types-yxru5uWc.mjs';
 import '@impulse-ui-native/theme';
+import '../types/use-bar-chart.types.mjs';
+import '../types/bar-chart.types.mjs';
 import '../types/use-line-chart.types.mjs';
+import '../types/use-multi-bar-chart.types.mjs';
+import '../types/multi-bar-chart.types.mjs';
 import '../types/use-multi-line-chart.types.mjs';
 import '../types/multi-line-chart.types.mjs';

package/dist/hooks/index.js

@@ -1,9 +1,15 @@
 import { useChartCanvas } from "./use-chart-canvas.hook";
+import { useChartLayout } from "./use-chart-layout.hook";
+import { useBarChart } from "./use-bar-chart.hook";
 import { useLineChart } from "./use-line-chart.hook";
+import { useMultiBarChart } from "./use-multi-bar-chart.hook";
 import { useMultiLineChart } from "./use-multi-line-chart.hook";
 export {
+  useBarChart,
   useChartCanvas,
+  useChartLayout,
   useLineChart,
+  useMultiBarChart,
   useMultiLineChart
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useChartCanvas } from \"./use-chart-canvas.hook\";\nexport { useLineChart } from \"./use-line-chart.hook\";\nexport { useMultiLineChart } from \"./use-multi-line-chart.hook\";\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;","names":[]}
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useChartCanvas } from \"./use-chart-canvas.hook\";\nexport { useChartLayout } from \"./use-chart-layout.hook\";\nexport { useBarChart } from \"./use-bar-chart.hook\";\nexport { useLineChart } from \"./use-line-chart.hook\";\nexport { useMultiBarChart } from \"./use-multi-bar-chart.hook\";\nexport { useMultiLineChart } from \"./use-multi-line-chart.hook\";\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;","names":[]}

package/dist/hooks/use-bar-chart.hook.d.mts

@@ -0,0 +1,11 @@
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import { UseBarChartProps, UseBarChartResult } from '../types/use-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 function useBarChart<X extends ChartXValue = string>(props: UseBarChartProps<X>): UseBarChartResult<X>;
+
+export { useBarChart };

package/dist/hooks/use-bar-chart.hook.js

@@ -0,0 +1,13 @@
+import { useMemo } from "react";
+import { createBarChartModel } from "../utils";
+function useBarChart(props) {
+  const { categoryPadding, data, plot, xAxis, yAxis } = props;
+  return useMemo(
+    () => createBarChartModel({ categoryPadding, data, plot, xAxis, yAxis }),
+    [categoryPadding, data, plot, xAxis, yAxis]
+  );
+}
+export {
+  useBarChart
+};
+//# sourceMappingURL=use-bar-chart.hook.js.map

package/dist/hooks/use-bar-chart.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-bar-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { ChartXValue, UseBarChartProps, UseBarChartResult } from \"../types\";\nimport { createBarChartModel } from \"../utils\";\n\nexport function useBarChart<X extends ChartXValue = string>(\n  props: UseBarChartProps<X>,\n): UseBarChartResult<X> {\n  const { categoryPadding, data, plot, xAxis, yAxis } = props;\n\n  return useMemo(\n    () => createBarChartModel({ categoryPadding, data, plot, xAxis, yAxis }),\n    [categoryPadding, data, plot, xAxis, yAxis],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,2BAA2B;AAE7B,SAAS,YACd,OACsB;AACtB,QAAM,EAAE,iBAAiB,MAAM,MAAM,OAAO,MAAM,IAAI;AAEtD,SAAO;AAAA,IACL,MAAM,oBAAoB,EAAE,iBAAiB,MAAM,MAAM,OAAO,MAAM,CAAC;AAAA,IACvE,CAAC,iBAAiB,MAAM,MAAM,OAAO,KAAK;AAAA,EAC5C;AACF;","names":[]}

package/dist/hooks/use-chart-layout.hook.d.mts

@@ -0,0 +1,7 @@
+import { ChartSize, ChartInsets, ChartLayout } from '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare function useChartLayout(size: ChartSize, insets?: Partial<ChartInsets>): ChartLayout;
+
+export { useChartLayout };

package/dist/hooks/use-chart-layout.hook.js

@@ -0,0 +1,9 @@
+import { useMemo } from "react";
+import { createChartLayout } from "../utils/chart-layout.util";
+function useChartLayout(size, insets) {
+  return useMemo(() => createChartLayout(size, insets), [insets, size]);
+}
+export {
+  useChartLayout
+};
+//# sourceMappingURL=use-chart-layout.hook.js.map

package/dist/hooks/use-chart-layout.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-chart-layout.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { ChartInsets, ChartLayout, ChartSize } from \"../types\";\nimport { createChartLayout } from \"../utils/chart-layout.util\";\n\nexport function useChartLayout(\n  size: ChartSize,\n  insets?: Partial<ChartInsets>,\n): ChartLayout {\n  return useMemo(() => createChartLayout(size, insets), [insets, size]);\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,yBAAyB;AAE3B,SAAS,eACd,MACA,QACa;AACb,SAAO,QAAQ,MAAM,kBAAkB,MAAM,MAAM,GAAG,CAAC,QAAQ,IAAI,CAAC;AACtE;","names":[]}

package/dist/hooks/use-multi-bar-chart.hook.d.mts

@@ -0,0 +1,13 @@
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.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/multi-bar-chart.types.mjs';
+import '../types/bar-chart.types.mjs';
+import '../types/use-bar-chart.types.mjs';
+
+declare function useMultiBarChart<X extends ChartXValue = string>(props: UseMultiBarChartProps<X>): UseMultiBarChartResult<X>;
+
+export { useMultiBarChart };

package/dist/hooks/use-multi-bar-chart.hook.js

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+import { createMultiBarChartModel } from "../utils";
+function useMultiBarChart(props) {
+  const { categoryPadding, plot, series, seriesPadding, xAxis, yAxis } = props;
+  return useMemo(
+    () => createMultiBarChartModel({
+      categoryPadding,
+      plot,
+      series,
+      seriesPadding,
+      xAxis,
+      yAxis
+    }),
+    [categoryPadding, plot, series, seriesPadding, xAxis, yAxis]
+  );
+}
+export {
+  useMultiBarChart
+};
+//# sourceMappingURL=use-multi-bar-chart.hook.js.map

package/dist/hooks/use-multi-bar-chart.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-multi-bar-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  ChartXValue,\n  UseMultiBarChartProps,\n  UseMultiBarChartResult,\n} from \"../types\";\nimport { createMultiBarChartModel } from \"../utils\";\n\nexport function useMultiBarChart<X extends ChartXValue = string>(\n  props: UseMultiBarChartProps<X>,\n): UseMultiBarChartResult<X> {\n  const { categoryPadding, plot, series, seriesPadding, xAxis, yAxis } = props;\n\n  return useMemo(\n    () =>\n      createMultiBarChartModel({\n        categoryPadding,\n        plot,\n        series,\n        seriesPadding,\n        xAxis,\n        yAxis,\n      }),\n    [categoryPadding, plot, series, seriesPadding, xAxis, yAxis],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAOxB,SAAS,gCAAgC;AAElC,SAAS,iBACd,OAC2B;AAC3B,QAAM,EAAE,iBAAiB,MAAM,QAAQ,eAAe,OAAO,MAAM,IAAI;AAEvE,SAAO;AAAA,IACL,MACE,yBAAyB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,iBAAiB,MAAM,QAAQ,eAAe,OAAO,KAAK;AAAA,EAC7D;AACF;","names":[]}

package/dist/index.d.mts

@@ -1,36 +1,51 @@
+export { Bar } from './components/primitives/bar.mjs';
 export { Grid } from './components/primitives/grid.mjs';
 export { Label } from './components/primitives/label.mjs';
 export { Line } from './components/primitives/line.mjs';
 export { XAxis } from './components/primitives/x-axis.mjs';
 export { YAxis } from './components/primitives/y-axis.mjs';
+export { BarChart } from './components/bar-chart.mjs';
 export { LineChart } from './components/line-chart.mjs';
+export { MultiBarChart } from './components/multi-bar-chart.mjs';
 export { MultiLineChart } from './components/multi-line-chart.mjs';
 export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth } from './constants/axis.constants.mjs';
+export { BarDefaultColor, BarDefaultColors, BarDefaultOpacity, BarDefaultRadius } from './constants/bar.constants.mjs';
+export { BarChartDefaultCategoryPadding, MultiBarChartDefaultSeriesPadding } from './constants/bar-chart.constants.mjs';
 export { GridDefaultOpacity, GridDefaultWidth, GridDefaultXVisible, GridDefaultYVisible } from './constants/grid.constants.mjs';
 export { LabelDefaultHorizontalAlignment, LabelDefaultVerticalAlignment, TabularNumsFeature } from './constants/label.constants.mjs';
 export { LineDefaultCap, LineDefaultColor, LineDefaultColors, LineDefaultCurve, LineDefaultJoin, LineDefaultOpacity, LineDefaultWidth } from './constants/line.constants.mjs';
 export { LineChartDefaultNumericDomain, LineChartDefaultTickCount } from './constants/line-chart.constants.mjs';
 export { useChartCanvas } from './hooks/use-chart-canvas.hook.mjs';
+export { useChartLayout } from './hooks/use-chart-layout.hook.mjs';
+export { useBarChart } from './hooks/use-bar-chart.hook.mjs';
 export { useLineChart } from './hooks/use-line-chart.hook.mjs';
+export { useMultiBarChart } from './hooks/use-multi-bar-chart.hook.mjs';
 export { useMultiLineChart } from './hooks/use-multi-line-chart.hook.mjs';
 export { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps } from './types/axis.types.mjs';
+export { BarProps } from './types/bar.types.mjs';
+export { BarChartBarOptions, BarChartCommonProps, BarChartCoordinate, BarChartPoint, BarChartProps } from './types/bar-chart.types.mjs';
 export { ChartAxisLabelOptions, ChartAxisLineOptions, ChartAxisOptions, ChartAxisTickOptions, ChartInsets, ChartLayout, ChartNumericDomain, ChartPoint, ChartRect, ChartScaleType, ChartSize, ChartXAxisOptions, ChartYAxisOptions } from './types/common.types.mjs';
 export { C as ChartGridLineOptions, a as ChartGridOptions, b as ChartXValue, G as GridProps, L as LineChartCommonProps, c as LineChartCoordinate, d as LineChartCurve, e as LineChartLineOptions, f as LineChartPoint, g as LineChartProps, h as LineChartScale, R as ResolvedGridLineOptions } from './line-chart.types-yxru5uWc.mjs';
 export { LabelHorizontalAlignment, LabelProps, LabelVerticalAlignment } from './types/label.types.mjs';
 export { LineProps } from './types/line.types.mjs';
+export { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel } from './types/multi-bar-chart.types.mjs';
 export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './types/multi-line-chart.types.mjs';
 export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './types/style.types.mjs';
+export { UseBarChartProps, UseBarChartResult } from './types/use-bar-chart.types.mjs';
 export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './types/use-line-chart.types.mjs';
+export { UseMultiBarChartProps, UseMultiBarChartResult } from './types/use-multi-bar-chart.types.mjs';
 export { UseMultiLineChartProps, UseMultiLineChartResult } from './types/use-multi-line-chart.types.mjs';
 export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick } from './utils/axis.util.mjs';
+export { createBarChartCoordinates, createBarChartModel } from './utils/bar-chart.util.mjs';
 export { createChartLayout, createInsetRect } from './utils/chart-layout.util.mjs';
 export { createHorizontalGridPath, createVerticalGridPath, resolveGridLineOptions } from './utils/grid.util.mjs';
 export { getLabelTextAlign, getLabelY } from './utils/label.util.mjs';
 export { createLinePath, fitLineCoordinatesToRect } from './utils/line.util.mjs';
 export { createLineChartCoordinates, createLineChartModel } from './utils/line-chart.util.mjs';
 export { createDrawableMultiLineChartSeries } from './utils/multi-line-chart.util.mjs';
+export { createDrawableMultiBarChartSeries, createMultiBarChartModel } from './utils/multi-bar-chart.util.mjs';
 export { createParagraphBuilder } from './utils/paragraph-builder.util.mjs';
 import 'react/jsx-runtime';
-import '@shopify/react-native-skia';
 import '@impulse-ui-native/theme';
+import '@shopify/react-native-skia';
 import 'react';

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

@@ -0,0 +1,38 @@
+import { SkTypefaceFontProvider } from '@shopify/react-native-skia';
+import { ChartXAxisOptions, ChartYAxisOptions, ChartInsets } from './common.types.mjs';
+import { b as ChartXValue, a as ChartGridOptions } from '../line-chart.types-yxru5uWc.mjs';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';
+
+interface BarChartPoint<X extends ChartXValue = string> {
+    x: X;
+    y: number | null;
+}
+interface BarChartCoordinate<X extends ChartXValue = string> {
+    datum: BarChartPoint<X>;
+    index: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface BarChartBarOptions {
+    visible?: boolean;
+    color?: string;
+    opacity?: number;
+    radius?: number;
+}
+interface BarChartCommonProps<X extends ChartXValue = string> {
+    fontManager?: SkTypefaceFontProvider;
+    grid?: ChartGridOptions;
+    xAxis?: ChartXAxisOptions<X>;
+    yAxis?: ChartYAxisOptions;
+    insets?: Partial<ChartInsets>;
+    categoryPadding?: number;
+}
+interface BarChartProps<X extends ChartXValue = string> extends BarChartCommonProps<X> {
+    data: readonly BarChartPoint<X>[];
+    bar?: BarChartBarOptions;
+}
+
+export type { BarChartBarOptions, BarChartCommonProps, BarChartCoordinate, BarChartPoint, BarChartProps };

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

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

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

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

package/dist/types/bar.types.d.mts

@@ -0,0 +1,12 @@
+import { BarChartBarOptions, BarChartCoordinate } from './bar-chart.types.mjs';
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import './common.types.mjs';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';
+
+interface BarProps<X extends ChartXValue = string> extends BarChartBarOptions {
+    coordinates: readonly BarChartCoordinate<X>[];
+}
+
+export type { BarProps };

package/dist/types/bar.types.js

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

package/dist/types/bar.types.js.map

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

package/dist/types/index.d.mts

@@ -1,11 +1,16 @@
 export { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps } from './axis.types.mjs';
+export { BarProps } from './bar.types.mjs';
+export { BarChartBarOptions, BarChartCommonProps, BarChartCoordinate, BarChartPoint, BarChartProps } from './bar-chart.types.mjs';
 export { ChartAxisLabelOptions, ChartAxisLineOptions, ChartAxisOptions, ChartAxisTickOptions, ChartInsets, ChartLayout, ChartNumericDomain, ChartPoint, ChartRect, ChartScaleType, ChartSize, ChartXAxisOptions, ChartYAxisOptions } from './common.types.mjs';
 export { C as ChartGridLineOptions, a as ChartGridOptions, b as ChartXValue, G as GridProps, L as LineChartCommonProps, c as LineChartCoordinate, d as LineChartCurve, e as LineChartLineOptions, f as LineChartPoint, g as LineChartProps, h as LineChartScale, R as ResolvedGridLineOptions } from '../line-chart.types-yxru5uWc.mjs';
 export { LabelHorizontalAlignment, LabelProps, LabelVerticalAlignment } from './label.types.mjs';
 export { LineProps } from './line.types.mjs';
+export { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel } from './multi-bar-chart.types.mjs';
 export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './multi-line-chart.types.mjs';
 export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './style.types.mjs';
+export { UseBarChartProps, UseBarChartResult } from './use-bar-chart.types.mjs';
 export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './use-line-chart.types.mjs';
+export { UseMultiBarChartProps, UseMultiBarChartResult } from './use-multi-bar-chart.types.mjs';
 export { UseMultiLineChartProps, UseMultiLineChartResult } from './use-multi-line-chart.types.mjs';
 import '@shopify/react-native-skia';
 import '@impulse-ui-native/theme';

package/dist/types/index.js

@@ -1,11 +1,16 @@
 export * from "./axis.types";
+export * from "./bar.types";
+export * from "./bar-chart.types";
 export * from "./common.types";
 export * from "./grid.types";
 export * from "./label.types";
 export * from "./line.types";
 export * from "./line-chart.types";
+export * from "./multi-bar-chart.types";
 export * from "./multi-line-chart.types";
 export * from "./style.types";
+export * from "./use-bar-chart.types";
 export * from "./use-line-chart.types";
+export * from "./use-multi-bar-chart.types";
 export * from "./use-multi-line-chart.types";
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./axis.types\";\nexport * from \"./common.types\";\nexport * from \"./grid.types\";\nexport * from \"./label.types\";\nexport * from \"./line.types\";\nexport * from \"./line-chart.types\";\nexport * from \"./multi-line-chart.types\";\nexport * from \"./style.types\";\nexport * from \"./use-line-chart.types\";\nexport * from \"./use-multi-line-chart.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./axis.types\";\nexport * from \"./bar.types\";\nexport * from \"./bar-chart.types\";\nexport * from \"./common.types\";\nexport * from \"./grid.types\";\nexport * from \"./label.types\";\nexport * from \"./line.types\";\nexport * from \"./line-chart.types\";\nexport * from \"./multi-bar-chart.types\";\nexport * from \"./multi-line-chart.types\";\nexport * from \"./style.types\";\nexport * from \"./use-bar-chart.types\";\nexport * from \"./use-line-chart.types\";\nexport * from \"./use-multi-bar-chart.types\";\nexport * from \"./use-multi-line-chart.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,21 @@
+import { BarChartCommonProps, BarChartPoint, BarChartBarOptions, BarChartCoordinate } from './bar-chart.types.mjs';
+import { b as ChartXValue } from '../line-chart.types-yxru5uWc.mjs';
+import '@shopify/react-native-skia';
+import './common.types.mjs';
+import './style.types.mjs';
+import '@impulse-ui-native/theme';
+
+interface MultiBarChartSeries<X extends ChartXValue = string> {
+    id: string;
+    data: readonly BarChartPoint<X>[];
+    bar?: BarChartBarOptions;
+}
+interface MultiBarChartSeriesModel<X extends ChartXValue = string> extends MultiBarChartSeries<X> {
+    coordinates: readonly BarChartCoordinate<X>[];
+}
+interface MultiBarChartProps<X extends ChartXValue = string> extends BarChartCommonProps<X> {
+    series: readonly MultiBarChartSeries<X>[];
+    seriesPadding?: number;
+}
+
+export type { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel };

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

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

package/dist/types/multi-bar-chart.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/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 };