Fix code splitting from tanstack/router migration

src-web/components/core/Dialog.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { motion } from 'framer-motion';
+import * as m from 'motion/react-m';
 import type { ReactNode } from 'react';
 import { useMemo } from 'react';
 import { useKey } from 'react-use';
@@ -65,7 +65,7 @@ export function Dialog({
         aria-labelledby={titleId}
         aria-describedby={descriptionId}
       >
-        <motion.div
+        <m.div
           initial={{ top: 5, scale: 0.97 }}
           animate={{ top: 0, scale: 1 }}
           className={classNames(
@@ -122,7 +122,7 @@ export function Dialog({
               />
             </div>
           )}
-        </motion.div>
+        </m.div>
       </div>
     </Overlay>
   );

src-web/components/core/Dropdown.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { motion } from 'framer-motion';
+import * as m from 'motion/react-m';
 import { atom } from 'jotai';
 import type {
   CSSProperties,
@@ -497,7 +497,7 @@ const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle' | 'items'
         )}
         {isOpen && (
           <Overlay noBackdrop open={isOpen} portalName="dropdown-menu">
-            <motion.div
+            <m.div
               ref={menuRef}
               tabIndex={0}
               onKeyDown={handleMenuKeyDown}
@@ -574,7 +574,7 @@ const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle' | 'items'
                   );
                 })}
               </VStack>
-            </motion.div>
+            </m.div>
           </Overlay>
         )}
       </>

src-web/components/core/Toast.tsx

@@ -1,6 +1,6 @@
 import type { ShowToastRequest } from '@yaakapp-internal/plugins';
 import classNames from 'classnames';
-import { motion } from 'framer-motion';
+import * as m from 'motion/react-m';
 import type { ReactNode } from 'react';
 import React from 'react';
 import { useKey } from 'react-use';
@@ -45,7 +45,7 @@ export function Toast({ children, open, onClose, timeout, action, icon, color }:
   const toastIcon = icon ?? (color && color in ICONS && ICONS[color]);
 
   return (
-    <motion.div
+    <m.div
       initial={{ opacity: 0, right: '-10%' }}
       animate={{ opacity: 100, right: 0 }}
       exit={{ opacity: 0, right: '-100%' }}
@@ -80,7 +80,7 @@ export function Toast({ children, open, onClose, timeout, action, icon, color }:
 
         {timeout != null && (
           <div className="w-full absolute bottom-0 left-0 right-0">
-            <motion.div
+            <m.div
               className="bg-surface-highlight h-[3px]"
               initial={{ width: '100%' }}
               animate={{ width: '0%', opacity: 0.2 }}
@@ -89,6 +89,6 @@ export function Toast({ children, open, onClose, timeout, action, icon, color }:
           </div>
         )}
       </div>
-    </motion.div>
+    </m.div>
   );
 }