chore: always use relative paths when import types

components/badge/badge.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react'
 import useTheme from '../use-theme'
 import { NormalSizes, NormalTypes } from '../utils/prop-types'
-import { GeistUIThemesPalette } from 'components/themes/presets'
+import { GeistUIThemesPalette } from '../themes/presets'
 import BadgeAnchor from './badge-anchor'
 
 interface Props {

components/button-group/button-group.tsx

@@ -3,7 +3,7 @@ import useTheme from '../use-theme'
 import withDefaults from '../utils/with-defaults'
 import { NormalSizes, ButtonTypes } from '../utils/prop-types'
 import { ButtonGroupContext, ButtonGroupConfig } from './button-group-context'
-import { GeistUIThemesPalette } from 'components/themes/presets'
+import { GeistUIThemesPalette } from '../themes/presets'
 
 interface Props {
   disabled?: boolean

components/button/utils.tsx

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react'
 import { NormalSizes } from '../utils/prop-types'
 import ButtonIcon from './button-icon'
-import { ButtonProps } from 'components/button/button'
-import { ButtonGroupConfig } from 'components/button-group/button-group-context'
+import { ButtonProps } from './button'
+import { ButtonGroupConfig } from '../button-group/button-group-context'
 
 export const getButtonChildrenWithIcon = (
   auto: boolean,

components/checkbox/styles.ts

@@ -1,5 +1,5 @@
-import { GeistUIThemesPalette } from 'components/themes/presets'
-import { NormalTypes } from 'components/utils/prop-types'
+import { GeistUIThemesPalette } from '../themes/presets'
+import { NormalTypes } from '../utils/prop-types'
 
 export type CheckboxColor = {
   fill: string

components/divider/divider.tsx

@@ -3,7 +3,7 @@ import useTheme from '../use-theme'
 import withDefaults from '../utils/with-defaults'
 import { DividerAlign, SnippetTypes } from '../utils/prop-types'
 import { getMargin } from '../spacer/spacer'
-import { GeistUIThemesPalette } from 'components/themes/presets'
+import { GeistUIThemesPalette } from '../themes/presets'
 
 export type DividerTypes = SnippetTypes
 

components/image/styles.ts

@@ -1,4 +1,4 @@
-import { GeistUIThemesPalette } from 'components/themes/presets'
+import { GeistUIThemesPalette } from '../themes/presets'
 
 export type BrowserColors = {
   color: string

components/input/input-props.ts

@@ -1,5 +1,5 @@
 import React from 'react'
-import { NormalSizes, NormalTypes } from 'components/utils/prop-types'
+import { NormalSizes, NormalTypes } from '../utils/prop-types'
 
 export interface Props {
   value?: string

components/loading/loading.tsx

@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react'
 import useTheme from '../use-theme'
 import withDefaults from '../utils/with-defaults'
-import { NormalSizes, NormalTypes } from 'components/utils/prop-types'
-import { GeistUIThemesPalette } from 'components/themes/presets'
+import { NormalSizes, NormalTypes } from '../utils/prop-types'
+import { GeistUIThemesPalette } from '../themes/presets'
 
 type LoadingSizes = NormalSizes | string
 

components/progress/progress.tsx

@@ -2,8 +2,8 @@ import React from 'react'
 import withDefaults from '../utils/with-defaults'
 import useTheme from '../use-theme'
 import { useProportions } from '../utils/calculations'
-import { GeistUIThemesPalette } from 'components/themes/presets'
-import { NormalTypes } from 'components/utils/prop-types'
+import { GeistUIThemesPalette } from '../themes/presets'
+import { NormalTypes } from '../utils/prop-types'
 
 export type ProgressColors = {
   [key: number]: string

components/radio/radio-group.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from 'react'
 import withDefaults from '../utils/with-defaults'
 import { RadioContext } from './radio-context'
-import { NormalSizes } from 'components/utils/prop-types'
+import { NormalSizes } from '../utils/prop-types'
 
 interface Props {
   value?: string | number

components/radio/styles.ts

@@ -1,5 +1,5 @@
-import { GeistUIThemesPalette } from 'components/themes/presets'
-import { NormalTypes } from 'components/utils/prop-types'
+import { GeistUIThemesPalette } from '../themes/presets'
+import { NormalTypes } from '../utils/prop-types'
 
 export type RadioColor = {
   label: string

components/select/styles.ts

@@ -1,5 +1,5 @@
-import { NormalSizes, NormalTypes } from 'components/utils/prop-types'
-import { GeistUIThemes, GeistUIThemesPalette } from 'components/themes/presets'
+import { NormalSizes, NormalTypes } from '../utils/prop-types'
+import { GeistUIThemes, GeistUIThemesPalette } from '../themes/presets'
 
 export interface SelectSize {
   height: string

components/slider/slider.tsx

@@ -13,7 +13,7 @@ import useCurrentState from '../utils/use-current-state'
 import SliderDot from './slider-dot'
 import SliderMark from './slider-mark'
 import { getColors } from './styles'
-import { NormalTypes } from 'components/utils/prop-types'
+import { NormalTypes } from '../utils/prop-types'
 
 interface Props {
   hideValue?: boolean

components/slider/styles.ts

@@ -1,5 +1,5 @@
-import { GeistUIThemesPalette } from 'components/themes/presets'
-import { NormalTypes } from 'components/utils/prop-types'
+import { GeistUIThemesPalette } from '../themes/presets'
+import { NormalTypes } from '../utils/prop-types'
 
 export type SelectColor = {
   bg: string

components/snippet/styles.ts

@@ -1,5 +1,5 @@
-import { SnippetTypes } from 'components/utils/prop-types'
-import { GeistUIThemesPalette } from 'components/themes/presets'
+import { SnippetTypes } from '../utils/prop-types'
+import { GeistUIThemesPalette } from '../themes/presets'
 
 export type SnippetStyles = {
   color: string

components/table/__tests__/index.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { mount } from 'enzyme'
 import { Table, Code } from 'components'
-import { cellActions } from 'components/table/table-cell'
+import { TableCellActions } from '../table-cell'
 import { nativeEvent, updateWrapper } from 'tests/utils'
 import { act } from 'react-dom/test-utils'
 
@@ -100,7 +100,7 @@ describe('Table', () => {
   })
 
   it('should be possible to remove the row', () => {
-    const operation = (actions: cellActions) => {
+    const operation = (actions: TableCellActions) => {
       return <button onClick={() => actions.remove()}>Remove</button>
     }
     const data = [{ property: 'bold', description: 'boolean', operation }]
@@ -118,7 +118,7 @@ describe('Table', () => {
   })
 
   it('should be possible to update the row', () => {
-    const operation = (actions: cellActions) => {
+    const operation = (actions: TableCellActions) => {
       return (
         <button
           onClick={() =>

components/toggle/styles.ts

@@ -1,5 +1,5 @@
-import { GeistUIThemesPalette } from 'components/themes/presets'
-import { NormalTypes } from 'components/utils/prop-types'
+import { GeistUIThemesPalette } from '../themes/presets'
+import { NormalTypes } from '../utils/prop-types'
 
 export type SelectColor = {
   bg: string

components/tree/__tests__/index.test.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { mount } from 'enzyme'
 import { Tree } from 'components'
 import { nativeEvent } from 'tests/utils'
-import { FileTreeValue } from 'components/tree/tree'
+import { FileTreeValue } from '../tree'
 
 const mockFiles: Array<FileTreeValue> = [
   {