diff --git a/packages/@react-spectrum/color/test/ColorArea.test.tsx b/packages/@react-spectrum/color/test/ColorArea.test.tsx
index 913e6514322..f166cd180ac 100644
--- a/packages/@react-spectrum/color/test/ColorArea.test.tsx
+++ b/packages/@react-spectrum/color/test/ColorArea.test.tsx
@@ -14,6 +14,7 @@ import {ColorArea} from '../';
 import {composeStories} from '@storybook/react';
 import {fireEvent, installMouseEvent, installPointerEvent, pointerMap, renderv3 as render} from '@react-spectrum/test-utils-internal';
 import {parseColor} from '@react-stately/color';
+import {ProviderProps} from '@react-spectrum/provider';
 import React from 'react';
 import * as stories from '../stories/ColorArea.stories';
 import userEvent from '@testing-library/user-event';
@@ -209,7 +210,7 @@ describe('ColorArea', () => {
               {...props}
               onChange={onChangeSpy}
               onChangeEnd={onChangeEndSpy} />
-          , undefined, {locale: 'ar-AE'});
+          , undefined, {locale: 'ar-AE'} as ProviderProps);
           let [xSlider, ySlider] = getAllByRole('slider', {hidden: true});
 
           expect(xSlider.getAttribute('aria-valuetext')).toBe([
diff --git a/packages/@react-spectrum/form/stories/Form.stories.tsx b/packages/@react-spectrum/form/stories/Form.stories.tsx
index e154e5efad7..ded882d8e99 100644
--- a/packages/@react-spectrum/form/stories/Form.stories.tsx
+++ b/packages/@react-spectrum/form/stories/Form.stories.tsx
@@ -18,12 +18,13 @@ import {chain} from '@react-aria/utils';
 import {Checkbox, CheckboxGroup} from '@react-spectrum/checkbox';
 import {ColorField} from '@react-spectrum/color';
 import {ComboBox} from '@react-spectrum/combobox';
+import {ComponentMeta, ComponentStoryObj} from '@storybook/react';
 import {Content, Header} from '@react-spectrum/view';
 import {ContextualHelp} from '@react-spectrum/contextualhelp';
 import {countries, states} from './data';
 import {DateField, DatePicker, DateRangePicker, TimeField} from '@react-spectrum/datepicker';
 import {Flex} from '@react-spectrum/layout';
-import {Form} from '../';
+import {Form, SpectrumFormProps} from '../';
 import {FormTranslatedText} from './../chromatic/FormLanguages.stories';
 import {Heading} from '@react-spectrum/text';
 import {InlineAlert} from '@react-spectrum/inlinealert';
@@ -44,74 +45,92 @@ import {Well} from '@react-spectrum/well';
 
 export default {
   title: 'Form',
+  component: Form,
   providerSwitcher: {status: 'positive'}
-};
+} as ComponentMeta<typeof Form>;
 
-export const Default = () => render({});
-export const LabelPositionSide = () => render({labelPosition: 'side'});
+export type FormStory = ComponentStoryObj<typeof Form>;
 
-LabelPositionSide.story = {
-  name: 'labelPosition: side'
+export const Default: FormStory = {
+  render: () => <Render />
 };
 
-export const CustomWidth = () => render({width: 400});
+export const LabelPositionSide: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    labelPosition: 'side'
+  },
+  name: 'labelPosition: side'
+};
 
-CustomWidth.story = {
+export const CustomWidth: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    width: 400
+  },
   name: 'custom width'
 };
 
-export const CustomWidthLabelPositionSide = () => render({width: 400, labelPosition: 'side'});
-
-CustomWidthLabelPositionSide.story = {
+export const CustomWidthLabelPositionSide: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    width: 400,
+    labelPosition: 'side'
+  },
   name: 'custom width, labelPosition: side'
 };
 
-export const LabelAlignEnd = () => render({width: 400, labelAlign: 'end'});
-
-LabelAlignEnd.story = {
+export const LabelAlignEnd: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    width: 400,
+    labelAlign: 'end'
+  },
   name: 'labelAlign: end'
 };
 
-export const LabelPositionSideLabelAlignEnd = () =>
-  render({width: 400, labelPosition: 'side', labelAlign: 'end'});
-
-LabelPositionSideLabelAlignEnd.story = {
+export const LabelPositionSideLabelAlignEnd: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    width: 400,
+    labelPosition: 'side',
+    labelAlign: 'end'
+  },
   name: 'labelPosition: side, labelAlign: end'
 };
 
-export const FieldsNextToEachOther = () => (
-  <Form>
-    <Flex>
-      <TextField
-        label="First Name"
-        marginEnd="size-100"
-        flex={1}
-        description="Please enter your first name." />
-      <TextField label="Last Name" flex={1} description="Please enter your last name." />
-    </Flex>
-    <TextField label="Street Address" description="Please include apartment or suite number." />
-    <Flex>
-      <TextField
-        label="City"
-        marginEnd="size-100"
-        flex={1}
-        description="Please enter the city you live in." />
-      <Picker label="State" items={states} marginEnd="size-100" flex={1}>
-        {(item) => <Item key={item.abbr}>{item.name}</Item>}
-      </Picker>
-      <TextField label="Zip code" flex={1} description="Please enter a five-digit zip code." />
-    </Flex>
-  </Form>
-);
-
-FieldsNextToEachOther.story = {
+export const FieldsNextToEachOther: FormStory = {
+  render: (args) => (
+    <Form {...args}>
+      <Flex>
+        <TextField
+          label="First Name"
+          marginEnd="size-100"
+          flex={1}
+          description="Please enter your first name." />
+        <TextField label="Last Name" flex={1} description="Please enter your last name." />
+      </Flex>
+      <TextField label="Street Address" description="Please include apartment or suite number." />
+      <Flex>
+        <TextField
+          label="City"
+          marginEnd="size-100"
+          flex={1}
+          description="Please enter the city you live in." />
+        <Picker label="State" items={states} marginEnd="size-100" flex={1}>
+          {(item) => <Item key={item.abbr}>{item.name}</Item>}
+        </Picker>
+        <TextField label="Zip code" flex={1} description="Please enter a five-digit zip code." />
+      </Flex>
+    </Form>
+  ),
   name: 'fields next to each other'
 };
 
-export const FieldsWithAutoCompleteProperty = () => {
+const FieldsWithAutoCompletePropertyRender = (props: SpectrumFormProps) => {
   const [checked, setChecked] = useState(true);
   return (
-    <Form>
+    <Form {...props}>
       <Well role="group" aria-labelledby="billing-legend">
         <h2 id="billing-legend" className={typographyStyles['spectrum-Heading4']}>
           Billing address
@@ -286,122 +305,140 @@ export const FieldsWithAutoCompleteProperty = () => {
     </Form>
   );
 };
-
-FieldsWithAutoCompleteProperty.story = {
+export const FieldsWithAutoCompleteProperty: FormStory = {
+  render: (args) => <FieldsWithAutoCompletePropertyRender {...args} />,
   name: 'fields with autoComplete property'
 };
 
-export const IsRequiredTrue = () => render({isRequired: true});
-
-IsRequiredTrue.story = {
+export const IsRequiredTrue: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isRequired: true
+  },
   name: 'isRequired: true'
 };
 
-export const IsRequiredTrueNecessityIndicatorLabel = () =>
-  render({isRequired: true, necessityIndicator: 'label'});
-
-IsRequiredTrueNecessityIndicatorLabel.story = {
+export const IsRequiredTrueNecessityIndicatorLabel: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isRequired: true,
+    necessityIndicator: 'label'
+  },
   name: 'isRequired: true, necessityIndicator: label'
 };
 
-export const IsRequiredFalseNecessityIndicatorLabel = () =>
-  render({isRequired: false, necessityIndicator: 'label'});
-
-IsRequiredFalseNecessityIndicatorLabel.story = {
+export const IsRequiredFalseNecessityIndicatorLabel: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isRequired: false,
+    necessityIndicator: 'label'
+  },
   name: 'isRequired: false, necessityIndicator: label'
 };
 
-export const IsDisabled = () => render({isDisabled: true});
-
-IsDisabled.story = {
+export const IsDisabled: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isDisabled: true
+  },
   name: 'isDisabled'
 };
 
-export const IsQuiet = () => render({isQuiet: true});
-
-IsQuiet.story = {
+export const IsQuiet: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isQuiet: true
+  },
   name: 'isQuiet'
 };
 
-export const IsQuietLabelPositionSide = () => render({isQuiet: true, labelPosition: 'side'});
-
-IsQuietLabelPositionSide.story = {
+export const IsQuietLabelPositionSide: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isQuiet: true,
+    labelPosition: 'side'
+  },
   name: 'isQuiet, labelPosition: side'
 };
 
-export const IsEmphasized = () => render({isEmphasized: true});
-
-IsEmphasized.story = {
+export const IsEmphasized: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isEmphasized: true
+  },
   name: 'isEmphasized'
 };
 
-export const ValidationStateInvalid = () => render({validationState: 'invalid'});
-
-ValidationStateInvalid.story = {
+export const ValidationStateInvalid: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    validationState: 'invalid'
+  },
   name: 'validationState: invalid'
 };
 
-export const ValidationStateValid = () => render({validationState: 'valid'});
-
-ValidationStateValid.story = {
+export const ValidationStateValid: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    validationState: 'valid'
+  },
   name: 'validationState: valid'
 };
 
-export const ValidationStateInvalidIsQuietTrue = () =>
-  render({validationState: 'invalid', isQuiet: true});
-
-ValidationStateInvalidIsQuietTrue.story = {
+export const ValidationStateInvalidIsQuietTrue: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    validationState: 'invalid',
+    isQuiet: true
+  },
   name: 'validationState: invalid, isQuiet: true'
 };
 
-export const ValidationStateValidIsQuietTrue = () =>
-  render({validationState: 'valid', isQuiet: true});
-
-ValidationStateValidIsQuietTrue.story = {
+export const ValidationStateValidIsQuietTrue: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    validationState: 'valid',
+    isQuiet: true
+  },
   name: 'validationState: valid, isQuiet: true'
 };
 
