fix:yarn

ui/button/src/button.component.tsx

@@ -9,14 +9,14 @@ import { useState }          from 'react'
 
 import { useHover }          from '@ui/utils'
 
-import { ButtonProps }       from './button.interfaces'
-import { IconAttachment }    from './icon-attachment'
-import { ButtonShadow }      from './styles/shadow'
-import { baseStyles }        from './button.styles'
-import { shapeStyles }       from './button.styles'
-import { contentStyles }     from './button.styles'
-import { fillStyles }        from './button.styles'
-import { appearanceStyles }  from './styles'
+import { ButtonProps }       from './button.interfaces.js'
+import { IconAttachment }    from './icon-attachment/index.js'
+import { ButtonShadow }      from './styles/shadow/index.js'
+import { baseStyles }        from './button.styles.js'
+import { shapeStyles }       from './button.styles.js'
+import { contentStyles }     from './button.styles.js'
+import { fillStyles }        from './button.styles.js'
+import { appearanceStyles }  from './styles/index.js'
 
 export const ButtonElement = styled('button')<any>(
   baseStyles,

ui/button/src/styles/shadow/index.ts

@@ -1 +1 @@
-export * from './shadow.styles'
+export * from './shadow.styles.js'

ui/icons/src/AtlantisSmallIcon.tsx

@@ -3,7 +3,7 @@ import { useTheme }  from '@emotion/react'
 /* eslint-disable */
 import React         from 'react'
 
-import { IconProps } from '../icons.interfaces'
+import { IconProps } from '../icons.interfaces.js'
 
 export const AtlantisSmallIcon = (props: IconProps) => {
   const theme: any = useTheme()

ui/icons/src/index.ts

@@ -17,6 +17,7 @@ export * from './GitHubIcon.js'
 export * from './LightThemeIcon.js'
 export * from './ArrowChevronIcon.js'
 export * from './AtlantisIcon.js'
+export * from './AtlantisSmallIcon.js'
 export * from './DashboardIcon.js'
 export * from './LogoutIcon.js'
 export * from './OrgamizationsIcon.js'

ui/image/src/index.ts

@@ -1,2 +1,2 @@
-export * from './image-block'
-export * from './next-image'
+export * from './image-block/index.js'
+export * from './next-image/index.js'

ui/image/src/next-image/index.ts

@@ -1,3 +1,3 @@
-export * from './next-image.component'
-export * from './next-image.styles'
-export * from './next-image.interfaces'
+export * from './next-image.component.js'
+export * from './next-image.styles.js'
+export * from './next-image.interfaces.js'

ui/image/src/next-image/next-image.component.tsx

@@ -2,18 +2,13 @@ import Image                from 'next/image'
 import React                from 'react'
 import { FC }               from 'react'
 
-import { NextImageProps }   from './next-image.interfaces'
-import { NextImageWrapper } from './next-image.styles'
+import { NextImageProps }   from './next-image.interfaces.js'
+import { NextImageWrapper } from './next-image.styles.js'
 
-export const NextImage: FC<NextImageProps> = ({
-  src,
-  alt,
-  width,
-  height,
-  borderRadius,
-  ...props
-}) => (
+const NextImage: FC<NextImageProps> = ({ src, alt, width, height, borderRadius, ...props }) => (
   <NextImageWrapper borderRadius={borderRadius}>
     <Image src={src} alt={alt} width={width} height={height} {...props} />
   </NextImageWrapper>
 )
+
+export { NextImage }