Description

This task aims to remove circular dependencies in the design system components and fix how types are exported. This follows a similar refactor done in the MetaMask extension (see reference PR).

Technical Details

• Remove circular dependencies by:
  • Creating separate constants files for size mappings
  • Directly importing components instead of using index files
  • Using `import type` for type-only imports
• Fix type exports by:
  • Moving type definitions to their respective component files
  • Avoiding re-exporting types from other components
  • Using proper enum definitions instead of reusing from other components

Acceptance Criteria

• No circular dependencies in the component library
• Proper type exports for all components
• No behavioral changes in the components
• All tests pass
• Storybook stories remain functional

References

• MetaMask Extension PR for reference: refactor: remove circular dependencies in ui/components/component-library/* metamask-extension#30267
• Components affected:
  • Avatar components (Base, Favicon, Network, Token)
  • Button components (Base, Icon, Primary)
  • Text and Icon components