[core] Import @floating-ui/react

[romgrk]

Changes:

• Import @floating-ui/react codebase at ./src/floating-ui-react
• Add its dependencies here
• Renamed ./src/utils/floating-ui to ./src/utils/interactions (plan to move interaction hooks here in a later PR)
• Merge duplicate hooks (useClick, useEventCallback, useId, etc)
• Merge duplicate components (FocusGuard)
• Small perf touchup on mergeProps (I really could not resist)

[mui-bot]

Bundle size report

Total Size Change:^{${\tiny{\color{green}▼}}$}-31.5KB^(-2.21%) - Total Gzip Change:^{${\tiny{\color{green}▼}}$}-5.67KB^(-1.17%)
Files: 41 total (0 added, 0 removed, 38 changed)

@base-ui-components/react parsed:^{${\tiny{\color{green}▼}}$}-5.74KB^(-1.92%) gzip:^{${\tiny{\color{green}▼}}$}-1.31KB^(-1.44%)
@base-ui-components/react/context-menu parsed:^{${\tiny{\color{green}▼}}$}-3.91KB^(-3.50%) gzip:^{${\tiny{\color{green}▼}}$}-301B^(-0.82%)
@base-ui-components/react/menu parsed:^{${\tiny{\color{green}▼}}$}-3.91KB^(-3.46%) gzip:^{${\tiny{\color{green}▼}}$}-847B^(-2.26%)
@base-ui-components/react/popover parsed:^{${\tiny{\color{green}▼}}$}-3.29KB^(-3.82%) gzip:^{${\tiny{\color{green}▼}}$}-378B^(-1.30%)
@base-ui-components/react/select parsed:^{${\tiny{\color{green}▼}}$}-2.84KB^(-2.57%) gzip:^{${\tiny{\color{green}▼}}$}-168B^(-0.45%)
@base-ui-components/react/navigation-menu parsed:^{${\tiny{\color{green}▼}}$}-2.63KB^(-3.10%) gzip:^{${\tiny{\color{green}▼}}$}-520B^(-1.83%)
@base-ui-components/react/dialog parsed:^{${\tiny{\color{green}▼}}$}-2.29KB^(-4.41%) gzip:^{${\tiny{\color{green}▼}}$}-518B^(-2.97%)
@base-ui-components/react/alert-dialog parsed:^{${\tiny{\color{green}▼}}$}-2.29KB^(-4.43%) gzip:^{${\tiny{\color{green}▼}}$}-527B^(-3.04%)
@base-ui-components/react/preview-card parsed:^{${\tiny{\color{green}▼}}$}-2.24KB^(-3.85%) gzip:^{${\tiny{\color{green}▼}}$}-371B^(-1.87%)
@base-ui-components/react/tooltip parsed:^{${\tiny{\color{green}▼}}$}-1.96KB^(-3.07%) gzip:^{${\tiny{\color{green}▼}}$}-285B^(-1.32%)

Show 28 more bundle changes

