Fix ZIP/CodeSandbox/Stackblitz for all examples

Author: devongovett

packages/dev/s2-docs/pages/react-aria/Calendar.mdx

@@ -85,13 +85,15 @@ import type {AnyCalendarDate} from '@internationalized/date';
 import {CalendarDate, startOfWeek, toCalendar, GregorianCalendar} from '@internationalized/date';
 import {Calendar} from 'vanilla-starter/Calendar';
 
-export default (
-  <Calendar
-    firstDayOfWeek="sun"
-    ///- begin highlight -///
-    createCalendar={() => new Custom454()} />
-    ///- end highlight -///
-);
+export default function Example() {
+  return (
+    <Calendar
+      firstDayOfWeek="sun"
+      ///- begin highlight -///
+      createCalendar={() => new Custom454()} />
+      ///- end highlight -///
+  );
+}
 
 // See @internationalized/date docs linked above.
 ///- begin collapse -///

packages/dev/s2-docs/pages/react-aria/DropZone.mdx

@@ -86,6 +86,7 @@ export const tags = ['file', 'drag', 'dnd', 'upload'];
         </Text>
       </DropZone>
     );
+  }
   ```
 </ExampleSwitcher>
 

packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx

@@ -95,13 +95,15 @@ import type {AnyCalendarDate} from '@internationalized/date';
 import {CalendarDate, startOfWeek, toCalendar, GregorianCalendar} from '@internationalized/date';
 import {RangeCalendar} from 'vanilla-starter/RangeCalendar';
 
-export default (
-  <RangeCalendar
-    firstDayOfWeek="sun"
-    ///- begin highlight -///
-    createCalendar={() => new Custom454()} />
-    ///- end highlight -///
-);
+export default function Example() {
+  return (
+    <RangeCalendar
+      firstDayOfWeek="sun"
+      ///- begin highlight -///
+      createCalendar={() => new Custom454()} />
+      ///- end highlight -///
+  );
+}
 
 // See @internationalized/date docs linked above.
 ///- begin collapse -///

packages/dev/s2-docs/pages/s2/Calendar.mdx

@@ -77,13 +77,15 @@ import type {AnyCalendarDate} from '@internationalized/date';
 import {CalendarDate, startOfWeek, toCalendar, GregorianCalendar} from '@internationalized/date';
 import {Calendar} from '@react-spectrum/s2';
 
-export default (
-  <Calendar
-    firstDayOfWeek="sun"
-    ///- begin highlight -///
-    createCalendar={() => new Custom454()} />
-    ///- end highlight -///
-);
+export default function Example() {
+  return (
+    <Calendar
+      firstDayOfWeek="sun"
+      ///- begin highlight -///
+      createCalendar={() => new Custom454()} />
+      ///- end highlight -///
+  );
+}
 
 // See @internationalized/date docs linked above.
 ///- begin collapse -///

packages/dev/s2-docs/pages/s2/Menu.mdx

@@ -143,7 +143,7 @@ import Paste from '@react-spectrum/s2/icons/Paste';
 </MenuTrigger>
 ```
 
-```tsx render
+```tsx render type="s2"
 "use client";
 import {MenuTrigger, ActionButton, Menu, MenuItem, Text, Image} from '@react-spectrum/s2';
 import normal from 'url:./assets/normal.png';

packages/dev/s2-docs/pages/s2/RangeCalendar.mdx

@@ -88,13 +88,15 @@ import type {AnyCalendarDate} from '@internationalized/date';
 import {CalendarDate, startOfWeek, toCalendar, GregorianCalendar} from '@internationalized/date';
 import {RangeCalendar} from '@react-spectrum/s2';
 
-export default (
-  <RangeCalendar
-    firstDayOfWeek="sun"
-    ///- begin highlight -///
-    createCalendar={() => new Custom454()} />
-    ///- end highlight -///
-);
+export default function Example() {
+  return (
+    <RangeCalendar
+      firstDayOfWeek="sun"
+      ///- begin highlight -///
+      createCalendar={() => new Custom454()} />
+      ///- end highlight -///
+  );
+}
 
 // See @internationalized/date docs linked above.
 ///- begin collapse -///

packages/dev/s2-docs/pages/s2/Skeleton.mdx

@@ -9,7 +9,7 @@ export const tags = ['loading', 'placeholder', 'shimmer', 'ghost'];
 
 <PageDescription>{docs.exports.Skeleton.description}</PageDescription>
 
-```tsx render docs={docs.exports.Skeleton} links={docs.links} props={['isLoading']} initialProps={{isLoading: true}}
+```tsx render docs={docs.exports.Skeleton} links={docs.links} props={['isLoading']} initialProps={{isLoading: true}} type="s2"
 "use client";
 import {Skeleton, Image, Heading, Text} from '@react-spectrum/s2'
 import {style} from '@react-spectrum/s2/style' with {type: 'macro'};