chore: set the correct order of imports

Author: mobily

src/components/Bleed.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
 
+import { Box } from './Box';
+
 import type { ResponsiveProp } from '../types';
 import { negate } from '../utils';
-import { Box } from './Box';
 
 type BoxProps = Omit<
   React.ComponentProps<typeof Box>,

src/components/Columns.tsx

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { Platform } from 'react-native';
 
+import { Box } from './Box';
+import { Column } from './Column';
+import { FloatBox } from './FloatBox';
+
 import {
   useBreakpointComparators,
   useDebugStyle,
@@ -9,9 +13,6 @@ import {
 } from '../hooks';
 import type { AxisX, AxisY, Breakpoint, Flex, ResponsiveProp, Space } from '../types';
 import { flattenChildren, negate } from '../utils';
-import { Box } from './Box';
-import { Column } from './Column';
-import { FloatBox } from './FloatBox';
 
 type BoxProps = Omit<
   React.ComponentProps<typeof Box>,

src/components/FloatBox.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { DimensionValue, StyleSheet } from 'react-native';
 
+import { Box } from './Box';
+
 import { useResponsiveProp } from '../hooks';
 import type { ResponsiveProp } from '../types';
-import { Box } from './Box';
 
 type BoxProps = React.ComponentProps<typeof Box>;
 

src/components/Grid.tsx

@@ -2,11 +2,12 @@ import * as React from 'react';
 import { Platform, Text } from 'react-native';
 import { createStyleSheet, UnistylesRuntime, useStyles } from 'react-native-unistyles';
 
+import { Box } from './Box';
+import { FloatBox } from './FloatBox';
+
 import { useResponsiveProp, useSpacingHelpers } from '../hooks';
 import type { ResponsiveProp } from '../types';
 import { makeWithIndex } from '../utils';
-import { Box } from './Box';
-import { FloatBox } from './FloatBox';
 
 export type GridProps = {
   readonly gutter?: ResponsiveProp<number>;

src/components/Inline.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
 
+import { Box } from './Box';
+
 import { useBreakpointComparators } from '../hooks';
 import type { AxisX, AxisY, Breakpoint, ResponsiveProp, Space } from '../types';
-import { Box } from './Box';
 
 type BoxProps = Omit<
   React.ComponentProps<typeof Box>,

src/components/Inset.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
 
-import type { ResponsiveProp } from '../types';
 import { Box } from './Box';
 
+import type { ResponsiveProp } from '../types';
+
 type BoxProps = Omit<
   React.ComponentProps<typeof Box>,
   | 'padding'

src/components/Rows.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
 
-import type { AxisX, AxisY, Flex, ResponsiveProp, Space } from '../types';
-import { flattenChildren } from '../utils';
 import { Box } from './Box';
 import { Row } from './Row';
 
+import type { AxisX, AxisY, Flex, ResponsiveProp, Space } from '../types';
+import { flattenChildren } from '../utils';
+
 type BoxProps = Omit<
   React.ComponentProps<typeof Box>,
   'direction' | 'gap' | 'rowGap' | 'columnGap' | 'alignX' | 'alignY'

src/components/Stack.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 
+import { Box } from './Box';
+
 import { useResponsiveProp } from '../hooks';
 import type { AxisX, AxisY, ResponsiveProp } from '../types';
 import { flattenChildren, intersperse } from '../utils';
-import { Box } from './Box';
 
 type BoxProps = Omit<
   React.ComponentProps<typeof Box>,

src/components/Tiles.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 
+import { Box } from './Box';
+
 import { useResponsiveProp } from '../hooks';
 import type { AxisY, ResponsiveProp, Space } from '../types';
 import { makeWithIndex, splitEvery } from '../utils';
-import { Box } from './Box';
 
 type BoxProps = Omit<
   React.ComponentProps<typeof Box>,

src/types.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-empty-interface */
 import { UnistylesBreakpoints } from 'react-native-unistyles';
 
 export interface StacksBreakpoints {}