diff --git a/packages/components/src/transition/Transition.tsx b/packages/components/src/transition/Transition.tsx
index 222bdb99..43ec1a3f 100644
--- a/packages/components/src/transition/Transition.tsx
+++ b/packages/components/src/transition/Transition.tsx
@@ -1,15 +1,8 @@
 import React, { memo } from 'react';
 import { useDispatcher, useTransition } from './transition.hooks';
-import type { Mode, CB } from './transition.types';
+import type { TransitionProps } from './transition.types';
 
-const Transition: React.FC<{
-  // show?: boolean;
-  name?: string;
-  mode?: Mode;
-  children?: React.ReactElement | boolean;
-  appear?: boolean;
-  on?: CB;
-}> = ({
+const Transition: React.FC<TransitionProps> = ({
   children,
   name = 'trans',
   mode = 'default' /* , show */,
diff --git a/packages/components/src/transition/index.ts b/packages/components/src/transition/index.ts
index 46725139..bd3804b9 100644
--- a/packages/components/src/transition/index.ts
+++ b/packages/components/src/transition/index.ts
@@ -1,3 +1,4 @@
+export type { TransitionProps, CB as TransitionCB } from './transition.types';
 export { default as Transition } from './Transition';
 export {
   STATUS as TRANSITION_STATUS,
diff --git a/packages/components/src/transition/transition.types.ts b/packages/components/src/transition/transition.types.ts
index df4eafa9..3e98f6e0 100644
--- a/packages/components/src/transition/transition.types.ts
+++ b/packages/components/src/transition/transition.types.ts
@@ -10,3 +10,12 @@ export type CB = (
   status: STATUS,
   lifeCircle: LIFE_CIRCLE,
 ) => void;
+
+export interface TransitionProps {
+  // show?: boolean;
+  name?: string;
+  mode?: Mode;
+  children?: React.ReactElement | boolean;
+  appear?: boolean;
+  on?: CB;
+}