[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}▼}}$}-30.7KB^(-2.12%) - Total Gzip Change:^{${\tiny{\color{green}▼}}$}-5.63KB^(-1.15%)
Files: 41 total (0 added, 0 removed, 38 changed)

@base-ui-components/react parsed:^{${\tiny{\color{green}▼}}$}-5.58KB^(-1.83%) gzip:^{${\tiny{\color{green}▼}}$}-1.29KB^(-1.40%)
@base-ui-components/react/context-menu parsed:^{${\tiny{\color{green}▼}}$}-3.81KB^(-3.38%) gzip:^{${\tiny{\color{green}▼}}$}-271B^(-0.73%)
@base-ui-components/react/menu parsed:^{${\tiny{\color{green}▼}}$}-3.81KB^(-3.34%) gzip:^{${\tiny{\color{green}▼}}$}-833B^(-2.20%)
@base-ui-components/react/popover parsed:^{${\tiny{\color{green}▼}}$}-3.28KB^(-3.81%) gzip:^{${\tiny{\color{green}▼}}$}-432B^(-1.49%)
@base-ui-components/react/select parsed:^{${\tiny{\color{green}▼}}$}-2.92KB^(-2.63%) gzip:^{${\tiny{\color{green}▼}}$}-183B^(-0.49%)
@base-ui-components/react/navigation-menu parsed:^{${\tiny{\color{green}▼}}$}-2.4KB^(-2.83%) gzip:^{${\tiny{\color{green}▼}}$}-497B^(-1.75%)
@base-ui-components/react/dialog parsed:^{${\tiny{\color{green}▼}}$}-2.4KB^(-4.57%) gzip:^{${\tiny{\color{green}▼}}$}-589B^(-3.34%)
@base-ui-components/react/alert-dialog parsed:^{${\tiny{\color{green}▼}}$}-2.4KB^(-4.60%) gzip:^{${\tiny{\color{green}▼}}$}-530B^(-3.03%)
@base-ui-components/react/preview-card parsed:^{${\tiny{\color{green}▼}}$}-2.03KB^(-3.42%) gzip:^{${\tiny{\color{green}▼}}$}-310B^(-1.54%)
@base-ui-components/react/tooltip parsed:^{${\tiny{\color{green}▼}}$}-1.63KB^(-2.55%) gzip:^{${\tiny{\color{green}▼}}$}-247B^(-1.14%)

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}▼}}$}-55B^(-0.27%) gzip:^{${\tiny{\color{green}▼}}$}-33B^(-0.43%)
@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.53%) gzip:^{${\tiny{\color{green}▼}}$}-13B^(-0.45%)
@base-ui-components/react/radio parsed:^{${\tiny{\color{green}▼}}$}-32B^(-0.21%) gzip:^{${\tiny{\color{green}▼}}$}-14B^(-0.25%)
@base-ui-components/react/toolbar parsed:^{${\tiny{\color{green}▼}}$}-32B^(-0.16%) gzip:^{${\tiny{\color{green}▼}}$}-25B^(-0.37%)
@base-ui-components/react/checkbox parsed:^{${\tiny{\color{green}▼}}$}-26B^(-0.14%) gzip:^{${\tiny{\color{green}▼}}$}-9B^(-0.13%)
@base-ui-components/react/checkbox-group parsed:^{${\tiny{\color{green}▼}}$}-26B^(-0.21%) gzip:^{${\tiny{\color{green}▼}}$}-14B^(-0.29%)
@base-ui-components/react/field parsed:^{${\tiny{\color{green}▼}}$}-26B^(-0.19%) gzip:^{${\tiny{\color{green}▼}}$}-11B^(-0.21%)
Base UI checkbox parsed:^{${\tiny{\color{green}▼}}$}-26B^(-0.14%) gzip:^{${\tiny{\color{green}▼}}$}-5B^(-0.07%)
@base-ui-components/react/accordion parsed:^{${\tiny{\color{green}▼}}$}-25B^(-0.11%) gzip:^{${\tiny{\color{green}▼}}$}-7B^(-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/fieldset parsed:^{${\tiny{\color{green}▼}}$}-22B^(-0.37%) gzip:^{${\tiny{\color{green}▼}}$}-9B^(-0.36%)
@base-ui-components/react/meter parsed:^{${\tiny{\color{green}▼}}$}-22B^(-0.30%) gzip:^{${\tiny{\color{green}▼}}$}-15B^(-0.49%)
@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.02%) gzip:^{${\tiny{\color{green}▼}}$}-1B^(-0.05%)
@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 59be3cb

[pkg-pr-new]

Open in StackBlitz

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

commit: 59be3cb

[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(safePolygon): handle pointer moving outside of all floating elements in tree with a close delay
floating-ui/floating-ui#3334