Motion engine (base)

1"use client";
2 
3import { domAnimation, LazyMotion, MotionConfig } from "motion/react";
4import type { ReactNode } from "react";
5 
6/**
7 * Mount ONCE in your root layout, wrapping {children}.
8 * LazyMotion `strict` means primitives must import `m` from "motion/react-m" —
9 * a raw `motion.*` will throw. `reducedMotion="user"` honors the OS setting.
10 */
11export function MotionProvider({ children }: { children: ReactNode }) {
12  return (
13    <LazyMotion features={domAnimation} strict>
14      <MotionConfig reducedMotion="user">{children}</MotionConfig>
15    </LazyMotion>
16  );
17}