@mui/material 7.3.4 → 7.3.6

package/esm/utils/getActiveElement.js

@@ -0,0 +1,2 @@
+import getActiveElement from '@mui/utils/getActiveElement';
+export default getActiveElement;

package/esm/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.3.4";
+export const version = "7.3.6";
 export const major = Number("7");
 export const minor = Number("3");
-export const patch = Number("4");
+export const patch = Number("6");
 export const prerelease = undefined;
 export default version;

package/esm/zero-styled/index.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Interpolation } from '@mui/system';
 import { extendSxProp } from '@mui/system/styleFunctionSx';
 import { Theme } from "../styles/createTheme.js";
@@ -7,6 +6,6 @@ export { css, keyframes } from '@mui/system';
 export { default as styled } from "../styles/styled.js";
 export declare function globalCss(styles: Interpolation<{
   theme: Theme;
-}>): (props: Record<string, any>) => React.JSX.Element;
+}>): (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
 export declare function internal_createExtendSxProp(): typeof extendSxProp;
 export { useTheme };

package/esm/zero-styled/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { extendSxProp } from '@mui/system/styleFunctionSx';
 import useTheme from "../styles/useTheme.js";
 import GlobalStyles from "../GlobalStyles/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.3.4
+ * @mui/material v7.3.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internal/svg-icons/Add.js

@@ -1,12 +1,10 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/ArrowDownward.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/ArrowDropDown.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/Cancel.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/CheckBox.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/CheckBoxOutlineBlank.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/CheckCircle.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/Close.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/ErrorOutline.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/FirstPage.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/IndeterminateCheckBox.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/InfoOutlined.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/KeyboardArrowLeft.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/KeyboardArrowRight.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/LastPage.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/MoreHoriz.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/NavigateBefore.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/NavigateNext.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/Person.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/RadioButtonChecked.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/RadioButtonUnchecked.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/ReportProblemOutlined.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/Star.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/StarBorder.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/SuccessOutlined.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/internal/svg-icons/Warning.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _createSvgIcon = _interopRequireDefault(require("../../utils/createSvgIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/locale/caES.js

@@ -6,29 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.caES = void 0;
 const caES = exports.caES = {
   components: {
-    // MuiBreadcrumbs: {
-    //   defaultProps: {
-    //    expandText: 'Show path',
-    //   },
-    // },
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Mostra el camí'
+      }
+    },
     MuiTablePagination: {
       defaultProps: {
-        // getItemAriaLabel: (type) => {
-        //   if (type === 'first') {
-        //     return 'Go to first page';
-        //   }
-        //   if (type === 'last') {
-        //     return 'Go to last page';
-        //   }
-        //   if (type === 'next') {
-        //     return 'Go to next page';
-        //   }
-        //   // if (type === 'previous') {
-        //   return 'Go to previous page';
-        // },
-        labelRowsPerPage: 'Files per pàgina:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} de ${count !== -1 ? count : `more than ${to}`}`,
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Ves a la primera pàgina';
+          }
+          if (type === 'last') {
+            return "Ves a l'última pàgina";
+          }
+          if (type === 'next') {
+            return 'Ves a la pàgina següent';
+          }
+          // if (type === 'previous') {
+          return 'Ves a la pàgina anterior';
+        },
+        labelRowsPerPage: 'Files per pàgina:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} de ${count !== -1 ? count : `més de ${to}`}`
       }
     },
     MuiRating: {
@@ -50,27 +53,27 @@ const caES = exports.caES = {
       defaultProps: {
         closeText: 'Tancat'
       }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Navegació entre pàgines',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Ves a la '}pàgina ${page}`;
+          }
+          if (type === 'first') {
+            return 'Ves a la primera pàgina';
+          }
+          if (type === 'last') {
+            return "Ves a l'última pàgina";
+          }
+          if (type === 'next') {
+            return 'Ves a la pàgina següent';
+          }
+          // if (type === 'previous') {
+          return 'Ves a la pàgina anterior';
+        }
+      }
     }
-    // MuiPagination: {
-    //   defaultProps: {
-    //     'aria-label': 'Pagination navigation',
-    //     getItemAriaLabel: (type, page, selected) => {
-    //       if (type === 'page') {
-    //         return `${selected ? '' : 'Go to '}page ${page}`;
-    //       }
-    //       if (type === 'first') {
-    //         return 'Go to first page';
-    //       }
-    //       if (type === 'last') {
-    //         return 'Go to last page';
-    //       }
-    //       if (type === 'next') {
-    //         return 'Go to next page';
-    //       }
-    //       // if (type === 'previous') {
-    //       return 'Go to previous page';
-    //     },
-    //   },
-    // },
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "7.3.4",
+  "version": "7.3.6",
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
   "keywords": [
@@ -31,12 +31,12 @@
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "prop-types": "^15.8.1",
-    "react-is": "^19.1.1",
+    "react-is": "^19.2.0",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^7.3.4",
-    "@mui/types": "^7.4.7",
-    "@mui/system": "^7.3.3",
-    "@mui/utils": "^7.3.3"
+    "@mui/core-downloads-tracker": "^7.3.6",
+    "@mui/system": "^7.3.6",
+    "@mui/types": "^7.4.9",
+    "@mui/utils": "^7.3.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -44,7 +44,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^7.3.3"
+    "@mui/material-pigment-css": "^7.3.6"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/ThemeProvider.d.ts

@@ -72,5 +72,5 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
 export default function ThemeProvider<Theme = DefaultTheme>({
   theme,
   ...props
-}: ThemeProviderProps<Theme>): React.JSX.Element;
+}: ThemeProviderProps<Theme>): import("react/jsx-runtime").JSX.Element;
 export {};

package/styles/ThemeProviderWithVars.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { SupportedColorScheme } from "./createThemeWithVars.js";
 declare const useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, deprecatedGetInitColorSchemeScript: typeof import("@mui/system/InitColorSchemeScript").default;
-declare function Experimental_CssVarsProvider(props: any): React.JSX.Element;
+declare function Experimental_CssVarsProvider(props: any): import("react/jsx-runtime").JSX.Element;
 declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScript;
 /**
  * TODO: remove this export in v7
@@ -26,7 +25,7 @@ declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScrip
  *
  * To see the full documentation, check out https://mui.com/material-ui/customization/css-theme-variables/usage/.
  */
-export declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
+export declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
   theme?: {
     cssVariables?: false;
     cssVarPrefix?: string;

package/styles/ThemeProviderWithVars.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CssVarsProvider = void 0;
 exports.Experimental_CssVarsProvider = Experimental_CssVarsProvider;
 exports.useColorScheme = exports.getInitColorSchemeScript = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _styleFunctionSx = _interopRequireDefault(require("@mui/system/styleFunctionSx"));
 var _system = require("@mui/system");
 var _createTheme = _interopRequireDefault(require("./createTheme"));

package/styles/createThemeFoundation.d.ts

@@ -1,5 +1,5 @@
 import { OverridableStringUnion } from '@mui/types';
-import { SxConfig, SxProps, CSSObject, ApplyStyles, Theme as SystemTheme } from '@mui/system';
+import { SxConfig, SxProps, CSSObject, ApplyStyles, Theme as SystemTheme, Shape as SystemShape, ShapeOptions as SystemShapeOptions } from '@mui/system';
 import { ExtractTypographyTokens } from '@mui/system/cssVars';
 import { Palette, PaletteOptions } from "./createPalette.js";
 import { Shadows } from "./shadows.js";
@@ -152,6 +152,8 @@ export interface PaletteTableCell {
 export interface PaletteTooltip {
   bg: string;
 }
+export interface Shape extends SystemShape {}
+export interface ShapeOptions extends SystemShapeOptions {}
 export interface ColorSystemOptions {
   palette?: PaletteOptions & {
     background?: Partial<PaletteBackgroundChannel>;
@@ -224,7 +226,7 @@ export interface ThemeVars {
   opacity: Opacity;
   overlays: Overlays;
   shadows: Shadows;
-  shape: SystemTheme['shape'];
+  shape: Shape;
   spacing: string;
   zIndex: ZIndex;
 }
@@ -256,7 +258,7 @@ export interface CssVarsTheme extends ColorSystem {
   generateSpacing: () => SystemTheme['spacing'];
   spacing: SystemTheme['spacing'];
   breakpoints: SystemTheme['breakpoints'];
-  shape: SystemTheme['shape'];
+  shape: Shape;
   typography: TypographyVariants;
   transitions: Transitions;
   shadows: Shadows;