@marcoschwartz/lite-ui 0.26.0 → 0.26.2

package/dist/index.mjs

@@ -5949,6 +5949,7 @@ function useBreakpoint() {
 function useResponsiveChart({
   responsive = false,
   aspectRatio,
+  maxHeight,
   providedWidth,
   providedHeight,
   defaultWidth = 800,
@@ -5967,7 +5968,7 @@ function useResponsiveChart({
     height = providedHeight || defaultHeight;
     effectiveAspectRatio = width / height;
   }
-  const containerStyle = responsive ? { width: "100%", aspectRatio: `${effectiveAspectRatio}` } : { width, height: "auto" };
+  const containerStyle = responsive ? maxHeight !== void 0 ? { width: "100%", height: maxHeight } : { width: "100%", aspectRatio: `${effectiveAspectRatio}` } : { width, height: "auto" };
   const svgStyle = responsive ? { width: "100%", height: "100%", display: "block" } : {};
   const svgWidth = responsive ? "100%" : width;
   const svgHeight = responsive ? "100%" : height;
@@ -6848,6 +6849,7 @@ var LineChart = ({
   height: providedHeight,
   responsive = false,
   aspectRatio = 2,
+  maxHeight,
   _isResizing = false,
   padding: customPadding,
   showGrid = true,
@@ -6892,6 +6894,7 @@ var LineChart = ({
   } = useResponsiveChart({
     responsive,
     aspectRatio,
+    maxHeight,
     providedWidth,
     providedHeight
   });
@@ -7341,6 +7344,7 @@ var BarChart = ({
   height: providedHeight,
   responsive = false,
   aspectRatio = 2,
+  maxHeight,
   _isResizing = false,
   padding: customPadding,
   showGrid = true,
@@ -7383,6 +7387,7 @@ var BarChart = ({
   } = useResponsiveChart({
     responsive,
     aspectRatio,
+    maxHeight,
     providedWidth,
     providedHeight
   });
@@ -7765,6 +7770,7 @@ var AreaChart = ({
   height: providedHeight,
   responsive = false,
   aspectRatio = 2,
+  maxHeight,
   _isResizing = false,
   padding: customPadding,
   showGrid = true,
@@ -7806,6 +7812,7 @@ var AreaChart = ({
   } = useResponsiveChart({
     responsive,
     aspectRatio,
+    maxHeight,
     providedWidth,
     providedHeight
   });
@@ -8236,6 +8243,7 @@ var PieChart = ({
   height: providedHeight,
   responsive = false,
   aspectRatio = 1,
+  maxHeight,
   _isResizing = false,
   innerRadius: providedInnerRadius,
   outerRadius: providedOuterRadius,
@@ -8276,6 +8284,7 @@ var PieChart = ({
   } = useResponsiveChart({
     responsive,
     aspectRatio,
+    maxHeight,
     providedWidth,
     providedHeight,
     defaultWidth: 400,
@@ -8626,6 +8635,7 @@ var ScatterChart = ({
   height: providedHeight,
   responsive = false,
   aspectRatio = 2,
+  maxHeight,
   _isResizing = false,
   padding: customPadding,
   showGrid = true,
@@ -8670,6 +8680,7 @@ var ScatterChart = ({
   } = useResponsiveChart({
     responsive,
     aspectRatio,
+    maxHeight,
     providedWidth,
     providedHeight
   });