@base-ui-components/react/number-field parsed:^{${\tiny{\color{red}▲}}$}+276B^(+0.96%) gzip:^{${\tiny{\color{red}▲}}$}+76B^(+0.73%)
@base-ui-components/react/utils parsed:^{${\tiny{\color{red}▲}}$}+258B^(+3.16%) gzip:^{${\tiny{\color{red}▲}}$}+82B^(+2.60%)
@base-ui-components/react/toast parsed:^{${\tiny{\color{red}▲}}$}+199B^(+0.75%) gzip:^{${\tiny{\color{red}▲}}$}+21B^(+0.22%)
@base-ui-components/react/menubar parsed:^{${\tiny{\color{red}▲}}$}+80B^(+0.41%) gzip:^{${\tiny{\color{green}▼}}$}-21B^(-0.29%)
@base-ui-components/react/unstable-no-ssr parsed:^{${\tiny{\color{green}▼}}$}-630B^(-49.65%) gzip:^{${\tiny{\color{green}▼}}$}-284B^(-41.70%)
@base-ui-components/react/slider parsed:^{${\tiny{\color{green}▼}}$}-82B^(-0.33%) gzip:^{${\tiny{\color{green}▼}}$}-37B^(-0.40%)
@base-ui-components/react/radio-group parsed:^{${\tiny{\color{green}▼}}$}-52B^(-0.26%) gzip:^{${\tiny{\color{green}▼}}$}-24B^(-0.32%)
@base-ui-components/react/toggle parsed:^{${\tiny{\color{green}▼}}$}-46B^(-0.51%) gzip:^{${\tiny{\color{green}▼}}$}-18B^(-0.49%)
@base-ui-components/react/avatar parsed:^{${\tiny{\color{green}▼}}$}-38B^(-0.55%) gzip:^{${\tiny{\color{green}▼}}$}-14B^(-0.50%)
@base-ui-components/react/toolbar parsed:^{${\tiny{\color{green}▼}}$}-36B^(-0.19%) gzip:^{${\tiny{\color{green}▼}}$}-24B^(-0.36%)
@base-ui-components/react/radio parsed:^{${\tiny{\color{green}▼}}$}-32B^(-0.22%) gzip:^{${\tiny{\color{green}▼}}$}-14B^(-0.25%)
@base-ui-components/react/fieldset parsed:^{${\tiny{\color{green}▼}}$}-28B^(-0.52%) gzip:^{${\tiny{\color{green}▼}}$}-12B^(-0.52%)
@base-ui-components/react/meter parsed:^{${\tiny{\color{green}▼}}$}-28B^(-0.42%) gzip:^{${\tiny{\color{green}▼}}$}-14B^(-0.49%)
@base-ui-components/react/checkbox parsed:^{${\tiny{\color{green}▼}}$}-26B^(-0.14%) gzip:^{${\tiny{\color{green}▼}}$}-18B^(-0.27%)
@base-ui-components/react/field parsed:^{${\tiny{\color{green}▼}}$}-26B^(-0.19%) gzip:^{${\tiny{\color{green}▼}}$}-11B^(-0.21%)
@base-ui-components/react/accordion parsed:^{${\tiny{\color{green}▼}}$}-25B^(-0.11%) gzip:^{${\tiny{\color{green}▼}}$}-7B^(-0.09%)
@base-ui-components/react/checkbox-group parsed:^{${\tiny{\color{green}▼}}$}-25B^(-0.22%) gzip:^{${\tiny{\color{green}▼}}$}-9B^(-0.19%)
Base UI checkbox parsed:^{${\tiny{\color{green}▼}}$}-25B^(-0.14%) gzip:^{${\tiny{\color{green}▼}}$}-6B^(-0.09%)
@base-ui-components/react/input parsed:^{${\tiny{\color{green}▼}}$}-23B^(-0.21%) gzip:^{${\tiny{\color{green}▼}}$}-11B^(-0.25%)
@base-ui-components/react/progress parsed:^{${\tiny{\color{green}▼}}$}-22B^(-0.29%) gzip:^{${\tiny{\color{green}▼}}$}-15B^(-0.49%)
@base-ui-components/react/collapsible parsed:^{${\tiny{\color{green}▼}}$}-20B^(-0.11%) gzip:^{${\tiny{\color{green}▼}}$}-6B^(-0.10%)
@base-ui-components/react/switch parsed:^{${\tiny{\color{green}▼}}$}-20B^(-0.14%) gzip:^{${\tiny{\color{green}▼}}$}-12B^(-0.22%)
@base-ui-components/react/toggle-group parsed:^{${\tiny{\color{green}▼}}$}-19B^(-0.14%) gzip:^{${\tiny{\color{green}▼}}$}-28B^(-0.52%)
@base-ui-components/react/scroll-area parsed:^{${\tiny{\color{green}▼}}$}-13B^(-0.08%) gzip:^{${\tiny{\color{green}▼}}$}-9B^(-0.16%)
@base-ui-components/react/tabs parsed:^{${\tiny{\color{green}▼}}$}-13B^(-0.05%) gzip:^{${\tiny{\color{green}▼}}$}-33B^(-0.38%)
@base-ui-components/react/form parsed:^{${\tiny{\color{green}▼}}$}-1B^(-0.02%) gzip:^{${\tiny{\color{red}▲}}$}+1B^(+0.04%)
@base-ui-components/react/separator parsed:^{${\tiny{\color{green}▼}}$}-1B^(-0.03%) gzip: 0B^(0.00%)
@base-ui-components/react/use-render parsed:^{${\tiny{\color{green}▼}}$}-1B^(-0.03%) gzip:^{${\tiny{\color{green}▼}}$}-1B^(-0.06%)

Details of bundle changes

Generated by 🚫 dangerJS against 86956f3

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@base-ui-components/react@2002

commit: 86956f3

[romgrk]

This is NextFloatingDelayGroup.

[atomiks]

These should be imported now as well

• fix(useDismiss): bail out of blur to mark inside React tree if floating tree exists
• fix(FloatingFocusManager): check if target is connected for restoreFocus prop floating-ui/floating-ui#3334

[atomiks]

I don't think this affects us right now, but it may in the future:

fix(markOthers): use independent WeakMaps per control attribute (

[michaldudak]

There seems to be an issue with Next - building the docs fails with Error: EMFILE: too many open files