-export const FormWithReset = () => <FormWithControls />;
-
-FormWithReset.story = {
+export const FormWithReset: FormStory = {
+  render: () => <FormWithControls />,
   name: 'form with reset'
 };
 
-
-export const _FormWithSubmit = () => <FormWithSubmit />;
-
-_FormWithSubmit.story = {
+export const _FormWithSubmit: FormStory = {
+  render: () => <FormWithSubmit />,
   name: 'form with submit'
 };
 
-export const FormWithNumberfieldAndLocaleArAe = () => (
-  <Flex gap="size-100">
-    <NumberField label="Outside form" description="Hello" />
-    <Form>
-      <NumberField label="Inside form" />
-    </Form>
-    <Form>
-      <TextField label="First Name" />
-    </Form>
-    <Form>
-      <TextField label="First Name" />
-      <NumberField label="Inside form" />
-    </Form>
-  </Flex>
-);
-
-FormWithNumberfieldAndLocaleArAe.story = {
+export const FormWithNumberfieldAndLocaleArAe: FormStory = {
+  render: () => (
+    <Flex gap="size-100">
+      <NumberField label="Outside form" description="Hello" />
+      <Form>
+        <NumberField label="Inside form" />
+      </Form>
+      <Form>
+        <TextField label="First Name" />
+      </Form>
+      <Form>
+        <TextField label="First Name" />
+        <NumberField label="Inside form" />
+      </Form>
+    </Flex>
+  ),
   name: 'form with numberfield and locale=ar-AE'
 };
 
-export const WithTranslations = () => <FormTranslatedText />;
-
-WithTranslations.story = {
+export const WithTranslations: FormStory = {
+  render: () => <FormTranslatedText />,
   name: 'with translations',
   parameters: {description: {data: 'Translations included for: Arabic, English, Hebrew, Japanese, Korean, Simplified Chinese, and Traditional Chinese.'}}
 };
 
-function render(props: any = {}) {
+function Render(props: any = {}) {
   return (
     <Form {...props}>
       <CheckboxGroup label="Pets" name="pets" validate={v => v.includes('dogs') ? 'No dogs' : null}>
@@ -709,21 +746,22 @@ function FormWithSubmit() {
   );
 }
 
-export const NativeValidation = () => render({
-  isRequired: true,
-  validationBehavior: 'native',
-  showSubmit: true,
-  onSubmit: (e) => {
-    e.preventDefault();
-    action('onSubmit')(Object.fromEntries(new FormData(e.target as HTMLFormElement).entries()));
-  }
-});
-
-NativeValidation.story = {
+export const NativeValidation: FormStory = {
+  render: (args) => <Render {...args} />,
+  args: {
+    isRequired: true,
+    validationBehavior: 'native',
+    // @ts-ignore
+    showSubmit: true,
+    onSubmit: (e) => {
+      e.preventDefault();
+      action('onSubmit')(Object.fromEntries(new FormData(e.target as HTMLFormElement).entries()));
+    }
+  },
   parameters: {description: {data: 'This story is to test that client validation occurs on form submit and updates when the user commits changes to a field value (e.g. on blur).'}}
 };
 
-export function ServerValidation() {
+const ServerValidationRender = () => {
   let [serverErrors, setServerErrors] = useState<any>({});
   let onSubmit = async (e) => {
     e.preventDefault();
@@ -734,19 +772,22 @@ export function ServerValidation() {
     setServerErrors(errors);
   };
 
-  return render({
-    validationBehavior: 'native',
-    onSubmit,
-    validationErrors: serverErrors,
-    showSubmit: true
-  });
-}
+  return (
+    <Render
+      validationBehavior="native"
+      onSubmit={onSubmit}
+      validationErrors={serverErrors}
+      // @ts-ignore
+      showSubmit />
+  );
+};
 
-ServerValidation.story = {
+export const ServerValidation: FormStory = {
+  render: () => <ServerValidationRender />,
   parameters: {description: {data: 'This story is to test that server errors appear after submission, and are cleared when a field is modified.'}}
 };
 
-export let NumberFieldFormSubmit = {
+export const NumberFieldFormSubmit: FormStory = {
   render: () => {
     return (
       <Form
diff --git a/packages/@react-spectrum/form/stories/data.js b/packages/@react-spectrum/form/stories/data.js
deleted file mode 100644
index cf8f81b079e..00000000000
--- a/packages/@react-spectrum/form/stories/data.js
+++ /dev/null
@@ -1,307 +0,0 @@
-export const states = [
-  {name: 'Alabama', abbr: 'AL'},
-  {name: 'Alaska', abbr: 'AK'},
-  {name: 'American Samoa', abbr: 'AS'},
-  {name: 'Arizona', abbr: 'AZ'},
-  {name: 'Arkansas', abbr: 'AR'},
-  {name: 'California', abbr: 'CA'},
-  {name: 'Colorado', abbr: 'CO'},
-  {name: 'Connecticut', abbr: 'CT'},
-  {name: 'Delaware', abbr: 'DE'},
-  {name: 'District Of Columbia', abbr: 'DC'},
-  {name: 'Federated States Of Micronesia', abbr: 'FM'},
-  {name: 'Florida', abbr: 'FL'},
-  {name: 'Georgia', abbr: 'GA'},
-  {name: 'Guam', abbr: 'GU'},
-  {name: 'Hawaii', abbr: 'HI'},
-  {name: 'Idaho', abbr: 'ID'},
-  {name: 'Illinois', abbr: 'IL'},
-  {name: 'Indiana', abbr: 'IN'},
-  {name: 'Iowa', abbr: 'IA'},
-  {name: 'Kansas', abbr: 'KS'},
-  {name: 'Kentucky', abbr: 'KY'},
-  {name: 'Louisiana', abbr: 'LA'},
-  {name: 'Maine', abbr: 'ME'},
-  {name: 'Marshall Islands', abbr: 'MH'},
-  {name: 'Maryland', abbr: 'MD'},
-  {name: 'Massachusetts', abbr: 'MA'},
-  {name: 'Michigan', abbr: 'MI'},
-  {name: 'Minnesota', abbr: 'MN'},
-  {name: 'Mississippi', abbr: 'MS'},
-  {name: 'Missouri', abbr: 'MO'},
-  {name: 'Montana', abbr: 'MT'},
-  {name: 'Nebraska', abbr: 'NE'},
-  {name: 'Nevada', abbr: 'NV'},
-  {name: 'New Hampshire', abbr: 'NH'},
-  {name: 'New Jersey', abbr: 'NJ'},
-  {name: 'New Mexico', abbr: 'NM'},
-  {name: 'New York', abbr: 'NY'},
-  {name: 'North Carolina', abbr: 'NC'},
-  {name: 'North Dakota', abbr: 'ND'},
-  {name: 'Northern Mariana Islands', abbr: 'MP'},
-  {name: 'Ohio', abbr: 'OH'},
-  {name: 'Oklahoma', abbr: 'OK'},
-  {name: 'Oregon', abbr: 'OR'},
-  {name: 'Palau', abbr: 'PW'},
-  {name: 'Pennsylvania', abbr: 'PA'},
-  {name: 'Puerto Rico', abbr: 'PR'},
-  {name: 'Rhode Island', abbr: 'RI'},
-  {name: 'South Carolina', abbr: 'SC'},
-  {name: 'South Dakota', abbr: 'SD'},
-  {name: 'Tennessee', abbr: 'TN'},
-  {name: 'Texas', abbr: 'TX'},
-  {name: 'Utah', abbr: 'UT'},
-  {name: 'Vermont', abbr: 'VT'},
-  {name: 'Virgin Islands', abbr: 'VI'},
-  {name: 'Virginia', abbr: 'VA'},
-  {name: 'Washington', abbr: 'WA'},
-  {name: 'West Virginia', abbr: 'WV'},
-  {name: 'Wisconsin', abbr: 'WI'},
-  {name: 'Wyoming', abbr: 'WY'}
-];
-
-export const countries = [ 
-  {name: 'Afghanistan', code: 'AF'}, 
-  {name: 'Åland Islands', code: 'AX'}, 
-  {name: 'Albania', code: 'AL'}, 
-  {name: 'Algeria', code: 'DZ'}, 
-  {name: 'American Samoa', code: 'AS'}, 
-  {name: 'AndorrA', code: 'AD'}, 
-  {name: 'Angola', code: 'AO'}, 
-  {name: 'Anguilla', code: 'AI'}, 
-  {name: 'Antarctica', code: 'AQ'}, 
-  {name: 'Antigua and Barbuda', code: 'AG'}, 
-  {name: 'Argentina', code: 'AR'}, 
-  {name: 'Armenia', code: 'AM'}, 
-  {name: 'Aruba', code: 'AW'}, 
-  {name: 'Australia', code: 'AU'}, 
-  {name: 'Austria', code: 'AT'}, 
-  {name: 'Azerbaijan', code: 'AZ'}, 
-  {name: 'Bahamas', code: 'BS'}, 
-  {name: 'Bahrain', code: 'BH'}, 
-  {name: 'Bangladesh', code: 'BD'}, 
-  {name: 'Barbados', code: 'BB'}, 
-  {name: 'Belarus', code: 'BY'}, 
-  {name: 'Belgium', code: 'BE'}, 
-  {name: 'Belize', code: 'BZ'}, 
-  {name: 'Benin', code: 'BJ'}, 
-  {name: 'Bermuda', code: 'BM'}, 
-  {name: 'Bhutan', code: 'BT'}, 
-  {name: 'Bolivia', code: 'BO'}, 
-  {name: 'Bosnia and Herzegovina', code: 'BA'}, 
-  {name: 'Botswana', code: 'BW'}, 
-  {name: 'Bouvet Island', code: 'BV'}, 
-  {name: 'Brazil', code: 'BR'}, 
-  {name: 'British Indian Ocean Territory', code: 'IO'}, 
-  {name: 'Brunei Darussalam', code: 'BN'}, 
-  {name: 'Bulgaria', code: 'BG'}, 
-  {name: 'Burkina Faso', code: 'BF'}, 
-  {name: 'Burundi', code: 'BI'}, 
-  {name: 'Cambodia', code: 'KH'}, 
-  {name: 'Cameroon', code: 'CM'}, 
-  {name: 'Canada', code: 'CA'}, 
-  {name: 'Cape Verde', code: 'CV'}, 
-  {name: 'Cayman Islands', code: 'KY'}, 
-  {name: 'Central African Republic', code: 'CF'}, 
-  {name: 'Chad', code: 'TD'}, 
-  {name: 'Chile', code: 'CL'}, 
-  {name: 'China', code: 'CN'}, 
-  {name: 'Christmas Island', code: 'CX'}, 
-  {name: 'Cocos (Keeling) Islands', code: 'CC'}, 
-  {name: 'Colombia', code: 'CO'}, 
-  {name: 'Comoros', code: 'KM'}, 
-  {name: 'Congo', code: 'CG'}, 
-  {name: 'Congo, The Democratic Republic of the', code: 'CD'}, 
-  {name: 'Cook Islands', code: 'CK'}, 
-  {name: 'Costa Rica', code: 'CR'}, 
-  {name: 'Cote D\'Ivoire', code: 'CI'}, 
-  {name: 'Croatia', code: 'HR'}, 
-  {name: 'Cuba', code: 'CU'}, 
-  {name: 'Cyprus', code: 'CY'}, 
-  {name: 'Czech Republic', code: 'CZ'}, 
-  {name: 'Denmark', code: 'DK'}, 
-  {name: 'Djibouti', code: 'DJ'}, 
-  {name: 'Dominica', code: 'DM'}, 
-  {name: 'Dominican Republic', code: 'DO'}, 
-  {name: 'Ecuador', code: 'EC'}, 
-  {name: 'Egypt', code: 'EG'}, 
-  {name: 'El Salvador', code: 'SV'}, 
-  {name: 'Equatorial Guinea', code: 'GQ'}, 
-  {name: 'Eritrea', code: 'ER'}, 
-  {name: 'Estonia', code: 'EE'}, 
-  {name: 'Ethiopia', code: 'ET'}, 
-  {name: 'Falkland Islands (Malvinas)', code: 'FK'}, 
-  {name: 'Faroe Islands', code: 'FO'}, 
-  {name: 'Fiji', code: 'FJ'}, 
-  {name: 'Finland', code: 'FI'}, 
-  {name: 'France', code: 'FR'}, 
-  {name: 'French Guiana', code: 'GF'}, 
-  {name: 'French Polynesia', code: 'PF'}, 
-  {name: 'French Southern Territories', code: 'TF'}, 
-  {name: 'Gabon', code: 'GA'}, 
-  {name: 'Gambia', code: 'GM'}, 
-  {name: 'Georgia', code: 'GE'}, 
-  {name: 'Germany', code: 'DE'}, 
-  {name: 'Ghana', code: 'GH'}, 
-  {name: 'Gibraltar', code: 'GI'}, 
-  {name: 'Greece', code: 'GR'}, 
-  {name: 'Greenland', code: 'GL'}, 
-  {name: 'Grenada', code: 'GD'}, 
-  {name: 'Guadeloupe', code: 'GP'}, 
-  {name: 'Guam', code: 'GU'}, 
-  {name: 'Guatemala', code: 'GT'}, 
-  {name: 'Guernsey', code: 'GG'}, 
-  {name: 'Guinea', code: 'GN'}, 
-  {name: 'Guinea-Bissau', code: 'GW'}, 
-  {name: 'Guyana', code: 'GY'}, 
-  {name: 'Haiti', code: 'HT'}, 
-  {name: 'Heard Island and Mcdonald Islands', code: 'HM'}, 
-  {name: 'Holy See (Vatican City State)', code: 'VA'}, 
-  {name: 'Honduras', code: 'HN'}, 
-  {name: 'Hong Kong', code: 'HK'}, 
-  {name: 'Hungary', code: 'HU'}, 
-  {name: 'Iceland', code: 'IS'}, 
-  {name: 'India', code: 'IN'}, 
-  {name: 'Indonesia', code: 'ID'}, 
-  {name: 'Iran, Islamic Republic Of', code: 'IR'}, 
-  {name: 'Iraq', code: 'IQ'}, 
-  {name: 'Ireland', code: 'IE'}, 
-  {name: 'Isle of Man', code: 'IM'}, 
-  {name: 'Israel', code: 'IL'}, 
-  {name: 'Italy', code: 'IT'}, 
-  {name: 'Jamaica', code: 'JM'}, 
-  {name: 'Japan', code: 'JP'}, 
-  {name: 'Jersey', code: 'JE'}, 
-  {name: 'Jordan', code: 'JO'}, 
-  {name: 'Kazakhstan', code: 'KZ'}, 
-  {name: 'Kenya', code: 'KE'}, 
-  {name: 'Kiribati', code: 'KI'}, 
-  {name: 'Korea, Democratic People\'S Republic of', code: 'KP'}, 
-  {name: 'Korea, Republic of', code: 'KR'}, 
-  {name: 'Kuwait', code: 'KW'}, 
-  {name: 'Kyrgyzstan', code: 'KG'}, 
-  {name: 'Lao People\'S Democratic Republic', code: 'LA'}, 
-  {name: 'Latvia', code: 'LV'}, 
-  {name: 'Lebanon', code: 'LB'}, 
-  {name: 'Lesotho', code: 'LS'}, 
-  {name: 'Liberia', code: 'LR'}, 
-  {name: 'Libyan Arab Jamahiriya', code: 'LY'}, 
-  {name: 'Liechtenstein', code: 'LI'}, 
-  {name: 'Lithuania', code: 'LT'}, 
-  {name: 'Luxembourg', code: 'LU'}, 
-  {name: 'Macao', code: 'MO'}, 
-  {name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK'}, 
-  {name: 'Madagascar', code: 'MG'}, 
-  {name: 'Malawi', code: 'MW'}, 
-  {name: 'Malaysia', code: 'MY'}, 
-  {name: 'Maldives', code: 'MV'}, 
-  {name: 'Mali', code: 'ML'}, 
-  {name: 'Malta', code: 'MT'}, 
-  {name: 'Marshall Islands', code: 'MH'}, 
-  {name: 'Martinique', code: 'MQ'}, 
-  {name: 'Mauritania', code: 'MR'}, 
-  {name: 'Mauritius', code: 'MU'}, 
-  {name: 'Mayotte', code: 'YT'}, 
-  {name: 'Mexico', code: 'MX'}, 
-  {name: 'Micronesia, Federated States of', code: 'FM'}, 
-  {name: 'Moldova, Republic of', code: 'MD'}, 
-  {name: 'Monaco', code: 'MC'}, 
-  {name: 'Mongolia', code: 'MN'}, 
-  {name: 'Montserrat', code: 'MS'}, 
-  {name: 'Morocco', code: 'MA'}, 
-  {name: 'Mozambique', code: 'MZ'}, 
-  {name: 'Myanmar', code: 'MM'}, 
-  {name: 'Namibia', code: 'NA'}, 
-  {name: 'Nauru', code: 'NR'}, 
-  {name: 'Nepal', code: 'NP'}, 
-  {name: 'Netherlands', code: 'NL'}, 
-  {name: 'Netherlands Antilles', code: 'AN'}, 
-  {name: 'New Caledonia', code: 'NC'}, 
-  {name: 'New Zealand', code: 'NZ'}, 
-  {name: 'Nicaragua', code: 'NI'}, 
-  {name: 'Niger', code: 'NE'}, 
-  {name: 'Nigeria', code: 'NG'}, 
-  {name: 'Niue', code: 'NU'}, 
-  {name: 'Norfolk Island', code: 'NF'}, 
-  {name: 'Northern Mariana Islands', code: 'MP'}, 
-  {name: 'Norway', code: 'NO'}, 
-  {name: 'Oman', code: 'OM'}, 
-  {name: 'Pakistan', code: 'PK'}, 
-  {name: 'Palau', code: 'PW'}, 
-  {name: 'Palestinian Territory, Occupied', code: 'PS'}, 
-  {name: 'Panama', code: 'PA'}, 
-  {name: 'Papua New Guinea', code: 'PG'}, 
-  {name: 'Paraguay', code: 'PY'}, 
-  {name: 'Peru', code: 'PE'}, 
-  {name: 'Philippines', code: 'PH'}, 
-  {name: 'Pitcairn', code: 'PN'}, 
-  {name: 'Poland', code: 'PL'}, 
-  {name: 'Portugal', code: 'PT'}, 
-  {name: 'Puerto Rico', code: 'PR'}, 
-  {name: 'Qatar', code: 'QA'}, 
-  {name: 'Reunion', code: 'RE'}, 
-  {name: 'Romania', code: 'RO'}, 
-  {name: 'Russian Federation', code: 'RU'}, 
-  {name: 'RWANDA', code: 'RW'}, 
-  {name: 'Saint Helena', code: 'SH'}, 
-  {name: 'Saint Kitts and Nevis', code: 'KN'}, 
-  {name: 'Saint Lucia', code: 'LC'}, 
-  {name: 'Saint Pierre and Miquelon', code: 'PM'}, 
-  {name: 'Saint Vincent and the Grenadines', code: 'VC'}, 
-  {name: 'Samoa', code: 'WS'}, 
-  {name: 'San Marino', code: 'SM'}, 
-  {name: 'Sao Tome and Principe', code: 'ST'}, 
-  {name: 'Saudi Arabia', code: 'SA'}, 
-  {name: 'Senegal', code: 'SN'}, 
-  {name: 'Serbia and Montenegro', code: 'CS'}, 
-  {name: 'Seychelles', code: 'SC'}, 
-  {name: 'Sierra Leone', code: 'SL'}, 
-  {name: 'Singapore', code: 'SG'}, 
-  {name: 'Slovakia', code: 'SK'}, 
-  {name: 'Slovenia', code: 'SI'}, 
-  {name: 'Solomon Islands', code: 'SB'}, 
-  {name: 'Somalia', code: 'SO'}, 
-  {name: 'South Africa', code: 'ZA'}, 
-  {name: 'South Georgia and the South Sandwich Islands', code: 'GS'}, 
-  {name: 'Spain', code: 'ES'}, 
-  {name: 'Sri Lanka', code: 'LK'}, 
-  {name: 'Sudan', code: 'SD'}, 
-  {name: 'Suriname', code: 'SR'}, 
-  {name: 'Svalbard and Jan Mayen', code: 'SJ'}, 
-  {name: 'Swaziland', code: 'SZ'}, 
-  {name: 'Sweden', code: 'SE'}, 
-  {name: 'Switzerland', code: 'CH'}, 
-  {name: 'Syrian Arab Republic', code: 'SY'}, 
-  {name: 'Taiwan, Province of China', code: 'TW'}, 
-  {name: 'Tajikistan', code: 'TJ'}, 
-  {name: 'Tanzania, United Republic of', code: 'TZ'}, 
-  {name: 'Thailand', code: 'TH'}, 
-  {name: 'Timor-Leste', code: 'TL'}, 
-  {name: 'Togo', code: 'TG'}, 
-  {name: 'Tokelau', code: 'TK'}, 
-  {name: 'Tonga', code: 'TO'}, 
-  {name: 'Trinidad and Tobago', code: 'TT'}, 
-  {name: 'Tunisia', code: 'TN'}, 
-  {name: 'Turkey', code: 'TR'}, 
-  {name: 'Turkmenistan', code: 'TM'}, 
-  {name: 'Turks and Caicos Islands', code: 'TC'}, 
-  {name: 'Tuvalu', code: 'TV'}, 
-  {name: 'Uganda', code: 'UG'}, 
-  {name: 'Ukraine', code: 'UA'}, 
-  {name: 'United Arab Emirates', code: 'AE'}, 
-  {name: 'United Kingdom', code: 'GB'}, 
-  {name: 'United States', code: 'US'}, 
-  {name: 'United States Minor Outlying Islands', code: 'UM'}, 
-  {name: 'Uruguay', code: 'UY'}, 
-  {name: 'Uzbekistan', code: 'UZ'}, 
-  {name: 'Vanuatu', code: 'VU'}, 
-  {name: 'Venezuela', code: 'VE'}, 
-  {name: 'Viet Nam', code: 'VN'}, 
-  {name: 'Virgin Islands, British', code: 'VG'}, 
-  {name: 'Virgin Islands, U.S.', code: 'VI'}, 
-  {name: 'Wallis and Futuna', code: 'WF'}, 
-  {name: 'Western Sahara', code: 'EH'}, 
-  {name: 'Yemen', code: 'YE'}, 
-  {name: 'Zambia', code: 'ZM'}, 
-  {name: 'Zimbabwe', code: 'ZW'} 
-];
diff --git a/packages/@react-spectrum/form/stories/data.ts b/packages/@react-spectrum/form/stories/data.ts
new file mode 100644
index 00000000000..e1ed21b474a
--- /dev/null
+++ b/packages/@react-spectrum/form/stories/data.ts
@@ -0,0 +1,317 @@
+export interface State {
+  name: string,
+  abbr: string
+}
+
+export const states: State[] = [
+  {name: 'Alabama', abbr: 'AL'},
+  {name: 'Alaska', abbr: 'AK'},
+  {name: 'American Samoa', abbr: 'AS'},
+  {name: 'Arizona', abbr: 'AZ'},
+  {name: 'Arkansas', abbr: 'AR'},
+  {name: 'California', abbr: 'CA'},
+  {name: 'Colorado', abbr: 'CO'},
+  {name: 'Connecticut', abbr: 'CT'},
+  {name: 'Delaware', abbr: 'DE'},
+  {name: 'District Of Columbia', abbr: 'DC'},
+  {name: 'Federated States Of Micronesia', abbr: 'FM'},
+  {name: 'Florida', abbr: 'FL'},
+  {name: 'Georgia', abbr: 'GA'},
+  {name: 'Guam', abbr: 'GU'},
+  {name: 'Hawaii', abbr: 'HI'},
+  {name: 'Idaho', abbr: 'ID'},
+  {name: 'Illinois', abbr: 'IL'},
+  {name: 'Indiana', abbr: 'IN'},
+  {name: 'Iowa', abbr: 'IA'},
+  {name: 'Kansas', abbr: 'KS'},
+  {name: 'Kentucky', abbr: 'KY'},
+  {name: 'Louisiana', abbr: 'LA'},
+  {name: 'Maine', abbr: 'ME'},
+  {name: 'Marshall Islands', abbr: 'MH'},
+  {name: 'Maryland', abbr: 'MD'},
+  {name: 'Massachusetts', abbr: 'MA'},
+  {name: 'Michigan', abbr: 'MI'},
+  {name: 'Minnesota', abbr: 'MN'},
+  {name: 'Mississippi', abbr: 'MS'},
+  {name: 'Missouri', abbr: 'MO'},
+  {name: 'Montana', abbr: 'MT'},
+  {name: 'Nebraska', abbr: 'NE'},
+  {name: 'Nevada', abbr: 'NV'},
+  {name: 'New Hampshire', abbr: 'NH'},
+  {name: 'New Jersey', abbr: 'NJ'},
+  {name: 'New Mexico', abbr: 'NM'},
+  {name: 'New York', abbr: 'NY'},
+  {name: 'North Carolina', abbr: 'NC'},
+  {name: 'North Dakota', abbr: 'ND'},
+  {name: 'Northern Mariana Islands', abbr: 'MP'},
+  {name: 'Ohio', abbr: 'OH'},
+  {name: 'Oklahoma', abbr: 'OK'},
+  {name: 'Oregon', abbr: 'OR'},
+  {name: 'Palau', abbr: 'PW'},
+  {name: 'Pennsylvania', abbr: 'PA'},
+  {name: 'Puerto Rico', abbr: 'PR'},
+  {name: 'Rhode Island', abbr: 'RI'},
+  {name: 'South Carolina', abbr: 'SC'},
+  {name: 'South Dakota', abbr: 'SD'},
+  {name: 'Tennessee', abbr: 'TN'},
+  {name: 'Texas', abbr: 'TX'},
+  {name: 'Utah', abbr: 'UT'},
+  {name: 'Vermont', abbr: 'VT'},
+  {name: 'Virgin Islands', abbr: 'VI'},
+  {name: 'Virginia', abbr: 'VA'},
+  {name: 'Washington', abbr: 'WA'},
+  {name: 'West Virginia', abbr: 'WV'},
+  {name: 'Wisconsin', abbr: 'WI'},
+  {name: 'Wyoming', abbr: 'WY'}
+];
+
+export interface Country {
+  name: string,
+  code: string
+}
+
+export const countries: Country[] = [
+  {name: 'Afghanistan', code: 'AF'},
+  {name: 'Åland Islands', code: 'AX'},
+  {name: 'Albania', code: 'AL'},
+  {name: 'Algeria', code: 'DZ'},
+  {name: 'American Samoa', code: 'AS'},
+  {name: 'AndorrA', code: 'AD'},
+  {name: 'Angola', code: 'AO'},
+  {name: 'Anguilla', code: 'AI'},
+  {name: 'Antarctica', code: 'AQ'},
+  {name: 'Antigua and Barbuda', code: 'AG'},
+  {name: 'Argentina', code: 'AR'},
+  {name: 'Armenia', code: 'AM'},
+  {name: 'Aruba', code: 'AW'},
+  {name: 'Australia', code: 'AU'},
+  {name: 'Austria', code: 'AT'},
+  {name: 'Azerbaijan', code: 'AZ'},
+  {name: 'Bahamas', code: 'BS'},
+  {name: 'Bahrain', code: 'BH'},
+  {name: 'Bangladesh', code: 'BD'},
+  {name: 'Barbados', code: 'BB'},
+  {name: 'Belarus', code: 'BY'},
+  {name: 'Belgium', code: 'BE'},
+  {name: 'Belize', code: 'BZ'},
+  {name: 'Benin', code: 'BJ'},
+  {name: 'Bermuda', code: 'BM'},
+  {name: 'Bhutan', code: 'BT'},
+  {name: 'Bolivia', code: 'BO'},
+  {name: 'Bosnia and Herzegovina', code: 'BA'},
+  {name: 'Botswana', code: 'BW'},
+  {name: 'Bouvet Island', code: 'BV'},
+  {name: 'Brazil', code: 'BR'},
+  {name: 'British Indian Ocean Territory', code: 'IO'},
+  {name: 'Brunei Darussalam', code: 'BN'},
+  {name: 'Bulgaria', code: 'BG'},
+  {name: 'Burkina Faso', code: 'BF'},
+  {name: 'Burundi', code: 'BI'},
+  {name: 'Cambodia', code: 'KH'},
+  {name: 'Cameroon', code: 'CM'},
+  {name: 'Canada', code: 'CA'},
+  {name: 'Cape Verde', code: 'CV'},
+  {name: 'Cayman Islands', code: 'KY'},
+  {name: 'Central African Republic', code: 'CF'},
+  {name: 'Chad', code: 'TD'},
+  {name: 'Chile', code: 'CL'},
+  {name: 'China', code: 'CN'},
+  {name: 'Christmas Island', code: 'CX'},
+  {name: 'Cocos (Keeling) Islands', code: 'CC'},
+  {name: 'Colombia', code: 'CO'},
+  {name: 'Comoros', code: 'KM'},
+  {name: 'Congo', code: 'CG'},
+  {name: 'Congo, The Democratic Republic of the', code: 'CD'},
+  {name: 'Cook Islands', code: 'CK'},
+  {name: 'Costa Rica', code: 'CR'},
+  {name: 'Cote D\'Ivoire', code: 'CI'},
+  {name: 'Croatia', code: 'HR'},
+  {name: 'Cuba', code: 'CU'},
+  {name: 'Cyprus', code: 'CY'},
+  {name: 'Czech Republic', code: 'CZ'},
+  {name: 'Denmark', code: 'DK'},
+  {name: 'Djibouti', code: 'DJ'},
+  {name: 'Dominica', code: 'DM'},
+  {name: 'Dominican Republic', code: 'DO'},
+  {name: 'Ecuador', code: 'EC'},
+  {name: 'Egypt', code: 'EG'},
+  {name: 'El Salvador', code: 'SV'},
+  {name: 'Equatorial Guinea', code: 'GQ'},
+  {name: 'Eritrea', code: 'ER'},
+  {name: 'Estonia', code: 'EE'},
+  {name: 'Ethiopia', code: 'ET'},
+  {name: 'Falkland Islands (Malvinas)', code: 'FK'},
+  {name: 'Faroe Islands', code: 'FO'},
+  {name: 'Fiji', code: 'FJ'},
+  {name: 'Finland', code: 'FI'},
+  {name: 'France', code: 'FR'},
+  {name: 'French Guiana', code: 'GF'},
+  {name: 'French Polynesia', code: 'PF'},
+  {name: 'French Southern Territories', code: 'TF'},
+  {name: 'Gabon', code: 'GA'},
+  {name: 'Gambia', code: 'GM'},
+  {name: 'Georgia', code: 'GE'},
+  {name: 'Germany', code: 'DE'},
+  {name: 'Ghana', code: 'GH'},
+  {name: 'Gibraltar', code: 'GI'},
+  {name: 'Greece', code: 'GR'},
+  {name: 'Greenland', code: 'GL'},
+  {name: 'Grenada', code: 'GD'},
+  {name: 'Guadeloupe', code: 'GP'},
+  {name: 'Guam', code: 'GU'},
+  {name: 'Guatemala', code: 'GT'},
+  {name: 'Guernsey', code: 'GG'},
+  {name: 'Guinea', code: 'GN'},
+  {name: 'Guinea-Bissau', code: 'GW'},
+  {name: 'Guyana', code: 'GY'},
+  {name: 'Haiti', code: 'HT'},
+  {name: 'Heard Island and Mcdonald Islands', code: 'HM'},
+  {name: 'Holy See (Vatican City State)', code: 'VA'},
+  {name: 'Honduras', code: 'HN'},
+  {name: 'Hong Kong', code: 'HK'},
+  {name: 'Hungary', code: 'HU'},
+  {name: 'Iceland', code: 'IS'},
+  {name: 'India', code: 'IN'},
+  {name: 'Indonesia', code: 'ID'},
+  {name: 'Iran, Islamic Republic Of', code: 'IR'},
+  {name: 'Iraq', code: 'IQ'},
+  {name: 'Ireland', code: 'IE'},
+  {name: 'Isle of Man', code: 'IM'},
+  {name: 'Israel', code: 'IL'},
+  {name: 'Italy', code: 'IT'},
+  {name: 'Jamaica', code: 'JM'},
+  {name: 'Japan', code: 'JP'},
+  {name: 'Jersey', code: 'JE'},
+  {name: 'Jordan', code: 'JO'},
+  {name: 'Kazakhstan', code: 'KZ'},
+  {name: 'Kenya', code: 'KE'},
+  {name: 'Kiribati', code: 'KI'},
+  {name: 'Korea, Democratic People\'S Republic of', code: 'KP'},
+  {name: 'Korea, Republic of', code: 'KR'},
+  {name: 'Kuwait', code: 'KW'},
+  {name: 'Kyrgyzstan', code: 'KG'},
+  {name: 'Lao People\'S Democratic Republic', code: 'LA'},
+  {name: 'Latvia', code: 'LV'},
+  {name: 'Lebanon', code: 'LB'},
+  {name: 'Lesotho', code: 'LS'},
+  {name: 'Liberia', code: 'LR'},
+  {name: 'Libyan Arab Jamahiriya', code: 'LY'},
+  {name: 'Liechtenstein', code: 'LI'},
+  {name: 'Lithuania', code: 'LT'},
+  {name: 'Luxembourg', code: 'LU'},
+  {name: 'Macao', code: 'MO'},
+  {name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK'},
+  {name: 'Madagascar', code: 'MG'},
+  {name: 'Malawi', code: 'MW'},
+  {name: 'Malaysia', code: 'MY'},
+  {name: 'Maldives', code: 'MV'},
+  {name: 'Mali', code: 'ML'},
+  {name: 'Malta', code: 'MT'},
+  {name: 'Marshall Islands', code: 'MH'},
+  {name: 'Martinique', code: 'MQ'},
+  {name: 'Mauritania', code: 'MR'},
+  {name: 'Mauritius', code: 'MU'},
+  {name: 'Mayotte', code: 'YT'},
+  {name: 'Mexico', code: 'MX'},
+  {name: 'Micronesia, Federated States of', code: 'FM'},
+  {name: 'Moldova, Republic of', code: 'MD'},
+  {name: 'Monaco', code: 'MC'},
+  {name: 'Mongolia', code: 'MN'},
+  {name: 'Montserrat', code: 'MS'},
+  {name: 'Morocco', code: 'MA'},
+  {name: 'Mozambique', code: 'MZ'},
+  {name: 'Myanmar', code: 'MM'},
+  {name: 'Namibia', code: 'NA'},
+  {name: 'Nauru', code: 'NR'},
+  {name: 'Nepal', code: 'NP'},
+  {name: 'Netherlands', code: 'NL'},
+  {name: 'Netherlands Antilles', code: 'AN'},
+  {name: 'New Caledonia', code: 'NC'},
+  {name: 'New Zealand', code: 'NZ'},
+  {name: 'Nicaragua', code: 'NI'},
+  {name: 'Niger', code: 'NE'},
+  {name: 'Nigeria', code: 'NG'},
+  {name: 'Niue', code: 'NU'},
+  {name: 'Norfolk Island', code: 'NF'},
+  {name: 'Northern Mariana Islands', code: 'MP'},
+  {name: 'Norway', code: 'NO'},
+  {name: 'Oman', code: 'OM'},
+  {name: 'Pakistan', code: 'PK'},
+  {name: 'Palau', code: 'PW'},
+  {name: 'Palestinian Territory, Occupied', code: 'PS'},
+  {name: 'Panama', code: 'PA'},
+  {name: 'Papua New Guinea', code: 'PG'},
+  {name: 'Paraguay', code: 'PY'},
+  {name: 'Peru', code: 'PE'},
+  {name: 'Philippines', code: 'PH'},
+  {name: 'Pitcairn', code: 'PN'},
+  {name: 'Poland', code: 'PL'},
+  {name: 'Portugal', code: 'PT'},
+  {name: 'Puerto Rico', code: 'PR'},
+  {name: 'Qatar', code: 'QA'},
+  {name: 'Reunion', code: 'RE'},
+  {name: 'Romania', code: 'RO'},
+  {name: 'Russian Federation', code: 'RU'},
+  {name: 'RWANDA', code: 'RW'},
+  {name: 'Saint Helena', code: 'SH'},
+  {name: 'Saint Kitts and Nevis', code: 'KN'},
+  {name: 'Saint Lucia', code: 'LC'},
+  {name: 'Saint Pierre and Miquelon', code: 'PM'},
+  {name: 'Saint Vincent and the Grenadines', code: 'VC'},
+  {name: 'Samoa', code: 'WS'},
+  {name: 'San Marino', code: 'SM'},
+  {name: 'Sao Tome and Principe', code: 'ST'},
+  {name: 'Saudi Arabia', code: 'SA'},
+  {name: 'Senegal', code: 'SN'},
+  {name: 'Serbia and Montenegro', code: 'CS'},
+  {name: 'Seychelles', code: 'SC'},
+  {name: 'Sierra Leone', code: 'SL'},
+  {name: 'Singapore', code: 'SG'},
+  {name: 'Slovakia', code: 'SK'},
+  {name: 'Slovenia', code: 'SI'},
+  {name: 'Solomon Islands', code: 'SB'},
+  {name: 'Somalia', code: 'SO'},
+  {name: 'South Africa', code: 'ZA'},
+  {name: 'South Georgia and the South Sandwich Islands', code: 'GS'},
+  {name: 'Spain', code: 'ES'},
+  {name: 'Sri Lanka', code: 'LK'},
+  {name: 'Sudan', code: 'SD'},
+  {name: 'Suriname', code: 'SR'},
+  {name: 'Svalbard and Jan Mayen', code: 'SJ'},
+  {name: 'Swaziland', code: 'SZ'},
+  {name: 'Sweden', code: 'SE'},
+  {name: 'Switzerland', code: 'CH'},
+  {name: 'Syrian Arab Republic', code: 'SY'},
+  {name: 'Taiwan, Province of China', code: 'TW'},
+  {name: 'Tajikistan', code: 'TJ'},
+  {name: 'Tanzania, United Republic of', code: 'TZ'},
+  {name: 'Thailand', code: 'TH'},
+  {name: 'Timor-Leste', code: 'TL'},
+  {name: 'Togo', code: 'TG'},
+  {name: 'Tokelau', code: 'TK'},
+  {name: 'Tonga', code: 'TO'},
+  {name: 'Trinidad and Tobago', code: 'TT'},
+  {name: 'Tunisia', code: 'TN'},
+  {name: 'Turkey', code: 'TR'},
+  {name: 'Turkmenistan', code: 'TM'},
+  {name: 'Turks and Caicos Islands', code: 'TC'},
+  {name: 'Tuvalu', code: 'TV'},
+  {name: 'Uganda', code: 'UG'},
+  {name: 'Ukraine', code: 'UA'},
+  {name: 'United Arab Emirates', code: 'AE'},
+  {name: 'United Kingdom', code: 'GB'},
+  {name: 'United States', code: 'US'},
+  {name: 'United States Minor Outlying Islands', code: 'UM'},
+  {name: 'Uruguay', code: 'UY'},
+  {name: 'Uzbekistan', code: 'UZ'},
+  {name: 'Vanuatu', code: 'VU'},
+  {name: 'Venezuela', code: 'VE'},
+  {name: 'Viet Nam', code: 'VN'},
+  {name: 'Virgin Islands, British', code: 'VG'},
+  {name: 'Virgin Islands, U.S.', code: 'VI'},
+  {name: 'Wallis and Futuna', code: 'WF'},
+  {name: 'Western Sahara', code: 'EH'},
+  {name: 'Yemen', code: 'YE'},
+  {name: 'Zambia', code: 'ZM'},
+  {name: 'Zimbabwe', code: 'ZW'}
+];
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx
index a56532c523e..9239fa9322c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx
@@ -13,10 +13,11 @@
 import _3D_L from 'illustration:./S2_fill_3D_generic1_160.svg';
 import _3D_M from 'illustration:./S2_fill_3D_generic1_96.svg';
 import _3D_S from 'illustration:./S2_fill_3D_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function _3D(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function _3D(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx
index f77a3b4e94c..3250052537f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx
@@ -13,10 +13,11 @@
 import _3Dasset_L from 'illustration:./S2_fill_3Dasset_generic1_160.svg';
 import _3Dasset_M from 'illustration:./S2_fill_3Dasset_generic1_96.svg';
 import _3Dasset_S from 'illustration:./S2_fill_3Dasset_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function _3Dasset(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function _3Dasset(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx
index 8d522c30ac9..55f8f4d71b8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx
@@ -13,10 +13,11 @@
 import AIGenerate_L from 'illustration:./S2_fill_AIGenerate_generic1_160.svg';
 import AIGenerate_M from 'illustration:./S2_fill_AIGenerate_generic1_96.svg';
 import AIGenerate_S from 'illustration:./S2_fill_AIGenerate_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIGenerate(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIGenerate(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx
index 80de8e602bf..c5a32ff9c39 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx
@@ -13,10 +13,11 @@
 import AIGenerateImage_L from 'illustration:./S2_fill_AIGenerateImage_generic1_160.svg';
 import AIGenerateImage_M from 'illustration:./S2_fill_AIGenerateImage_generic1_96.svg';
 import AIGenerateImage_S from 'illustration:./S2_fill_AIGenerateImage_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIGenerateImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIGenerateImage(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx
index 0b08b9ebc7d..72781349830 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx
@@ -13,10 +13,11 @@
 import AIchat_L from 'illustration:./S2_fill_AIchat_generic1_160.svg';
 import AIchat_M from 'illustration:./S2_fill_AIchat_generic1_96.svg';
 import AIchat_S from 'illustration:./S2_fill_AIchat_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIchat(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIchat(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx
index f615950d046..3114aced332 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx
@@ -13,10 +13,11 @@
 import Accessibility_L from 'illustration:./S2_fill_accessibility_generic1_160.svg';
 import Accessibility_M from 'illustration:./S2_fill_accessibility_generic1_96.svg';
 import Accessibility_S from 'illustration:./S2_fill_accessibility_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Accessibility(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Accessibility(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx
index e3ef8c386fc..f0c24c0da39 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx
@@ -13,10 +13,11 @@
 import Animation_L from 'illustration:./S2_fill_animation_generic1_160.svg';
 import Animation_M from 'illustration:./S2_fill_animation_generic1_96.svg';
 import Animation_S from 'illustration:./S2_fill_animation_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Animation(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Animation(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx
index 8009b7da354..2ee5a949589 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx
@@ -13,10 +13,11 @@
 import Apps_L from 'illustration:./S2_fill_apps_generic1_160.svg';
 import Apps_M from 'illustration:./S2_fill_apps_generic1_96.svg';
 import Apps_S from 'illustration:./S2_fill_apps_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Apps(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Apps(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx
index 06ff630a809..068ec81b5ae 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx
@@ -13,10 +13,11 @@
 import Artboard_L from 'illustration:./S2_fill_artboard_generic1_160.svg';
 import Artboard_M from 'illustration:./S2_fill_artboard_generic1_96.svg';
 import Artboard_S from 'illustration:./S2_fill_artboard_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Artboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Artboard(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx
index 1f4746835db..6ba77e31fa6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx
@@ -13,10 +13,11 @@
 import Assets_L from 'illustration:./S2_fill_assets_generic1_160.svg';
 import Assets_M from 'illustration:./S2_fill_assets_generic1_96.svg';
 import Assets_S from 'illustration:./S2_fill_assets_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Assets(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Assets(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx
index cb8bb0a648b..b410ba86511 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx
@@ -13,10 +13,11 @@
 import AudioWave_L from 'illustration:./S2_fill_audioWave_generic1_160.svg';
 import AudioWave_M from 'illustration:./S2_fill_audioWave_generic1_96.svg';
 import AudioWave_S from 'illustration:./S2_fill_audioWave_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AudioWave(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AudioWave(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx
index 04e4f3bcdb8..3960726148a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx
@@ -13,10 +13,11 @@
 import BadgeVerified_L from 'illustration:./S2_fill_badgeVerified_generic1_160.svg';
 import BadgeVerified_M from 'illustration:./S2_fill_badgeVerified_generic1_96.svg';
 import BadgeVerified_S from 'illustration:./S2_fill_badgeVerified_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BadgeVerified(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BadgeVerified(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx
index d2b9db10d8c..37b2fc90486 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx
@@ -13,10 +13,11 @@
 import Bell_L from 'illustration:./S2_fill_bell_generic1_160.svg';
 import Bell_M from 'illustration:./S2_fill_bell_generic1_96.svg';
 import Bell_S from 'illustration:./S2_fill_bell_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Bell(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Bell(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx
index 6188925088d..2b4f383d1f2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx
@@ -13,10 +13,11 @@
 import Bolt_L from 'illustration:./S2_fill_bolt_generic1_160.svg';
 import Bolt_M from 'illustration:./S2_fill_bolt_generic1_96.svg';
 import Bolt_S from 'illustration:./S2_fill_bolt_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Bolt(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Bolt(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx
index cb6001b502c..15026a3c447 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx
@@ -13,10 +13,11 @@
 import Brand_L from 'illustration:./S2_fill_brand_generic1_160.svg';
 import Brand_M from 'illustration:./S2_fill_brand_generic1_96.svg';
 import Brand_S from 'illustration:./S2_fill_brand_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Brand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Brand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx
index 91a2aed2596..b530cc2cdbf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx
@@ -13,10 +13,11 @@
 import Briefcase_L from 'illustration:./S2_fill_briefcase_generic1_160.svg';
 import Briefcase_M from 'illustration:./S2_fill_briefcase_generic1_96.svg';
 import Briefcase_S from 'illustration:./S2_fill_briefcase_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Briefcase(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Briefcase(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx
index 3a56663a6ca..3d1877ca6af 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx
@@ -13,10 +13,11 @@
 import BrightnessContrast_L from 'illustration:./S2_fill_brightnessContrast_generic1_160.svg';
 import BrightnessContrast_M from 'illustration:./S2_fill_brightnessContrast_generic1_96.svg';
 import BrightnessContrast_S from 'illustration:./S2_fill_brightnessContrast_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BrightnessContrast(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BrightnessContrast(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx
index 90b55384163..e698d9b3905 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx
@@ -13,10 +13,11 @@
 import Browser_L from 'illustration:./S2_fill_browser_generic1_160.svg';
 import Browser_M from 'illustration:./S2_fill_browser_generic1_96.svg';
 import Browser_S from 'illustration:./S2_fill_browser_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Browser(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Browser(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx
index 3889cce1702..eec91006219 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx
@@ -13,10 +13,11 @@
 import Brush_L from 'illustration:./S2_fill_brush_generic1_160.svg';
 import Brush_M from 'illustration:./S2_fill_brush_generic1_96.svg';
 import Brush_S from 'illustration:./S2_fill_brush_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Brush(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Brush(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx
index 2f6b9b82d5f..99fbb30a79c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx
@@ -13,10 +13,11 @@
 import BuildTable_L from 'illustration:./S2_fill_buildTable_generic1_160.svg';
 import BuildTable_M from 'illustration:./S2_fill_buildTable_generic1_96.svg';
 import BuildTable_S from 'illustration:./S2_fill_buildTable_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BuildTable(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BuildTable(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx
index 9a17b14d436..899a5c066aa 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx
@@ -13,10 +13,11 @@
 import Buildings_L from 'illustration:./S2_fill_buildings_generic1_160.svg';
 import Buildings_M from 'illustration:./S2_fill_buildings_generic1_96.svg';
 import Buildings_S from 'illustration:./S2_fill_buildings_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Buildings(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Buildings(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx
index 824cae8deed..618a7a3cd67 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx
@@ -13,10 +13,11 @@
 import Calendar_L from 'illustration:./S2_fill_calendar_generic1_160.svg';
 import Calendar_M from 'illustration:./S2_fill_calendar_generic1_96.svg';
 import Calendar_S from 'illustration:./S2_fill_calendar_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Calendar(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Calendar(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx
index 9f1ab1fc754..e82429a4783 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx
@@ -13,10 +13,11 @@
 import Camera_L from 'illustration:./S2_fill_camera_generic1_160.svg';
 import Camera_M from 'illustration:./S2_fill_camera_generic1_96.svg';
 import Camera_S from 'illustration:./S2_fill_camera_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Camera(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Camera(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx
index c73bcd9c8ff..5587b1665c0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx
@@ -13,10 +13,11 @@
 import CardTapPayment_L from 'illustration:./S2_fill_cardTapPayment_generic1_160.svg';
 import CardTapPayment_M from 'illustration:./S2_fill_cardTapPayment_generic1_96.svg';
 import CardTapPayment_S from 'illustration:./S2_fill_cardTapPayment_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CardTapPayment(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CardTapPayment(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx
index f2bccf3f9f1..d836121081d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx
@@ -13,10 +13,11 @@
 import Channel_L from 'illustration:./S2_fill_channel_generic1_160.svg';
 import Channel_M from 'illustration:./S2_fill_channel_generic1_96.svg';
 import Channel_S from 'illustration:./S2_fill_channel_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Channel(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Channel(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx
index a073bf6bebf..4dcb7012521 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx
@@ -13,10 +13,11 @@
 import ChartAreaStack_L from 'illustration:./S2_fill_chartAreaStack_generic1_160.svg';
 import ChartAreaStack_M from 'illustration:./S2_fill_chartAreaStack_generic1_96.svg';
 import ChartAreaStack_S from 'illustration:./S2_fill_chartAreaStack_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ChartAreaStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ChartAreaStack(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx
index a7a9eb546e5..df2a75b3fcf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx
@@ -13,10 +13,11 @@
 import Chatbubble_L from 'illustration:./S2_fill_chatbubble_generic1_160.svg';
 import Chatbubble_M from 'illustration:./S2_fill_chatbubble_generic1_96.svg';
 import Chatbubble_S from 'illustration:./S2_fill_chatbubble_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Chatbubble(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Chatbubble(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx
index 3c935a66c65..dcaad219c5f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx
@@ -13,10 +13,11 @@
 import Checkmark_L from 'illustration:./S2_fill_checkmark_generic1_160.svg';
 import Checkmark_M from 'illustration:./S2_fill_checkmark_generic1_96.svg';
 import Checkmark_S from 'illustration:./S2_fill_checkmark_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Checkmark(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Checkmark(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx
index b04e222a43a..f735c32c63c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx
@@ -13,10 +13,11 @@
 import Clipboard_L from 'illustration:./S2_fill_clipboard_generic1_160.svg';
 import Clipboard_M from 'illustration:./S2_fill_clipboard_generic1_96.svg';
 import Clipboard_S from 'illustration:./S2_fill_clipboard_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Clipboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Clipboard(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx
index 98b6829f277..b59c4a71ba6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx
@@ -13,10 +13,11 @@
 import Clock_L from 'illustration:./S2_fill_clock_generic1_160.svg';
 import Clock_M from 'illustration:./S2_fill_clock_generic1_96.svg';
 import Clock_S from 'illustration:./S2_fill_clock_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Clock(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Clock(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx
index 468878a9841..c07da529515 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx
@@ -13,10 +13,11 @@
 import Cloud_L from 'illustration:./S2_fill_cloud_generic1_160.svg';
 import Cloud_M from 'illustration:./S2_fill_cloud_generic1_96.svg';
 import Cloud_S from 'illustration:./S2_fill_cloud_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cloud(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cloud(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx
index 9eca9149f86..2ff147512db 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx
@@ -13,10 +13,11 @@
 import CloudUpload_L from 'illustration:./S2_fill_cloudUpload_generic1_160.svg';
 import CloudUpload_M from 'illustration:./S2_fill_cloudUpload_generic1_96.svg';
 import CloudUpload_S from 'illustration:./S2_fill_cloudUpload_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CloudUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CloudUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx
index f494d4887c1..00ad70c8e34 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx
@@ -13,10 +13,11 @@
 import CodeBrackets_L from 'illustration:./S2_fill_CodeBrackets_generic1_160.svg';
 import CodeBrackets_M from 'illustration:./S2_fill_CodeBrackets_generic1_96.svg';
 import CodeBrackets_S from 'illustration:./S2_fill_CodeBrackets_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CodeBrackets(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CodeBrackets(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx
index 6924b5179ee..c0fad5e8de3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx
@@ -13,10 +13,11 @@
 import Color_L from 'illustration:./S2_fill_color_generic1_160.svg';
 import Color_M from 'illustration:./S2_fill_color_generic1_96.svg';
 import Color_S from 'illustration:./S2_fill_color_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Color(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Color(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx
index f0f1379a68c..4580d6b0349 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx
@@ -13,10 +13,11 @@
 import CommentText_L from 'illustration:./S2_fill_commentText_generic1_160.svg';
 import CommentText_M from 'illustration:./S2_fill_commentText_generic1_96.svg';
 import CommentText_S from 'illustration:./S2_fill_commentText_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CommentText(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CommentText(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx
index 7323c56f832..da55321b2af 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx
@@ -13,10 +13,11 @@
 import Confetti_L from 'illustration:./S2_fill_confetti_generic1_160.svg';
 import Confetti_M from 'illustration:./S2_fill_confetti_generic1_96.svg';
 import Confetti_S from 'illustration:./S2_fill_confetti_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Confetti(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Confetti(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx
index ed613716c7c..74ff704b317 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx
@@ -13,10 +13,11 @@
 import Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic1_160.svg';
 import Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic1_96.svg';
 import Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Conversationbubbles(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Conversationbubbles(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx
index 8ba3454d3c7..3e45a1297e7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx
@@ -13,10 +13,11 @@
 import Crop_L from 'illustration:./S2_fill_crop_generic1_160.svg';
 import Crop_M from 'illustration:./S2_fill_crop_generic1_96.svg';
 import Crop_S from 'illustration:./S2_fill_crop_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Crop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Crop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx
index 4c56152fc31..81173d7e841 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx
@@ -13,10 +13,11 @@
 import Cursor_L from 'illustration:./S2_fill_cursor_generic1_160.svg';
 import Cursor_M from 'illustration:./S2_fill_cursor_generic1_96.svg';
 import Cursor_S from 'illustration:./S2_fill_cursor_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cursor(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cursor(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx
index 6ef34e6755a..15f3b70d5af 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx
@@ -13,10 +13,11 @@
 import Cut_L from 'illustration:./S2_fill_cut_generic1_160.svg';
 import Cut_M from 'illustration:./S2_fill_cut_generic1_96.svg';
 import Cut_S from 'illustration:./S2_fill_cut_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cut(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cut(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx
index b0ac05a476d..49f1bb2b00c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx
@@ -13,10 +13,11 @@
 import Data_L from 'illustration:./S2_fill_data_generic1_160.svg';
 import Data_M from 'illustration:./S2_fill_data_generic1_96.svg';
 import Data_S from 'illustration:./S2_fill_data_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Data(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Data(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx
index 776f55f3b37..f7af5c8e5a2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx
@@ -13,10 +13,11 @@
 import DataAnalytics_L from 'illustration:./S2_fill_dataAnalytics_generic1_160.svg';
 import DataAnalytics_M from 'illustration:./S2_fill_dataAnalytics_generic1_96.svg';
 import DataAnalytics_S from 'illustration:./S2_fill_dataAnalytics_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function DataAnalytics(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function DataAnalytics(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx
index 31369c60b47..0a4bc59fb28 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx
@@ -13,10 +13,11 @@
 import Desktop_L from 'illustration:./S2_fill_desktop_generic1_160.svg';
 import Desktop_M from 'illustration:./S2_fill_desktop_generic1_96.svg';
 import Desktop_S from 'illustration:./S2_fill_desktop_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Desktop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Desktop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx
index ea9807428c1..d341ae2be08 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx
@@ -13,10 +13,11 @@
 import Diamond_L from 'illustration:./S2_fill_diamond_generic1_160.svg';
 import Diamond_M from 'illustration:./S2_fill_diamond_generic1_96.svg';
 import Diamond_S from 'illustration:./S2_fill_diamond_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Diamond(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Diamond(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx
index f76332d212b..e9b5c47b01a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx
@@ -13,10 +13,11 @@
 import Document_L from 'illustration:./S2_fill_document_generic1_160.svg';
 import Document_M from 'illustration:./S2_fill_document_generic1_96.svg';
 import Document_S from 'illustration:./S2_fill_document_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Document(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Document(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx
index c1ca6648d2f..15ea7b73af5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx
@@ -13,10 +13,11 @@
 import Download_L from 'illustration:./S2_fill_download_generic1_160.svg';
 import Download_M from 'illustration:./S2_fill_download_generic1_96.svg';
 import Download_S from 'illustration:./S2_fill_download_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Download(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Download(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx
index 0f741c5d9a1..66be3c581eb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx
@@ -13,10 +13,11 @@
 import DropToUpload_L from 'illustration:./S2_fill_dropToUpload_generic1_160.svg';
 import DropToUpload_M from 'illustration:./S2_fill_dropToUpload_generic1_96.svg';
 import DropToUpload_S from 'illustration:./S2_fill_dropToUpload_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function DropToUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function DropToUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx
index ba852b0e6ee..9db62402495 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx
@@ -13,10 +13,11 @@
 import Education_L from 'illustration:./S2_fill_education_generic1_160.svg';
 import Education_M from 'illustration:./S2_fill_education_generic1_96.svg';
 import Education_S from 'illustration:./S2_fill_education_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Education(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Education(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx
index c4668198dae..d4b8633496a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx
@@ -13,10 +13,11 @@
 import Effects_L from 'illustration:./S2_fill_effects_generic1_160.svg';
 import Effects_M from 'illustration:./S2_fill_effects_generic1_96.svg';
 import Effects_S from 'illustration:./S2_fill_effects_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Effects(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Effects(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx
index 75dedfd6a95..16065b71e61 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx
@@ -13,10 +13,11 @@
 import Emoji_L from 'illustration:./S2_fill_emoji_generic1_160.svg';
 import Emoji_M from 'illustration:./S2_fill_emoji_generic1_96.svg';
 import Emoji_S from 'illustration:./S2_fill_emoji_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Emoji(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Emoji(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx
index e166ab960b0..8f8c75a2346 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx
@@ -13,10 +13,11 @@
 import EmptyStateExport_L from 'illustration:./S2_fill_EmptyStateExport_generic1_160.svg';
 import EmptyStateExport_M from 'illustration:./S2_fill_EmptyStateExport_generic1_96.svg';
 import EmptyStateExport_S from 'illustration:./S2_fill_EmptyStateExport_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function EmptyStateExport(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function EmptyStateExport(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx
index 148fee8997b..f46ec15a345 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx
@@ -13,10 +13,11 @@
 import Explosion_L from 'illustration:./S2_fill_explosion_generic1_160.svg';
 import Explosion_M from 'illustration:./S2_fill_explosion_generic1_96.svg';
 import Explosion_S from 'illustration:./S2_fill_explosion_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Explosion(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Explosion(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx
index 443dd63b92f..872e1c296a2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx
@@ -13,10 +13,11 @@
 import ExportTo_L from 'illustration:./S2_fill_exportTo_generic1_160.svg';
 import ExportTo_M from 'illustration:./S2_fill_exportTo_generic1_96.svg';
 import ExportTo_S from 'illustration:./S2_fill_exportTo_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ExportTo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ExportTo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx
index 2db5a826e51..c08c29b85e9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx
@@ -13,10 +13,11 @@
 import Exposure_L from 'illustration:./S2_fill_exposure_generic1_160.svg';
 import Exposure_M from 'illustration:./S2_fill_exposure_generic1_96.svg';
 import Exposure_S from 'illustration:./S2_fill_exposure_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Exposure(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Exposure(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx
index fb13cd3a9a7..0ddd2120ae8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx
@@ -13,10 +13,11 @@
 import FileImage_L from 'illustration:./S2_fill_fileImage_generic1_160.svg';
 import FileImage_M from 'illustration:./S2_fill_fileImage_generic1_96.svg';
 import FileImage_S from 'illustration:./S2_fill_fileImage_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileImage(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx
index 019891c9266..aaf1a927ec1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx
@@ -13,10 +13,11 @@
 import FileShared_L from 'illustration:./S2_fill_fileShared_generic1_160.svg';
 import FileShared_M from 'illustration:./S2_fill_fileShared_generic1_96.svg';
 import FileShared_S from 'illustration:./S2_fill_fileShared_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileShared(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileShared(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx
index 10b9d2d9206..fa7c1d24efb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx
@@ -13,10 +13,11 @@
 import FileText_L from 'illustration:./S2_fill_fileText_generic1_160.svg';
 import FileText_M from 'illustration:./S2_fill_fileText_generic1_96.svg';
 import FileText_S from 'illustration:./S2_fill_fileText_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileText(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileText(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx
index acbef2b7265..1c9978af13f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx
@@ -13,10 +13,11 @@
 import FileVideo_L from 'illustration:./S2_fill_fileVideo_generic1_160.svg';
 import FileVideo_M from 'illustration:./S2_fill_fileVideo_generic1_96.svg';
 import FileVideo_S from 'illustration:./S2_fill_fileVideo_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileVideo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileVideo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx
index c6db96f91f8..f75d5916928 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx
@@ -13,10 +13,11 @@
 import FileZip_L from 'illustration:./S2_fill_fileZip_generic1_160.svg';
 import FileZip_M from 'illustration:./S2_fill_fileZip_generic1_96.svg';
 import FileZip_S from 'illustration:./S2_fill_fileZip_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileZip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileZip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx
index 4d2979c6e8d..505f99541c8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx
@@ -13,10 +13,11 @@
 import Filmstrip_L from 'illustration:./S2_fill_filmstrip_generic1_160.svg';
 import Filmstrip_M from 'illustration:./S2_fill_filmstrip_generic1_96.svg';
 import Filmstrip_S from 'illustration:./S2_fill_filmstrip_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filmstrip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filmstrip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx
index 168100b6946..42034b162b9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx
@@ -13,10 +13,11 @@
 import Filter_L from 'illustration:./S2_fill_filter_generic1_160.svg';
 import Filter_M from 'illustration:./S2_fill_filter_generic1_96.svg';
 import Filter_S from 'illustration:./S2_fill_filter_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filter(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filter(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx
index cce7c7eb9c2..a402bb15d49 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx
@@ -13,10 +13,11 @@
 import Filters_L from 'illustration:./S2_fill_filters_generic1_160.svg';
 import Filters_M from 'illustration:./S2_fill_filters_generic1_96.svg';
 import Filters_S from 'illustration:./S2_fill_filters_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filters(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filters(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx
index fb67f593eb4..81c083d58cb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx
@@ -13,10 +13,11 @@
 import Fireworks_L from 'illustration:./S2_fill_fireworks_generic1_160.svg';
 import Fireworks_M from 'illustration:./S2_fill_fireworks_generic1_96.svg';
 import Fireworks_S from 'illustration:./S2_fill_fireworks_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Fireworks(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Fireworks(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx
index b3891541f42..183ee4a4912 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx
@@ -13,10 +13,11 @@
 import Flag_L from 'illustration:./S2_fill_flag_generic1_160.svg';
 import Flag_M from 'illustration:./S2_fill_flag_generic1_96.svg';
 import Flag_S from 'illustration:./S2_fill_flag_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Flag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Flag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx
index a74b7e13a5e..78b8ac6867b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx
@@ -13,10 +13,11 @@
 import FlagCheckmark_L from 'illustration:./S2_fill_flagCheckmark_generic1_160.svg';
 import FlagCheckmark_M from 'illustration:./S2_fill_flagCheckmark_generic1_96.svg';
 import FlagCheckmark_S from 'illustration:./S2_fill_flagCheckmark_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FlagCheckmark(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FlagCheckmark(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx
index 0be9e4cf982..19d43e591dc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx
@@ -13,10 +13,11 @@
 import FlagCross_L from 'illustration:./S2_fill_flagCross_generic1_160.svg';
 import FlagCross_M from 'illustration:./S2_fill_flagCross_generic1_96.svg';
 import FlagCross_S from 'illustration:./S2_fill_flagCross_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FlagCross(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FlagCross(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx
index c1f90621463..f3eb62ca43a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx
@@ -13,10 +13,11 @@
 import FolderClose_L from 'illustration:./S2_fill_folderClose_generic1_160.svg';
 import FolderClose_M from 'illustration:./S2_fill_folderClose_generic1_96.svg';
 import FolderClose_S from 'illustration:./S2_fill_folderClose_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx
index b48057167ba..ca16c17cd23 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx
@@ -13,10 +13,11 @@
 import FolderOpen_L from 'illustration:./S2_fill_folderOpen_generic1_160.svg';
 import FolderOpen_M from 'illustration:./S2_fill_folderOpen_generic1_96.svg';
 import FolderOpen_S from 'illustration:./S2_fill_folderOpen_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx
index b4ec3843bb9..86be278e7b3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx
@@ -13,10 +13,11 @@
 import FolderShared_L from 'illustration:./S2_fill_folderShared_generic1_160.svg';
 import FolderShared_M from 'illustration:./S2_fill_folderShared_generic1_96.svg';
 import FolderShared_S from 'illustration:./S2_fill_folderShared_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderShared(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderShared(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx
index 28aaa80b2e7..6568ccb60a1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx
@@ -13,10 +13,11 @@
 import GearSetting_L from 'illustration:./S2_fill_gearSetting_generic1_160.svg';
 import GearSetting_M from 'illustration:./S2_fill_gearSetting_generic1_96.svg';
 import GearSetting_S from 'illustration:./S2_fill_gearSetting_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GearSetting(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GearSetting(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx
index dc24a4bc4e1..762e244ac11 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx
@@ -13,10 +13,11 @@
 import Gift_L from 'illustration:./S2_fill_gift_generic1_160.svg';
 import Gift_M from 'illustration:./S2_fill_gift_generic1_96.svg';
 import Gift_S from 'illustration:./S2_fill_gift_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Gift(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Gift(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx
index 00c35097b96..21213ee3fa4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx
@@ -13,10 +13,11 @@
 import Globe_L from 'illustration:./S2_fill_globe_generic1_160.svg';
 import Globe_M from 'illustration:./S2_fill_globe_generic1_96.svg';
 import Globe_S from 'illustration:./S2_fill_globe_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Globe(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Globe(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx
index 2d9037fbdda..8429c8f4b3e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx
@@ -13,10 +13,11 @@
 import GlobeGrid_L from 'illustration:./S2_fill_globeGrid_generic1_160.svg';
 import GlobeGrid_M from 'illustration:./S2_fill_globeGrid_generic1_96.svg';
 import GlobeGrid_S from 'illustration:./S2_fill_globeGrid_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GlobeGrid(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GlobeGrid(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx
index 3e7c71f98fc..57833d6c603 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx
@@ -13,10 +13,11 @@
 import GraphBarChart_L from 'illustration:./S2_fill_graphBarChart_generic1_160.svg';
 import GraphBarChart_M from 'illustration:./S2_fill_graphBarChart_generic1_96.svg';
 import GraphBarChart_S from 'illustration:./S2_fill_graphBarChart_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GraphBarChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GraphBarChart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx
index 4e83dedb658..fb80412368a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx
@@ -13,10 +13,11 @@
 import Hand_L from 'illustration:./S2_fill_hand_generic1_160.svg';
 import Hand_M from 'illustration:./S2_fill_hand_generic1_96.svg';
 import Hand_S from 'illustration:./S2_fill_hand_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Hand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Hand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx
index a711ccb1deb..e1a2bc17a84 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx
@@ -13,10 +13,11 @@
 import Handshake_L from 'illustration:./S2_fill_handshake_generic1_160.svg';
 import Handshake_M from 'illustration:./S2_fill_handshake_generic1_96.svg';
 import Handshake_S from 'illustration:./S2_fill_handshake_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Handshake(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Handshake(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx
index 6f0ed72cece..53cb66ef390 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx
@@ -13,10 +13,11 @@
 import Heart_L from 'illustration:./S2_fill_heart_generic1_160.svg';
 import Heart_M from 'illustration:./S2_fill_heart_generic1_96.svg';
 import Heart_S from 'illustration:./S2_fill_heart_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Heart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Heart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx
index 0d6149eed12..a22067f8807 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx
@@ -13,10 +13,11 @@
 import HelpCircle_L from 'illustration:./S2_fill_helpCircle_generic1_160.svg';
 import HelpCircle_M from 'illustration:./S2_fill_helpCircle_generic1_96.svg';
 import HelpCircle_S from 'illustration:./S2_fill_helpCircle_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function HelpCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function HelpCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx
index 8ff73960d01..39a6eb4c91b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx
@@ -13,10 +13,11 @@
 import Home_L from 'illustration:./S2_fill_home_generic1_160.svg';
 import Home_M from 'illustration:./S2_fill_home_generic1_96.svg';
 import Home_S from 'illustration:./S2_fill_home_generic1_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Home(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Home(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx
index 1ff8fd3fc52..e23105dfc61 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Illustration_L from 'illustration:./S2_fill_illustration_generic1_160.svg';
 import Illustration_M from 'illustration:./S2_fill_illustration_generic1_96.svg';
 import Illustration_S from 'illustration:./S2_fill_illustration_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Illustration(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Illustration(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx
index 65e03ade16a..ca6ed1e968d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Image_L from 'illustration:./S2_fill_image_generic1_160.svg';
 import Image_M from 'illustration:./S2_fill_image_generic1_96.svg';
 import Image_S from 'illustration:./S2_fill_image_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx
index a024ec4e689..1dffed46262 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ImageStack_L from 'illustration:./S2_fill_imageStack_generic1_160.svg';
 import ImageStack_M from 'illustration:./S2_fill_imageStack_generic1_96.svg';
 import ImageStack_S from 'illustration:./S2_fill_imageStack_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx
index 5c9d7350b09..bb55e88307d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import InfiniteLooping_L from 'illustration:./S2_fill_infiniteLooping_generic1_160.svg';
 import InfiniteLooping_M from 'illustration:./S2_fill_infiniteLooping_generic1_96.svg';
 import InfiniteLooping_S from 'illustration:./S2_fill_infiniteLooping_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function InfiniteLooping(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function InfiniteLooping(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx
index f12ad5943c6..35b53de0888 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Information_L from 'illustration:./S2_fill_information_generic1_160.svg';
 import Information_M from 'illustration:./S2_fill_information_generic1_96.svg';
 import Information_S from 'illustration:./S2_fill_information_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx
index 38a78382705..9456a33fc78 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Interaction_L from 'illustration:./S2_fill_interaction_generic1_160.svg';
 import Interaction_M from 'illustration:./S2_fill_interaction_generic1_96.svg';
 import Interaction_S from 'illustration:./S2_fill_interaction_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Interaction(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Interaction(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx
index 13682c10735..bd2da36b87a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Laptop_L from 'illustration:./S2_fill_laptop_generic1_160.svg';
 import Laptop_M from 'illustration:./S2_fill_laptop_generic1_96.svg';
 import Laptop_S from 'illustration:./S2_fill_laptop_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx
index b8de1f291b0..93f5ec23628 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Layers_L from 'illustration:./S2_fill_layers_generic1_160.svg';
 import Layers_M from 'illustration:./S2_fill_layers_generic1_96.svg';
 import Layers_S from 'illustration:./S2_fill_layers_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx
index 89641b4f93b..ab41ef018fc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Libraries_L from 'illustration:./S2_fill_libraries_generic1_160.svg';
 import Libraries_M from 'illustration:./S2_fill_libraries_generic1_96.svg';
 import Libraries_S from 'illustration:./S2_fill_libraries_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx
index b23e00c1cd3..98e11b83ae5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Lightbulb_L from 'illustration:./S2_fill_lightbulb_generic1_160.svg';
 import Lightbulb_M from 'illustration:./S2_fill_lightbulb_generic1_96.svg';
 import Lightbulb_S from 'illustration:./S2_fill_lightbulb_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx
index 75ccc8e3f0d..7423fea24ba 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import LightbulbRays_L from 'illustration:./S2_fill_lightbulbRays_generic1_160.svg';
 import LightbulbRays_M from 'illustration:./S2_fill_lightbulbRays_generic1_96.svg';
 import LightbulbRays_S from 'illustration:./S2_fill_lightbulbRays_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx
index 1f9acc83a8d..3cbe481f3db 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Lighten_L from 'illustration:./S2_fill_lighten_generic1_160.svg';
 import Lighten_M from 'illustration:./S2_fill_lighten_generic1_96.svg';
 import Lighten_S from 'illustration:./S2_fill_lighten_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Lighten(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Lighten(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx
index 3663caf6226..55e870fe617 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Link_L from 'illustration:./S2_fill_link_generic1_160.svg';
 import Link_M from 'illustration:./S2_fill_link_generic1_96.svg';
 import Link_S from 'illustration:./S2_fill_link_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx
index 1ed330e3634..fce080f505d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Location_L from 'illustration:./S2_fill_location_generic1_160.svg';
 import Location_M from 'illustration:./S2_fill_location_generic1_96.svg';
 import Location_S from 'illustration:./S2_fill_location_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx
index 6eda7cc9de9..ce062dc3500 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import LockClose_L from 'illustration:./S2_fill_lockClose_generic1_160.svg';
 import LockClose_M from 'illustration:./S2_fill_lockClose_generic1_96.svg';
 import LockClose_S from 'illustration:./S2_fill_lockClose_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx
index 9bec5b91daf..0c10df8cbac 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import LockOpen_L from 'illustration:./S2_fill_lockOpen_generic1_160.svg';
 import LockOpen_M from 'illustration:./S2_fill_lockOpen_generic1_96.svg';
 import LockOpen_S from 'illustration:./S2_fill_lockOpen_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx
index 09d0687fc55..244e0e36b52 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Logo_L from 'illustration:./S2_fill_logo_generic1_160.svg';
 import Logo_M from 'illustration:./S2_fill_logo_generic1_96.svg';
 import Logo_S from 'illustration:./S2_fill_logo_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx
index 02434d004cb..21793e99381 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MagicWand_L from 'illustration:./S2_fill_magicWand_generic1_160.svg';
 import MagicWand_M from 'illustration:./S2_fill_magicWand_generic1_96.svg';
 import MagicWand_S from 'illustration:./S2_fill_magicWand_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MagicWand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MagicWand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx
index 33a143e700e..8b23d1570f6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MailClose_L from 'illustration:./S2_fill_mailClose_generic1_160.svg';
 import MailClose_M from 'illustration:./S2_fill_mailClose_generic1_96.svg';
 import MailClose_S from 'illustration:./S2_fill_mailClose_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx
index 56c428858bd..bf09f16d533 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MailOpen_L from 'illustration:./S2_fill_mailOpen_generic1_160.svg';
 import MailOpen_M from 'illustration:./S2_fill_mailOpen_generic1_96.svg';
 import MailOpen_S from 'illustration:./S2_fill_mailOpen_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MailOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MailOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx
index a3b04f20235..0fd35a9f316 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Market_L from 'illustration:./S2_fill_market_generic1_160.svg';
 import Market_M from 'illustration:./S2_fill_market_generic1_96.svg';
 import Market_S from 'illustration:./S2_fill_market_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Market(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Market(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx
index 0aedc43007c..2322f3c07fb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MegaphonePromote_L from 'illustration:./S2_fill_megaphonePromote_generic1_160.svg';
 import MegaphonePromote_M from 'illustration:./S2_fill_megaphonePromote_generic1_96.svg';
 import MegaphonePromote_S from 'illustration:./S2_fill_megaphonePromote_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx
index fc302522350..3384df87af3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MegaphonePromote2_L from 'illustration:./S2_fill_megaphonePromote2_generic1_160.svg';
 import MegaphonePromote2_M from 'illustration:./S2_fill_megaphonePromote2_generic1_96.svg';
 import MegaphonePromote2_S from 'illustration:./S2_fill_megaphonePromote2_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MegaphonePromote2(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MegaphonePromote2(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx
index 403c67b41de..4ec4560f402 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Mention_L from 'illustration:./S2_fill_mention_generic1_160.svg';
 import Mention_M from 'illustration:./S2_fill_mention_generic1_96.svg';
 import Mention_S from 'illustration:./S2_fill_mention_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Mention(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Mention(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx
index 161adec3380..3d4137b03d3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Microphone_L from 'illustration:./S2_fill_microphone_generic1_160.svg';
 import Microphone_M from 'illustration:./S2_fill_microphone_generic1_96.svg';
 import Microphone_S from 'illustration:./S2_fill_microphone_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Microphone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Microphone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx
index db8cfd89c87..afecc59bd45 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Minimize_L from 'illustration:./S2_fill_minimize_generic1_160.svg';
 import Minimize_M from 'illustration:./S2_fill_minimize_generic1_96.svg';
 import Minimize_S from 'illustration:./S2_fill_minimize_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Minimize(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Minimize(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx
index 6f553002be5..556a379ed63 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MovieCamera_L from 'illustration:./S2_fill_movieCamera_generic1_160.svg';
 import MovieCamera_M from 'illustration:./S2_fill_movieCamera_generic1_96.svg';
 import MovieCamera_S from 'illustration:./S2_fill_movieCamera_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MovieCamera(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MovieCamera(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx
index 2cfd8077d9a..2db9e63020a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MusicNote_L from 'illustration:./S2_fill_musicNote_generic1_160.svg';
 import MusicNote_M from 'illustration:./S2_fill_musicNote_generic1_96.svg';
 import MusicNote_S from 'illustration:./S2_fill_musicNote_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MusicNote(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MusicNote(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx
index c0447ff8267..15eca4886dc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import NoElements_L from 'illustration:./S2_fill_noElements_generic1_160.svg';
 import NoElements_M from 'illustration:./S2_fill_noElements_generic1_96.svg';
 import NoElements_S from 'illustration:./S2_fill_noElements_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoElements(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoElements(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx
index 55d98a03cb9..8b5224246db 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Paperairplane_L from 'illustration:./S2_fill_paperairplane_generic1_160.svg';
 import Paperairplane_M from 'illustration:./S2_fill_paperairplane_generic1_96.svg';
 import Paperairplane_S from 'illustration:./S2_fill_paperairplane_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx
index e5e286d8f8b..8f057f0690e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Paperclip_L from 'illustration:./S2_fill_paperclip_generic1_160.svg';
 import Paperclip_M from 'illustration:./S2_fill_paperclip_generic1_96.svg';
 import Paperclip_S from 'illustration:./S2_fill_paperclip_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx
index 5c12a212257..7038b69fc40 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Pause_L from 'illustration:./S2_fill_pause_generic1_160.svg';
 import Pause_M from 'illustration:./S2_fill_pause_generic1_96.svg';
 import Pause_S from 'illustration:./S2_fill_pause_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pause(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pause(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx
index a64f7ca035b..3d64aa3c9f0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Pencil_L from 'illustration:./S2_fill_pencil_generic1_160.svg';
 import Pencil_M from 'illustration:./S2_fill_pencil_generic1_96.svg';
 import Pencil_S from 'illustration:./S2_fill_pencil_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pencil(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pencil(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx
index d807af76304..c1fd3313aee 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Phone_L from 'illustration:./S2_fill_phone_generic1_160.svg';
 import Phone_M from 'illustration:./S2_fill_phone_generic1_96.svg';
 import Phone_S from 'illustration:./S2_fill_phone_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx
index a395e328ff6..32aff3bd056 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import PieChart_L from 'illustration:./S2_fill_pieChart_generic1_160.svg';
 import PieChart_M from 'illustration:./S2_fill_pieChart_generic1_96.svg';
 import PieChart_S from 'illustration:./S2_fill_pieChart_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx
index 4b2d615db8f..45127aa7432 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import PiggyBank_L from 'illustration:./S2_fill_piggyBank_generic1_160.svg';
 import PiggyBank_M from 'illustration:./S2_fill_piggyBank_generic1_96.svg';
 import PiggyBank_S from 'illustration:./S2_fill_piggyBank_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PiggyBank(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PiggyBank(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx
index 341f3f42836..a71f7320083 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Pin_L from 'illustration:./S2_fill_pin_generic1_160.svg';
 import Pin_M from 'illustration:./S2_fill_pin_generic1_96.svg';
 import Pin_S from 'illustration:./S2_fill_pin_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx
index 1b4a86571b6..23de4a221bb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Play_L from 'illustration:./S2_fill_play_generic1_160.svg';
 import Play_M from 'illustration:./S2_fill_play_generic1_96.svg';
 import Play_S from 'illustration:./S2_fill_play_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx
index 428c19c375a..4112fb7569e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import PlayTriangle_L from 'illustration:./S2_fill_playTriangle_generic1_160.svg';
 import PlayTriangle_M from 'illustration:./S2_fill_playTriangle_generic1_96.svg';
 import PlayTriangle_S from 'illustration:./S2_fill_playTriangle_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PlayTriangle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PlayTriangle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx
index 5540ba81036..a23bc85e2c9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Plugin_L from 'illustration:./S2_fill_plugin_generic1_160.svg';
 import Plugin_M from 'illustration:./S2_fill_plugin_generic1_96.svg';
 import Plugin_S from 'illustration:./S2_fill_plugin_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx
index 5aa808f94ec..0e92ef52cfe 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Prompt_L from 'illustration:./S2_fill_prompt_generic1_160.svg';
 import Prompt_M from 'illustration:./S2_fill_prompt_generic1_96.svg';
 import Prompt_S from 'illustration:./S2_fill_prompt_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Prompt(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Prompt(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx
index 545cf0e348b..91f8aca7f40 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Properties_L from 'illustration:./S2_fill_properties_generic1_160.svg';
 import Properties_M from 'illustration:./S2_fill_properties_generic1_96.svg';
 import Properties_S from 'illustration:./S2_fill_properties_generic1_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Properties(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Properties(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx
index 09bbf5e4b26..033c23717ef 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Redo_L from 'illustration:./S2_fill_redo_generic1_160.svg';
 import Redo_M from 'illustration:./S2_fill_redo_generic1_96.svg';
 import Redo_S from 'illustration:./S2_fill_redo_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Redo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Redo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx
index ef12d7f410d..5acdab8fe5a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Remix_L from 'illustration:./S2_fill_remix_generic1_160.svg';
 import Remix_M from 'illustration:./S2_fill_remix_generic1_96.svg';
 import Remix_S from 'illustration:./S2_fill_remix_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Remix(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Remix(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx
index d7af18b8c05..8cf8f892e79 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Replace_L from 'illustration:./S2_fill_replace_generic1_160.svg';
 import Replace_M from 'illustration:./S2_fill_replace_generic1_96.svg';
 import Replace_S from 'illustration:./S2_fill_replace_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Replace(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Replace(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx
index ccd73256170..859c7ee7fde 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Revert_L from 'illustration:./S2_fill_revert_generic1_160.svg';
 import Revert_M from 'illustration:./S2_fill_revert_generic1_96.svg';
 import Revert_S from 'illustration:./S2_fill_revert_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Revert(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Revert(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx
index ed7a72c4f21..84aa06c1a71 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Ribbon_L from 'illustration:./S2_fill_ribbon_generic1_160.svg';
 import Ribbon_M from 'illustration:./S2_fill_ribbon_generic1_96.svg';
 import Ribbon_S from 'illustration:./S2_fill_ribbon_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Ribbon(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Ribbon(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx
index 14d6e2bdb07..a3e5791478f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Rocket_L from 'illustration:./S2_fill_rocket_generic1_160.svg';
 import Rocket_M from 'illustration:./S2_fill_rocket_generic1_96.svg';
 import Rocket_S from 'illustration:./S2_fill_rocket_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx
index 4aec9ce38e3..eb77dd00c8d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import RotateCCW_L from 'illustration:./S2_fill_rotateCCW_generic1_160.svg';
 import RotateCCW_M from 'illustration:./S2_fill_rotateCCW_generic1_96.svg';
 import RotateCCW_S from 'illustration:./S2_fill_rotateCCW_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function RotateCCW(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function RotateCCW(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx
index c35b0a00c5d..dcd4512d855 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import RotateCW_L from 'illustration:./S2_fill_rotateCW_generic1_160.svg';
 import RotateCW_M from 'illustration:./S2_fill_rotateCW_generic1_96.svg';
 import RotateCW_S from 'illustration:./S2_fill_rotateCW_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function RotateCW(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function RotateCW(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx
index d6ba22a4260..ccfe0af42bb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Ruler_L from 'illustration:./S2_fill_ruler_generic1_160.svg';
 import Ruler_M from 'illustration:./S2_fill_ruler_generic1_96.svg';
 import Ruler_S from 'illustration:./S2_fill_ruler_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Ruler(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Ruler(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx
index 787e1e3ace2..d8ec1b48882 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Search_L from 'illustration:./S2_fill_search_generic1_160.svg';
 import Search_M from 'illustration:./S2_fill_search_generic1_96.svg';
 import Search_S from 'illustration:./S2_fill_search_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx
index 8054c1c410a..c65358928b2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Segmentation_L from 'illustration:./S2_fill_segmentation_generic1_160.svg';
 import Segmentation_M from 'illustration:./S2_fill_segmentation_generic1_96.svg';
 import Segmentation_S from 'illustration:./S2_fill_segmentation_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Segmentation(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Segmentation(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx
index 8378fbae8b8..9d5b171b839 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Server_L from 'illustration:./S2_fill_server_generic1_160.svg';
 import Server_M from 'illustration:./S2_fill_server_generic1_96.svg';
 import Server_S from 'illustration:./S2_fill_server_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx
index c9ee7f81d2c..353617b97dd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Shapes_L from 'illustration:./S2_fill_shapes_generic1_160.svg';
 import Shapes_M from 'illustration:./S2_fill_shapes_generic1_96.svg';
 import Shapes_S from 'illustration:./S2_fill_shapes_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Shapes(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Shapes(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx
index 44f8ab01395..14cb9c92b54 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ShoppingBag_L from 'illustration:./S2_fill_shoppingBag_generic1_160.svg';
 import ShoppingBag_M from 'illustration:./S2_fill_shoppingBag_generic1_96.svg';
 import ShoppingBag_S from 'illustration:./S2_fill_shoppingBag_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ShoppingBag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ShoppingBag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx
index 4e3a34b158d..745a95fdef8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ShoppingCart_L from 'illustration:./S2_fill_shoppingCart_generic1_160.svg';
 import ShoppingCart_M from 'illustration:./S2_fill_shoppingCart_generic1_96.svg';
 import ShoppingCart_S from 'illustration:./S2_fill_shoppingCart_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ShoppingCart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ShoppingCart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx
index c0db1fc2ae0..f51711b8772 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Sparkles_L from 'illustration:./S2_fill_sparkles_generic1_160.svg';
 import Sparkles_M from 'illustration:./S2_fill_sparkles_generic1_96.svg';
 import Sparkles_S from 'illustration:./S2_fill_sparkles_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx
index b5aaa14e164..952f0f4c660 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import SpeedFast_L from 'illustration:./S2_fill_speedFast_generic1_160.svg';
 import SpeedFast_M from 'illustration:./S2_fill_speedFast_generic1_96.svg';
 import SpeedFast_S from 'illustration:./S2_fill_speedFast_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function SpeedFast(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function SpeedFast(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx
index 3587e86c772..c4c15fc990e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import StampClone_L from 'illustration:./S2_fill_stampClone_generic1_160.svg';
 import StampClone_M from 'illustration:./S2_fill_stampClone_generic1_96.svg';
 import StampClone_S from 'illustration:./S2_fill_stampClone_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function StampClone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function StampClone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx
index fc9f863cdee..3eae2279731 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Star_L from 'illustration:./S2_fill_star_generic1_160.svg';
 import Star_M from 'illustration:./S2_fill_star_generic1_96.svg';
 import Star_S from 'illustration:./S2_fill_star_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx
index fc6788aa343..801762b8b78 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import StepForward_L from 'illustration:./S2_fill_stepForward_generic1_160.svg';
 import StepForward_M from 'illustration:./S2_fill_stepForward_generic1_96.svg';
 import StepForward_S from 'illustration:./S2_fill_stepForward_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function StepForward(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function StepForward(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx
index 0aebef4e4b9..7030d695074 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Switch_L from 'illustration:./S2_fill_switch_generic1_160.svg';
 import Switch_M from 'illustration:./S2_fill_switch_generic1_96.svg';
 import Switch_S from 'illustration:./S2_fill_switch_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Switch(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Switch(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx
index 39c8f965f56..5750524f767 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Tablet_L from 'illustration:./S2_fill_tablet_generic1_160.svg';
 import Tablet_M from 'illustration:./S2_fill_tablet_generic1_96.svg';
 import Tablet_S from 'illustration:./S2_fill_tablet_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx
index b87bfd13081..46fee28098b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Tag_L from 'illustration:./S2_fill_tag_generic1_160.svg';
 import Tag_M from 'illustration:./S2_fill_tag_generic1_96.svg';
 import Tag_S from 'illustration:./S2_fill_tag_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx
index f252c425fca..1776c737196 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Targeted_L from 'illustration:./S2_fill_targeted_generic1_160.svg';
 import Targeted_M from 'illustration:./S2_fill_targeted_generic1_96.svg';
 import Targeted_S from 'illustration:./S2_fill_targeted_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Targeted(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Targeted(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx
index eef8c0f078a..301ee85aa73 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Text_L from 'illustration:./S2_fill_text_generic1_160.svg';
 import Text_M from 'illustration:./S2_fill_text_generic1_96.svg';
 import Text_S from 'illustration:./S2_fill_text_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Text(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Text(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx
index 13895a8709f..74cdba1f126 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ThreeArrowsCircle_L from 'illustration:./S2_fill_threeArrowsCircle_generic1_160.svg';
 import ThreeArrowsCircle_M from 'illustration:./S2_fill_threeArrowsCircle_generic1_96.svg';
 import ThreeArrowsCircle_S from 'illustration:./S2_fill_threeArrowsCircle_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ThreeArrowsCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ThreeArrowsCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx
index 6871d27e5a0..84b2a0d5fbd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ThumbsUp_L from 'illustration:./S2_fill_thumbsUp_generic1_160.svg';
 import ThumbsUp_M from 'illustration:./S2_fill_thumbsUp_generic1_96.svg';
 import ThumbsUp_S from 'illustration:./S2_fill_thumbsUp_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ThumbsUp(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ThumbsUp(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx
index d3533ba7440..78a594f417b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Transform_L from 'illustration:./S2_fill_transform_generic1_160.svg';
 import Transform_M from 'illustration:./S2_fill_transform_generic1_96.svg';
 import Transform_S from 'illustration:./S2_fill_transform_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Transform(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Transform(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx
index b311b4a06c3..8e2fba37fb0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Translate_L from 'illustration:./S2_fill_translate_generic1_160.svg';
 import Translate_M from 'illustration:./S2_fill_translate_generic1_96.svg';
 import Translate_S from 'illustration:./S2_fill_translate_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Translate(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Translate(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx
index a0652b6b751..c0c918267b3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Trash_L from 'illustration:./S2_fill_trash_generic1_160.svg';
 import Trash_M from 'illustration:./S2_fill_trash_generic1_96.svg';
 import Trash_S from 'illustration:./S2_fill_trash_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx
index bdcd0230f53..1abf4f1cd41 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Trophy_L from 'illustration:./S2_fill_trophy_generic1_160.svg';
 import Trophy_M from 'illustration:./S2_fill_trophy_generic1_96.svg';
 import Trophy_S from 'illustration:./S2_fill_trophy_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx
index 633f44dd4a6..68cb384c631 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Update_L from 'illustration:./S2_fill_update_generic1_160.svg';
 import Update_M from 'illustration:./S2_fill_update_generic1_96.svg';
 import Update_S from 'illustration:./S2_fill_update_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx
index 8ae5fa7451f..5b6874eb6fa 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Upload_L from 'illustration:./S2_fill_upload_generic1_160.svg';
 import Upload_M from 'illustration:./S2_fill_upload_generic1_96.svg';
 import Upload_S from 'illustration:./S2_fill_upload_generic1_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Upload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Upload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx
index ba975040c9f..8e8799ca452 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import User_L from 'illustration:./S2_fill_user_generic1_160.svg';
 import User_M from 'illustration:./S2_fill_user_generic1_96.svg';
 import User_S from 'illustration:./S2_fill_user_generic1_48.svg';
 
-export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx
index 3f2597b9d75..74648e7c5ec 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import UserAvatar_L from 'illustration:./S2_fill_userAvatar_generic1_160.svg';
 import UserAvatar_M from 'illustration:./S2_fill_userAvatar_generic1_96.svg';
 import UserAvatar_S from 'illustration:./S2_fill_userAvatar_generic1_48.svg';
 
-export default function UserAvatar(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function UserAvatar(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx
index 326c5f9977a..ae1c41c58c2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import UserGroup_L from 'illustration:./S2_fill_userGroup_generic1_160.svg';
 import UserGroup_M from 'illustration:./S2_fill_userGroup_generic1_96.svg';
 import UserGroup_S from 'illustration:./S2_fill_userGroup_generic1_48.svg';
 
-export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx
index 6db576b6561..1edbf9aa757 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import VectorDraw_L from 'illustration:./S2_fill_vectorDraw_generic1_160.svg';
 import VectorDraw_M from 'illustration:./S2_fill_vectorDraw_generic1_96.svg';
 import VectorDraw_S from 'illustration:./S2_fill_vectorDraw_generic1_48.svg';
 
-export default function VectorDraw(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function VectorDraw(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx
index 6b46d75897c..615815ecbe6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Video_L from 'illustration:./S2_fill_video_generic1_160.svg';
 import Video_M from 'illustration:./S2_fill_video_generic1_96.svg';
 import Video_S from 'illustration:./S2_fill_video_generic1_48.svg';
 
-export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx
index 77656dcaaf6..abd41027299 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Volume_L from 'illustration:./S2_fill_volume_generic1_160.svg';
 import Volume_M from 'illustration:./S2_fill_volume_generic1_96.svg';
 import Volume_S from 'illustration:./S2_fill_volume_generic1_48.svg';
 
-export default function Volume(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Volume(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx
index 8202627351e..c0a9de197b8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import VolumeOne_L from 'illustration:./S2_fill_volumeOne_generic1_160.svg';
 import VolumeOne_M from 'illustration:./S2_fill_volumeOne_generic1_96.svg';
 import VolumeOne_S from 'illustration:./S2_fill_volumeOne_generic1_48.svg';
 
-export default function VolumeOne(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function VolumeOne(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx
index 9728ba5f6aa..0f02a464f52 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Wallet_L from 'illustration:./S2_fill_wallet_generic1_160.svg';
 import Wallet_M from 'illustration:./S2_fill_wallet_generic1_96.svg';
 import Wallet_S from 'illustration:./S2_fill_wallet_generic1_48.svg';
 
-export default function Wallet(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Wallet(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx
index 8fa7ccf9427..303e3d0fd5b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx
@@ -13,10 +13,11 @@
 import _3D_L from 'illustration:./S2_fill_3D_generic2_160.svg';
 import _3D_M from 'illustration:./S2_fill_3D_generic2_96.svg';
 import _3D_S from 'illustration:./S2_fill_3D_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function _3D(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function _3D(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx
index 84c6388731d..870304921f1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx
@@ -13,10 +13,11 @@
 import _3Dasset_L from 'illustration:./S2_fill_3Dasset_generic2_160.svg';
 import _3Dasset_M from 'illustration:./S2_fill_3Dasset_generic2_96.svg';
 import _3Dasset_S from 'illustration:./S2_fill_3Dasset_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function _3Dasset(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function _3Dasset(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx
index c5a396c110d..a8c6d6f5ad8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx
@@ -13,10 +13,11 @@
 import AIGenerate_L from 'illustration:./S2_fill_AIGenerate_generic2_160.svg';
 import AIGenerate_M from 'illustration:./S2_fill_AIGenerate_generic2_96.svg';
 import AIGenerate_S from 'illustration:./S2_fill_AIGenerate_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIGenerate(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIGenerate(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx
index 6c06cf17c09..9d608156ce3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx
@@ -13,10 +13,11 @@
 import AIGenerateImage_L from 'illustration:./S2_fill_AIGenerateImage_generic2_160.svg';
 import AIGenerateImage_M from 'illustration:./S2_fill_AIGenerateImage_generic2_96.svg';
 import AIGenerateImage_S from 'illustration:./S2_fill_AIGenerateImage_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIGenerateImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIGenerateImage(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx
index d53904bef6a..e9baa6031c3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx
@@ -13,10 +13,11 @@
 import AIchat_L from 'illustration:./S2_fill_AIchat_generic2_160.svg';
 import AIchat_M from 'illustration:./S2_fill_AIchat_generic2_96.svg';
 import AIchat_S from 'illustration:./S2_fill_AIchat_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIchat(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIchat(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx
index 17d3de5c300..827e1af7c66 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx
@@ -13,10 +13,11 @@
 import Accessibility_L from 'illustration:./S2_fill_accessibility_generic2_160.svg';
 import Accessibility_M from 'illustration:./S2_fill_accessibility_generic2_96.svg';
 import Accessibility_S from 'illustration:./S2_fill_accessibility_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Accessibility(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Accessibility(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx
index 502d36953ae..17efad21863 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx
@@ -13,10 +13,11 @@
 import Animation_L from 'illustration:./S2_fill_animation_generic2_160.svg';
 import Animation_M from 'illustration:./S2_fill_animation_generic2_96.svg';
 import Animation_S from 'illustration:./S2_fill_animation_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Animation(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Animation(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx
index d000c841c77..0f40110a02e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx
@@ -13,10 +13,11 @@
 import Apps_L from 'illustration:./S2_fill_apps_generic2_160.svg';
 import Apps_M from 'illustration:./S2_fill_apps_generic2_96.svg';
 import Apps_S from 'illustration:./S2_fill_apps_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Apps(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Apps(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx
index 89788362aad..240edd55e58 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx
@@ -13,10 +13,11 @@
 import Artboard_L from 'illustration:./S2_fill_artboard_generic2_160.svg';
 import Artboard_M from 'illustration:./S2_fill_artboard_generic2_96.svg';
 import Artboard_S from 'illustration:./S2_fill_artboard_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Artboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Artboard(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx
index 9c78fd75375..c1223e9cc18 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx
@@ -13,10 +13,11 @@
 import Assets_L from 'illustration:./S2_fill_assets_generic2_160.svg';
 import Assets_M from 'illustration:./S2_fill_assets_generic2_96.svg';
 import Assets_S from 'illustration:./S2_fill_assets_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Assets(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Assets(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx
index 50e2c5f7665..3ba67aee9f6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx
@@ -13,10 +13,11 @@
 import AudioWave_L from 'illustration:./S2_fill_audioWave_generic2_160.svg';
 import AudioWave_M from 'illustration:./S2_fill_audioWave_generic2_96.svg';
 import AudioWave_S from 'illustration:./S2_fill_audioWave_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AudioWave(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AudioWave(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx
index 183ef90d467..947cfee412a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx
@@ -13,10 +13,11 @@
 import BadgeVerified_L from 'illustration:./S2_fill_badgeVerified_generic2_160.svg';
 import BadgeVerified_M from 'illustration:./S2_fill_badgeVerified_generic2_96.svg';
 import BadgeVerified_S from 'illustration:./S2_fill_badgeVerified_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BadgeVerified(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BadgeVerified(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx
index 8c44af63049..6326c781039 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx
@@ -13,10 +13,11 @@
 import Bell_L from 'illustration:./S2_fill_bell_generic2_160.svg';
 import Bell_M from 'illustration:./S2_fill_bell_generic2_96.svg';
 import Bell_S from 'illustration:./S2_fill_bell_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Bell(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Bell(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx
index 39b1cb653ab..dc3848d4942 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx
@@ -13,10 +13,11 @@
 import Bolt_L from 'illustration:./S2_fill_bolt_generic2_160.svg';
 import Bolt_M from 'illustration:./S2_fill_bolt_generic2_96.svg';
 import Bolt_S from 'illustration:./S2_fill_bolt_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Bolt(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Bolt(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx
index 486533c2235..d2788aa331b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx
@@ -13,10 +13,11 @@
 import Brand_L from 'illustration:./S2_fill_brand_generic2_160.svg';
 import Brand_M from 'illustration:./S2_fill_brand_generic2_96.svg';
 import Brand_S from 'illustration:./S2_fill_brand_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Brand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Brand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx
index 4c1ad70ea2c..085ea96e90e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx
@@ -13,10 +13,11 @@
 import Briefcase_L from 'illustration:./S2_fill_briefcase_generic2_160.svg';
 import Briefcase_M from 'illustration:./S2_fill_briefcase_generic2_96.svg';
 import Briefcase_S from 'illustration:./S2_fill_briefcase_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Briefcase(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Briefcase(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx
index 5a1048c17f0..8de257eeb3a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx
@@ -13,10 +13,11 @@
 import BrightnessContrast_L from 'illustration:./S2_fill_brightnessContrast_generic2_160.svg';
 import BrightnessContrast_M from 'illustration:./S2_fill_brightnessContrast_generic2_96.svg';
 import BrightnessContrast_S from 'illustration:./S2_fill_brightnessContrast_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BrightnessContrast(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BrightnessContrast(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx
index 5e8316845e4..0547f8a8e07 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx
@@ -13,10 +13,11 @@
 import Browser_L from 'illustration:./S2_fill_browser_generic2_160.svg';
 import Browser_M from 'illustration:./S2_fill_browser_generic2_96.svg';
 import Browser_S from 'illustration:./S2_fill_browser_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Browser(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Browser(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx
index a9fc1b724fb..1f2b834170f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx
@@ -13,10 +13,11 @@
 import Brush_L from 'illustration:./S2_fill_brush_generic2_160.svg';
 import Brush_M from 'illustration:./S2_fill_brush_generic2_96.svg';
 import Brush_S from 'illustration:./S2_fill_brush_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Brush(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Brush(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx
index 3b0ae696873..6eecbeb21d9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx
@@ -13,10 +13,11 @@
 import BuildTable_L from 'illustration:./S2_fill_buildTable_generic2_160.svg';
 import BuildTable_M from 'illustration:./S2_fill_buildTable_generic2_96.svg';
 import BuildTable_S from 'illustration:./S2_fill_buildTable_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BuildTable(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BuildTable(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx
index e6fa41dfe5a..c219ee7b244 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx
@@ -13,10 +13,11 @@
 import Buildings_L from 'illustration:./S2_fill_buildings_generic2_160.svg';
 import Buildings_M from 'illustration:./S2_fill_buildings_generic2_96.svg';
 import Buildings_S from 'illustration:./S2_fill_buildings_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Buildings(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Buildings(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx
index ef1d3985c60..d19e35a41d5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx
@@ -13,10 +13,11 @@
 import Calendar_L from 'illustration:./S2_fill_calendar_generic2_160.svg';
 import Calendar_M from 'illustration:./S2_fill_calendar_generic2_96.svg';
 import Calendar_S from 'illustration:./S2_fill_calendar_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Calendar(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Calendar(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx
index 33b618ee78b..1f830a72489 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx
@@ -13,10 +13,11 @@
 import Camera_L from 'illustration:./S2_fill_camera_generic2_160.svg';
 import Camera_M from 'illustration:./S2_fill_camera_generic2_96.svg';
 import Camera_S from 'illustration:./S2_fill_camera_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Camera(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Camera(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx
index 58b42856d39..a439c61dc91 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx
@@ -13,10 +13,11 @@
 import CardTapPayment_L from 'illustration:./S2_fill_cardTapPayment_generic2_160.svg';
 import CardTapPayment_M from 'illustration:./S2_fill_cardTapPayment_generic2_96.svg';
 import CardTapPayment_S from 'illustration:./S2_fill_cardTapPayment_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CardTapPayment(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CardTapPayment(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx
index f43deefe11e..e107f2595ca 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx
@@ -13,10 +13,11 @@
 import Channel_L from 'illustration:./S2_fill_channel_generic2_160.svg';
 import Channel_M from 'illustration:./S2_fill_channel_generic2_96.svg';
 import Channel_S from 'illustration:./S2_fill_channel_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Channel(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Channel(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx
index a4989f36258..54b43d88b5b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx
@@ -13,10 +13,11 @@
 import ChartAreaStack_L from 'illustration:./S2_fill_chartAreaStack_generic2_160.svg';
 import ChartAreaStack_M from 'illustration:./S2_fill_chartAreaStack_generic2_96.svg';
 import ChartAreaStack_S from 'illustration:./S2_fill_chartAreaStack_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ChartAreaStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ChartAreaStack(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx
index 500ab82bdb2..c6d4565bbb4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx
@@ -13,10 +13,11 @@
 import Chatbubble_L from 'illustration:./S2_fill_chatbubble_generic2_160.svg';
 import Chatbubble_M from 'illustration:./S2_fill_chatbubble_generic2_96.svg';
 import Chatbubble_S from 'illustration:./S2_fill_chatbubble_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Chatbubble(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Chatbubble(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx
index bc40e8dc42c..97cb46b0426 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx
@@ -13,10 +13,11 @@
 import Checkmark_L from 'illustration:./S2_fill_checkmark_generic2_160.svg';
 import Checkmark_M from 'illustration:./S2_fill_checkmark_generic2_96.svg';
 import Checkmark_S from 'illustration:./S2_fill_checkmark_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Checkmark(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Checkmark(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx
index 0c9115a6f06..d295d37b905 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx
@@ -13,10 +13,11 @@
 import Clipboard_L from 'illustration:./S2_fill_clipboard_generic2_160.svg';
 import Clipboard_M from 'illustration:./S2_fill_clipboard_generic2_96.svg';
 import Clipboard_S from 'illustration:./S2_fill_clipboard_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Clipboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Clipboard(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx
index 5f323e4b260..18861bb9001 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx
@@ -13,10 +13,11 @@
 import Clock_L from 'illustration:./S2_fill_clock_generic2_160.svg';
 import Clock_M from 'illustration:./S2_fill_clock_generic2_96.svg';
 import Clock_S from 'illustration:./S2_fill_clock_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Clock(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Clock(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx
index 2e1c98635b5..e0411575032 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx
@@ -13,10 +13,11 @@
 import Cloud_L from 'illustration:./S2_fill_cloud_generic2_160.svg';
 import Cloud_M from 'illustration:./S2_fill_cloud_generic2_96.svg';
 import Cloud_S from 'illustration:./S2_fill_cloud_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cloud(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cloud(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx
index bd7339ea3cc..8045cff4c2b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx
@@ -13,10 +13,11 @@
 import CloudUpload_L from 'illustration:./S2_fill_cloudUpload_generic2_160.svg';
 import CloudUpload_M from 'illustration:./S2_fill_cloudUpload_generic2_96.svg';
 import CloudUpload_S from 'illustration:./S2_fill_cloudUpload_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CloudUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CloudUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx
index 1b82e8e77af..07e2d94c63d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx
@@ -13,10 +13,11 @@
 import CodeBrackets_L from 'illustration:./S2_fill_CodeBrackets_generic2_160.svg';
 import CodeBrackets_M from 'illustration:./S2_fill_CodeBrackets_generic2_96.svg';
 import CodeBrackets_S from 'illustration:./S2_fill_CodeBrackets_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CodeBrackets(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CodeBrackets(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx
index c390ab9c301..23f037b4e53 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx
@@ -13,10 +13,11 @@
 import Color_L from 'illustration:./S2_fill_color_generic2_160.svg';
 import Color_M from 'illustration:./S2_fill_color_generic2_96.svg';
 import Color_S from 'illustration:./S2_fill_color_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Color(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Color(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx
index 51182510b16..dad5769d17e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx
@@ -13,10 +13,11 @@
 import CommentText_L from 'illustration:./S2_fill_commentText_generic2_160.svg';
 import CommentText_M from 'illustration:./S2_fill_commentText_generic2_96.svg';
 import CommentText_S from 'illustration:./S2_fill_commentText_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CommentText(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CommentText(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx
index 7c873367db2..bf56836fcbd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx
@@ -13,10 +13,11 @@
 import Confetti_L from 'illustration:./S2_fill_confetti_generic2_160.svg';
 import Confetti_M from 'illustration:./S2_fill_confetti_generic2_96.svg';
 import Confetti_S from 'illustration:./S2_fill_confetti_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Confetti(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Confetti(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx
index cfda6de918a..4c1cae662f0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx
@@ -13,10 +13,11 @@
 import Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic2_160.svg';
 import Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic2_96.svg';
 import Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Conversationbubbles(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Conversationbubbles(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx
index 5807ced37df..86b0d946d8a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx
@@ -13,10 +13,11 @@
 import Crop_L from 'illustration:./S2_fill_crop_generic2_160.svg';
 import Crop_M from 'illustration:./S2_fill_crop_generic2_96.svg';
 import Crop_S from 'illustration:./S2_fill_crop_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Crop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Crop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx
index 1b420d0a3ff..7fc8e5e8d4a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx
@@ -13,10 +13,11 @@
 import Cursor_L from 'illustration:./S2_fill_cursor_generic2_160.svg';
 import Cursor_M from 'illustration:./S2_fill_cursor_generic2_96.svg';
 import Cursor_S from 'illustration:./S2_fill_cursor_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cursor(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cursor(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx
index 63748698041..11b6d1ac976 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx
@@ -13,10 +13,11 @@
 import Cut_L from 'illustration:./S2_fill_cut_generic2_160.svg';
 import Cut_M from 'illustration:./S2_fill_cut_generic2_96.svg';
 import Cut_S from 'illustration:./S2_fill_cut_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cut(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cut(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx
index 964ea0fe995..35268818eda 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx
@@ -13,10 +13,11 @@
 import Data_L from 'illustration:./S2_fill_data_generic2_160.svg';
 import Data_M from 'illustration:./S2_fill_data_generic2_96.svg';
 import Data_S from 'illustration:./S2_fill_data_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Data(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Data(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx
index 10cbbefd739..c92aec2b8bd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx
@@ -13,10 +13,11 @@
 import DataAnalytics_L from 'illustration:./S2_fill_dataAnalytics_generic2_160.svg';
 import DataAnalytics_M from 'illustration:./S2_fill_dataAnalytics_generic2_96.svg';
 import DataAnalytics_S from 'illustration:./S2_fill_dataAnalytics_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function DataAnalytics(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function DataAnalytics(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx
index cb737ab6708..fc1901b54b7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx
@@ -13,10 +13,11 @@
 import Desktop_L from 'illustration:./S2_fill_desktop_generic2_160.svg';
 import Desktop_M from 'illustration:./S2_fill_desktop_generic2_96.svg';
 import Desktop_S from 'illustration:./S2_fill_desktop_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Desktop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Desktop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx
index e2c72df743e..75ce17bcc77 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx
@@ -13,10 +13,11 @@
 import Diamond_L from 'illustration:./S2_fill_diamond_generic2_160.svg';
 import Diamond_M from 'illustration:./S2_fill_diamond_generic2_96.svg';
 import Diamond_S from 'illustration:./S2_fill_diamond_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Diamond(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Diamond(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx
index 3b254d700ab..73a7be049f5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx
@@ -13,10 +13,11 @@
 import Document_L from 'illustration:./S2_fill_document_generic2_160.svg';
 import Document_M from 'illustration:./S2_fill_document_generic2_96.svg';
 import Document_S from 'illustration:./S2_fill_document_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Document(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Document(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx
index e4e071ce230..48e6334ac00 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx
@@ -13,10 +13,11 @@
 import Download_L from 'illustration:./S2_fill_download_generic2_160.svg';
 import Download_M from 'illustration:./S2_fill_download_generic2_96.svg';
 import Download_S from 'illustration:./S2_fill_download_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Download(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Download(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx
index 8ad0291e123..2360b363312 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx
@@ -13,10 +13,11 @@
 import DropToUpload_L from 'illustration:./S2_fill_dropToUpload_generic2_160.svg';
 import DropToUpload_M from 'illustration:./S2_fill_dropToUpload_generic2_96.svg';
 import DropToUpload_S from 'illustration:./S2_fill_dropToUpload_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function DropToUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function DropToUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx
index b7bfa417bc5..0cfc8443bce 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx
@@ -13,10 +13,11 @@
 import Education_L from 'illustration:./S2_fill_education_generic2_160.svg';
 import Education_M from 'illustration:./S2_fill_education_generic2_96.svg';
 import Education_S from 'illustration:./S2_fill_education_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Education(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Education(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx
index bf9d10fd1a9..c35adc055f1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx
@@ -13,10 +13,11 @@
 import Effects_L from 'illustration:./S2_fill_effects_generic2_160.svg';
 import Effects_M from 'illustration:./S2_fill_effects_generic2_96.svg';
 import Effects_S from 'illustration:./S2_fill_effects_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Effects(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Effects(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx
index 75b86a04eb2..b7cac0983d5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx
@@ -13,10 +13,11 @@
 import Emoji_L from 'illustration:./S2_fill_emoji_generic2_160.svg';
 import Emoji_M from 'illustration:./S2_fill_emoji_generic2_96.svg';
 import Emoji_S from 'illustration:./S2_fill_emoji_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Emoji(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Emoji(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx
index 5162dc8848f..13b47cb8499 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx
@@ -13,10 +13,11 @@
 import EmptyStateExport_L from 'illustration:./S2_fill_EmptyStateExport_generic2_160.svg';
 import EmptyStateExport_M from 'illustration:./S2_fill_EmptyStateExport_generic2_96.svg';
 import EmptyStateExport_S from 'illustration:./S2_fill_EmptyStateExport_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function EmptyStateExport(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function EmptyStateExport(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx
index 43cd286e4d6..7778aa12d7f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx
@@ -13,10 +13,11 @@
 import Explosion_L from 'illustration:./S2_fill_explosion_generic2_160.svg';
 import Explosion_M from 'illustration:./S2_fill_explosion_generic2_96.svg';
 import Explosion_S from 'illustration:./S2_fill_explosion_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Explosion(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Explosion(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx
index e31603268bb..453ce5c6e48 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx
@@ -13,10 +13,11 @@
 import ExportTo_L from 'illustration:./S2_fill_exportTo_generic2_160.svg';
 import ExportTo_M from 'illustration:./S2_fill_exportTo_generic2_96.svg';
 import ExportTo_S from 'illustration:./S2_fill_exportTo_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ExportTo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ExportTo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx
index 213b28db14b..5f095732177 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx
@@ -13,10 +13,11 @@
 import Exposure_L from 'illustration:./S2_fill_exposure_generic2_160.svg';
 import Exposure_M from 'illustration:./S2_fill_exposure_generic2_96.svg';
 import Exposure_S from 'illustration:./S2_fill_exposure_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Exposure(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Exposure(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx
index 9d16b67fe56..fa5be3f193a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx
@@ -13,10 +13,11 @@
 import FileImage_L from 'illustration:./S2_fill_fileImage_generic2_160.svg';
 import FileImage_M from 'illustration:./S2_fill_fileImage_generic2_96.svg';
 import FileImage_S from 'illustration:./S2_fill_fileImage_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileImage(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx
index ad5f23ab6ae..a5799aa302a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx
@@ -13,10 +13,11 @@
 import FileShared_L from 'illustration:./S2_fill_fileShared_generic2_160.svg';
 import FileShared_M from 'illustration:./S2_fill_fileShared_generic2_96.svg';
 import FileShared_S from 'illustration:./S2_fill_fileShared_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileShared(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileShared(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx
index d94fdc94289..3012003eebd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx
@@ -13,10 +13,11 @@
 import FileText_L from 'illustration:./S2_fill_fileText_generic2_160.svg';
 import FileText_M from 'illustration:./S2_fill_fileText_generic2_96.svg';
 import FileText_S from 'illustration:./S2_fill_fileText_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileText(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileText(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx
index eab310f30b2..6251cc456ec 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx
@@ -13,10 +13,11 @@
 import FileVideo_L from 'illustration:./S2_fill_fileVideo_generic2_160.svg';
 import FileVideo_M from 'illustration:./S2_fill_fileVideo_generic2_96.svg';
 import FileVideo_S from 'illustration:./S2_fill_fileVideo_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileVideo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileVideo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx
index 6fa8a483bdc..460b9ee0021 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx
@@ -13,10 +13,11 @@
 import FileZip_L from 'illustration:./S2_fill_fileZip_generic2_160.svg';
 import FileZip_M from 'illustration:./S2_fill_fileZip_generic2_96.svg';
 import FileZip_S from 'illustration:./S2_fill_fileZip_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileZip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileZip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx
index f578f3313b0..24274491b54 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx
@@ -13,10 +13,11 @@
 import Filmstrip_L from 'illustration:./S2_fill_filmstrip_generic2_160.svg';
 import Filmstrip_M from 'illustration:./S2_fill_filmstrip_generic2_96.svg';
 import Filmstrip_S from 'illustration:./S2_fill_filmstrip_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filmstrip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filmstrip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx
index 9e19705a141..e9d103e406b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx
@@ -13,10 +13,11 @@
 import Filter_L from 'illustration:./S2_fill_filter_generic2_160.svg';
 import Filter_M from 'illustration:./S2_fill_filter_generic2_96.svg';
 import Filter_S from 'illustration:./S2_fill_filter_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filter(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filter(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx
index 8e8cff4d90e..5b7fd62e928 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx
@@ -13,10 +13,11 @@
 import Filters_L from 'illustration:./S2_fill_filters_generic2_160.svg';
 import Filters_M from 'illustration:./S2_fill_filters_generic2_96.svg';
 import Filters_S from 'illustration:./S2_fill_filters_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filters(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filters(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx
index edcaf9db5e3..d9282a81279 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx
@@ -13,10 +13,11 @@
 import Fireworks_L from 'illustration:./S2_fill_fireworks_generic2_160.svg';
 import Fireworks_M from 'illustration:./S2_fill_fireworks_generic2_96.svg';
 import Fireworks_S from 'illustration:./S2_fill_fireworks_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Fireworks(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Fireworks(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx
index 7b8af526aab..aca1d14bb87 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx
@@ -13,10 +13,11 @@
 import Flag_L from 'illustration:./S2_fill_flag_generic2_160.svg';
 import Flag_M from 'illustration:./S2_fill_flag_generic2_96.svg';
 import Flag_S from 'illustration:./S2_fill_flag_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Flag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Flag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx
index d89d6d2a9f2..db540ef8ca1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx
@@ -13,10 +13,11 @@
 import FlagCheckmark_L from 'illustration:./S2_fill_flagCheckmark_generic2_160.svg';
 import FlagCheckmark_M from 'illustration:./S2_fill_flagCheckmark_generic2_96.svg';
 import FlagCheckmark_S from 'illustration:./S2_fill_flagCheckmark_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FlagCheckmark(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FlagCheckmark(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx
index 50b1e5d8aeb..17a1b09ff2e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx
@@ -13,10 +13,11 @@
 import FlagCross_L from 'illustration:./S2_fill_flagCross_generic2_160.svg';
 import FlagCross_M from 'illustration:./S2_fill_flagCross_generic2_96.svg';
 import FlagCross_S from 'illustration:./S2_fill_flagCross_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FlagCross(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FlagCross(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx
index d477d04d475..8f6d85ff11f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx
@@ -13,10 +13,11 @@
 import FolderClose_L from 'illustration:./S2_fill_folderClose_generic2_160.svg';
 import FolderClose_M from 'illustration:./S2_fill_folderClose_generic2_96.svg';
 import FolderClose_S from 'illustration:./S2_fill_folderClose_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx
index 3788f151c79..7d1f5e2af7d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx
@@ -13,10 +13,11 @@
 import FolderOpen_L from 'illustration:./S2_fill_folderOpen_generic2_160.svg';
 import FolderOpen_M from 'illustration:./S2_fill_folderOpen_generic2_96.svg';
 import FolderOpen_S from 'illustration:./S2_fill_folderOpen_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx
index 788b777048e..88f369dbc80 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx
@@ -13,10 +13,11 @@
 import FolderShared_L from 'illustration:./S2_fill_folderShared_generic2_160.svg';
 import FolderShared_M from 'illustration:./S2_fill_folderShared_generic2_96.svg';
 import FolderShared_S from 'illustration:./S2_fill_folderShared_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderShared(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderShared(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx
index b28bba62c00..13a6e603686 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx
@@ -13,10 +13,11 @@
 import GearSetting_L from 'illustration:./S2_fill_gearSetting_generic2_160.svg';
 import GearSetting_M from 'illustration:./S2_fill_gearSetting_generic2_96.svg';
 import GearSetting_S from 'illustration:./S2_fill_gearSetting_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GearSetting(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GearSetting(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx
index 8a8005a9fd1..54ac29d3471 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx
@@ -13,10 +13,11 @@
 import Gift_L from 'illustration:./S2_fill_gift_generic2_160.svg';
 import Gift_M from 'illustration:./S2_fill_gift_generic2_96.svg';
 import Gift_S from 'illustration:./S2_fill_gift_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Gift(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Gift(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx
index 4f1304d236f..6ca54394ea7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx
@@ -13,10 +13,11 @@
 import Globe_L from 'illustration:./S2_fill_globe_generic2_160.svg';
 import Globe_M from 'illustration:./S2_fill_globe_generic2_96.svg';
 import Globe_S from 'illustration:./S2_fill_globe_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Globe(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Globe(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx
index 6bb03b83979..0ff335010c5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx
@@ -13,10 +13,11 @@
 import GlobeGrid_L from 'illustration:./S2_fill_globeGrid_generic2_160.svg';
 import GlobeGrid_M from 'illustration:./S2_fill_globeGrid_generic2_96.svg';
 import GlobeGrid_S from 'illustration:./S2_fill_globeGrid_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GlobeGrid(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GlobeGrid(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx
index 80982253880..ce6056937f8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx
@@ -13,10 +13,11 @@
 import GraphBarChart_L from 'illustration:./S2_fill_graphBarChart_generic2_160.svg';
 import GraphBarChart_M from 'illustration:./S2_fill_graphBarChart_generic2_96.svg';
 import GraphBarChart_S from 'illustration:./S2_fill_graphBarChart_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GraphBarChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GraphBarChart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx
index 8c567f63bc6..1f7fd4d1995 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx
@@ -13,10 +13,11 @@
 import Hand_L from 'illustration:./S2_fill_hand_generic2_160.svg';
 import Hand_M from 'illustration:./S2_fill_hand_generic2_96.svg';
 import Hand_S from 'illustration:./S2_fill_hand_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Hand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Hand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx
index d6a684cb8d7..3d93bfdd2f2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx
@@ -13,10 +13,11 @@
 import Handshake_L from 'illustration:./S2_fill_handshake_generic2_160.svg';
 import Handshake_M from 'illustration:./S2_fill_handshake_generic2_96.svg';
 import Handshake_S from 'illustration:./S2_fill_handshake_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Handshake(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Handshake(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx
index ce6c3b73d7a..f1eb672aa82 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx
@@ -13,10 +13,11 @@
 import Heart_L from 'illustration:./S2_fill_heart_generic2_160.svg';
 import Heart_M from 'illustration:./S2_fill_heart_generic2_96.svg';
 import Heart_S from 'illustration:./S2_fill_heart_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Heart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Heart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx
index ae0f19e8d4e..f118530c2cd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx
@@ -13,10 +13,11 @@
 import HelpCircle_L from 'illustration:./S2_fill_helpCircle_generic2_160.svg';
 import HelpCircle_M from 'illustration:./S2_fill_helpCircle_generic2_96.svg';
 import HelpCircle_S from 'illustration:./S2_fill_helpCircle_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function HelpCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function HelpCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx
index a31948245aa..1db379fedff 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx
@@ -13,10 +13,11 @@
 import Home_L from 'illustration:./S2_fill_home_generic2_160.svg';
 import Home_M from 'illustration:./S2_fill_home_generic2_96.svg';
 import Home_S from 'illustration:./S2_fill_home_generic2_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Home(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Home(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx
index 9c20fc79111..afc6435c9ba 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Illustration_L from 'illustration:./S2_fill_illustration_generic2_160.svg';
 import Illustration_M from 'illustration:./S2_fill_illustration_generic2_96.svg';
 import Illustration_S from 'illustration:./S2_fill_illustration_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Illustration(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Illustration(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx
index 57dfe07a4aa..a26ce819ef6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Image_L from 'illustration:./S2_fill_image_generic2_160.svg';
 import Image_M from 'illustration:./S2_fill_image_generic2_96.svg';
 import Image_S from 'illustration:./S2_fill_image_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx
index 14c0159ac61..62503d240bf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ImageStack_L from 'illustration:./S2_fill_imageStack_generic2_160.svg';
 import ImageStack_M from 'illustration:./S2_fill_imageStack_generic2_96.svg';
 import ImageStack_S from 'illustration:./S2_fill_imageStack_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx
index ae64858190b..f02fdad017e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import InfiniteLooping_L from 'illustration:./S2_fill_infiniteLooping_generic2_160.svg';
 import InfiniteLooping_M from 'illustration:./S2_fill_infiniteLooping_generic2_96.svg';
 import InfiniteLooping_S from 'illustration:./S2_fill_infiniteLooping_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function InfiniteLooping(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function InfiniteLooping(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx
index 68c429e0fc0..1d282ff2e19 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Information_L from 'illustration:./S2_fill_information_generic2_160.svg';
 import Information_M from 'illustration:./S2_fill_information_generic2_96.svg';
 import Information_S from 'illustration:./S2_fill_information_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx
index 82865b98dc3..00072e154ee 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Interaction_L from 'illustration:./S2_fill_interaction_generic2_160.svg';
 import Interaction_M from 'illustration:./S2_fill_interaction_generic2_96.svg';
 import Interaction_S from 'illustration:./S2_fill_interaction_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Interaction(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Interaction(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx
index fe3c31ee0fb..3707167be01 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Laptop_L from 'illustration:./S2_fill_laptop_generic2_160.svg';
 import Laptop_M from 'illustration:./S2_fill_laptop_generic2_96.svg';
 import Laptop_S from 'illustration:./S2_fill_laptop_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx
index 8ec7a0bf91b..33808443877 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Layers_L from 'illustration:./S2_fill_layers_generic2_160.svg';
 import Layers_M from 'illustration:./S2_fill_layers_generic2_96.svg';
 import Layers_S from 'illustration:./S2_fill_layers_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx
index 4c608479e4d..c3d2bcfc5df 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Libraries_L from 'illustration:./S2_fill_libraries_generic2_160.svg';
 import Libraries_M from 'illustration:./S2_fill_libraries_generic2_96.svg';
 import Libraries_S from 'illustration:./S2_fill_libraries_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx
index 82939fe136b..bc202ce8aab 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Lightbulb_L from 'illustration:./S2_fill_lightbulb_generic2_160.svg';
 import Lightbulb_M from 'illustration:./S2_fill_lightbulb_generic2_96.svg';
 import Lightbulb_S from 'illustration:./S2_fill_lightbulb_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx
index 1214d77cb69..b932864b66c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import LightbulbRays_L from 'illustration:./S2_fill_lightbulbRays_generic2_160.svg';
 import LightbulbRays_M from 'illustration:./S2_fill_lightbulbRays_generic2_96.svg';
 import LightbulbRays_S from 'illustration:./S2_fill_lightbulbRays_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx
index d7abc07be7c..f3610973eaf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Lighten_L from 'illustration:./S2_fill_lighten_generic2_160.svg';
 import Lighten_M from 'illustration:./S2_fill_lighten_generic2_96.svg';
 import Lighten_S from 'illustration:./S2_fill_lighten_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Lighten(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Lighten(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx
index 56e99d9c89f..44a211db6f6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Link_L from 'illustration:./S2_fill_link_generic2_160.svg';
 import Link_M from 'illustration:./S2_fill_link_generic2_96.svg';
 import Link_S from 'illustration:./S2_fill_link_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx
index c09aedebe5e..28856e541df 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Location_L from 'illustration:./S2_fill_location_generic2_160.svg';
 import Location_M from 'illustration:./S2_fill_location_generic2_96.svg';
 import Location_S from 'illustration:./S2_fill_location_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx
index b326579b9e1..4f882226883 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import LockClose_L from 'illustration:./S2_fill_lockClose_generic2_160.svg';
 import LockClose_M from 'illustration:./S2_fill_lockClose_generic2_96.svg';
 import LockClose_S from 'illustration:./S2_fill_lockClose_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx
index 85b5c860bc8..37ba6a9f745 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import LockOpen_L from 'illustration:./S2_fill_lockOpen_generic2_160.svg';
 import LockOpen_M from 'illustration:./S2_fill_lockOpen_generic2_96.svg';
 import LockOpen_S from 'illustration:./S2_fill_lockOpen_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx
index f56f71c14d2..e64e013df7a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Logo_L from 'illustration:./S2_fill_logo_generic2_160.svg';
 import Logo_M from 'illustration:./S2_fill_logo_generic2_96.svg';
 import Logo_S from 'illustration:./S2_fill_logo_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx
index 1559612e11c..588fccb0133 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MagicWand_L from 'illustration:./S2_fill_magicWand_generic2_160.svg';
 import MagicWand_M from 'illustration:./S2_fill_magicWand_generic2_96.svg';
 import MagicWand_S from 'illustration:./S2_fill_magicWand_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MagicWand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MagicWand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx
index bb6fa27ed39..3d8da1e0096 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MailClose_L from 'illustration:./S2_fill_mailClose_generic2_160.svg';
 import MailClose_M from 'illustration:./S2_fill_mailClose_generic2_96.svg';
 import MailClose_S from 'illustration:./S2_fill_mailClose_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx
index 987b509acdf..d8595def4fa 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MailOpen_L from 'illustration:./S2_fill_mailOpen_generic2_160.svg';
 import MailOpen_M from 'illustration:./S2_fill_mailOpen_generic2_96.svg';
 import MailOpen_S from 'illustration:./S2_fill_mailOpen_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MailOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MailOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx
index 519fd8df9c0..2ca1f6bf9ab 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Market_L from 'illustration:./S2_fill_market_generic2_160.svg';
 import Market_M from 'illustration:./S2_fill_market_generic2_96.svg';
 import Market_S from 'illustration:./S2_fill_market_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Market(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Market(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx
index e00ff59f71a..f783e0e3872 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MegaphonePromote_L from 'illustration:./S2_fill_megaphonePromote_generic2_160.svg';
 import MegaphonePromote_M from 'illustration:./S2_fill_megaphonePromote_generic2_96.svg';
 import MegaphonePromote_S from 'illustration:./S2_fill_megaphonePromote_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx
index ef8869350d5..2fba07aae3d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MegaphonePromote2_L from 'illustration:./S2_fill_megaphonePromote2_generic2_160.svg';
 import MegaphonePromote2_M from 'illustration:./S2_fill_megaphonePromote2_generic2_96.svg';
 import MegaphonePromote2_S from 'illustration:./S2_fill_megaphonePromote2_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MegaphonePromote2(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MegaphonePromote2(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx
index 5f36a4ab61f..76857762d57 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Mention_L from 'illustration:./S2_fill_mention_generic2_160.svg';
 import Mention_M from 'illustration:./S2_fill_mention_generic2_96.svg';
 import Mention_S from 'illustration:./S2_fill_mention_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Mention(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Mention(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx
index d3741d5c632..fe49d70f91d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Microphone_L from 'illustration:./S2_fill_microphone_generic2_160.svg';
 import Microphone_M from 'illustration:./S2_fill_microphone_generic2_96.svg';
 import Microphone_S from 'illustration:./S2_fill_microphone_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Microphone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Microphone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx
index 7594333183d..83342d78042 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Minimize_L from 'illustration:./S2_fill_minimize_generic2_160.svg';
 import Minimize_M from 'illustration:./S2_fill_minimize_generic2_96.svg';
 import Minimize_S from 'illustration:./S2_fill_minimize_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Minimize(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Minimize(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx
index 3a25f94dd9e..e326fd478f0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MovieCamera_L from 'illustration:./S2_fill_movieCamera_generic2_160.svg';
 import MovieCamera_M from 'illustration:./S2_fill_movieCamera_generic2_96.svg';
 import MovieCamera_S from 'illustration:./S2_fill_movieCamera_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MovieCamera(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MovieCamera(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx
index a252bff369c..6faa86a63aa 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import MusicNote_L from 'illustration:./S2_fill_musicNote_generic2_160.svg';
 import MusicNote_M from 'illustration:./S2_fill_musicNote_generic2_96.svg';
 import MusicNote_S from 'illustration:./S2_fill_musicNote_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MusicNote(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MusicNote(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx
index f63075c362c..13f49b22fae 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import NoElements_L from 'illustration:./S2_fill_noElements_generic2_160.svg';
 import NoElements_M from 'illustration:./S2_fill_noElements_generic2_96.svg';
 import NoElements_S from 'illustration:./S2_fill_noElements_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoElements(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoElements(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx
index ac201c4fdd5..6ae40844909 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Paperairplane_L from 'illustration:./S2_fill_paperairplane_generic2_160.svg';
 import Paperairplane_M from 'illustration:./S2_fill_paperairplane_generic2_96.svg';
 import Paperairplane_S from 'illustration:./S2_fill_paperairplane_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx
index bbc9cc08f0d..8ae365629bf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Paperclip_L from 'illustration:./S2_fill_paperclip_generic2_160.svg';
 import Paperclip_M from 'illustration:./S2_fill_paperclip_generic2_96.svg';
 import Paperclip_S from 'illustration:./S2_fill_paperclip_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx
index 87689bbb7e3..0762573ed8d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Pause_L from 'illustration:./S2_fill_pause_generic2_160.svg';
 import Pause_M from 'illustration:./S2_fill_pause_generic2_96.svg';
 import Pause_S from 'illustration:./S2_fill_pause_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pause(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pause(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx
index e89f758a083..8d43b4799a2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Pencil_L from 'illustration:./S2_fill_pencil_generic2_160.svg';
 import Pencil_M from 'illustration:./S2_fill_pencil_generic2_96.svg';
 import Pencil_S from 'illustration:./S2_fill_pencil_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pencil(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pencil(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx
index 3c0da0daaa0..4734d03a852 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Phone_L from 'illustration:./S2_fill_phone_generic2_160.svg';
 import Phone_M from 'illustration:./S2_fill_phone_generic2_96.svg';
 import Phone_S from 'illustration:./S2_fill_phone_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx
index babc16238a2..dff5fd75c91 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import PieChart_L from 'illustration:./S2_fill_pieChart_generic2_160.svg';
 import PieChart_M from 'illustration:./S2_fill_pieChart_generic2_96.svg';
 import PieChart_S from 'illustration:./S2_fill_pieChart_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx
index 0f82a86b13e..df88e98f7c2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import PiggyBank_L from 'illustration:./S2_fill_piggyBank_generic2_160.svg';
 import PiggyBank_M from 'illustration:./S2_fill_piggyBank_generic2_96.svg';
 import PiggyBank_S from 'illustration:./S2_fill_piggyBank_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PiggyBank(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PiggyBank(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx
index ed5524b8783..a2281ba3233 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Pin_L from 'illustration:./S2_fill_pin_generic2_160.svg';
 import Pin_M from 'illustration:./S2_fill_pin_generic2_96.svg';
 import Pin_S from 'illustration:./S2_fill_pin_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx
index 0cff40ae018..2f0218af52a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Play_L from 'illustration:./S2_fill_play_generic2_160.svg';
 import Play_M from 'illustration:./S2_fill_play_generic2_96.svg';
 import Play_S from 'illustration:./S2_fill_play_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx
index b29b24894e0..712f019a26d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import PlayTriangle_L from 'illustration:./S2_fill_playTriangle_generic2_160.svg';
 import PlayTriangle_M from 'illustration:./S2_fill_playTriangle_generic2_96.svg';
 import PlayTriangle_S from 'illustration:./S2_fill_playTriangle_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PlayTriangle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PlayTriangle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx
index 20d71234fe5..a05bc911a61 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Plugin_L from 'illustration:./S2_fill_plugin_generic2_160.svg';
 import Plugin_M from 'illustration:./S2_fill_plugin_generic2_96.svg';
 import Plugin_S from 'illustration:./S2_fill_plugin_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx
index 413e230f05a..828e4b6cebb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Prompt_L from 'illustration:./S2_fill_prompt_generic2_160.svg';
 import Prompt_M from 'illustration:./S2_fill_prompt_generic2_96.svg';
 import Prompt_S from 'illustration:./S2_fill_prompt_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Prompt(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Prompt(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx
index 5043186f534..7d22aaf53cb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Properties_L from 'illustration:./S2_fill_properties_generic2_160.svg';
 import Properties_M from 'illustration:./S2_fill_properties_generic2_96.svg';
 import Properties_S from 'illustration:./S2_fill_properties_generic2_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Properties(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Properties(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx
index 2f415636add..a459577e57e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Redo_L from 'illustration:./S2_fill_redo_generic2_160.svg';
 import Redo_M from 'illustration:./S2_fill_redo_generic2_96.svg';
 import Redo_S from 'illustration:./S2_fill_redo_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Redo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Redo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx
index fe0b9b22a7b..e319fb57ca4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Remix_L from 'illustration:./S2_fill_remix_generic2_160.svg';
 import Remix_M from 'illustration:./S2_fill_remix_generic2_96.svg';
 import Remix_S from 'illustration:./S2_fill_remix_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Remix(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Remix(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx
index a68c97611c6..282be1965ac 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Replace_L from 'illustration:./S2_fill_replace_generic2_160.svg';
 import Replace_M from 'illustration:./S2_fill_replace_generic2_96.svg';
 import Replace_S from 'illustration:./S2_fill_replace_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Replace(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Replace(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx
index a5d4ca6e765..9b98f59a312 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Revert_L from 'illustration:./S2_fill_revert_generic2_160.svg';
 import Revert_M from 'illustration:./S2_fill_revert_generic2_96.svg';
 import Revert_S from 'illustration:./S2_fill_revert_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Revert(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Revert(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx
index cbf9289e974..3846cdb1dd3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Ribbon_L from 'illustration:./S2_fill_ribbon_generic2_160.svg';
 import Ribbon_M from 'illustration:./S2_fill_ribbon_generic2_96.svg';
 import Ribbon_S from 'illustration:./S2_fill_ribbon_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Ribbon(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Ribbon(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx
index 423f5948752..225a44503ad 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Rocket_L from 'illustration:./S2_fill_rocket_generic2_160.svg';
 import Rocket_M from 'illustration:./S2_fill_rocket_generic2_96.svg';
 import Rocket_S from 'illustration:./S2_fill_rocket_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx
index 1a11471426d..626d0110f33 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import RotateCCW_L from 'illustration:./S2_fill_rotateCCW_generic2_160.svg';
 import RotateCCW_M from 'illustration:./S2_fill_rotateCCW_generic2_96.svg';
 import RotateCCW_S from 'illustration:./S2_fill_rotateCCW_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function RotateCCW(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function RotateCCW(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx
index 0d6342fccb1..596cfbc39e8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import RotateCW_L from 'illustration:./S2_fill_rotateCW_generic2_160.svg';
 import RotateCW_M from 'illustration:./S2_fill_rotateCW_generic2_96.svg';
 import RotateCW_S from 'illustration:./S2_fill_rotateCW_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function RotateCW(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function RotateCW(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx
index c93619eaea8..e30ab0c3c4d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Ruler_L from 'illustration:./S2_fill_ruler_generic2_160.svg';
 import Ruler_M from 'illustration:./S2_fill_ruler_generic2_96.svg';
 import Ruler_S from 'illustration:./S2_fill_ruler_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Ruler(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Ruler(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx
index 8362c3ab5a1..6c1a5922c6a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Search_L from 'illustration:./S2_fill_search_generic2_160.svg';
 import Search_M from 'illustration:./S2_fill_search_generic2_96.svg';
 import Search_S from 'illustration:./S2_fill_search_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx
index 747f02f7567..4b1fd9d268f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Segmentation_L from 'illustration:./S2_fill_segmentation_generic2_160.svg';
 import Segmentation_M from 'illustration:./S2_fill_segmentation_generic2_96.svg';
 import Segmentation_S from 'illustration:./S2_fill_segmentation_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Segmentation(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Segmentation(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx
index cbb0a8f623f..11c92b886fd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Server_L from 'illustration:./S2_fill_server_generic2_160.svg';
 import Server_M from 'illustration:./S2_fill_server_generic2_96.svg';
 import Server_S from 'illustration:./S2_fill_server_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx
index 789a885a088..aa446264610 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Shapes_L from 'illustration:./S2_fill_shapes_generic2_160.svg';
 import Shapes_M from 'illustration:./S2_fill_shapes_generic2_96.svg';
 import Shapes_S from 'illustration:./S2_fill_shapes_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Shapes(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Shapes(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx
index 9144c2d0c99..af8944dc7fe 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ShoppingBag_L from 'illustration:./S2_fill_shoppingBag_generic2_160.svg';
 import ShoppingBag_M from 'illustration:./S2_fill_shoppingBag_generic2_96.svg';
 import ShoppingBag_S from 'illustration:./S2_fill_shoppingBag_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ShoppingBag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ShoppingBag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx
index 47aa2e53546..f0d6448f3ae 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ShoppingCart_L from 'illustration:./S2_fill_shoppingCart_generic2_160.svg';
 import ShoppingCart_M from 'illustration:./S2_fill_shoppingCart_generic2_96.svg';
 import ShoppingCart_S from 'illustration:./S2_fill_shoppingCart_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ShoppingCart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ShoppingCart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx
index 16830e53cd0..019afee6fb4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Sparkles_L from 'illustration:./S2_fill_sparkles_generic2_160.svg';
 import Sparkles_M from 'illustration:./S2_fill_sparkles_generic2_96.svg';
 import Sparkles_S from 'illustration:./S2_fill_sparkles_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx
index e6e7ff51f4b..79fcbb4b488 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import SpeedFast_L from 'illustration:./S2_fill_speedFast_generic2_160.svg';
 import SpeedFast_M from 'illustration:./S2_fill_speedFast_generic2_96.svg';
 import SpeedFast_S from 'illustration:./S2_fill_speedFast_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function SpeedFast(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function SpeedFast(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx
index 4ab4578e435..8c359b1595a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import StampClone_L from 'illustration:./S2_fill_stampClone_generic2_160.svg';
 import StampClone_M from 'illustration:./S2_fill_stampClone_generic2_96.svg';
 import StampClone_S from 'illustration:./S2_fill_stampClone_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function StampClone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function StampClone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx
index 7ad0208c7f6..e43aa773cfd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Star_L from 'illustration:./S2_fill_star_generic2_160.svg';
 import Star_M from 'illustration:./S2_fill_star_generic2_96.svg';
 import Star_S from 'illustration:./S2_fill_star_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx
index b65562d9765..7f3631020ae 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import StepForward_L from 'illustration:./S2_fill_stepForward_generic2_160.svg';
 import StepForward_M from 'illustration:./S2_fill_stepForward_generic2_96.svg';
 import StepForward_S from 'illustration:./S2_fill_stepForward_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function StepForward(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function StepForward(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx
index 48c5a474ffe..fb00486c95e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Switch_L from 'illustration:./S2_fill_switch_generic2_160.svg';
 import Switch_M from 'illustration:./S2_fill_switch_generic2_96.svg';
 import Switch_S from 'illustration:./S2_fill_switch_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Switch(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Switch(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx
index dfdb449fddb..8861c7044c3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Tablet_L from 'illustration:./S2_fill_tablet_generic2_160.svg';
 import Tablet_M from 'illustration:./S2_fill_tablet_generic2_96.svg';
 import Tablet_S from 'illustration:./S2_fill_tablet_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx
index 5c18a606de2..8997698b990 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Tag_L from 'illustration:./S2_fill_tag_generic2_160.svg';
 import Tag_M from 'illustration:./S2_fill_tag_generic2_96.svg';
 import Tag_S from 'illustration:./S2_fill_tag_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx
index a6456dbfcaf..c9f28e96eb2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Targeted_L from 'illustration:./S2_fill_targeted_generic2_160.svg';
 import Targeted_M from 'illustration:./S2_fill_targeted_generic2_96.svg';
 import Targeted_S from 'illustration:./S2_fill_targeted_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Targeted(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Targeted(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx
index 28362e018f7..7885305855d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Text_L from 'illustration:./S2_fill_text_generic2_160.svg';
 import Text_M from 'illustration:./S2_fill_text_generic2_96.svg';
 import Text_S from 'illustration:./S2_fill_text_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Text(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Text(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx
index 9622cbc2bed..38c906dbe7e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ThreeArrowsCircle_L from 'illustration:./S2_fill_threeArrowsCircle_generic2_160.svg';
 import ThreeArrowsCircle_M from 'illustration:./S2_fill_threeArrowsCircle_generic2_96.svg';
 import ThreeArrowsCircle_S from 'illustration:./S2_fill_threeArrowsCircle_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ThreeArrowsCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ThreeArrowsCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx
index efff47cefe9..5dcdafa2ef4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import ThumbsUp_L from 'illustration:./S2_fill_thumbsUp_generic2_160.svg';
 import ThumbsUp_M from 'illustration:./S2_fill_thumbsUp_generic2_96.svg';
 import ThumbsUp_S from 'illustration:./S2_fill_thumbsUp_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ThumbsUp(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ThumbsUp(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx
index 877aceb6d3b..f16d7aa1b24 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Transform_L from 'illustration:./S2_fill_transform_generic2_160.svg';
 import Transform_M from 'illustration:./S2_fill_transform_generic2_96.svg';
 import Transform_S from 'illustration:./S2_fill_transform_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Transform(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Transform(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx
index c66e18177e9..d7f914ec7be 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Translate_L from 'illustration:./S2_fill_translate_generic2_160.svg';
 import Translate_M from 'illustration:./S2_fill_translate_generic2_96.svg';
 import Translate_S from 'illustration:./S2_fill_translate_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Translate(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Translate(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx
index 76d26c334f5..542b87f022b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Trash_L from 'illustration:./S2_fill_trash_generic2_160.svg';
 import Trash_M from 'illustration:./S2_fill_trash_generic2_96.svg';
 import Trash_S from 'illustration:./S2_fill_trash_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx
index 615445ede05..4ea3089d188 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Trophy_L from 'illustration:./S2_fill_trophy_generic2_160.svg';
 import Trophy_M from 'illustration:./S2_fill_trophy_generic2_96.svg';
 import Trophy_S from 'illustration:./S2_fill_trophy_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx
index 5e74ece7091..8a2749aecde 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Update_L from 'illustration:./S2_fill_update_generic2_160.svg';
 import Update_M from 'illustration:./S2_fill_update_generic2_96.svg';
 import Update_S from 'illustration:./S2_fill_update_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx
index b57dd707e92..ddd68b4c74a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import Upload_L from 'illustration:./S2_fill_upload_generic2_160.svg';
 import Upload_M from 'illustration:./S2_fill_upload_generic2_96.svg';
 import Upload_S from 'illustration:./S2_fill_upload_generic2_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Upload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Upload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx
index 539fb7dd6cf..9ac4a58bcdb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import User_L from 'illustration:./S2_fill_user_generic2_160.svg';
 import User_M from 'illustration:./S2_fill_user_generic2_96.svg';
 import User_S from 'illustration:./S2_fill_user_generic2_48.svg';
 
-export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx
index 16a1e94682f..067b4db7297 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import UserAvatar_L from 'illustration:./S2_fill_userAvatar_generic2_160.svg';
 import UserAvatar_M from 'illustration:./S2_fill_userAvatar_generic2_96.svg';
 import UserAvatar_S from 'illustration:./S2_fill_userAvatar_generic2_48.svg';
 
-export default function UserAvatar(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function UserAvatar(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx
index 9f1b4365b27..2723bbbdfa9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import UserGroup_L from 'illustration:./S2_fill_userGroup_generic2_160.svg';
 import UserGroup_M from 'illustration:./S2_fill_userGroup_generic2_96.svg';
 import UserGroup_S from 'illustration:./S2_fill_userGroup_generic2_48.svg';
 
-export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx
index 397ae3006dc..db2d118a60b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import VectorDraw_L from 'illustration:./S2_fill_vectorDraw_generic2_160.svg';
 import VectorDraw_M from 'illustration:./S2_fill_vectorDraw_generic2_96.svg';
 import VectorDraw_S from 'illustration:./S2_fill_vectorDraw_generic2_48.svg';
 
-export default function VectorDraw(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function VectorDraw(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx
index ac6e3c7f260..20a8874766d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Video_L from 'illustration:./S2_fill_video_generic2_160.svg';
 import Video_M from 'illustration:./S2_fill_video_generic2_96.svg';
 import Video_S from 'illustration:./S2_fill_video_generic2_48.svg';
 
-export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx
index 60bf5a608a9..3f6a044ce4d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Volume_L from 'illustration:./S2_fill_volume_generic2_160.svg';
 import Volume_M from 'illustration:./S2_fill_volume_generic2_96.svg';
 import Volume_S from 'illustration:./S2_fill_volume_generic2_48.svg';
 
-export default function Volume(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Volume(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx
index 2740da453dd..8bf44a1dadc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import VolumeOne_L from 'illustration:./S2_fill_volumeOne_generic2_160.svg';
 import VolumeOne_M from 'illustration:./S2_fill_volumeOne_generic2_96.svg';
 import VolumeOne_S from 'illustration:./S2_fill_volumeOne_generic2_48.svg';
 
-export default function VolumeOne(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function VolumeOne(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx
index 723eb052baa..336094e9c17 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Wallet_L from 'illustration:./S2_fill_wallet_generic2_160.svg';
 import Wallet_M from 'illustration:./S2_fill_wallet_generic2_96.svg';
 import Wallet_S from 'illustration:./S2_fill_wallet_generic2_48.svg';
 
-export default function Wallet(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Wallet(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx
index 2af1eab2ded..1918e9e0441 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx
@@ -13,10 +13,11 @@
 import _3D_L from 'illustration:./S2_lin_3D_160.svg';
 import _3D_M from 'illustration:./S2_lin_3D_96.svg';
 import _3D_S from 'illustration:./S2_lin_3D_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function _3D(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function _3D(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx
index f99923f62fc..0d4c8dd8bd3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx
@@ -13,10 +13,11 @@
 import _3Dasset_L from 'illustration:./S2_lin_3Dasset_160.svg';
 import _3Dasset_M from 'illustration:./S2_lin_3Dasset_96.svg';
 import _3Dasset_S from 'illustration:./S2_lin_3Dasset_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function _3Dasset(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function _3Dasset(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx
index 26dab4a2ec0..ca2e7b75c4d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx
@@ -13,10 +13,11 @@
 import AIChat_L from 'illustration:./S2_lin_AIChat_160.svg';
 import AIChat_M from 'illustration:./S2_lin_AIChat_96.svg';
 import AIChat_S from 'illustration:./S2_lin_AIChat_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIChat(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIChat(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx
index 81d34b3808d..75e770ecc57 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx
@@ -13,10 +13,11 @@
 import AIGenerate_L from 'illustration:./S2_lin_AIGenerate_160.svg';
 import AIGenerate_M from 'illustration:./S2_lin_AIGenerate_96.svg';
 import AIGenerate_S from 'illustration:./S2_lin_AIGenerate_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIGenerate(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIGenerate(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx
index 5b6b6f78019..c34cf17a982 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx
@@ -13,10 +13,11 @@
 import AIGenerateImage_L from 'illustration:./S2_lin_AIGenerateImage_160.svg';
 import AIGenerateImage_M from 'illustration:./S2_lin_AIGenerateImage_96.svg';
 import AIGenerateImage_S from 'illustration:./S2_lin_AIGenerateImage_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AIGenerateImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AIGenerateImage(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx
index d4e87434305..361d6f4291a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx
@@ -13,10 +13,11 @@
 import Accessibility_L from 'illustration:./S2_lin_accessibility_160.svg';
 import Accessibility_M from 'illustration:./S2_lin_accessibility_96.svg';
 import Accessibility_S from 'illustration:./S2_lin_accessibility_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Accessibility(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Accessibility(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx
index cd457be0954..926ad679b24 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx
@@ -13,10 +13,11 @@
 import Addproject_L from 'illustration:./S2_lin_addproject_160.svg';
 import Addproject_M from 'illustration:./S2_lin_addproject_96.svg';
 import Addproject_S from 'illustration:./S2_lin_addproject_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Addproject(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Addproject(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx
index 9706323c23d..e7baa97fd60 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx
@@ -13,10 +13,11 @@
 import AlertNotice_L from 'illustration:./S2_lin_alertNotice_160.svg';
 import AlertNotice_M from 'illustration:./S2_lin_alertNotice_96.svg';
 import AlertNotice_S from 'illustration:./S2_lin_alertNotice_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AlertNotice(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AlertNotice(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx
index 705986f8307..1b7fdc405e1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx
@@ -13,10 +13,11 @@
 import Animation_L from 'illustration:./S2_lin_animation_160.svg';
 import Animation_M from 'illustration:./S2_lin_animation_96.svg';
 import Animation_S from 'illustration:./S2_lin_animation_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Animation(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Animation(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx
index 6864569f8bc..da76f8489da 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx
@@ -13,10 +13,11 @@
 import Apps_L from 'illustration:./S2_lin_apps_160.svg';
 import Apps_M from 'illustration:./S2_lin_apps_96.svg';
 import Apps_S from 'illustration:./S2_lin_apps_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Apps(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Apps(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx
index 5d2290deeda..8784d756ed5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx
@@ -13,10 +13,11 @@
 import ArrowDown_L from 'illustration:./S2_lin_arrowDown_160.svg';
 import ArrowDown_M from 'illustration:./S2_lin_arrowDown_96.svg';
 import ArrowDown_S from 'illustration:./S2_lin_arrowDown_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ArrowDown(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ArrowDown(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx
index 169082c2803..23462884920 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx
@@ -13,10 +13,11 @@
 import ArrowLeft_L from 'illustration:./S2_lin_arrowLeft_160.svg';
 import ArrowLeft_M from 'illustration:./S2_lin_arrowLeft_96.svg';
 import ArrowLeft_S from 'illustration:./S2_lin_arrowLeft_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ArrowLeft(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ArrowLeft(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx
index 63b767e045c..7efc36a427b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx
@@ -13,10 +13,11 @@
 import ArrowRight_L from 'illustration:./S2_lin_arrowRight_160.svg';
 import ArrowRight_M from 'illustration:./S2_lin_arrowRight_96.svg';
 import ArrowRight_S from 'illustration:./S2_lin_arrowRight_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ArrowRight(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ArrowRight(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx
index 8a81910d1a6..b1ddee3ddb1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx
@@ -13,10 +13,11 @@
 import ArrowUp_L from 'illustration:./S2_lin_arrowUp_160.svg';
 import ArrowUp_M from 'illustration:./S2_lin_arrowUp_96.svg';
 import ArrowUp_S from 'illustration:./S2_lin_arrowUp_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ArrowUp(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ArrowUp(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx
index decd277c156..ac6906827ba 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx
@@ -13,10 +13,11 @@
 import Artboard_L from 'illustration:./S2_lin_artboard_160.svg';
 import Artboard_M from 'illustration:./S2_lin_artboard_96.svg';
 import Artboard_S from 'illustration:./S2_lin_artboard_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Artboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Artboard(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx
index 288cb6a8c0c..fb176e8686d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx
@@ -13,10 +13,11 @@
 import Assets_L from 'illustration:./S2_lin_assets_160.svg';
 import Assets_M from 'illustration:./S2_lin_assets_96.svg';
 import Assets_S from 'illustration:./S2_lin_assets_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Assets(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Assets(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx
index 22937a574c0..877f57fd2f3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx
@@ -13,10 +13,11 @@
 import AudioWave_L from 'illustration:./S2_lin_audioWave_160.svg';
 import AudioWave_M from 'illustration:./S2_lin_audioWave_96.svg';
 import AudioWave_S from 'illustration:./S2_lin_audioWave_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function AudioWave(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function AudioWave(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx
index 11af4ffabf4..b83614555dc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx
@@ -13,10 +13,11 @@
 import BadgeVerified_L from 'illustration:./S2_lin_badgeVerified_160.svg';
 import BadgeVerified_M from 'illustration:./S2_lin_badgeVerified_96.svg';
 import BadgeVerified_S from 'illustration:./S2_lin_badgeVerified_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BadgeVerified(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BadgeVerified(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx
index 4b2fc9d9054..fdcbbcf96ac 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx
@@ -13,10 +13,11 @@
 import Bell_L from 'illustration:./S2_lin_bell_160.svg';
 import Bell_M from 'illustration:./S2_lin_bell_96.svg';
 import Bell_S from 'illustration:./S2_lin_bell_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Bell(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Bell(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx
index 0ef54f24da8..1b76b447cb4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx
@@ -13,10 +13,11 @@
 import Bolt_L from 'illustration:./S2_lin_bolt_160.svg';
 import Bolt_M from 'illustration:./S2_lin_bolt_96.svg';
 import Bolt_S from 'illustration:./S2_lin_bolt_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Bolt(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Bolt(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx
index 5147e9e5f28..e64209f532e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx
@@ -13,10 +13,11 @@
 import Brand_L from 'illustration:./S2_lin_brand_160.svg';
 import Brand_M from 'illustration:./S2_lin_brand_96.svg';
 import Brand_S from 'illustration:./S2_lin_brand_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Brand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Brand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx
index b17f7d9be0a..06025236370 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx
@@ -13,10 +13,11 @@
 import Briefcase_L from 'illustration:./S2_lin_briefcase_160.svg';
 import Briefcase_M from 'illustration:./S2_lin_briefcase_96.svg';
 import Briefcase_S from 'illustration:./S2_lin_briefcase_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Briefcase(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Briefcase(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx
index 768928aa707..672a3fbc961 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx
@@ -13,10 +13,11 @@
 import BrightnessContrast_L from 'illustration:./S2_lin_brightnessContrast_160.svg';
 import BrightnessContrast_M from 'illustration:./S2_lin_brightnessContrast_96.svg';
 import BrightnessContrast_S from 'illustration:./S2_lin_brightnessContrast_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BrightnessContrast(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BrightnessContrast(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx
index 7710177f7f7..a7b0b36a714 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx
@@ -13,10 +13,11 @@
 import Browser_L from 'illustration:./S2_lin_browser_160.svg';
 import Browser_M from 'illustration:./S2_lin_browser_96.svg';
 import Browser_S from 'illustration:./S2_lin_browser_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Browser(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Browser(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx
index bbfd4a79e0a..ae6759526e8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx
@@ -13,10 +13,11 @@
 import BrowserError_L from 'illustration:./S2_lin_browserError_160.svg';
 import BrowserError_M from 'illustration:./S2_lin_browserError_96.svg';
 import BrowserError_S from 'illustration:./S2_lin_browserError_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BrowserError(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BrowserError(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx
index 167300c8ea7..d6fa9a3895c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx
@@ -13,10 +13,11 @@
 import BrowserNotCompatible_L from 'illustration:./S2_lin_browserNotCompatible_160.svg';
 import BrowserNotCompatible_M from 'illustration:./S2_lin_browserNotCompatible_96.svg';
 import BrowserNotCompatible_S from 'illustration:./S2_lin_browserNotCompatible_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BrowserNotCompatible(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BrowserNotCompatible(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx
index d8d9d90aa70..50814fa79df 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx
@@ -13,10 +13,11 @@
 import Brush_L from 'illustration:./S2_lin_brush_160.svg';
 import Brush_M from 'illustration:./S2_lin_brush_96.svg';
 import Brush_S from 'illustration:./S2_lin_brush_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Brush(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Brush(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx
index 2ca9eecdcb0..3eda5d42dd0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx
@@ -13,10 +13,11 @@
 import Bug_L from 'illustration:./S2_lin_bug_160.svg';
 import Bug_M from 'illustration:./S2_lin_bug_96.svg';
 import Bug_S from 'illustration:./S2_lin_bug_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Bug(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Bug(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx
index 25a23728752..075467fb1f3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx
@@ -13,10 +13,11 @@
 import BuildTable_L from 'illustration:./S2_lin_buildTable_160.svg';
 import BuildTable_M from 'illustration:./S2_lin_buildTable_96.svg';
 import BuildTable_S from 'illustration:./S2_lin_buildTable_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function BuildTable(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function BuildTable(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx
index 48edc6b7a7d..757f3e69ee7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx
@@ -13,10 +13,11 @@
 import Buildings_L from 'illustration:./S2_lin_buildings_160.svg';
 import Buildings_M from 'illustration:./S2_lin_buildings_96.svg';
 import Buildings_S from 'illustration:./S2_lin_buildings_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Buildings(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Buildings(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx
index 409ac7fa4ab..6bb10cbb030 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx
@@ -13,10 +13,11 @@
 import Calendar_L from 'illustration:./S2_lin_calendar_160.svg';
 import Calendar_M from 'illustration:./S2_lin_calendar_96.svg';
 import Calendar_S from 'illustration:./S2_lin_calendar_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Calendar(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Calendar(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx
index a8248a91d28..05a5aab2959 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx
@@ -13,10 +13,11 @@
 import Camera_L from 'illustration:./S2_lin_camera_160.svg';
 import Camera_M from 'illustration:./S2_lin_camera_96.svg';
 import Camera_S from 'illustration:./S2_lin_camera_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Camera(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Camera(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx
index daa44096e54..555bea41217 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx
@@ -13,10 +13,11 @@
 import CardTapPayment_L from 'illustration:./S2_lin_cardTapPayment_160.svg';
 import CardTapPayment_M from 'illustration:./S2_lin_cardTapPayment_96.svg';
 import CardTapPayment_S from 'illustration:./S2_lin_cardTapPayment_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CardTapPayment(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CardTapPayment(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx
index d1b0ff1f225..f46119a8f67 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx
@@ -13,10 +13,11 @@
 import Channel_L from 'illustration:./S2_lin_channel_160.svg';
 import Channel_M from 'illustration:./S2_lin_channel_96.svg';
 import Channel_S from 'illustration:./S2_lin_channel_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Channel(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Channel(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx
index 2982470078c..14962678e99 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx
@@ -13,10 +13,11 @@
 import ChartAreaStack_L from 'illustration:./S2_lin_chartAreaStack_160.svg';
 import ChartAreaStack_M from 'illustration:./S2_lin_chartAreaStack_96.svg';
 import ChartAreaStack_S from 'illustration:./S2_lin_chartAreaStack_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ChartAreaStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ChartAreaStack(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx
index 14685c8a886..171343fd8a7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx
@@ -13,10 +13,11 @@
 import Chatbubble_L from 'illustration:./S2_lin_chatbubble_160.svg';
 import Chatbubble_M from 'illustration:./S2_lin_chatbubble_96.svg';
 import Chatbubble_S from 'illustration:./S2_lin_chatbubble_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Chatbubble(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Chatbubble(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx
index c31cf40358a..7414e9ae7c4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx
@@ -13,10 +13,11 @@
 import Check_L from 'illustration:./S2_lin_check_160.svg';
 import Check_M from 'illustration:./S2_lin_check_96.svg';
 import Check_S from 'illustration:./S2_lin_check_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Check(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Check(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx
index 80be47b2ce6..3f1a1dd677b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx
@@ -13,10 +13,11 @@
 import Clipboard_L from 'illustration:./S2_lin_clipboard_160.svg';
 import Clipboard_M from 'illustration:./S2_lin_clipboard_96.svg';
 import Clipboard_S from 'illustration:./S2_lin_clipboard_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Clipboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Clipboard(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx
index 7de0ae1d3cf..35f84540416 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx
@@ -13,10 +13,11 @@
 import Clock_L from 'illustration:./S2_lin_clock_160.svg';
 import Clock_M from 'illustration:./S2_lin_clock_96.svg';
 import Clock_S from 'illustration:./S2_lin_clock_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Clock(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Clock(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx
index e1b92e4cf64..5964ea1c5e4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx
@@ -13,10 +13,11 @@
 import Close_L from 'illustration:./S2_lin_close_160.svg';
 import Close_M from 'illustration:./S2_lin_close_96.svg';
 import Close_S from 'illustration:./S2_lin_close_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Close(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Close(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx
index d635ccdd92c..e50f77edace 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx
@@ -13,10 +13,11 @@
 import Cloud_L from 'illustration:./S2_lin_cloud_160.svg';
 import Cloud_M from 'illustration:./S2_lin_cloud_96.svg';
 import Cloud_S from 'illustration:./S2_lin_cloud_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cloud(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cloud(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx
index 5f93cf926c0..c55269e93af 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx
@@ -13,10 +13,11 @@
 import CloudStateDisconnected_L from 'illustration:./S2_lin_cloudStateDisconnected_160.svg';
 import CloudStateDisconnected_M from 'illustration:./S2_lin_cloudStateDisconnected_96.svg';
 import CloudStateDisconnected_S from 'illustration:./S2_lin_cloudStateDisconnected_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CloudStateDisconnected(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CloudStateDisconnected(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx
index d1cee7455ca..5e6e09094ca 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx
@@ -13,10 +13,11 @@
 import CloudStateError_L from 'illustration:./S2_lin_cloudStateError_160.svg';
 import CloudStateError_M from 'illustration:./S2_lin_cloudStateError_96.svg';
 import CloudStateError_S from 'illustration:./S2_lin_cloudStateError_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CloudStateError(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CloudStateError(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx
index a98ab0fe0c9..348704e3f15 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx
@@ -13,10 +13,11 @@
 import CloudUpload_L from 'illustration:./S2_lin_cloudUpload_160.svg';
 import CloudUpload_M from 'illustration:./S2_lin_cloudUpload_96.svg';
 import CloudUpload_S from 'illustration:./S2_lin_cloudUpload_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CloudUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CloudUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx
index 525135b5af4..98346c0e239 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx
@@ -13,10 +13,11 @@
 import CodeBrackets_L from 'illustration:./S2_lin_codeBrackets_160.svg';
 import CodeBrackets_M from 'illustration:./S2_lin_codeBrackets_96.svg';
 import CodeBrackets_S from 'illustration:./S2_lin_codeBrackets_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CodeBrackets(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CodeBrackets(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx
index 7ec1f157655..d39a5593b17 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx
@@ -13,10 +13,11 @@
 import Color_L from 'illustration:./S2_lin_color_160.svg';
 import Color_M from 'illustration:./S2_lin_color_96.svg';
 import Color_S from 'illustration:./S2_lin_color_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Color(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Color(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx
index 6d43d0644c1..696cef8d1be 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx
@@ -13,10 +13,11 @@
 import CommentText_L from 'illustration:./S2_lin_commentText_160.svg';
 import CommentText_M from 'illustration:./S2_lin_commentText_96.svg';
 import CommentText_S from 'illustration:./S2_lin_commentText_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function CommentText(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function CommentText(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx
index d943748e5e2..956c3cea280 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx
@@ -13,10 +13,11 @@
 import ConfettiCelebration_L from 'illustration:./S2_lin_confettiCelebration_160.svg';
 import ConfettiCelebration_M from 'illustration:./S2_lin_confettiCelebration_96.svg';
 import ConfettiCelebration_S from 'illustration:./S2_lin_confettiCelebration_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ConfettiCelebration(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ConfettiCelebration(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx
index 0b1cb36c5ed..7f73eb543c1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx
@@ -13,10 +13,11 @@
 import Conversationbubbles_L from 'illustration:./S2_lin_conversationbubbles_160.svg';
 import Conversationbubbles_M from 'illustration:./S2_lin_conversationbubbles_96.svg';
 import Conversationbubbles_S from 'illustration:./S2_lin_conversationbubbles_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Conversationbubbles(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Conversationbubbles(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx
index 8f7658492f7..8877662b8c6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx
@@ -13,10 +13,11 @@
 import Crop_L from 'illustration:./S2_lin_crop_160.svg';
 import Crop_M from 'illustration:./S2_lin_crop_96.svg';
 import Crop_S from 'illustration:./S2_lin_crop_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Crop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Crop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx
index b8072797f99..59d887d5bee 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx
@@ -13,10 +13,11 @@
 import Cursor_L from 'illustration:./S2_lin_cursor_160.svg';
 import Cursor_M from 'illustration:./S2_lin_cursor_96.svg';
 import Cursor_S from 'illustration:./S2_lin_cursor_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cursor(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cursor(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx
index 054ba102bc1..1864c1f35a5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx
@@ -13,10 +13,11 @@
 import Cut_L from 'illustration:./S2_lin_cut_160.svg';
 import Cut_M from 'illustration:./S2_lin_cut_96.svg';
 import Cut_S from 'illustration:./S2_lin_cut_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Cut(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Cut(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx
index b9050d98fad..b52db9790b3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx
@@ -13,10 +13,11 @@
 import Data_L from 'illustration:./S2_lin_data_160.svg';
 import Data_M from 'illustration:./S2_lin_data_96.svg';
 import Data_S from 'illustration:./S2_lin_data_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Data(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Data(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx
index 99a1dfebac6..2421a75d34e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx
@@ -13,10 +13,11 @@
 import DataAnalytics_L from 'illustration:./S2_lin_dataAnalytics_160.svg';
 import DataAnalytics_M from 'illustration:./S2_lin_dataAnalytics_96.svg';
 import DataAnalytics_S from 'illustration:./S2_lin_dataAnalytics_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function DataAnalytics(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function DataAnalytics(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx
index 5f8b57ce848..f12902b4f38 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx
@@ -13,10 +13,11 @@
 import Desktop_L from 'illustration:./S2_lin_desktop_160.svg';
 import Desktop_M from 'illustration:./S2_lin_desktop_96.svg';
 import Desktop_S from 'illustration:./S2_lin_desktop_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Desktop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Desktop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx
index e29d98e5bbf..819667548cc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx
@@ -13,10 +13,11 @@
 import Diamond_L from 'illustration:./S2_lin_diamond_160.svg';
 import Diamond_M from 'illustration:./S2_lin_diamond_96.svg';
 import Diamond_S from 'illustration:./S2_lin_diamond_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Diamond(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Diamond(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx
index 3b0c05dcc33..7d4cd34ff8a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx
@@ -13,10 +13,11 @@
 import Document_L from 'illustration:./S2_lin_document_160.svg';
 import Document_M from 'illustration:./S2_lin_document_96.svg';
 import Document_S from 'illustration:./S2_lin_document_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Document(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Document(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx
index 40ff66cf6c1..4e5927a7760 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx
@@ -13,10 +13,11 @@
 import Download_L from 'illustration:./S2_lin_download_160.svg';
 import Download_M from 'illustration:./S2_lin_download_96.svg';
 import Download_S from 'illustration:./S2_lin_download_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Download(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Download(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx
index 23a2e82d982..f43e8000ea8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx
@@ -13,10 +13,11 @@
 import DropToUpload_L from 'illustration:./S2_lin_dropToUpload_160.svg';
 import DropToUpload_M from 'illustration:./S2_lin_dropToUpload_96.svg';
 import DropToUpload_S from 'illustration:./S2_lin_dropToUpload_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function DropToUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function DropToUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx
index f5b601a4329..bb8b4e69b43 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx
@@ -13,10 +13,11 @@
 import Education_L from 'illustration:./S2_lin_education_160.svg';
 import Education_M from 'illustration:./S2_lin_education_96.svg';
 import Education_S from 'illustration:./S2_lin_education_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Education(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Education(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx
index 838d5f6ea5f..00d47f6c6d7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx
@@ -13,10 +13,11 @@
 import Effects_L from 'illustration:./S2_lin_effects_160.svg';
 import Effects_M from 'illustration:./S2_lin_effects_96.svg';
 import Effects_S from 'illustration:./S2_lin_effects_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Effects(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Effects(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx
index d1fa8ee9aad..07c3e33ef8b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx
@@ -13,10 +13,11 @@
 import Emoji160_L from 'illustration:./S2_lin_emoji_160_160.svg';
 import Emoji160_M from 'illustration:./S2_lin_emoji_160_96.svg';
 import Emoji160_S from 'illustration:./S2_lin_emoji_160_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Emoji160(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Emoji160(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx
index 41cc85b26b5..b9e24ede1ac 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx
@@ -13,10 +13,11 @@
 import EmptyStateExport_L from 'illustration:./S2_lin_emptyStateExport_160.svg';
 import EmptyStateExport_M from 'illustration:./S2_lin_emptyStateExport_96.svg';
 import EmptyStateExport_S from 'illustration:./S2_lin_emptyStateExport_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function EmptyStateExport(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function EmptyStateExport(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx
index 208caa4ddc3..369099cedee 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx
@@ -13,10 +13,11 @@
 import Error_L from 'illustration:./S2_lin_error_160.svg';
 import Error_M from 'illustration:./S2_lin_error_96.svg';
 import Error_S from 'illustration:./S2_lin_error_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Error(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Error(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx
index 9dbfe49a69b..fc422ba32a3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx
@@ -13,10 +13,11 @@
 import Explosion_L from 'illustration:./S2_lin_explosion_160.svg';
 import Explosion_M from 'illustration:./S2_lin_explosion_96.svg';
 import Explosion_S from 'illustration:./S2_lin_explosion_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Explosion(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Explosion(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx
index f3153dfc2a0..9440da3ac41 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx
@@ -13,10 +13,11 @@
 import ExportTo_L from 'illustration:./S2_lin_exportTo_160.svg';
 import ExportTo_M from 'illustration:./S2_lin_exportTo_96.svg';
 import ExportTo_S from 'illustration:./S2_lin_exportTo_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ExportTo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ExportTo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx
index c75ec3220b5..aec8753314c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx
@@ -13,10 +13,11 @@
 import Exposure_L from 'illustration:./S2_lin_exposure_160.svg';
 import Exposure_M from 'illustration:./S2_lin_exposure_96.svg';
 import Exposure_S from 'illustration:./S2_lin_exposure_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Exposure(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Exposure(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx
index 1f779c9460e..469a41e8c0a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx
@@ -13,10 +13,11 @@
 import FileAlert_L from 'illustration:./S2_lin_fileAlert_160.svg';
 import FileAlert_M from 'illustration:./S2_lin_fileAlert_96.svg';
 import FileAlert_S from 'illustration:./S2_lin_fileAlert_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileAlert(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileAlert(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx
index 4d7c9f42868..5ffc1761a26 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx
@@ -13,10 +13,11 @@
 import FileImage_L from 'illustration:./S2_lin_fileImage_160.svg';
 import FileImage_M from 'illustration:./S2_lin_fileImage_96.svg';
 import FileImage_S from 'illustration:./S2_lin_fileImage_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileImage(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx
index 10829570d6b..41226f82747 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx
@@ -13,10 +13,11 @@
 import FileText_L from 'illustration:./S2_lin_fileText_160.svg';
 import FileText_M from 'illustration:./S2_lin_fileText_96.svg';
 import FileText_S from 'illustration:./S2_lin_fileText_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileText(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileText(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx
index fb9b31db6a9..2631dac73c8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx
@@ -13,10 +13,11 @@
 import FileVideo_L from 'illustration:./S2_lin_fileVideo_160.svg';
 import FileVideo_M from 'illustration:./S2_lin_fileVideo_96.svg';
 import FileVideo_S from 'illustration:./S2_lin_fileVideo_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileVideo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileVideo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx
index ad39fa84b75..4024cc9220f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx
@@ -13,10 +13,11 @@
 import FileZip_L from 'illustration:./S2_lin_fileZip_160.svg';
 import FileZip_M from 'illustration:./S2_lin_fileZip_96.svg';
 import FileZip_S from 'illustration:./S2_lin_fileZip_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FileZip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FileZip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx
index ba445d9da4f..5e2241b796e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx
@@ -13,10 +13,11 @@
 import Filmstrip_L from 'illustration:./S2_lin_filmstrip_160.svg';
 import Filmstrip_M from 'illustration:./S2_lin_filmstrip_96.svg';
 import Filmstrip_S from 'illustration:./S2_lin_filmstrip_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filmstrip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filmstrip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx
index c037bc5dce1..01a08bf37eb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx
@@ -13,10 +13,11 @@
 import Filter_L from 'illustration:./S2_lin_filter_160.svg';
 import Filter_M from 'illustration:./S2_lin_filter_96.svg';
 import Filter_S from 'illustration:./S2_lin_filter_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filter(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filter(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx
index 0f40d96e94e..dbb1edb30cb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx
@@ -13,10 +13,11 @@
 import Filters_L from 'illustration:./S2_lin_filters_160.svg';
 import Filters_M from 'illustration:./S2_lin_filters_96.svg';
 import Filters_S from 'illustration:./S2_lin_filters_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Filters(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Filters(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx
index 7d1c06de744..994d88a7385 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx
@@ -13,10 +13,11 @@
 import Fireworks_L from 'illustration:./S2_lin_fireworks_160.svg';
 import Fireworks_M from 'illustration:./S2_lin_fireworks_96.svg';
 import Fireworks_S from 'illustration:./S2_lin_fireworks_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Fireworks(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Fireworks(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx
index 02f6e4a7c1d..7085780ccb5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx
@@ -13,10 +13,11 @@
 import Flag_L from 'illustration:./S2_lin_flag_160.svg';
 import Flag_M from 'illustration:./S2_lin_flag_96.svg';
 import Flag_S from 'illustration:./S2_lin_flag_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Flag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Flag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx
index 23ca5d97dd9..9c887af0fc9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx
@@ -13,10 +13,11 @@
 import FlagCheckmark_L from 'illustration:./S2_lin_flagCheckmark_160.svg';
 import FlagCheckmark_M from 'illustration:./S2_lin_flagCheckmark_96.svg';
 import FlagCheckmark_S from 'illustration:./S2_lin_flagCheckmark_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FlagCheckmark(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FlagCheckmark(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx
index f9bcc7ef82b..ce6bf9d5f25 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx
@@ -13,10 +13,11 @@
 import FlagCross_L from 'illustration:./S2_lin_flagCross_160.svg';
 import FlagCross_M from 'illustration:./S2_lin_flagCross_96.svg';
 import FlagCross_S from 'illustration:./S2_lin_flagCross_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FlagCross(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FlagCross(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx
index 8980234d7a8..e471f326524 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx
@@ -13,10 +13,11 @@
 import FolderClose_L from 'illustration:./S2_lin_folderClose_160.svg';
 import FolderClose_M from 'illustration:./S2_lin_folderClose_96.svg';
 import FolderClose_S from 'illustration:./S2_lin_folderClose_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx
index ed9d751c18c..e5dcd3107b7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx
@@ -13,10 +13,11 @@
 import FolderOpen_L from 'illustration:./S2_lin_folderOpen_160.svg';
 import FolderOpen_M from 'illustration:./S2_lin_folderOpen_96.svg';
 import FolderOpen_S from 'illustration:./S2_lin_folderOpen_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx
index b7c15a4a6f0..0418ddbee5f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx
@@ -13,10 +13,11 @@
 import FolderShared_L from 'illustration:./S2_lin_folderShared_160.svg';
 import FolderShared_M from 'illustration:./S2_lin_folderShared_96.svg';
 import FolderShared_S from 'illustration:./S2_lin_folderShared_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function FolderShared(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function FolderShared(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx
index 50deaa029ce..e6a9d6645a5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx
@@ -13,10 +13,11 @@
 import GearSetting_L from 'illustration:./S2_lin_gearSetting_160.svg';
 import GearSetting_M from 'illustration:./S2_lin_gearSetting_96.svg';
 import GearSetting_S from 'illustration:./S2_lin_gearSetting_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GearSetting(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GearSetting(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx
index 480c6ba82e4..31974e57b66 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx
@@ -13,10 +13,11 @@
 import Gift_L from 'illustration:./S2_lin_gift_160.svg';
 import Gift_M from 'illustration:./S2_lin_gift_96.svg';
 import Gift_S from 'illustration:./S2_lin_gift_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Gift(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Gift(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx
index 80a89df9634..4dfbdefe228 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx
@@ -13,10 +13,11 @@
 import Globe_L from 'illustration:./S2_lin_globe_160.svg';
 import Globe_M from 'illustration:./S2_lin_globe_96.svg';
 import Globe_S from 'illustration:./S2_lin_globe_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Globe(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Globe(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx
index 78e84c1322d..fa4a9e2ec92 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx
@@ -13,10 +13,11 @@
 import GlobeGrid_L from 'illustration:./S2_lin_globeGrid_160.svg';
 import GlobeGrid_M from 'illustration:./S2_lin_globeGrid_96.svg';
 import GlobeGrid_S from 'illustration:./S2_lin_globeGrid_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GlobeGrid(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GlobeGrid(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx
index 4f49250dd5a..0c7aa1679a4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx
@@ -13,10 +13,11 @@
 import GraphBarChart_L from 'illustration:./S2_lin_graphBarChart_160.svg';
 import GraphBarChart_M from 'illustration:./S2_lin_graphBarChart_96.svg';
 import GraphBarChart_S from 'illustration:./S2_lin_graphBarChart_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function GraphBarChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function GraphBarChart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx
index 5143bf11ecb..c3a66ca4db8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx
@@ -13,10 +13,11 @@
 import Hand_L from 'illustration:./S2_lin_hand_160.svg';
 import Hand_M from 'illustration:./S2_lin_hand_96.svg';
 import Hand_S from 'illustration:./S2_lin_hand_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Hand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Hand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx
index 48f8efd1a93..27cc5dd62dc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx
@@ -13,10 +13,11 @@
 import Handshake_L from 'illustration:./S2_lin_handshake_160.svg';
 import Handshake_M from 'illustration:./S2_lin_handshake_96.svg';
 import Handshake_S from 'illustration:./S2_lin_handshake_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Handshake(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Handshake(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx
index b6b2999d376..623c01b0cbc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx
@@ -13,10 +13,11 @@
 import Heart_L from 'illustration:./S2_lin_heart_160.svg';
 import Heart_M from 'illustration:./S2_lin_heart_96.svg';
 import Heart_S from 'illustration:./S2_lin_heart_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Heart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Heart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx
index b85dca84240..c776f6685e0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx
@@ -13,10 +13,11 @@
 import HelpCircle_L from 'illustration:./S2_lin_helpCircle_160.svg';
 import HelpCircle_M from 'illustration:./S2_lin_helpCircle_96.svg';
 import HelpCircle_S from 'illustration:./S2_lin_helpCircle_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function HelpCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function HelpCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx
index 8cd51947264..81740c5368c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx
@@ -13,10 +13,11 @@
 import Home_L from 'illustration:./S2_lin_home_160.svg';
 import Home_M from 'illustration:./S2_lin_home_96.svg';
 import Home_S from 'illustration:./S2_lin_home_48.svg';
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Home(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Home(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx
index ed52080e22e..0e65343f6eb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Illustration_L from 'illustration:./S2_lin_illustration_160.svg';
 import Illustration_M from 'illustration:./S2_lin_illustration_96.svg';
 import Illustration_S from 'illustration:./S2_lin_illustration_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Illustration(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Illustration(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx
index 78d171615ca..6bd0d1590bb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Image_L from 'illustration:./S2_lin_image_160.svg';
 import Image_M from 'illustration:./S2_lin_image_96.svg';
 import Image_S from 'illustration:./S2_lin_image_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx
index cbcf5e21663..66051d1d9dd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import ImageStack_L from 'illustration:./S2_lin_imageStack_160.svg';
 import ImageStack_M from 'illustration:./S2_lin_imageStack_96.svg';
 import ImageStack_S from 'illustration:./S2_lin_imageStack_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx
index 84c54be7b58..8ade0f793bb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import InfiniteLooping_L from 'illustration:./S2_lin_infiniteLooping_160.svg';
 import InfiniteLooping_M from 'illustration:./S2_lin_infiniteLooping_96.svg';
 import InfiniteLooping_S from 'illustration:./S2_lin_infiniteLooping_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function InfiniteLooping(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function InfiniteLooping(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx
index ae75bef606a..69e48bea5f6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Information_L from 'illustration:./S2_lin_information_160.svg';
 import Information_M from 'illustration:./S2_lin_information_96.svg';
 import Information_S from 'illustration:./S2_lin_information_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx
index d4484550a32..039d586cea2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Interaction_L from 'illustration:./S2_lin_interaction_160.svg';
 import Interaction_M from 'illustration:./S2_lin_interaction_96.svg';
 import Interaction_S from 'illustration:./S2_lin_interaction_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Interaction(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Interaction(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx
index 932acca031a..9e07476356e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Laptop_L from 'illustration:./S2_lin_laptop_160.svg';
 import Laptop_M from 'illustration:./S2_lin_laptop_96.svg';
 import Laptop_S from 'illustration:./S2_lin_laptop_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx
index 89117941ae2..bf3237b2dbd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Layers_L from 'illustration:./S2_lin_layers_160.svg';
 import Layers_M from 'illustration:./S2_lin_layers_96.svg';
 import Layers_S from 'illustration:./S2_lin_layers_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx
index ab3af8ab1e2..4dba287421e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Libraries_L from 'illustration:./S2_lin_libraries_160.svg';
 import Libraries_M from 'illustration:./S2_lin_libraries_96.svg';
 import Libraries_S from 'illustration:./S2_lin_libraries_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx
index 7aebfa9ca38..848c4b60556 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Lightbulb_L from 'illustration:./S2_lin_lightbulb_160.svg';
 import Lightbulb_M from 'illustration:./S2_lin_lightbulb_96.svg';
 import Lightbulb_S from 'illustration:./S2_lin_lightbulb_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx
index 52bbb22b197..4fe88c50ae6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import LightbulbRays_L from 'illustration:./S2_lin_lightbulbRays_160.svg';
 import LightbulbRays_M from 'illustration:./S2_lin_lightbulbRays_96.svg';
 import LightbulbRays_S from 'illustration:./S2_lin_lightbulbRays_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx
index 5dad7dafed2..2c029a32dd4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Lighten_L from 'illustration:./S2_lin_lighten_160.svg';
 import Lighten_M from 'illustration:./S2_lin_lighten_96.svg';
 import Lighten_S from 'illustration:./S2_lin_lighten_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Lighten(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Lighten(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx
index e3aacfb8ea7..4c63a88d019 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Link_L from 'illustration:./S2_lin_link_160.svg';
 import Link_M from 'illustration:./S2_lin_link_96.svg';
 import Link_S from 'illustration:./S2_lin_link_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx
index 996dfef85a2..730b5e4876e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Location_L from 'illustration:./S2_lin_location_160.svg';
 import Location_M from 'illustration:./S2_lin_location_96.svg';
 import Location_S from 'illustration:./S2_lin_location_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx
index 37162a2d414..dd2a03f976e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import LockClose_L from 'illustration:./S2_lin_lockClose_160.svg';
 import LockClose_M from 'illustration:./S2_lin_lockClose_96.svg';
 import LockClose_S from 'illustration:./S2_lin_lockClose_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx
index e1eaa107150..782d39d36f5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import LockOpen_L from 'illustration:./S2_lin_lockOpen_160.svg';
 import LockOpen_M from 'illustration:./S2_lin_lockOpen_96.svg';
 import LockOpen_S from 'illustration:./S2_lin_lockOpen_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx
index e114a30df1f..8dbbd1494f5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Logo_L from 'illustration:./S2_lin_logo_160.svg';
 import Logo_M from 'illustration:./S2_lin_logo_96.svg';
 import Logo_S from 'illustration:./S2_lin_logo_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx
index 978a862eff7..5adea725535 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MagicWand_L from 'illustration:./S2_lin_magicWand_160.svg';
 import MagicWand_M from 'illustration:./S2_lin_magicWand_96.svg';
 import MagicWand_S from 'illustration:./S2_lin_magicWand_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MagicWand(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MagicWand(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx
index 3b825634d7d..42596952034 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MailClose_L from 'illustration:./S2_lin_mailClose_160.svg';
 import MailClose_M from 'illustration:./S2_lin_mailClose_96.svg';
 import MailClose_S from 'illustration:./S2_lin_mailClose_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx
index 2d5d391a99a..9818cbe16ae 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MailOpen_L from 'illustration:./S2_lin_mailOpen_160.svg';
 import MailOpen_M from 'illustration:./S2_lin_mailOpen_96.svg';
 import MailOpen_S from 'illustration:./S2_lin_mailOpen_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MailOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MailOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx
index 94d805336f9..a5156b1447e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Market_L from 'illustration:./S2_lin_market_160.svg';
 import Market_M from 'illustration:./S2_lin_market_96.svg';
 import Market_S from 'illustration:./S2_lin_market_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Market(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Market(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx
index 9af839d4ae9..900e8152f11 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MegaphonePromote_L from 'illustration:./S2_lin_megaphonePromote_160.svg';
 import MegaphonePromote_M from 'illustration:./S2_lin_megaphonePromote_96.svg';
 import MegaphonePromote_S from 'illustration:./S2_lin_megaphonePromote_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx
index 57f082883b4..d3819bf1636 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';
 import MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';
 import MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MegaphonePromoteExpressive(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MegaphonePromoteExpressive(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx
index 1c5b2feee69..f83922065a3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Mention_L from 'illustration:./S2_lin_mention_160.svg';
 import Mention_M from 'illustration:./S2_lin_mention_96.svg';
 import Mention_S from 'illustration:./S2_lin_mention_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Mention(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Mention(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx
index 3c87dec2b52..0203e66f56e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Microphone_L from 'illustration:./S2_lin_microphone_160.svg';
 import Microphone_M from 'illustration:./S2_lin_microphone_96.svg';
 import Microphone_S from 'illustration:./S2_lin_microphone_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Microphone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Microphone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx
index 798fa598057..2f880784ce6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MicrophoneOff_L from 'illustration:./S2_lin_microphoneOff_160.svg';
 import MicrophoneOff_M from 'illustration:./S2_lin_microphoneOff_96.svg';
 import MicrophoneOff_S from 'illustration:./S2_lin_microphoneOff_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MicrophoneOff(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MicrophoneOff(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx
index 4ca499b6f83..9f1ac717a28 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Minimize_L from 'illustration:./S2_lin_minimize_160.svg';
 import Minimize_M from 'illustration:./S2_lin_minimize_96.svg';
 import Minimize_S from 'illustration:./S2_lin_minimize_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Minimize(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Minimize(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx
index bacae7e489a..fa199524194 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MovieCamera_L from 'illustration:./S2_lin_movieCamera_160.svg';
 import MovieCamera_M from 'illustration:./S2_lin_movieCamera_96.svg';
 import MovieCamera_S from 'illustration:./S2_lin_movieCamera_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MovieCamera(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MovieCamera(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx
index 4a95957c992..a9563b0256f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import MusicNote_L from 'illustration:./S2_lin_musicNote_160.svg';
 import MusicNote_M from 'illustration:./S2_lin_musicNote_96.svg';
 import MusicNote_S from 'illustration:./S2_lin_musicNote_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function MusicNote(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function MusicNote(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx
index aa5b34a3d8c..deed798848f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoBrands_L from 'illustration:./S2_lin_noBrands_160.svg';
 import NoBrands_M from 'illustration:./S2_lin_noBrands_96.svg';
 import NoBrands_S from 'illustration:./S2_lin_noBrands_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoBrands(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoBrands(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx
index d4940e4c0ea..6fe1400f6ae 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoComment_L from 'illustration:./S2_lin_noComment_160.svg';
 import NoComment_M from 'illustration:./S2_lin_noComment_96.svg';
 import NoComment_S from 'illustration:./S2_lin_noComment_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoComment(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoComment(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx
index 5e895931742..a1d5346494c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoComments_L from 'illustration:./S2_lin_noComments_160.svg';
 import NoComments_M from 'illustration:./S2_lin_noComments_96.svg';
 import NoComments_S from 'illustration:./S2_lin_noComments_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoComments(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoComments(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx
index 5b564e7465f..d26361453f6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoElements_L from 'illustration:./S2_lin_noElements_160.svg';
 import NoElements_M from 'illustration:./S2_lin_noElements_96.svg';
 import NoElements_S from 'illustration:./S2_lin_noElements_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoElements(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoElements(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx
index 5a207865408..328b914335a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoFile_L from 'illustration:./S2_lin_noFile_160.svg';
 import NoFile_M from 'illustration:./S2_lin_noFile_96.svg';
 import NoFile_S from 'illustration:./S2_lin_noFile_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoFile(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoFile(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx
index 1aff5af3e3a..20b4fdc0e86 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoFilter_L from 'illustration:./S2_lin_noFilter_160.svg';
 import NoFilter_M from 'illustration:./S2_lin_noFilter_96.svg';
 import NoFilter_S from 'illustration:./S2_lin_noFilter_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoFilter(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoFilter(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx
index a9d084f85af..7172cb41ce0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoImage_L from 'illustration:./S2_lin_noImage_160.svg';
 import NoImage_M from 'illustration:./S2_lin_noImage_96.svg';
 import NoImage_S from 'illustration:./S2_lin_noImage_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoImage(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx
index 388753b80fd..7a6728e441e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoLibraries_L from 'illustration:./S2_lin_noLibraries_160.svg';
 import NoLibraries_M from 'illustration:./S2_lin_noLibraries_96.svg';
 import NoLibraries_S from 'illustration:./S2_lin_noLibraries_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoLibraries(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoLibraries(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx
index d5378c53483..5bfdf9f55a5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoLibrariesBrands_L from 'illustration:./S2_lin_noLibrariesBrands_160.svg';
 import NoLibrariesBrands_M from 'illustration:./S2_lin_noLibrariesBrands_96.svg';
 import NoLibrariesBrands_S from 'illustration:./S2_lin_noLibrariesBrands_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoLibrariesBrands(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoLibrariesBrands(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx
index e1cecffb438..d5aa01ec5cf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoReviewLinks_L from 'illustration:./S2_lin_noReviewLinks_160.svg';
 import NoReviewLinks_M from 'illustration:./S2_lin_noReviewLinks_96.svg';
 import NoReviewLinks_S from 'illustration:./S2_lin_noReviewLinks_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoReviewLinks(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoReviewLinks(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx
index f42166861d0..74533789ebc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoSearchResults_L from 'illustration:./S2_lin_noSearchResults_160.svg';
 import NoSearchResults_M from 'illustration:./S2_lin_noSearchResults_96.svg';
 import NoSearchResults_S from 'illustration:./S2_lin_noSearchResults_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoSearchResults(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoSearchResults(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx
index b9dc9a9aa19..71d70284ef8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import NoSharedFile_L from 'illustration:./S2_lin_noSharedFile_160.svg';
 import NoSharedFile_M from 'illustration:./S2_lin_noSharedFile_96.svg';
 import NoSharedFile_S from 'illustration:./S2_lin_noSharedFile_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function NoSharedFile(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function NoSharedFile(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx
index 084f2ada41b..2588ab20311 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Paperairplane_L from 'illustration:./S2_lin_paperairplane_160.svg';
 import Paperairplane_M from 'illustration:./S2_lin_paperairplane_96.svg';
 import Paperairplane_S from 'illustration:./S2_lin_paperairplane_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx
index fa5985592a2..fc969a2eddb 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Paperclip_L from 'illustration:./S2_lin_paperclip_160.svg';
 import Paperclip_M from 'illustration:./S2_lin_paperclip_96.svg';
 import Paperclip_S from 'illustration:./S2_lin_paperclip_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx
index e9420d394f0..4cb41d94e84 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Pause_L from 'illustration:./S2_lin_pause_160.svg';
 import Pause_M from 'illustration:./S2_lin_pause_96.svg';
 import Pause_S from 'illustration:./S2_lin_pause_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pause(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pause(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx
index 1f627dba070..022e01e6839 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Pencil_L from 'illustration:./S2_lin_pencil_160.svg';
 import Pencil_M from 'illustration:./S2_lin_pencil_96.svg';
 import Pencil_S from 'illustration:./S2_lin_pencil_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pencil(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pencil(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx
index 522dfa91532..b00a1180199 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Phone_L from 'illustration:./S2_lin_phone_160.svg';
 import Phone_M from 'illustration:./S2_lin_phone_96.svg';
 import Phone_S from 'illustration:./S2_lin_phone_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx
index e8230ef5872..732c8b1eac6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import PieChart_L from 'illustration:./S2_lin_pieChart_160.svg';
 import PieChart_M from 'illustration:./S2_lin_pieChart_96.svg';
 import PieChart_S from 'illustration:./S2_lin_pieChart_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx
index b8a5ad53455..d157ed27038 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import PiggyBank_L from 'illustration:./S2_lin_piggyBank_160.svg';
 import PiggyBank_M from 'illustration:./S2_lin_piggyBank_96.svg';
 import PiggyBank_S from 'illustration:./S2_lin_piggyBank_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PiggyBank(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PiggyBank(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx
index a86f4309d91..75442ef59b1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Pin_L from 'illustration:./S2_lin_pin_160.svg';
 import Pin_M from 'illustration:./S2_lin_pin_96.svg';
 import Pin_S from 'illustration:./S2_lin_pin_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx
index 9b07a4d6fff..03dc1cf0989 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Play_L from 'illustration:./S2_lin_play_160.svg';
 import Play_M from 'illustration:./S2_lin_play_96.svg';
 import Play_S from 'illustration:./S2_lin_play_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx
index 4308e9ca9d3..23e9cfb96cf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import PlayTriangle_L from 'illustration:./S2_lin_playTriangle_160.svg';
 import PlayTriangle_M from 'illustration:./S2_lin_playTriangle_96.svg';
 import PlayTriangle_S from 'illustration:./S2_lin_playTriangle_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function PlayTriangle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function PlayTriangle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx
index 595c387cf33..db7101e166e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Plugin_L from 'illustration:./S2_lin_plugin_160.svg';
 import Plugin_M from 'illustration:./S2_lin_plugin_96.svg';
 import Plugin_S from 'illustration:./S2_lin_plugin_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx
index 29af595e426..a359fcc23f4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Prompt_L from 'illustration:./S2_lin_prompt_160.svg';
 import Prompt_M from 'illustration:./S2_lin_prompt_96.svg';
 import Prompt_S from 'illustration:./S2_lin_prompt_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Prompt(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Prompt(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx
index adac9dda282..43d8a689b9d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {IconProps, IllustrationContext} from '../../src/Icon';
 import Properties_L from 'illustration:./S2_lin_properties_160.svg';
 import Properties_M from 'illustration:./S2_lin_properties_96.svg';
 import Properties_S from 'illustration:./S2_lin_properties_48.svg';
+import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
-export default function Properties(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Properties(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx
index 477c5857c62..2bc3ebfbfab 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Redo_L from 'illustration:./S2_lin_redo_160.svg';
 import Redo_M from 'illustration:./S2_lin_redo_96.svg';
 import Redo_S from 'illustration:./S2_lin_redo_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Redo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Redo(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx
index 537288ea3b6..e0f27cc6524 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Remix_L from 'illustration:./S2_lin_remix_160.svg';
 import Remix_M from 'illustration:./S2_lin_remix_96.svg';
 import Remix_S from 'illustration:./S2_lin_remix_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Remix(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Remix(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx
index b0272261697..9d449bd23ed 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Replace_L from 'illustration:./S2_lin_replace_160.svg';
 import Replace_M from 'illustration:./S2_lin_replace_96.svg';
 import Replace_S from 'illustration:./S2_lin_replace_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Replace(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Replace(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx
index 4d2a4a76189..f0c25b575ef 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import ReportAbuse_L from 'illustration:./S2_lin_reportAbuse_160.svg';
 import ReportAbuse_M from 'illustration:./S2_lin_reportAbuse_96.svg';
 import ReportAbuse_S from 'illustration:./S2_lin_reportAbuse_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ReportAbuse(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ReportAbuse(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx
index 5753c28cab1..87d3ff0f02a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Revert_L from 'illustration:./S2_lin_revert_160.svg';
 import Revert_M from 'illustration:./S2_lin_revert_96.svg';
 import Revert_S from 'illustration:./S2_lin_revert_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Revert(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Revert(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx
index 0f306945759..bfb028867a3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Ribbon_L from 'illustration:./S2_lin_ribbon_160.svg';
 import Ribbon_M from 'illustration:./S2_lin_ribbon_96.svg';
 import Ribbon_S from 'illustration:./S2_lin_ribbon_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Ribbon(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Ribbon(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx
index 39827601784..e4864e0ecb6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Rocket_L from 'illustration:./S2_lin_rocket_160.svg';
 import Rocket_M from 'illustration:./S2_lin_rocket_96.svg';
 import Rocket_S from 'illustration:./S2_lin_rocket_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx
index 322647e80c7..34fe5d7ec84 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import RotateCCW_L from 'illustration:./S2_lin_rotateCCW_160.svg';
 import RotateCCW_M from 'illustration:./S2_lin_rotateCCW_96.svg';
 import RotateCCW_S from 'illustration:./S2_lin_rotateCCW_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function RotateCCW(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function RotateCCW(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx
index 40c288ac2b2..67879e2b25e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import RotateCW_L from 'illustration:./S2_lin_rotateCW_160.svg';
 import RotateCW_M from 'illustration:./S2_lin_rotateCW_96.svg';
 import RotateCW_S from 'illustration:./S2_lin_rotateCW_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function RotateCW(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function RotateCW(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx
index 0152947ded7..f3cfad9dd18 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Ruler_L from 'illustration:./S2_lin_ruler_160.svg';
 import Ruler_M from 'illustration:./S2_lin_ruler_96.svg';
 import Ruler_S from 'illustration:./S2_lin_ruler_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Ruler(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Ruler(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx
index 40ddaf62b70..f714da7f9b1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Search_L from 'illustration:./S2_lin_search_160.svg';
 import Search_M from 'illustration:./S2_lin_search_96.svg';
 import Search_S from 'illustration:./S2_lin_search_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx
index 3f28ba55dd7..8b62c86e9f1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Segmentation_L from 'illustration:./S2_lin_segmentation_160.svg';
 import Segmentation_M from 'illustration:./S2_lin_segmentation_96.svg';
 import Segmentation_S from 'illustration:./S2_lin_segmentation_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Segmentation(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Segmentation(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx
index abc0391af62..5e07480d0d7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Server_L from 'illustration:./S2_lin_server_160.svg';
 import Server_M from 'illustration:./S2_lin_server_96.svg';
 import Server_S from 'illustration:./S2_lin_server_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx
index 46345e4adbd..d6ee1901253 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Shapes_L from 'illustration:./S2_lin_shapes_160.svg';
 import Shapes_M from 'illustration:./S2_lin_shapes_96.svg';
 import Shapes_S from 'illustration:./S2_lin_shapes_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Shapes(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Shapes(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx
index 11d15254ab5..7244c08ecfa 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import ShoppingBag_L from 'illustration:./S2_lin_shoppingBag_160.svg';
 import ShoppingBag_M from 'illustration:./S2_lin_shoppingBag_96.svg';
 import ShoppingBag_S from 'illustration:./S2_lin_shoppingBag_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ShoppingBag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ShoppingBag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx
index 61fd8e6f54d..53663bc090e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import ShoppingCart_L from 'illustration:./S2_lin_shoppingCart_160.svg';
 import ShoppingCart_M from 'illustration:./S2_lin_shoppingCart_96.svg';
 import ShoppingCart_S from 'illustration:./S2_lin_shoppingCart_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ShoppingCart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ShoppingCart(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx
index 2b64e7903f7..445861ee230 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Sparkles_L from 'illustration:./S2_lin_sparkles_160.svg';
 import Sparkles_M from 'illustration:./S2_lin_sparkles_96.svg';
 import Sparkles_S from 'illustration:./S2_lin_sparkles_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx
index f7b825c029f..9c8dece776b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import SpeedFast_L from 'illustration:./S2_lin_speedFast_160.svg';
 import SpeedFast_M from 'illustration:./S2_lin_speedFast_96.svg';
 import SpeedFast_S from 'illustration:./S2_lin_speedFast_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function SpeedFast(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function SpeedFast(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx
index 2d3d11bfe8f..7fa32375088 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import StampClone_L from 'illustration:./S2_lin_stampClone_160.svg';
 import StampClone_M from 'illustration:./S2_lin_stampClone_96.svg';
 import StampClone_S from 'illustration:./S2_lin_stampClone_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function StampClone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function StampClone(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx
index b327648e374..b6f066b7d9a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Star_L from 'illustration:./S2_lin_star_160.svg';
 import Star_M from 'illustration:./S2_lin_star_96.svg';
 import Star_S from 'illustration:./S2_lin_star_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx
index 130175b255a..52b17da22ed 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import StepForward_L from 'illustration:./S2_lin_stepForward_160.svg';
 import StepForward_M from 'illustration:./S2_lin_stepForward_96.svg';
 import StepForward_S from 'illustration:./S2_lin_stepForward_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function StepForward(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function StepForward(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx
index ab12280bfd8..866edc81fa2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Stopwatch_L from 'illustration:./S2_lin_stopwatch_160.svg';
 import Stopwatch_M from 'illustration:./S2_lin_stopwatch_96.svg';
 import Stopwatch_S from 'illustration:./S2_lin_stopwatch_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Stopwatch(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Stopwatch(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx
index b213ff9d308..ab90a390f30 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Switch_L from 'illustration:./S2_lin_switch_160.svg';
 import Switch_M from 'illustration:./S2_lin_switch_96.svg';
 import Switch_S from 'illustration:./S2_lin_switch_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Switch(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Switch(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx
index f0a7c68b8c8..d15a27016f4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Tablet_L from 'illustration:./S2_lin_tablet_160.svg';
 import Tablet_M from 'illustration:./S2_lin_tablet_96.svg';
 import Tablet_S from 'illustration:./S2_lin_tablet_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx
index c4282eb89ba..1b39987472b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Tag_L from 'illustration:./S2_lin_tag_160.svg';
 import Tag_M from 'illustration:./S2_lin_tag_96.svg';
 import Tag_S from 'illustration:./S2_lin_tag_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx
index 28bf9a5ce10..419d81df157 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Targeted_L from 'illustration:./S2_lin_targeted_160.svg';
 import Targeted_M from 'illustration:./S2_lin_targeted_96.svg';
 import Targeted_S from 'illustration:./S2_lin_targeted_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Targeted(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Targeted(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx
index 15550d2dd94..1fa3c4aaa23 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Text_L from 'illustration:./S2_lin_text_160.svg';
 import Text_M from 'illustration:./S2_lin_text_96.svg';
 import Text_S from 'illustration:./S2_lin_text_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Text(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Text(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx
index a36f9dc638d..e58e8cd0e2f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import ThreeArrowsCircle_L from 'illustration:./S2_lin_threeArrowsCircle_160.svg';
 import ThreeArrowsCircle_M from 'illustration:./S2_lin_threeArrowsCircle_96.svg';
 import ThreeArrowsCircle_S from 'illustration:./S2_lin_threeArrowsCircle_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ThreeArrowsCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ThreeArrowsCircle(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx
index 65939adc7c0..ab9fa658246 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import ThumbsDown_L from 'illustration:./S2_lin_thumbsDown_160.svg';
 import ThumbsDown_M from 'illustration:./S2_lin_thumbsDown_96.svg';
 import ThumbsDown_S from 'illustration:./S2_lin_thumbsDown_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ThumbsDown(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ThumbsDown(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx
index ece75b0e6ae..5db5949ebc8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import ThumbsUp_L from 'illustration:./S2_lin_thumbsUp_160.svg';
 import ThumbsUp_M from 'illustration:./S2_lin_thumbsUp_96.svg';
 import ThumbsUp_S from 'illustration:./S2_lin_thumbsUp_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function ThumbsUp(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function ThumbsUp(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx
index 4c93d675ad5..0cf023a5420 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Transform_L from 'illustration:./S2_lin_transform_160.svg';
 import Transform_M from 'illustration:./S2_lin_transform_96.svg';
 import Transform_S from 'illustration:./S2_lin_transform_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Transform(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Transform(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx
index 070fc5c4544..cc19439971d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Translate_L from 'illustration:./S2_lin_translate_160.svg';
 import Translate_M from 'illustration:./S2_lin_translate_96.svg';
 import Translate_S from 'illustration:./S2_lin_translate_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Translate(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Translate(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx
index 556450b29e9..66d4f9f2f2f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Trash_L from 'illustration:./S2_lin_trash_160.svg';
 import Trash_M from 'illustration:./S2_lin_trash_96.svg';
 import Trash_S from 'illustration:./S2_lin_trash_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx
index 416ad00526e..e62b5fca432 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Trophy_L from 'illustration:./S2_lin_trophy_160.svg';
 import Trophy_M from 'illustration:./S2_lin_trophy_96.svg';
 import Trophy_S from 'illustration:./S2_lin_trophy_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx
index a920a802eb5..9e673e378d6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Update_L from 'illustration:./S2_lin_update_160.svg';
 import Update_M from 'illustration:./S2_lin_update_96.svg';
 import Update_S from 'illustration:./S2_lin_update_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx
index 693718fcafb..d1e5e9648c4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import Upload_L from 'illustration:./S2_lin_upload_160.svg';
 import Upload_M from 'illustration:./S2_lin_upload_96.svg';
 import Upload_S from 'illustration:./S2_lin_upload_48.svg';
 import {useContextProps} from 'react-aria-components';
 
-export default function Upload(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Upload(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx
index 10bb7ef15c5..14213eee65f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import User_L from 'illustration:./S2_lin_user_160.svg';
 import User_M from 'illustration:./S2_lin_user_96.svg';
 import User_S from 'illustration:./S2_lin_user_48.svg';
 
-export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx
index f735f0e1d81..e2960b72236 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import UserAvatar_L from 'illustration:./S2_lin_userAvatar_160.svg';
 import UserAvatar_M from 'illustration:./S2_lin_userAvatar_96.svg';
 import UserAvatar_S from 'illustration:./S2_lin_userAvatar_48.svg';
 
-export default function UserAvatar(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function UserAvatar(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx
index f412e72d4ef..fa5d19cd54c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import UserGroup_L from 'illustration:./S2_lin_userGroup_160.svg';
 import UserGroup_M from 'illustration:./S2_lin_userGroup_96.svg';
 import UserGroup_S from 'illustration:./S2_lin_userGroup_48.svg';
 
-export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx
index 4b6298c6576..f31f15db581 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import VectorDraw_L from 'illustration:./S2_lin_vectorDraw_160.svg';
 import VectorDraw_M from 'illustration:./S2_lin_vectorDraw_96.svg';
 import VectorDraw_S from 'illustration:./S2_lin_vectorDraw_48.svg';
 
-export default function VectorDraw(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function VectorDraw(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx
index 73b34d8c2fd..29ba8465265 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Video_L from 'illustration:./S2_lin_video_160.svg';
 import Video_M from 'illustration:./S2_lin_video_96.svg';
 import Video_S from 'illustration:./S2_lin_video_48.svg';
 
-export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx
index 8f6d0392ef4..0a7b53828a4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Volume_L from 'illustration:./S2_lin_volume_160.svg';
 import Volume_M from 'illustration:./S2_lin_volume_96.svg';
 import Volume_S from 'illustration:./S2_lin_volume_48.svg';
 
-export default function Volume(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Volume(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx
index 25b82c058ed..f55b20801c9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import VolumeOff_L from 'illustration:./S2_lin_volumeOff_160.svg';
 import VolumeOff_M from 'illustration:./S2_lin_volumeOff_96.svg';
 import VolumeOff_S from 'illustration:./S2_lin_volumeOff_48.svg';
 
-export default function VolumeOff(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function VolumeOff(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx
index 41207106ed2..da7791aa4de 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import VolumeOne_L from 'illustration:./S2_lin_volumeOne_160.svg';
 import VolumeOne_M from 'illustration:./S2_lin_volumeOne_96.svg';
 import VolumeOne_S from 'illustration:./S2_lin_volumeOne_48.svg';
 
-export default function VolumeOne(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function VolumeOne(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx
index 7ddbfefb507..4fde28f0ccd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Wallet_L from 'illustration:./S2_lin_wallet_160.svg';
 import Wallet_M from 'illustration:./S2_lin_wallet_96.svg';
 import Wallet_S from 'illustration:./S2_lin_wallet_48.svg';
 
-export default function Wallet(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Wallet(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx
index cbfa1ec4dd6..a7014e91d50 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx
@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {ReactNode} from 'react';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 import Warning_L from 'illustration:./S2_lin_warning_160.svg';
 import Warning_M from 'illustration:./S2_lin_warning_96.svg';
 import Warning_S from 'illustration:./S2_lin_warning_48.svg';
 
-export default function Warning(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
+export default function Warning(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {
   [props] = useContextProps(props, null, IllustrationContext);
   let {size = 'M', ...otherProps} = props;
   switch (size) {
diff --git a/packages/@spectrum-icons/color/scripts/generateIcons.cjs b/packages/@spectrum-icons/color/scripts/generateIcons.cjs
index eba326e974c..98d5174c850 100644
--- a/packages/@spectrum-icons/color/scripts/generateIcons.cjs
+++ b/packages/@spectrum-icons/color/scripts/generateIcons.cjs
@@ -23,10 +23,10 @@ function template(iconName) {
   }
   return (
 `import {${iconName} as IconComponent} from '@adobe/react-spectrum-workflow-color/dist/${iconRename}.js';
-import {Icon} from '@react-spectrum/icon';
-import React from 'react';
+import {Icon, IconPropsWithoutChildren} from '@react-spectrum/icon';
+import React, {JSX} from 'react';
 
-export default function ${iconRename}(props) {
+export default function ${iconRename}(props: IconPropsWithoutChildren): JSX.Element {
   return <Icon {...props}><IconComponent /></Icon>;
 }
 `
diff --git a/packages/@spectrum-icons/express/scripts/generateIcons.cjs b/packages/@spectrum-icons/express/scripts/generateIcons.cjs
index 0b0173b6fae..e1067463a36 100644
--- a/packages/@spectrum-icons/express/scripts/generateIcons.cjs
+++ b/packages/@spectrum-icons/express/scripts/generateIcons.cjs
@@ -30,11 +30,11 @@ for (let file of fs.readdirSync(dir)) {
 
   let jsx = compileSVG(path.join(dir, file));
   let wrapper = `import {Icon, IconPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
 ${jsx}
 
-export default function ${componentName}(props: IconPropsWithoutChildren) {
+export default function ${componentName}(props: IconPropsWithoutChildren): JSX.Element {
   return <Icon {...props}><IconComponent /></Icon>;
 }
 `;
diff --git a/packages/@spectrum-icons/illustrations/src/Error.tsx b/packages/@spectrum-icons/illustrations/src/Error.tsx
index 014a2854932..8899311a1d6 100644
--- a/packages/@spectrum-icons/illustrations/src/Error.tsx
+++ b/packages/@spectrum-icons/illustrations/src/Error.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function Error500(props: IllustrationPropsWithoutChildren) {
+export default function Error500(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg width="146.569" height="94">
diff --git a/packages/@spectrum-icons/illustrations/src/File.tsx b/packages/@spectrum-icons/illustrations/src/File.tsx
index fb582915d3c..6672b436294 100644
--- a/packages/@spectrum-icons/illustrations/src/File.tsx
+++ b/packages/@spectrum-icons/illustrations/src/File.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function File(props: IllustrationPropsWithoutChildren) {
+export default function File(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg viewBox="0 0 32 32" height="32" width="32">
diff --git a/packages/@spectrum-icons/illustrations/src/Folder.tsx b/packages/@spectrum-icons/illustrations/src/Folder.tsx
index b622b6a186c..8aac3d22b72 100644
--- a/packages/@spectrum-icons/illustrations/src/Folder.tsx
+++ b/packages/@spectrum-icons/illustrations/src/Folder.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function File(props: IllustrationPropsWithoutChildren) {
+export default function File(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg viewBox="0 0 32 32" height="32" width="32">
diff --git a/packages/@spectrum-icons/illustrations/src/NoSearchResults.tsx b/packages/@spectrum-icons/illustrations/src/NoSearchResults.tsx
index b9fcd2ce537..0376782a4a6 100644
--- a/packages/@spectrum-icons/illustrations/src/NoSearchResults.tsx
+++ b/packages/@spectrum-icons/illustrations/src/NoSearchResults.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from "@react-spectrum/icon";
-import React from "react";
+import React, {JSX} from "react";
 
-export default function NoSearchResults(props: IllustrationPropsWithoutChildren) {
+export default function NoSearchResults(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg xmlns="http://www.w3.org/2000/svg" width="99.039" height="94.342">
diff --git a/packages/@spectrum-icons/illustrations/src/NotFound.tsx b/packages/@spectrum-icons/illustrations/src/NotFound.tsx
index caf1537f5b1..f0904063f25 100644
--- a/packages/@spectrum-icons/illustrations/src/NotFound.tsx
+++ b/packages/@spectrum-icons/illustrations/src/NotFound.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function Error404(props: IllustrationPropsWithoutChildren) {
+export default function Error404(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg width="135.321" height="87">
diff --git a/packages/@spectrum-icons/illustrations/src/Timeout.tsx b/packages/@spectrum-icons/illustrations/src/Timeout.tsx
index 165ad33ee95..f991ed972e9 100644
--- a/packages/@spectrum-icons/illustrations/src/Timeout.tsx
+++ b/packages/@spectrum-icons/illustrations/src/Timeout.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function Error504(props: IllustrationPropsWithoutChildren) {
+export default function Error504(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg width="137" height="94">
diff --git a/packages/@spectrum-icons/illustrations/src/Unauthorized.tsx b/packages/@spectrum-icons/illustrations/src/Unauthorized.tsx
index d2ed20b34b2..ba7c1f3d078 100644
--- a/packages/@spectrum-icons/illustrations/src/Unauthorized.tsx
+++ b/packages/@spectrum-icons/illustrations/src/Unauthorized.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function Error403(props: IllustrationPropsWithoutChildren) {
+export default function Error403(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg width="125" height="87">
diff --git a/packages/@spectrum-icons/illustrations/src/Unavailable.tsx b/packages/@spectrum-icons/illustrations/src/Unavailable.tsx
index 614fc17cf23..4c98d7a8ef5 100644
--- a/packages/@spectrum-icons/illustrations/src/Unavailable.tsx
+++ b/packages/@spectrum-icons/illustrations/src/Unavailable.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function Error503(props: IllustrationPropsWithoutChildren) {
+export default function Error503(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg width="143.1" height="94">
diff --git a/packages/@spectrum-icons/illustrations/src/Upload.tsx b/packages/@spectrum-icons/illustrations/src/Upload.tsx
index cafeb7fef5d..fcb51b561f2 100644
--- a/packages/@spectrum-icons/illustrations/src/Upload.tsx
+++ b/packages/@spectrum-icons/illustrations/src/Upload.tsx
@@ -1,7 +1,7 @@
 import {Illustration, IllustrationPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function Error504(props: IllustrationPropsWithoutChildren) {
+export default function Error504(props: IllustrationPropsWithoutChildren): JSX.Element {
   return (
     <Illustration {...props}>
       <svg width="191.2" height="97.9">
diff --git a/packages/@spectrum-icons/ui/scripts/generateIcons.cjs b/packages/@spectrum-icons/ui/scripts/generateIcons.cjs
index 6d7822853af..ccf6eeb3a9d 100644
--- a/packages/@spectrum-icons/ui/scripts/generateIcons.cjs
+++ b/packages/@spectrum-icons/ui/scripts/generateIcons.cjs
@@ -39,13 +39,13 @@ function template(iconName) {
 `import {${iconName} as IconComponent} from '@adobe/react-spectrum-ui/dist/${iconName}.js';
 import {UIIcon, UIIconPropsWithoutChildren} from '@react-spectrum/icon';
 import {useProvider} from '@react-spectrum/provider';
-import React from 'react';
+import React, {JSX} from 'react';
 
 ${jsx}
 
 ExpressIcon.displayName = IconComponent.displayName;
 
-export default function ${iconName}(props: UIIconPropsWithoutChildren) {
+export default function ${iconName}(props: UIIconPropsWithoutChildren): JSX.Element {
   let provider;
   try {
     provider = useProvider();
@@ -61,9 +61,9 @@ export default function ${iconName}(props: UIIconPropsWithoutChildren) {
   return (
 `import {${iconName} as IconComponent} from '@adobe/react-spectrum-ui/dist/${iconName}.js';
 import {UIIcon, UIIconPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function ${iconName}(props: UIIconPropsWithoutChildren) {
+export default function ${iconName}(props: UIIconPropsWithoutChildren): JSX.Element {
   return <UIIcon {...props}><IconComponent /></UIIcon>;
 }
 `
diff --git a/packages/@spectrum-icons/workflow/scripts/generateIcons.cjs b/packages/@spectrum-icons/workflow/scripts/generateIcons.cjs
index c8311efafa1..0bbed3c8157 100644
--- a/packages/@spectrum-icons/workflow/scripts/generateIcons.cjs
+++ b/packages/@spectrum-icons/workflow/scripts/generateIcons.cjs
@@ -24,9 +24,9 @@ function template(iconName) {
   return (
 `import {${iconName} as IconComponent} from '@adobe/react-spectrum-workflow/dist/${importName}.js';
 import {Icon, IconPropsWithoutChildren} from '@react-spectrum/icon';
-import React from 'react';
+import React, {JSX} from 'react';
 
-export default function ${iconRename}(props: IconPropsWithoutChildren) {
+export default function ${iconRename}(props: IconPropsWithoutChildren): JSX.Element {
   return <Icon {...props}><IconComponent /></Icon>;
 }
 `
diff --git a/packages/dev/docs/pages/react-aria/home/ExampleApp.tsx b/packages/dev/docs/pages/react-aria/home/ExampleApp.tsx
index 0ecd739b676..39085048daf 100644
--- a/packages/dev/docs/pages/react-aria/home/ExampleApp.tsx
+++ b/packages/dev/docs/pages/react-aria/home/ExampleApp.tsx
@@ -23,7 +23,7 @@ import {getLocalTimeZone, today} from '@internationalized/date';
 import {GridList, GridListItem} from 'tailwind-starter/GridList';
 import {Menu, MenuItem} from 'tailwind-starter/Menu';
 import {Modal} from 'tailwind-starter/Modal';
-import plants from './plants';
+import plants, {Plant} from './plants';
 import {Popover} from 'tailwind-starter/Popover';
 import React, {ReactElement, UIEvent, useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import {SearchField} from 'tailwind-starter/SearchField';
@@ -35,8 +35,6 @@ import {tv} from 'tailwind-variants';
 import {useCollator, useFilter, VisuallyHidden} from 'react-aria';
 import {useMediaQuery} from '@react-spectrum/utils';
 
-type Plant = typeof plants[0] & {isFavorite: boolean};
-
 const allColumns: ColumnProps[] = [
   {id: 'favorite', children: <VisuallyHidden>Favorite</VisuallyHidden>, width: 40, minWidth: 40},
   {id: 'common_name', children: 'Name', minWidth: 150, allowsSorting: true},
@@ -48,13 +46,13 @@ const allColumns: ColumnProps[] = [
 
 let hideOnScroll = document.getElementById('hideOnScroll');
 
-export function ExampleApp() {
+export function ExampleApp(): React.ReactNode {
   let [sortDescriptor, setSortDescriptor] = useState<SortDescriptor>({
     column: 'common_name',
     direction: 'ascending'
   });
 
-  let [allItems, setAllItems] = useState(() => plants.map(p => ({...p, isFavorite: false})));
+  let [allItems, setAllItems] = useState<Plant[]>(() => plants.map(p => ({...p, isFavorite: false})));
   let [search, setSearch] = useState('');
   let [favorite, setFavorite] = useState(false);
   let [cycles, setCycles] = useState<Selection>(new Set());
diff --git a/packages/dev/docs/pages/react-aria/home/plants.js b/packages/dev/docs/pages/react-aria/home/plants.ts
similarity index 96%
rename from packages/dev/docs/pages/react-aria/home/plants.js
rename to packages/dev/docs/pages/react-aria/home/plants.ts
index f2dc5080720..65be38efb0c 100644
--- a/packages/dev/docs/pages/react-aria/home/plants.js
+++ b/packages/dev/docs/pages/react-aria/home/plants.ts
@@ -9,6 +9,20 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
+
+export interface Plant {
+  id: number,
+  common_name: string,
+  scientific_name: string[],
+  watering: string,
+  sunlight: string[],
+  cycle: string,
+  default_image: {
+    thumbnail: string
+  },
+  isFavorite?: boolean
+}
+
 export default [
   {
     id: 1,
@@ -230,4 +244,4 @@ export default [
       thumbnail: new URL('plants/nasturtium.jpg?as=webp', import.meta.url).toString()
     }
   }
-];
+] as Plant[];
diff --git a/packages/dev/test-utils/src/renderOverride.js b/packages/dev/test-utils/src/renderOverride.tsx
similarity index 55%
rename from packages/dev/test-utils/src/renderOverride.js
rename to packages/dev/test-utils/src/renderOverride.tsx
index 574548a94fb..16992acf2c8 100644
--- a/packages/dev/test-utils/src/renderOverride.js
+++ b/packages/dev/test-utils/src/renderOverride.tsx
@@ -10,34 +10,41 @@
  * governing permissions and limitations under the License.
  */
 
-import {Provider} from '@react-spectrum/provider';
+import {act as originalAct, renderHook as originalRenderHook, render} from '@testing-library/react';
+import {Provider, ProviderProps} from '@react-spectrum/provider';
 import React from 'react';
-import {render} from '@testing-library/react';
 import {StrictModeWrapper} from './StrictModeWrapper';
 import {theme} from '@react-spectrum/theme-default';
 
-let reactTestingLibrary = require('@testing-library/react');
+export {act, fireEvent, within, screen, waitFor, getAllByRole, createEvent, waitForElementToBeRemoved} from '@testing-library/react';
 
-// export everything
-export * from '@testing-library/react';
+function customRender(ui: Parameters<typeof render>[0], options?: Parameters<typeof render>[1] | undefined): ReturnType<typeof render> {
+  return render(ui, {wrapper: StrictModeWrapper, ...options});
+}
 
+let reactTestingLibrary = require('@testing-library/react');
 // export renderHook and actHook from testing-library/react-hooks library if they don't exist in @testing-library/react
 // (i.e. renderHook is only in v13+ of testing library)
-export let renderHook = reactTestingLibrary.renderHook;
-export let actHook = reactTestingLibrary.act;
+export let renderHook = reactTestingLibrary.renderHook as typeof originalRenderHook;
+export let actHook = reactTestingLibrary.act as typeof originalAct;
 if (!renderHook) {
   let rhtl = require('@testing-library/react-hooks');
   renderHook = rhtl.renderHook;
   actHook = rhtl.act;
 }
 
-function customRender(ui, options) {
-  return render(ui, {wrapper: StrictModeWrapper, ...options});
-}
-
 // override render method with
 export {customRender as render};
 
-export function renderv3(ui, options, providerProps) {
-  return render(ui, {wrapper: (props) => <Provider theme={theme} {...providerProps}><StrictModeWrapper {...props} /></Provider>, ...options});
+export function renderv3(ui: Parameters<typeof render>[0], options?: Parameters<typeof render>[1] | undefined, providerProps?: ProviderProps | undefined): ReturnType<typeof render> {
+  return render(ui, {
+    wrapper: (props: React.PropsWithChildren) => (
+      <Provider
+        theme={theme}
+        {...providerProps}>
+        <StrictModeWrapper {...props} />
+      </Provider>
+    ),
+    ...options
+  });
 }
diff --git a/packages/dev/test-utils/src/shadowDOM.js b/packages/dev/test-utils/src/shadowDOM.ts
similarity index 79%
rename from packages/dev/test-utils/src/shadowDOM.js
rename to packages/dev/test-utils/src/shadowDOM.ts
index 84a2b06746e..ee41da0f5d0 100644
--- a/packages/dev/test-utils/src/shadowDOM.js
+++ b/packages/dev/test-utils/src/shadowDOM.ts
@@ -10,7 +10,13 @@
  * governing permissions and limitations under the License.
  */
 
-export function createShadowRoot(attachTo = document.body) {
+interface ShadowRootReturnValue {
+  shadowHost: HTMLElement,
+  shadowRoot: ShadowRoot,
+  cleanup: () => void
+}
+
+export function createShadowRoot(attachTo: HTMLElement = document.body): ShadowRootReturnValue {
   const div = document.createElement('div');
   attachTo.appendChild(div);
   const shadowRoot = div.attachShadow({mode: 'open'});
diff --git a/packages/dev/test-utils/src/testSSR.js b/packages/dev/test-utils/src/testSSR.tsx
similarity index 90%
rename from packages/dev/test-utils/src/testSSR.js
rename to packages/dev/test-utils/src/testSSR.tsx
index 77da5f71b8a..0695dd99e14 100644
--- a/packages/dev/test-utils/src/testSSR.js
+++ b/packages/dev/test-utils/src/testSSR.tsx
@@ -30,7 +30,7 @@ try {
   // ignore.
 }
 
-export async function testSSR(filename, source, runAfterServer) {
+export async function testSSR(filename: string, source: string, runAfterServer?: () => void): Promise<void> {
   // Transform the code with babel so JSX becomes JS.
   source = babel.transformSync(source, {filename, plugins: ['@babel/plugin-syntax-import-attributes']}).code;
 
@@ -58,7 +58,7 @@ export async function testSSR(filename, source, runAfterServer) {
         }
 
         // Capture React errors/warning and make them fail the tests.
-        let errors = [];
+        let errors: string[] = [];
         console.error = console.warn = (...messages) => {
           errors.push(util.format(...messages));
         };
@@ -72,9 +72,9 @@ export async function testSSR(filename, source, runAfterServer) {
           if (ReactDOMClient) {
             act(() => ReactDOMClient.hydrateRoot(container, <SSRProvider>{element}</SSRProvider>));
           } else {
-            act(() => {ReactDOM.hydrate(<SSRProvider>{element}</SSRProvider>, container);});
+            act(() => {(ReactDOM as any).hydrate(<SSRProvider>{element}</SSRProvider>, container);});
           }
-        } catch (err) {
+        } catch (err: any) {
           errors.push(err.stack);
         }
 
diff --git a/scripts/generateS2IconIndex.js b/scripts/generateS2IconIndex.js
index a7af51f6e37..392ce5b3786 100644
--- a/scripts/generateS2IconIndex.js
+++ b/scripts/generateS2IconIndex.js
@@ -66,7 +66,8 @@ function generate(dir) {
   }
 
   let relative = path.relative(dir, 'packages/@react-spectrum/s2/src/Icon');
-  let typeImport = dir.includes('ui-icons') ? "import {ReactNode, SVGProps} from 'react';" : `import {IconProps, IllustrationContext} from '${relative}';`;
+  let typeImport = dir.includes('ui-icons') ? "import {ReactNode, SVGProps} from 'react';" : `import {ReactNode} from 'react';
+import {IconProps, IllustrationContext} from '${relative}';`;
   let ctx = dir.includes('spectrum-illustrations') ? '[props] = useContextProps(props, null, IllustrationContext);\n  ' : '';
   let type = dir.includes('ui-icons') ? 'SVGProps<SVGSVGElement>' : 'IconProps';
   let isIllustration =  dir.includes('spectrum-illustrations');
@@ -124,7 +125,7 @@ let styles = style({
     }
 
     src += `
-export default function ${importName}(props: ${type} & {size?: ${Object.keys(sizes).map(s => `'${s}'`).join(' | ')}})${isIllustration ? '' : ': ReactNode'} {
+export default function ${importName}(props: ${type} & {size?: ${Object.keys(sizes).map(s => `'${s}'`).join(' | ')}}): ReactNode {
   ${ctx}let {size = 'M', ...otherProps} = props;
   switch (size) {${Object.keys(sizes).map(size => `
     case '${size}':