@economic/taco 2.57.0-charts.4 → 2.57.0-charts.5

package/dist/taco.cjs

@@ -82775,7 +82775,7 @@ function getAxisProps(scale2, tickFormatter, dataKey, width) {
     width: width ?? 55
   };
 }
-function ChartContainer(props) {
+function ChartWrapper(props) {
   const { onSetWidth: handleSetWidth, ...attributes } = props;
   const ref = React.useRef(null);
   React.useLayoutEffect(() => {
@@ -82784,7 +82784,7 @@ function ChartContainer(props) {
       handleSetWidth(rect.width);
     }
   }, [ref]);
-  const className = clsx("flex justify-center mx-auto", attributes.className);
+  const className = clsx("flex justify-center m-auto", attributes.className);
   return /* @__PURE__ */ React.createElement("div", { ...attributes, className, ref }, /* @__PURE__ */ React.createElement(ResponsiveContainer, null, props.children));
 }
 function Tooltip(props) {
@@ -83063,9 +83063,9 @@ function AreaChart(props) {
     yAxisTickFormatter,
     ...attributes
   } = props;
-  const className = clsx("relative aspect-video", { "mb-6": showLegend }, customClassName);
+  const className = clsx("relative aspect-video", { "pb-6": showLegend }, customClassName);
   const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart(children);
-  return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartContainer, { ...attributes, className: "h-full w-full", "data-taco": "chart-area" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className: "h-full w-full", "data-taco": "chart-area" }, /* @__PURE__ */ React.createElement(
     AreaChart$1,
     {
       data,
@@ -83125,9 +83125,9 @@ function BarChart(props) {
     yAxisWidth,
     ...attributes
   } = props;
-  const className = clsx("relative aspect-video", { "mb-6": showLegend }, customClassName);
+  const className = clsx("relative aspect-video", { "pb-6": showLegend }, customClassName);
   const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart(children);
-  return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartContainer, { ...attributes, className: "h-full w-full", "data-taco": "chart-bar" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className: "h-full w-full", "data-taco": "chart-bar" }, /* @__PURE__ */ React.createElement(
     BarChart$1,
     {
       data,
@@ -83163,6 +83163,7 @@ function BarChart(props) {
           yAxisWidth
         ),
         hide: !showYAxis,
+        minTickGap: isHorizontal ? 1 : 5,
         type: isHorizontal ? "category" : void 0
       }
     ),
@@ -83262,7 +83263,7 @@ function DonutChart(props) {
       unit: unit2,
       style: { top: radius / 2 - 2, width: radius + DONUT_WIDTH$1 }
     }
-  ) : null, /* @__PURE__ */ React.createElement(ChartContainer, { ...attributes, className, "data-taco": "chart-donut", onSetWidth: setRadius }, /* @__PURE__ */ React.createElement(PieChart$1, null, /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle }) }), /* @__PURE__ */ React.createElement(Pie, { ...pieProps, innerRadius: radius - DONUT_WIDTH$1 }))), showLegend ? /* @__PURE__ */ React.createElement(Legend$1, { items, hoverIndex: activeIndex, onHover: setActiveIndex, onToggle: toggleItem }) : null);
+  ) : null, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className, "data-taco": "chart-donut", onSetWidth: setRadius }, /* @__PURE__ */ React.createElement(PieChart$1, null, /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle }) }), /* @__PURE__ */ React.createElement(Pie, { ...pieProps, innerRadius: radius - DONUT_WIDTH$1 }))), showLegend ? /* @__PURE__ */ React.createElement(Legend$1, { items, hoverIndex: activeIndex, onHover: setActiveIndex, onToggle: toggleItem }) : null);
 }
 function Segment$2(_) {
   return null;
@@ -83487,9 +83488,9 @@ function LineChart(props) {
     yAxisTickFormatter,
     ...attributes
   } = props;
-  const className = clsx("relative aspect-video", { "mb-6": showLegend }, customClassName);
+  const className = clsx("relative aspect-video", { "pb-6": showLegend }, customClassName);
   const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart(children);
-  return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartContainer, { ...attributes, className: "h-full w-full", "data-taco": "chart-line" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className: "h-full w-full", "data-taco": "chart-line" }, /* @__PURE__ */ React.createElement(
     LineChart$1,
     {
       data,
@@ -83525,7 +83526,7 @@ function PieChart(props) {
     unit: unit2
   });
   const className = clsx("aspect-square", attributes.className);
-  return /* @__PURE__ */ React.createElement("div", { className: "relative", "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartContainer, { ...attributes, className, "data-taco": "chart-pie", onSetWidth: setRadius }, /* @__PURE__ */ React.createElement(PieChart$1, null, /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle }) }), /* @__PURE__ */ React.createElement(Pie, { ...pieProps, label: showLabels ? /* @__PURE__ */ React.createElement(Label, null) : void 0 }))), showLegend ? /* @__PURE__ */ React.createElement(Legend$1, { items, hoverIndex: activeIndex, onHover: setActiveIndex, onToggle: toggleItem }) : null);
+  return /* @__PURE__ */ React.createElement("div", { className: "relative", "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className, "data-taco": "chart-pie", onSetWidth: setRadius }, /* @__PURE__ */ React.createElement(PieChart$1, null, /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle }) }), /* @__PURE__ */ React.createElement(Pie, { ...pieProps, label: showLabels ? /* @__PURE__ */ React.createElement(Label, null) : void 0 }))), showLegend ? /* @__PURE__ */ React.createElement(Legend$1, { items, hoverIndex: activeIndex, onHover: setActiveIndex, onToggle: toggleItem }) : null);
 }
 function Segment(_) {
   return null;