@aivenio/aquarium 1.42.0 → 1.44.0

package/dist/charts.mjs

@@ -30,6 +30,10 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
+// src/charts/AreaChart/AreaChart.tsx
+import React4 from "react";
+import { Area as _Area, AreaChart as _AreaChart } from "recharts";
+
 // src/charts/Axis/Axis.tsx
 import React from "react";
 import { XAxis as _XAxis, YAxis as _YAxis } from "recharts";
@@ -1864,10 +1868,11 @@ var getDisplayName = (Comp) => {
 };
 var isDateArray = (arr) => arr.every(isDate);
 var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
+  var _a;
   if (!ticks2 || isArray(ticks2)) {
     return ticks2 != null ? ticks2 : void 0;
   }
-  const xValues = chartProps.data.map(
+  const xValues = ((_a = chartProps.data) != null ? _a : []).map(
     (datum) => typeof dataKey === "function" ? dataKey(datum) : dataKey ? datum[dataKey] : void 0
   );
   if (!isDateArray(xValues)) {
@@ -1879,6 +1884,12 @@ var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
   const [min = new Date(), max = new Date()] = extent(xValues);
   return time().domain([min, max]).ticks(ticks2).map((v) => v.valueOf());
 };
+var extractChildByName = (children, name) => {
+  const childIndex = children.findIndex((child) => getDisplayName(child.type) === name);
+  const foundChild = children.slice(childIndex, childIndex + 1);
+  const remainingChildren = children.slice(0, childIndex).concat(children.slice(childIndex + 1));
+  return { foundChild, children: remainingChildren };
+};
 
 // src/charts/Axis/Axis.tsx
 var XTimeAxis = () => null;
@@ -1918,10 +1929,6 @@ var Axis = {
   YAxis
 };
 
-// src/charts/BarChart/BarChart.tsx
-import React4 from "react";
-import { Bar as _Bar, BarChart as _BarChart } from "recharts";
-
 // src/charts/Container/Container.tsx
 import React2 from "react";
 import { ResponsiveContainer as _ResponsiveContainer } from "recharts";
@@ -1942,7 +1949,7 @@ var CartesianGrid = Object.assign(
   _CartesianGrid
 );
 
-// src/charts/BarChart/BarChart.tsx
+// src/charts/AreaChart/AreaChart.tsx
 var renderChildren = (props) => {
   return React4.Children.map(props.children, (child) => {
     switch (getDisplayName(child.type)) {
@@ -1961,9 +1968,95 @@ var renderChildren = (props) => {
     }
   });
 };
+var AreaChart = (props) => {
+  const { data } = props;
+  return /* @__PURE__ */ React4.createElement(ResponsiveContainer, null, /* @__PURE__ */ React4.createElement(_AreaChart, {
+    width: 500,
+    height: 500,
+    data,
+    style: { stroke: "#fff", strokeWidth: 1 },
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, /* @__PURE__ */ React4.createElement(CartesianGrid, null), renderChildren(props)));
+};
+var Area = Object.assign(
+  (props) => {
+    var _a;
+    return /* @__PURE__ */ React4.createElement(_Area, __spreadProps(__spreadValues({
+      type: "monotone",
+      strokeWidth: 2,
+      dot: false
+    }, props), {
+      fill: (_a = props.fill) != null ? _a : props.stroke,
+      fillOpacity: 0.1,
+      isAnimationActive: false
+    }));
+  },
+  _Area
+);
+Area.defaultProps = Object.assign({}, _Area.defaultProps, {
+  fillOpacity: 0.1,
+  fill: void 0
+});
+AreaChart.Area = Area;
+
+// src/charts/BarChart/BarChart.tsx
+import React5 from "react";
+import { Bar as _Bar, BarChart as _BarChart } from "recharts";
+
+// src/charts/Tooltip/Tooltip.tsx
+import { DefaultTooltipContent, Tooltip as _Tooltip } from "recharts";
+var contentStyle = {
+  boxShadow: "var(--aquarium-box-shadow-8dp)",
+  background: "#fff"
+};
+var itemStyle = {
+  display: "flex",
+  paddingTop: "2px",
+  paddingBottom: "2px"
+};
+var Tooltip = Object.assign(_Tooltip, {
+  DefaultContent: DefaultTooltipContent
+});
+Tooltip.defaultProps = Object.assign({}, _Tooltip.defaultProps, {
+  separator: "",
+  isAnimationActive: false,
+  contentStyle,
+  itemStyle,
+  cursor: { stroke: "var(--aquarium-colors-grey-70)", strokeDasharray: "5" }
+});
+
+// src/charts/BarChart/BarChart.tsx
+var renderChildren2 = (props) => {
+  return React5.Children.map(props.children, (child) => {
+    switch (getDisplayName(child.type)) {
+      case Axis.XAxis.displayName: {
+        return renderXAxis(child, props);
+      }
+      case Axis.XAxis.Time.displayName: {
+        return renderXTimeAxis(child, props);
+      }
+      case Axis.YAxis.displayName: {
+        return renderYAxis(child, props);
+      }
+      case Tooltip.displayName: {
+        return /* @__PURE__ */ React5.createElement(Tooltip, __spreadProps(__spreadValues({}, child.props), {
+          cursor: false
+        }));
+      }
+      default: {
+        return child;
+      }
+    }
+  });
+};
 var BarChart = (props) => {
   const { data } = props;
-  return /* @__PURE__ */ React4.createElement(ResponsiveContainer, null, /* @__PURE__ */ React4.createElement(_BarChart, {
+  return /* @__PURE__ */ React5.createElement(ResponsiveContainer, null, /* @__PURE__ */ React5.createElement(_BarChart, {
     width: 500,
     height: 500,
     data,
@@ -1975,29 +2068,271 @@ var BarChart = (props) => {
       left: 20,
       bottom: 5
     }
-  }, /* @__PURE__ */ React4.createElement(CartesianGrid, null), renderChildren(props)));
+  }, /* @__PURE__ */ React5.createElement(CartesianGrid, null), renderChildren2(props)));
 };
-var Bar = Object.assign((props) => /* @__PURE__ */ React4.createElement(_Bar, __spreadProps(__spreadValues({}, props), {
+var Bar = Object.assign((props) => /* @__PURE__ */ React5.createElement(_Bar, __spreadProps(__spreadValues({}, props), {
   isAnimationActive: false
 })), _Bar);
 BarChart.Bar = Bar;
+BarChart.Tooltip = Tooltip;
 
-// src/charts/Tooltip/Tooltip.tsx
-import { Tooltip as _Tooltip } from "recharts";
-var Tooltip = Object.assign(_Tooltip, {});
-Tooltip.defaultProps = Object.assign(_Tooltip.defaultProps, {
+// src/charts/Cell/Cell.tsx
+import { Cell } from "recharts";
+import {} from "recharts";
+
+// src/charts/LineChart/LineChart.tsx
+import React6 from "react";
+import { Line as _Line, LineChart as _LineChart } from "recharts";
+var renderChildren3 = (props) => {
+  return React6.Children.map(props.children, (child) => {
+    switch (getDisplayName(child.type)) {
+      case Axis.XAxis.displayName: {
+        return renderXAxis(child, props);
+      }
+      case Axis.XAxis.Time.displayName: {
+        return renderXTimeAxis(child, props);
+      }
+      case Axis.YAxis.displayName: {
+        return renderYAxis(child, props);
+      }
+      default: {
+        return child;
+      }
+    }
+  });
+};
+var LineChart = (props) => {
+  const { data } = props;
+  return /* @__PURE__ */ React6.createElement(ResponsiveContainer, null, /* @__PURE__ */ React6.createElement(_LineChart, {
+    width: 500,
+    height: 500,
+    data,
+    style: { stroke: "#fff", strokeWidth: 1 },
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, /* @__PURE__ */ React6.createElement(CartesianGrid, null), renderChildren3(props)));
+};
+var Line = Object.assign(
+  (props) => /* @__PURE__ */ React6.createElement(_Line, __spreadProps(__spreadValues({
+    type: "monotone"
+  }, props), {
+    strokeWidth: 2,
+    isAnimationActive: false,
+    dot: false
+  })),
+  _Line
+);
+LineChart.Line = Line;
+
+// src/charts/PieChart/DoughnutChart.tsx
+import React11 from "react";
+import { Cell as Cell2, Pie as _Pie, PieChart as _PieChart } from "recharts";
+
+// src/charts/PieChart/ChartValue.tsx
+import React7 from "react";
+
+// src/utils/tailwind.ts
+import originalClassNames from "classnames";
+function cleanClassNames(classNames) {
+  const tokens = classNames.split(/\s+/);
+  return tokens.filter((item) => item).join(" ");
+}
+function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
+  const result = originalClassNames(
+    classesOrModifiers1,
+    classesOrModifiers2,
+    classesOrModifiers3,
+    classesOrModifiers4,
+    classesOrModifiers5,
+    classesOrModifiers6,
+    classesOrModifiers7,
+    classesOrModifiers8,
+    classesOrModifiers9,
+    classesOrModifiers10
+  );
+  return cleanClassNames(result);
+}
+
+// src/charts/PieChart/ChartValue.tsx
+var ChartValue = (props) => {
+  const { value, unit: unit2, caption } = props;
+  return /* @__PURE__ */ React7.createElement("p", {
+    className: tw(
+      "typography-large-heading",
+      "text-center",
+      "leading-tight",
+      "absolute",
+      "top-1/2",
+      "left-1/2",
+      "transform",
+      "-translate-x-1/2",
+      "-translate-y-1/2"
+    )
+  }, value, unit2, caption && /* @__PURE__ */ React7.createElement("span", {
+    className: tw("block", "typography-small")
+  }, caption));
+};
+
+// src/charts/PieChart/renderPieChildren.tsx
+import React9 from "react";
+import { Pie } from "recharts";
+
+// src/charts/PieChart/TooltipContentWrapper.tsx
+import React8 from "react";
+import isFunction from "lodash/isFunction";
+var TooltipContentWrapper = (_a) => {
+  var _b = _a, {
+    content
+  } = _b, props = __objRest(_b, [
+    "content"
+  ]);
+  var _a2;
+  const payload = (_a2 = props.payload) == null ? void 0 : _a2.map((entry) => {
+    var _a3;
+    return __spreadProps(__spreadValues({}, entry), {
+      color: (_a3 = entry.payload) == null ? void 0 : _a3.fill
+    });
+  });
+  const propsWithPayload = __spreadProps(__spreadValues({}, props), { payload });
+  if (React8.isValidElement(content)) {
+    return React8.cloneElement(content, propsWithPayload);
+  }
+  if (isFunction(content)) {
+    return React8.createElement(content, propsWithPayload);
+  }
+  return /* @__PURE__ */ React8.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), {
+    payload
+  }));
+};
+
+// src/charts/PieChart/renderPieChildren.tsx
+var renderPieChildren = (children) => {
+  return React9.Children.map(children, (child) => {
+    switch (getDisplayName(child.type)) {
+      case Tooltip.displayName: {
+        return React9.cloneElement(child, { content: /* @__PURE__ */ React9.createElement(TooltipContentWrapper, {
+          content: child.props.content
+        }) });
+      }
+      case DoughnutChart.Doughnut.displayName: {
+        return /* @__PURE__ */ React9.createElement(Pie, __spreadValues({}, child.props));
+      }
+      default: {
+        return child;
+      }
+    }
+  });
+};
+
+// src/charts/PieChart/renderScaledChartValue.tsx
+import React10 from "react";
+var renderScaledChartValue = (props) => {
+  const refSize = 300;
+  const { containerWidth, containerHeight, chartValue } = props;
+  if (!containerWidth || !containerHeight) {
+    return null;
+  }
+  const scaleBy = containerWidth >= containerHeight ? containerHeight : containerWidth;
+  const scale = scaleBy / refSize;
+  const x = (containerWidth - refSize * scale) / (2 * scale);
+  const y = (containerHeight - refSize * scale) / (2 * scale);
+  return /* @__PURE__ */ React10.createElement("foreignObject", {
+    width: refSize,
+    height: refSize,
+    x,
+    y,
+    transform: `scale(${scale})`
+  }, chartValue);
+};
+
+// src/charts/PieChart/DoughnutChart.tsx
+var DoughnutChart = (props) => {
+  const [containerWidth, setContainerWidth] = React11.useState(0);
+  const [containerHeight, setContainerHeight] = React11.useState(0);
+  const { foundChild: chartValue, children } = extractChildByName(props.children, ChartValue.displayName);
+  const onResize = (w, h) => {
+    setContainerWidth(w);
+    setContainerHeight(h);
+  };
+  const scaledChartValue = renderScaledChartValue({ chartValue, containerWidth, containerHeight });
+  return /* @__PURE__ */ React11.createElement(ResponsiveContainer, {
+    onResize
+  }, /* @__PURE__ */ React11.createElement(_PieChart, null, scaledChartValue, renderPieChildren(children)));
+};
+var Doughnut = Object.assign((props) => /* @__PURE__ */ React11.createElement(_Pie, __spreadValues({}, props)), _Pie);
+Doughnut.defaultProps = Object.assign({}, _Pie.defaultProps, {
+  isAnimationActive: false,
+  innerRadius: "60%",
+  outerRadius: "80%"
+});
+DoughnutChart.Doughnut = Doughnut;
+DoughnutChart.ChartValue = ChartValue;
+DoughnutChart.Cell = Cell2;
+
+// src/charts/PieChart/PieChart.tsx
+import React12 from "react";
+import { Cell as Cell3, Pie as _Pie2, PieChart as _PieChart2 } from "recharts";
+var PieChart = (props) => {
+  return /* @__PURE__ */ React12.createElement(ResponsiveContainer, null, /* @__PURE__ */ React12.createElement(_PieChart2, {
+    width: 500,
+    height: 500
+  }, renderPieChildren(props.children)));
+};
+var Pie2 = Object.assign((props) => /* @__PURE__ */ React12.createElement(_Pie2, __spreadValues({}, props)), _Pie2);
+Pie2.defaultProps = Object.assign({}, _Pie2.defaultProps, {
   isAnimationActive: false,
-  contentStyle: { border: "1px solid rgb(0, 0, 0)", borderRadius: "1px", background: "#000" },
-  itemStyle: { display: "flex", paddingTop: "2px", paddingBottom: "2px" },
-  cursor: false
+  innerRadius: 0,
+  outerRadius: "80%"
 });
+PieChart.Pie = Pie2;
+PieChart.Cell = Cell3;
+
+// src/charts/Reference/Reference.tsx
+import React13 from "react";
+import {
+  ReferenceArea as _ReferenceArea,
+  ReferenceLine as _ReferenceLine
+} from "recharts";
+var ReferenceLine = Object.assign(
+  (props) => /* @__PURE__ */ React13.createElement(_ReferenceLine, __spreadProps(__spreadValues({}, props), {
+    strokeDasharray: "9 3",
+    strokeWidth: 2
+  })),
+  _ReferenceLine
+);
+var ReferenceArea = Object.assign(
+  (props) => /* @__PURE__ */ React13.createElement(_ReferenceArea, __spreadProps(__spreadValues({}, props), {
+    strokeWidth: 0,
+    fillOpacity: 0.1
+  })),
+  _ReferenceLine
+);
+var Reference = {
+  Line: ReferenceLine,
+  Area: ReferenceArea
+};
 export {
+  Area,
+  AreaChart,
   Axis,
   Bar,
   BarChart,
   CartesianGrid,
+  Cell,
+  Doughnut,
+  DoughnutChart,
+  Line,
+  LineChart,
+  Pie2 as Pie,
+  PieChart,
+  Reference,
   ResponsiveContainer,
   Tooltip,
+  extractChildByName,
   getDisplayName,
   getXAxisTicks,
   renderXAxis,

package/dist/src/atoms/Banner/Banner.d.ts

@@ -17,7 +17,7 @@ declare type ComposedBannerProps = {
         flexGrow: boolean;
     }>;
     ContentContainer: React.FC<BannerLayoutProps & DivProps>;
-    ImageContainer: React.FC<BoxProps<'div'>>;
+    ImageContainer: React.FC<BoxProps>;
     Actions: React.FC<BannerLayoutProps & DivProps>;
     DismissContainer: React.FC<BannerLayoutProps & DivProps>;
 };

package/dist/src/atoms/Banner/Banner.js

@@ -54,4 +54,4 @@ Banner.DismissContainer = (_a) => {
     var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
     return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF5QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF0QyxtQ0FBd0MsQ0FBRjtJQUFPLE9BQUEsQ0FDM0Qs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF5QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUEwQjtDQUNwRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF0QyxtQ0FBd0MsQ0FBRjtJQUFPLE9BQUEsQ0FDM0Qs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

package/dist/src/atoms/Card/Card.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { Box } from '../../../src/molecules/Box/Box';
+import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
 import { type ColorName } from '../../../types/designTokens';
 import { type LimitedCssDimension } from '../../../types/DimensionProps';
 import { type Either } from '../../../types/utils';
@@ -7,6 +9,7 @@ declare type ComposedCardProps = {
     ColorHiglight: typeof ColorHighlight;
     ImageContainer: typeof ImageContainer;
     Image: typeof Image;
+    Title: typeof Title;
     Content: typeof Content;
     Actions: typeof Actions;
 };
@@ -33,10 +36,16 @@ declare const Image: React.FC<DivProps & Either<{
     image: string;
     imageAlt: string | undefined;
 }>;
+declare const Title: React.FC<React.ComponentProps<typeof Box.Flex>>;
 declare const Content: React.FC<DivProps & {
     dense?: boolean;
 }>;
 declare const Actions: React.FC<DivProps & {
     dense?: boolean;
 }>;
+export declare const getTitleContent: ({ title, clampTitle, dense, }: {
+    title: React.ReactElement<React.ComponentProps<typeof Card.Title>> | string;
+    clampTitle?: Lines | undefined;
+    dense?: boolean | undefined;
+}) => React.JSX.Element;
 export {};

package/dist/src/atoms/Card/Card.js

@@ -12,6 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import isNumber from 'lodash/isNumber';
 import { Box } from '../../../src/molecules/Box/Box';
+import { Typography } from '../../../src/molecules/Typography/Typography';
+import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export const Card = React.forwardRef((_a, ref) => {
     var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
@@ -38,6 +40,7 @@ const Image = ({ image, imageAlt, fullSize = false, imageHeight }) => (React.cre
         'h-[174px]': !imageHeight && !fullSize,
         'h-[225px]': !imageHeight && fullSize,
     }), style: { height: isNumber(imageHeight) ? `${imageHeight}px` : imageHeight } }));
+const Title = (props) => (React.createElement(Box.Flex, Object.assign({ component: "div", alignItems: "center", gap: "2" }, props)));
 const Content = (_a) => {
     var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
     return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col', { 'gap-4': !dense }), className) })));
@@ -46,9 +49,23 @@ const Actions = (_a) => {
     var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
     return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-3 items-center', { 'pt-3 ': !dense }), className) })));
 };
+Card.Title = Title;
 Card.Content = Content;
 Card.Actions = Actions;
 Card.ImageContainer = ImageContainer;
 Card.Image = Image;
 Card.ColorHiglight = ColorHighlight;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBeUJwRCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbEMsQ0FBQyxFQUF1RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWhHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxjQUFjLEdBQUcsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFyRixpRkFBdUYsQ0FBRjtJQUFZLE9BQUEsQ0FDaEcsMkNBQ0UsR0FBRyxFQUFFLEdBQUcsSUFDSixJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJFQUEyRSxFQUFFO1lBQzlFLFdBQVcsRUFBRSxDQUFDLFNBQVM7WUFDdkIsUUFBUSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUM7WUFDNUIsZUFBZSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsY0FBYyxDQUFDO1lBQzlELGdFQUFnRSxFQUFFLE9BQU8sQ0FBQyxTQUFTLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDakcsdURBQXVELEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQztTQUMzRSxDQUFDLEVBQ0YsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ2UsQ0FBQztBQUVuQixNQUFNLGNBQWMsR0FBdUQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7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
+const isCardTitleComponent = (c) => {
+    return React.isValidElement(c) && c.type === Card.Title;
+};
+export const getTitleContent = ({ title, clampTitle, dense = false, }) => {
+    if (typeof title !== 'string' && !isCardTitleComponent(title)) {
+        throw new Error('Wrap a custom card title element with <Card.Title> to get the desired spacing between children elements applied.');
+    }
+    const titleContent = (React.createElement(Typography, { variant: dense ? 'small-strong' : 'default-strong', color: "black" }, title));
+    if (clampTitle) {
+        return (React.createElement(LineClamp, { lines: clampTitle, wordBreak: "break-all" }, titleContent));
+    }
+    return titleContent;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEwQnBELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxDQUFDLEVBQXVGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBaEcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLGNBQWMsR0FBRyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXJGLGlGQUF1RixDQUFGO0lBQVksT0FBQSxDQUNoRywyQ0FDRSxHQUFHLEVBQUUsR0FBRyxJQUNKLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkVBQTJFLEVBQUU7WUFDOUUsV0FBVyxFQUFFLENBQUMsU0FBUztZQUN2QixRQUFRLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQztZQUM1QixlQUFlLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxjQUFjLENBQUM7WUFDOUQsZ0VBQWdFLEVBQUUsT0FBTyxDQUFDLFNBQVMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUNqRyx1REFBdUQsRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQzNFLENBQUMsRUFDRixTQUFTLENB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

package/dist/src/charts/AreaChart/AreaChart.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Area as _Area, AreaChart as _AreaChart, type AreaProps } from 'recharts';
+import { type ChartProps } from '../../../src/charts/lib/utils';
+declare type ComposedAreaChart = {
+    Area: typeof Area;
+};
+declare type AreaChartProps = ChartProps & React.ComponentProps<typeof _AreaChart> & {
+    children: React.ReactElement | React.ReactElement[];
+};
+export declare const AreaChart: ComposedAreaChart & React.FC<AreaChartProps>;
+export declare const Area: ((props: Omit<AreaProps, 'ref'>) => React.JSX.Element) & typeof _Area;
+export {};

package/dist/src/charts/AreaChart/AreaChart.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Area as _Area, AreaChart as _AreaChart } from 'recharts';
+import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
+import { ResponsiveContainer } from '../../../src/charts/Container/Container';
+import { CartesianGrid } from '../../../src/charts/Grid/Grid';
+import { getDisplayName } from '../../../src/charts/lib/utils';
+const renderChildren = (props) => {
+    return React.Children.map(props.children, (child) => {
+        switch (getDisplayName(child.type)) {
+            case Axis.XAxis.displayName: {
+                return renderXAxis(child, props);
+            }
+            case Axis.XAxis.Time.displayName: {
+                return renderXTimeAxis(child, props);
+            }
+            case Axis.YAxis.displayName: {
+                return renderYAxis(child, props);
+            }
+            default: {
+                return child;
+            }
+        }
+    });
+};
+export const AreaChart = (props) => {
+    const { data } = props;
+    return (React.createElement(ResponsiveContainer, null,
+        React.createElement(_AreaChart, { width: 500, height: 500, data: data, style: { stroke: '#fff', strokeWidth: 1 }, margin: {
+                top: 20,
+                right: 30,
+                left: 20,
+                bottom: 5,
+            } },
+            React.createElement(CartesianGrid, null),
+            renderChildren(props))));
+};
+export const Area = Object.assign((props) => {
+    var _a;
+    return (React.createElement(_Area, Object.assign({ type: "monotone", strokeWidth: 2, dot: false }, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : props.stroke, fillOpacity: 0.1, isAnimationActive: false })));
+}, _Area);
+Area.defaultProps = Object.assign({}, _Area.defaultProps, {
+    fillOpacity: 0.1,
+    fill: undefined,
+});
+AreaChart.Area = Area;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJlYUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9BcmVhQ2hhcnQvQXJlYUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsU0FBUyxJQUFJLFVBQVUsRUFBa0IsTUFBTSxVQUFVLENBQUM7QUFFbEYsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBV3ZFLE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBcUIsRUFBRSxFQUFFO0lBQy9DLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ2xELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNsQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNsQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0QztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQWlELENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDL0UsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CO1FBQ2xCLG9CQUFDLFVBQVUsSUFDVCxLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFDekMsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFO2dCQUNQLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFFRCxvQkFBQyxhQUFhLE9BQUc7WUFDaEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUNYLENBQ08sQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUMvQixDQUFDLEtBQTZCLEVBQUUsRUFBRTs7SUFBQyxPQUFBLENBQ2pDLG9CQUFDLEtBQUssa0JBQ0osSUFBSSxFQUFDLFVBQVUsRUFDZixXQUFXLEVBQUUsQ0FBQyxFQUNkLEdBQUcsRUFBRSxLQUFLLElBQ04sS0FBSyxJQUNULElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLEtBQUssQ0FBQyxNQUFNLEVBQ2hDLFdBQVcsRUFBRSxHQUFHLEVBQ2hCLGlCQUFpQixFQUFFLEtBQUssSUFDeEIsQ0FDSCxDQUFBO0NBQUEsRUFDRCxLQUFLLENBQ04sQ0FBQztBQUVGLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLFlBQVksRUFBRTtJQUN4RCxXQUFXLEVBQUUsR0FBRztJQUNoQixJQUFJLEVBQUUsU0FBUztDQUNoQixDQUFDLENBQUM7QUFFSCxTQUFTLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyJ9

package/dist/src/charts/BarChart/BarChart.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import { Bar as _Bar, BarChart as _BarChart, type BarProps } from 'recharts';
 import { type ChartProps } from '../../../src/charts/lib/utils';
+import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
 declare type ComposedBarChart = {
     Bar: typeof Bar;
+    Tooltip: typeof Tooltip;
 };
 declare type BarChartProps = ChartProps & React.ComponentProps<typeof _BarChart> & {
     children: React.ReactElement | React.ReactElement[];

package/dist/src/charts/BarChart/BarChart.js

@@ -4,6 +4,7 @@ import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/ch
 import { ResponsiveContainer } from '../../../src/charts/Container/Container';
 import { CartesianGrid } from '../../../src/charts/Grid/Grid';
 import { getDisplayName } from '../../../src/charts/lib/utils';
+import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
 const renderChildren = (props) => {
     return React.Children.map(props.children, (child) => {
         switch (getDisplayName(child.type)) {
@@ -16,6 +17,9 @@ const renderChildren = (props) => {
             case Axis.YAxis.displayName: {
                 return renderYAxis(child, props);
             }
+            case Tooltip.displayName: {
+                return React.createElement(Tooltip, Object.assign({}, child.props, { cursor: false }));
+            }
             default: {
                 return child;
             }
@@ -36,4 +40,5 @@ export const BarChart = (props) => {
 };
 export const Bar = Object.assign((props) => React.createElement(_Bar, Object.assign({}, props, { isAnimationActive: false })), _Bar);
 BarChart.Bar = Bar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFN0UsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBV3ZFLE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBb0IsRUFBRSxFQUFFO0lBQzlDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ2xELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNsQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNsQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0QztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQStDLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDNUUsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CO1FBQ2xCLG9CQUFDLFNBQVMsSUFDUixLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixjQUFjLEVBQUMsSUFBSSxFQUNuQixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFDekMsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFO2dCQUNQLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFFRCxvQkFBQyxhQUFhLE9BQUc7WUFDaEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUNaLENBQ1EsQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsaUJBQWlCLEVBQUUsS0FBSyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFDeEgsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMifQ==
+BarChart.Tooltip = Tooltip;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFN0UsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVlyRCxNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQW9CLEVBQUUsRUFBRTtJQUM5QyxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUF5QixFQUFFLEVBQUU7UUFDdEUsUUFBUSxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2xDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDaEMsT0FBTyxlQUFlLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ3RDO1lBRUQsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUMzQixPQUFPLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7YUFDbEM7WUFFRCxLQUFLLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDeEIsT0FBTyxvQkFBQyxPQUFPLG9CQUFLLEtBQUssQ0FBQyxLQUFLLElBQUUsTUFBTSxFQUFFLEtBQUssSUFBSSxDQUFDO2FBQ3BEO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQStDLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDNUUsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CO1FBQ2xCLG9CQUFDLFNBQVMsSUFDUixLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixjQUFjLEVBQUMsSUFBSSxFQUNuQixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFDekMsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFO2dCQUNQLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFFRCxvQkFBQyxhQUFhLE9BQUc7WUFDaEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUNaLENBQ1EsQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsaUJBQWlCLEVBQUUsS0FBSyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFDeEgsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7QUFDbkIsUUFBUSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==

package/dist/src/charts/Cell/Cell.d.ts

@@ -0,0 +1,2 @@
+export { Cell } from 'recharts';
+export { type CellProps } from 'recharts';