npm - @mui/x-charts - Versions diffs - 9.14.0 → 9.15.0 - Mend

@mui/x-charts 9.14.0 → 9.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (316) hide show

package/ChartsYAxis/ChartsYAxisImpl.js CHANGED Viewed

@@ -22,6 +22,7 @@ var _isInfinity = require("../internals/isInfinity");
 var _useDrawingArea = require("../hooks/useDrawingArea");
 var _scaleGuards = require("../internals/scaleGuards");
 var _domUtils = require("../internals/domUtils");
+var _getInlineTypographyStyle = require("../internals/getInlineTypographyStyle");
 var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axis"],
@@ -90,7 +91,7 @@ function ChartsYAxisImpl(_ref) {
     externalSlotProps: slotProps?.axisLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: (0, _extends2.default)({}, theme.typography.body1, {
+      style: (0, _extends2.default)({}, (0, _getInlineTypographyStyle.getInlineTypographyStyle)(theme.typography.body1), {
         lineHeight: 1,
         fontSize: 14,
         angle: positionSign * 90,

package/ChartsYAxis/ChartsYAxisImpl.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["axis"],
   _excluded2 = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"];
 import * as React from 'react';
@@ -17,6 +17,7 @@ import { isInfinity } from "../internals/isInfinity.mjs";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";
 import { getStringSize } from "../internals/domUtils.mjs";
+import { getInlineTypographyStyle } from "../internals/getInlineTypographyStyle.mjs";
 import { AxisRoot } from "../internals/components/AxisSharedComponents.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const YAxisRoot = styled(AxisRoot, {
@@ -83,7 +84,7 @@ export function ChartsYAxisImpl(_ref) {
     externalSlotProps: slotProps?.axisLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: _extends({}, theme.typography.body1, {
+      style: _extends({}, getInlineTypographyStyle(theme.typography.body1), {
         lineHeight: 1,
         fontSize: 14,
         angle: positionSign * 90,

package/ChartsYAxis/useAxisTicksProps.d.mts CHANGED Viewed

@@ -3815,11 +3815,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     onTransitionStart?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-atomic"?: "false" | "true" | boolean | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-busy"?: "false" | "true" | boolean | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
@@ -3830,37 +3830,37 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-disabled"?: "false" | "true" | boolean | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-expanded"?: "false" | "true" | boolean | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-grabbed"?: "false" | "true" | boolean | undefined;
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-hidden"?: "false" | "true" | boolean | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: ("false" | "true" | boolean) | undefined;
-    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
-    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-modal"?: "false" | "true" | boolean | undefined;
+    "aria-multiline"?: "false" | "true" | boolean | undefined;
+    "aria-multiselectable"?: "false" | "true" | boolean | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-readonly"?: "false" | "true" | boolean | undefined;
     "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-required"?: "false" | "true" | boolean | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-selected"?: "false" | "true" | boolean | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -3897,7 +3897,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ascent?: number | string | undefined;
     attributeName?: string | undefined;
     attributeType?: string | undefined;
-    autoReverse?: ("false" | "true" | boolean) | undefined;
+    autoReverse?: "false" | "true" | boolean | undefined;
     azimuth?: number | string | undefined;
     baseFrequency?: number | string | undefined;
     baselineShift?: number | string | undefined;
@@ -3936,7 +3936,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     enableBackground?: number | string | undefined;
     end?: number | string | undefined;
     exponent?: number | string | undefined;
-    externalResourcesRequired?: ("false" | "true" | boolean) | undefined;
+    externalResourcesRequired?: "false" | "true" | boolean | undefined;
     fill?: string | undefined;
     fillOpacity?: number | string | undefined;
     fillRule?: "nonzero" | "evenodd" | "inherit" | undefined;
@@ -3945,7 +3945,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     filterUnits?: number | string | undefined;
     floodColor?: number | string | undefined;
     floodOpacity?: number | string | undefined;
-    focusable?: ("false" | "true" | boolean) | "auto" | undefined;
+    focusable?: "false" | "true" | boolean | "auto" | undefined;
     fontFamily?: string | undefined;
     fontSize?: number | string | undefined;
     fontSizeAdjust?: number | string | undefined;
@@ -4025,7 +4025,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     pointsAtX?: number | string | undefined;
     pointsAtY?: number | string | undefined;
     pointsAtZ?: number | string | undefined;
-    preserveAlpha?: ("false" | "true" | boolean) | undefined;
+    preserveAlpha?: "false" | "true" | boolean | undefined;
     preserveAspectRatio?: string | undefined;
     primitiveUnits?: number | string | undefined;
     r?: number | string | undefined;
@@ -4129,7 +4129,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     zoomAndPan?: string | undefined;
     ref: ((instance: any | null) => void) | null;
     text?: string | undefined;
-    style?: (import("../index.mjs").ChartsTextStyle & import("react").CSSProperties) | undefined;
+    style?: import("../index.mjs").ChartsTextStyle & import("react").CSSProperties | undefined;
     needsComputation?: boolean;
     lineHeight?: number;
     ownerState: any;

package/ChartsYAxis/useAxisTicksProps.d.ts CHANGED Viewed

@@ -3815,11 +3815,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     onTransitionStart?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-atomic"?: "false" | "true" | boolean | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-busy"?: "false" | "true" | boolean | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
@@ -3830,37 +3830,37 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-disabled"?: "false" | "true" | boolean | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-expanded"?: "false" | "true" | boolean | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-grabbed"?: "false" | "true" | boolean | undefined;
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-hidden"?: "false" | "true" | boolean | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: ("false" | "true" | boolean) | undefined;
-    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
-    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-modal"?: "false" | "true" | boolean | undefined;
+    "aria-multiline"?: "false" | "true" | boolean | undefined;
+    "aria-multiselectable"?: "false" | "true" | boolean | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-readonly"?: "false" | "true" | boolean | undefined;
     "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-required"?: "false" | "true" | boolean | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-selected"?: "false" | "true" | boolean | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -3897,7 +3897,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ascent?: number | string | undefined;
     attributeName?: string | undefined;
     attributeType?: string | undefined;
-    autoReverse?: ("false" | "true" | boolean) | undefined;
+    autoReverse?: "false" | "true" | boolean | undefined;
     azimuth?: number | string | undefined;
     baseFrequency?: number | string | undefined;
     baselineShift?: number | string | undefined;
@@ -3936,7 +3936,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     enableBackground?: number | string | undefined;
     end?: number | string | undefined;
     exponent?: number | string | undefined;
-    externalResourcesRequired?: ("false" | "true" | boolean) | undefined;
+    externalResourcesRequired?: "false" | "true" | boolean | undefined;
     fill?: string | undefined;
     fillOpacity?: number | string | undefined;
     fillRule?: "nonzero" | "evenodd" | "inherit" | undefined;
@@ -3945,7 +3945,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     filterUnits?: number | string | undefined;
     floodColor?: number | string | undefined;
     floodOpacity?: number | string | undefined;
-    focusable?: ("false" | "true" | boolean) | "auto" | undefined;
+    focusable?: "false" | "true" | boolean | "auto" | undefined;
     fontFamily?: string | undefined;
     fontSize?: number | string | undefined;
     fontSizeAdjust?: number | string | undefined;
@@ -4025,7 +4025,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     pointsAtX?: number | string | undefined;
     pointsAtY?: number | string | undefined;
     pointsAtZ?: number | string | undefined;
-    preserveAlpha?: ("false" | "true" | boolean) | undefined;
+    preserveAlpha?: "false" | "true" | boolean | undefined;
     preserveAspectRatio?: string | undefined;
     primitiveUnits?: number | string | undefined;
     r?: number | string | undefined;
@@ -4129,7 +4129,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     zoomAndPan?: string | undefined;
     ref: ((instance: any | null) => void) | null;
     text?: string | undefined;
-    style?: (import("../index.js").ChartsTextStyle & import("react").CSSProperties) | undefined;
+    style?: import("../index.js").ChartsTextStyle & import("react").CSSProperties | undefined;
     needsComputation?: boolean;
     lineHeight?: number;
     ownerState: any;

package/ChartsYAxis/useAxisTicksProps.js CHANGED Viewed

@@ -15,6 +15,7 @@ var _ChartsText = require("../ChartsText");
 var _useAxis = require("../hooks/useAxis");
 var _defaultTextPlacement = require("../ChartsText/defaultTextPlacement");
 var _invertTextAnchor = require("../internals/invertTextAnchor");
+var _getInlineTypographyStyle = require("../internals/getInlineTypographyStyle");
 var _utilities = require("./utilities");
 var _constants = require("../constants");
 const _excluded = ["scale", "tickNumber", "reverse"];
@@ -57,7 +58,7 @@ function useAxisTicksProps(inProps) {
     externalSlotProps: slotProps?.axisTickLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: (0, _extends2.default)({}, theme.typography.caption, {
+      style: (0, _extends2.default)({}, (0, _getInlineTypographyStyle.getInlineTypographyStyle)(theme.typography.caption), {
         fontSize: tickFontSize,
         textAnchor: isRtl ? (0, _invertTextAnchor.invertTextAnchor)(defaultTextAnchor) : defaultTextAnchor,
         dominantBaseline: defaultDominantBaseline

package/ChartsYAxis/useAxisTicksProps.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["scale", "tickNumber", "reverse"];
 import useSlotProps from '@mui/utils/useSlotProps';
 import { useThemeProps, useTheme } from '@mui/material/styles';
@@ -10,6 +10,7 @@ import { ChartsText } from "../ChartsText/index.mjs";
 import { useYAxes } from "../hooks/useAxis.mjs";
 import { getDefaultBaseline, getDefaultTextAnchor } from "../ChartsText/defaultTextPlacement.mjs";
 import { invertTextAnchor } from "../internals/invertTextAnchor.mjs";
+import { getInlineTypographyStyle } from "../internals/getInlineTypographyStyle.mjs";
 import { defaultProps, useUtilityClasses } from "./utilities.mjs";
 import { DEFAULT_TICK_LABEL_FONT_SIZE } from "../constants/index.mjs";
 export function useAxisTicksProps(inProps) {
@@ -51,7 +52,7 @@ export function useAxisTicksProps(inProps) {
     externalSlotProps: slotProps?.axisTickLabel,
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
-      style: _extends({}, theme.typography.caption, {
+      style: _extends({}, getInlineTypographyStyle(theme.typography.caption), {
         fontSize: tickFontSize,
         textAnchor: isRtl ? invertTextAnchor(defaultTextAnchor) : defaultTextAnchor,
         dominantBaseline: defaultDominantBaseline

package/Gauge/Gauge.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["text", "children", "classes", "className", "skipAnimation"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/Gauge/GaugeContainer.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["width", "height", "margin", "title", "desc", "value", "valueMin", "valueMax", "startAngle", "endAngle", "outerRadius", "innerRadius", "cornerRadius", "cx", "cy", "children"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/Gauge/GaugeReferenceArc.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';

package/Gauge/GaugeValueArc.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"],
   _excluded2 = ["cx", "cy", "startAngle", "endAngle", "cornerRadius", "innerRadius", "outerRadius", "skipAnimation"];
 import * as React from 'react';

package/Gauge/GaugeValueText.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["text", "className"];
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/LineChart/AnimatedArea.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["skipAnimation", "ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/AnimatedLine.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["skipAnimation", "ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/AreaElement.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["seriesId", "classes", "color", "gradientId", "slots", "slotProps", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/AreaPlot.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps", "onItemClick", "skipAnimation", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/CircleMarkElement.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["x", "y", "seriesId", "classes", "color", "dataIndex", "onClick", "skipAnimation", "isFaded", "isHighlighted", "shape", "hidden"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/LineChart.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';

package/LineChart/LineElement.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["seriesId", "classes", "color", "gradientId", "slots", "slotProps", "onClick", "hidden"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/LineHighlightElement.d.mts CHANGED Viewed

@@ -6,11 +6,11 @@ interface LineHighlightElementCommonProps {
   x: number;
   y: number;
 }
-export type LineHighlightElementProps = (LineHighlightElementCommonProps & {
+export type LineHighlightElementProps = LineHighlightElementCommonProps & {
   shape: 'circle';
-} & Omit<React.SVGProps<SVGCircleElement>, 'ref'>) | (LineHighlightElementCommonProps & {
+} & Omit<React.SVGProps<SVGCircleElement>, 'ref'> | LineHighlightElementCommonProps & {
   shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
-} & Omit<React.SVGProps<SVGPathElement>, 'ref'>);
+} & Omit<React.SVGProps<SVGPathElement>, 'ref'>;
 /**
  * Demos:
  *

package/LineChart/LineHighlightElement.d.ts CHANGED Viewed

@@ -6,11 +6,11 @@ interface LineHighlightElementCommonProps {
   x: number;
   y: number;
 }
-export type LineHighlightElementProps = (LineHighlightElementCommonProps & {
+export type LineHighlightElementProps = LineHighlightElementCommonProps & {
   shape: 'circle';
-} & Omit<React.SVGProps<SVGCircleElement>, 'ref'>) | (LineHighlightElementCommonProps & {
+} & Omit<React.SVGProps<SVGCircleElement>, 'ref'> | LineHighlightElementCommonProps & {
   shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
-} & Omit<React.SVGProps<SVGPathElement>, 'ref'>);
+} & Omit<React.SVGProps<SVGPathElement>, 'ref'>;
 /**
  * Demos:
  *

package/LineChart/LineHighlightElement.js CHANGED Viewed

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactMajor = _interopRequireDefault(require("@mui/x-internals/reactMajor"));
+var _reactVersion = require("@base-ui/utils/reactVersion");
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _getSymbol = require("../internals/getSymbol");
 var _lineClasses = require("./lineClasses");
@@ -46,7 +46,7 @@ function LineHighlightElement(props) {
   };
   // React 18 does not recognize `transformOrigin` and React 19 does not recognize `transform-origin`
-  const transformOrigin = _reactMajor.default > 18 ? {
+  const transformOrigin = (0, _reactVersion.isReactVersionAtLeast)(19) ? {
     transformOrigin: `${x} ${y}`
   } : {
     'transform-origin': `${x} ${y}`

package/LineChart/LineHighlightElement.mjs CHANGED Viewed

@@ -1,11 +1,11 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["x", "y", "seriesId", "color", "shape"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import reactMajor from '@mui/x-internals/reactMajor';
+import { isReactVersionAtLeast } from '@base-ui/utils/reactVersion';
 import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
 import { getSymbol } from "../internals/getSymbol.mjs";
 import { useUtilityClasses as useLineUtilityClasses } from "./lineClasses.mjs";
@@ -39,7 +39,7 @@ function LineHighlightElement(props) {
   };
   // React 18 does not recognize `transformOrigin` and React 19 does not recognize `transform-origin`
-  const transformOrigin = reactMajor > 18 ? {
+  const transformOrigin = isReactVersionAtLeast(19) ? {
     transformOrigin: `${x} ${y}`
   } : {
     'transform-origin': `${x} ${y}`

package/LineChart/LineHighlightPlot.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/LinePlot.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/MarkElement.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["x", "y", "seriesId", "classes", "color", "shape", "dataIndex", "onClick", "skipAnimation", "isFaded", "isHighlighted", "hidden", "style"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/LineChart/MarkPlot.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick", "className"];
 import { styled } from '@mui/material/styles';
 import clsx from 'clsx';

package/LineChart/seriesConfig/getSeriesWithDefaultValues.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => _extends({}, seriesData, {
   id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
   color: seriesData.color ?? colors[seriesIndex % colors.length],

package/LineChart/seriesConfig/tooltipPosition.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorTooltipItemPosition = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors");
 var _useChartSeries = require("../../internals/plugins/corePlugins/useChartSeries");
 var _useChartCartesianAxisRendering = require("../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors");

package/LineChart/seriesConfig/tooltipPosition.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartsTooltipItem } from "../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.mjs";
 import { selectorChartSeriesProcessed } from "../../internals/plugins/corePlugins/useChartSeries/index.mjs";
 import { selectorChartXAxis, selectorChartYAxis } from "../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";

package/LineChart/useLineChartProps.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "onAreaClick", "onLineClick", "onMarkClick", "axisHighlight", "disableLineItemHighlight", "hideLegend", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "className", "showToolbar", "brushConfig"];
 import * as React from 'react';
 import useId from '@mui/utils/useId';

package/LineChart/useLinePlotData.js CHANGED Viewed

@@ -87,7 +87,7 @@ samplingOverride) {
             throw new Error(`MUI X Charts: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have a data property to be able to display a line plot. ` + 'The x-axis data defines the positions for each point in the line. ' + 'Provide a data array to the x-axis configuration.');
           }
           if (xData.length < stackedData.length) {
-            (0, _warning.warnOnce)(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`, 'error');
+            (0, _warning.errorOnce)(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
           }
         }
         const shouldExpand = curve?.includes('step') && !strictStepCurve && (0, _scaleGuards.isOrdinalScale)(xScale);