storybook: update toasters to use the original component name with UNSTABLE (#8334)

Co-authored-by: Robert Snow <[email protected]>

Author: kuflower

packages/@react-spectrum/s2/stories/Toast.stories.tsx

@@ -11,7 +11,7 @@
  */
 
 import {action} from '@storybook/addon-actions';
-import {Button, ButtonGroup, UNSTABLE_ToastContainer as ToastContainer, UNSTABLE_ToastQueue as ToastQueue} from '../src';
+import {Button, ButtonGroup, UNSTABLE_ToastContainer, UNSTABLE_ToastQueue} from '../src';
 import type {Meta, StoryObj} from '@storybook/react';
 import {SpectrumToast, SpectrumToastValue, ToastOptions, ToastPlacement} from '../src/Toast';
 import {UNSTABLE_ToastStateContext} from 'react-aria-components';
@@ -52,30 +52,30 @@ type Story = StoryObj<ToastStoryProps>;
 export const Example: Story = {
   render: (args) => (
     <>
-      <ToastContainer placement={args.placement} />
+      <UNSTABLE_ToastContainer placement={args.placement} />
       <ButtonGroup>
         <Button
-          onPress={() => ToastQueue.neutral('Toast available', {...args, onAction: action('onAction'), onClose: action('onClose')})}
+          onPress={() => UNSTABLE_ToastQueue.neutral('Toast available', {...args, onAction: action('onAction'), onClose: action('onClose')})}
           variant="secondary">
           Show Neutral Toast
         </Button>
         <Button
-          onPress={() => ToastQueue.positive('Toast is done!', {...args, onAction: action('onAction'), onClose: action('onClose')})}
+          onPress={() => UNSTABLE_ToastQueue.positive('Toast is done!', {...args, onAction: action('onAction'), onClose: action('onClose')})}
           variant="primary">
           Show Positive Toast
         </Button>
         <Button
-          onPress={() => ToastQueue.negative('Toast is burned!', {...args, onAction: action('onAction'), onClose: action('onClose')})}
+          onPress={() => UNSTABLE_ToastQueue.negative('Toast is burned!', {...args, onAction: action('onAction'), onClose: action('onClose')})}
           variant="negative">
           Show Negative Toast
         </Button>
         <Button
-          onPress={() => ToastQueue.info('Toasting…', {...args, onAction: action('onAction'), onClose: action('onClose')})}
+          onPress={() => UNSTABLE_ToastQueue.info('Toasting…', {...args, onAction: action('onAction'), onClose: action('onClose')})}
           variant="accent">
           Show Info Toast
         </Button>
         <Button
-          onPress={() => ToastQueue.info('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', {...args, onClose: action('onClose')})}
+          onPress={() => UNSTABLE_ToastQueue.info('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', {...args, onClose: action('onClose')})}
           variant="accent">
           Show Long Toast
         </Button>