feat(react-motion): add support for params

[layershifter]

New Behavior

Adds support for custom props (params) in motions to to createMotionComponent() & createPresenceComponent().

const Scale = createPresenceComponent<{ startFrom?: number }>(({ startFrom = 0.5 }) => {
  const keyframes = [
    { opacity: 0, transform: `scale(${startFrom})` },
    { opacity: 1, transform: 'scale(1)' },
  ];

  return {
    enter: {
      keyframes,
      duration: motionTokens.durationUltraSlow,
    },
    exit: {
      keyframes: [...keyframes].reverse(),
      duration: motionTokens.durationSlow,
    },
  };
});

Related Issue(s)

Fixes #31576.

[fabricteam]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react-components react-components: entire library	1.094 MB 270.621 kB	1.094 MB 270.67 kB	117 B 49 B
react-dialog Dialog (including children components)	99.312 kB 29.997 kB	99.369 kB 30.021 kB	57 B 24 B
react-toast Toast (including Toaster)	97.869 kB 29.513 kB	97.926 kB 29.538 kB	57 B 25 B

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-components react-components: Button, FluentProvider & webLightTheme	69.141 kB 20.157 kB
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	212.636 kB 61.23 kB
react-components react-components: FluentProvider & webLightTheme	44.442 kB 14.607 kB
react-portal-compat PortalCompatProvider	8.39 kB 2.64 kB
react-timepicker-compat TimePicker	103.487 kB 34.632 kB

_{🤖 This report was generated against 9e51d124f38d84ea7072f25e7d4f3e4c5dd9c4b0}

[fabricteam]

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	644	616	5000
Button	mount	305	304	5000
Field	mount	1145	1168	5000
FluentProvider	mount	705	713	5000
FluentProviderWithTheme	mount	85	88	10
FluentProviderWithTheme	virtual-rerender	38	35	10
FluentProviderWithTheme	virtual-rerender-with-unmount	75	77	10
MakeStyles	mount	864	855	50000
Persona	mount	1760	1710	5000
SpinButton	mount	1444	1371	5000
SwatchPicker	mount	1533	1555	5000

[robertpenner]

Glad to see this useful feature be formalized.