Bundle size improvements

[atomiks]

Inspecting the production bundle with create-vite-app using @base-ui-components/react reveals some areas of improvement:

1. Extra prop-types logic is included in the final bundle: Even though .propTypes assignments are removed in prod, there's some extra code related to it when inspecting the bundle. We should remove prop-types entirely if possible in the final build, and only use it for documentation
2. Minified errors: Context error messages aren’t minified for production, we can use a simple short/reusable message for production instead
3. Duplicated logic between Floating UI and Base UI: Another version of mergeReactProps is used in useInteractions, so we should re-create useInteractions to use our own version instead of importing it. There is also duplicated logic between our internal Composite component and useListNavigation. There's also a duplicated version of useId
4. Needless destructuring and re-passing of variables: we can pass the whole object in most cases, reducing unnecessary variable assignments. This is done for some components but not others
5. Avoid unnecessary dependencies: importing only Dialog needlessly includes all anchor positioning logic since useFloating() brings it in. If FloatingFocusManager can accept floatingRootContext object, then that hook won’t need to be used. Importing only Tooltip needlessly includes the tabbable dependency and related focus guard logic since FloatingPortal brings it in. This matters less if you're using multiple components, however, since this logic will be brought in at some point anyway

[oliviertassinari]

1. Even though .propTypes assignments are removed in prod, there's some extra code related to it when inspecting the bundle.

@atomiks What logic is left in production?

We should remove prop-types entirely if possible in the final build, and only use it for documentation

Did you mean process.env.NODE_ENV? Recently, I found two cases using our APIs that frustrated be because they didn't correctly use the prop-types:

• [Grid2] Rollout plan material-ui#43437 (comment)
• [core] Clean up "autoHeight" logic mui-x#16017

What I anticipate to be great DX is for us to have our own custom prop-types package: mui/material-ui#43138.

2. Minified errors:

@Janpot recently iterated on this, helping a bit bring this in Base UI: mui/material-ui#43904.

3. Duplicated logic between Floating UI and Base UI

👍 related to #454

4. Needless destructuring and re-passing of variables

@romgrk has been doing a lot of changes around this in the data grid. It's a performance killer too.

---

If we want to use this issue as an umbrella, more ideas:

6. We include tabbable for focus trapping, 2.4 KB gzipped but we might be able to skip it: [Modal] Improve the focus logic material-ui#14545.

7. I would dream of [core] Add test_bundle_size_monitor back #201 so we don't regress. Showing the data on the docs https://base-ui.com/react/components/accordion, e.g. [docs] Document bundle size material-ui#40549 would be ++.