Fix verbatimModuleSyntax errors

Author: frankieyan

src/avatar/avatar.tsx

@@ -1,13 +1,14 @@
 import * as React from 'react'
 
 import { Box } from '../box'
-import { getClassNames, ResponsiveProp } from '../utils/responsive-props'
+import { getClassNames } from '../utils/responsive-props'
 
 import { emailToIndex, getInitials } from './utils'
 
 import styles from './avatar.module.css'
 
 import type { ObfuscatedClassName } from '../utils/common-types'
+import type { ResponsiveProp } from '../utils/responsive-props'
 
 const AVATAR_COLORS = [
     '#fcc652',

src/banner/banner.test.tsx

@@ -4,7 +4,9 @@ import { render, screen, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { axe } from 'jest-axe'
 
-import { Banner, SystemBannerType } from './banner'
+import { Banner } from './banner'
+
+import type { SystemBannerType } from './banner'
 
 describe('Banner', () => {
     it('renders as a <div /> element', () => {

src/banner/banner.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react'
 
 import { Box } from '../box'
-import { Button, ButtonProps, IconButton } from '../button'
+import { Button, IconButton } from '../button'
 import { BannerIcon } from '../icons/banner-icon'
 import { CloseIcon } from '../icons/close-icon'
 import { TextLink } from '../text-link'
 import { useId } from '../utils/common-helpers'
 
 import styles from './banner.module.css'
 
+import type { ButtonProps } from '../button'
+
 /**
  * Represents the type of a banner.
  * 'neutral' accepts a custom icon, the rest do not.

src/base-field/base-field.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { Box, BoxProps } from '../box'
+import { Box } from '../box'
 import { Column, Columns } from '../columns'
 import { Spinner } from '../spinner'
 import { Stack } from '../stack'
@@ -9,6 +9,7 @@ import { useId } from '../utils/common-helpers'
 
 import styles from './base-field.module.css'
 
+import type { BoxProps } from '../box'
 import type { WithEnhancedClassName } from '../utils/common-types'
 
 // Define the remaining characters before the character count turns red

src/box/box.stories.tsx

@@ -5,7 +5,6 @@ import { Inline } from '../inline'
 import { Stack } from '../stack'
 import { Text } from '../text'
 import {
-    PartialProps,
     Placeholder,
     ResponsiveWidthRef,
     reusableBoxProps,
@@ -15,9 +14,10 @@ import {
     Wrapper,
 } from '../utils/storybook-helper'
 
-import { Box, BoxBorderRadius } from './box'
+import { Box } from './box'
 
 import type { Space, SpaceWithNegatives } from '../utils/common-types'
+import type { PartialProps } from '../utils/storybook-helper'
 import type {
     BoxAlignItems,
     BoxBackground,
@@ -29,6 +29,7 @@ import type {
     BoxPaddingProps,
     BoxTextAlign,
 } from './'
+import type { BoxBorderRadius } from './box'
 
 export default {
     title: 'Design system/Box',

src/box/box.test.tsx

@@ -3,7 +3,9 @@ import * as React from 'react'
 import { render, screen } from '@testing-library/react'
 import { axe } from 'jest-axe'
 
-import { Box, BoxProps } from './'
+import { Box } from './'
+
+import type { BoxProps } from './'
 
 describe('Box', () => {
     it('renders its children as its content', () => {

src/button/button.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react'
 
-import { Role, RoleProps } from '@ariakit/react'
+import { Role } from '@ariakit/react'
 import classNames from 'classnames'
 
 import { Box, getBoxClassNames } from '../box'
 import { Spinner } from '../spinner'
-import { Tooltip, TooltipProps } from '../tooltip'
+import { Tooltip } from '../tooltip'
 
 import styles from './button.module.css'
 
+import type { RoleProps } from '@ariakit/react'
+import type { TooltipProps } from '../tooltip'
 import type { ObfuscatedClassName } from '../utils/common-types'
 
 function preventDefault(event: React.SyntheticEvent) {

src/columns/columns.stories.tsx

@@ -4,7 +4,6 @@ import { Box } from '../box'
 import { Stack } from '../stack'
 import {
     disableResponsiveProps,
-    PartialProps,
     Placeholder,
     ResponsiveWidthRef,
     reusableBoxProps,
@@ -16,6 +15,7 @@ import {
 
 import { Column, Columns } from './columns'
 
+import type { PartialProps } from '../utils/storybook-helper'
 import type {
     ColumnsCollapseBelow,
     ColumnsHorizontalAlignment,

src/columns/columns.test.tsx

@@ -5,7 +5,9 @@ import { axe } from 'jest-axe'
 
 import { runSpaceTests } from '../utils/test-helpers'
 
-import { Column, Columns, ColumnWidth } from './'
+import { Column, Columns } from './'
+
+import type { ColumnWidth } from './'
 
 const columnWidths: Array<ColumnWidth> = [
     '1/2',

src/components/time/time-utils.ts

@@ -87,4 +87,5 @@ const TimeUtils = {
     },
 }
 
-export { TimeConfig, TimeUtils }
+export type { TimeConfig }
+export { TimeUtils }