[optimize] Document path

Author: TechQuery

document/source/components/CountDown.mdx renamed to document/source/components/Calendar/CountDown.mdx

@@ -7,7 +7,7 @@ group: Components
 
 import { CountDown } from 'boot-cell/source/Calendar/CountDown';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 <Example>
     <CountDown endTime={new Date(new Date().getFullYear() + 1, 5, 4)} />

document/source/components/MonthCalender.mdx renamed to document/source/components/Calendar/MonthCalender.mdx

@@ -8,7 +8,7 @@ group: Components
 import { MonthCalendar } from 'boot-cell/source/Calendar/MonthCalendar';
 import { formatDate } from 'web-utility/source/date';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 ## Default calendar
 

document/source/components/WeekCalender.mdx renamed to document/source/components/Calendar/WeekCalender.mdx

@@ -8,7 +8,7 @@ group: Components
 import { WeekCalendar } from 'boot-cell/source/Calendar/WeekCalendar';
 import { formatDate } from 'web-utility/source/date';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 ## Default calendar
 

document/source/components/Card.mdx renamed to document/source/components/Content/Card.mdx

@@ -9,7 +9,7 @@ import { Card, CardHeader, CardFooter } from 'boot-cell/source/Content/Card';
 import { Button } from 'boot-cell/source/Form/Button';
 import { NavLink } from 'boot-cell/source/Navigator/Nav';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 ## About
 
@@ -388,4 +388,4 @@ render(
 );
 ```
 
-[1]: components/nav
+[1]: components/navigator/nav

document/source/components/Collapse.mdx renamed to document/source/components/Content/Collapse.mdx

@@ -10,7 +10,7 @@ import { Fragment } from 'web-cell';
 import { Accordion, AccordionPanel } from 'boot-cell/source/Content/Accordion';
 import { Button } from 'boot-cell/source/Form/Button';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 ## How it works
 

document/source/components/Jumbotron.mdx renamed to document/source/components/Content/Jumbotron.mdx

@@ -8,7 +8,7 @@ group: Components
 import { Jumbotron } from 'boot-cell/source/Content/Jumbotron';
 import { Button } from 'boot-cell/source/Form/Button';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
 

document/source/components/ListGroup.mdx renamed to document/source/components/Content/ListGroup.mdx

@@ -8,7 +8,7 @@ group: Components
 import { ListGroup, ListItem } from 'boot-cell/source/Content/ListGroup';
 import { Badge } from 'boot-cell/source/Reminder/Badge';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 ## Example
 

document/source/components/MediaObject.mdx renamed to document/source/components/Content/MediaObject.mdx

@@ -8,7 +8,7 @@ group: Components
 import { MediaObject } from 'boot-cell/source/Content/MediaObject';
 import { Button } from 'boot-cell/source/Form/Button';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 ## Example
 

document/source/components/SplitView.mdx renamed to document/source/components/Content/SplitView.mdx

@@ -8,7 +8,7 @@ group: Components
 import { SplitView } from 'boot-cell/source/Content/SplitView';
 import { Embed } from 'boot-cell/source/Media/Embed';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 This component is built on the top of [Iterator Observer][1], the dependency below should be installed:
 

document/source/components/TabView.mdx renamed to document/source/components/Content/TabView.mdx

@@ -14,13 +14,13 @@ import { FormField } from 'boot-cell/source/Form/FormField';
 import { Button } from 'boot-cell/source/Form/Button';
 import { Icon } from 'boot-cell/source/Reminder/Icon';
 
-import { Example } from '../../../source/component/Example';
+import { Example } from '../../../../source/component/Example';
 
 Tab view is built on CSS of Bootstrap & [bs-stepper][1].
 
 ## Tabs mode
 
-`mode="tabs"` is built based on [Nav](components/nav).
+`mode="tabs"` is built based on [Nav][2].
 
 Dynamic tabbed interfaces, as described in the
 [<abbr title="Web Accessibility Initiative">WAI</abbr> <abbr title="Accessible Rich Internet Applications">ARIA</abbr> Authoring Practices][2],
@@ -78,7 +78,7 @@ render(
 
 ## Pills mode
 
-`mode="pills"` is built based on [Nav](components/nav).
+`mode="pills"` is built based on [Nav][2].
 
 <Example>
     <TabView mode="pills">
@@ -166,7 +166,7 @@ render(
 
 ## Masthead mode
 
-`mode="masthead"` is built based on [Nav](components/nav).
+`mode="masthead"` is built based on [Nav][2].
 
 <Example>
     <TabView mode="masthead">
@@ -212,7 +212,7 @@ render(
 
 ## List mode
 
-`mode="list"` is built based on [List group](components/listgroup).
+`mode="list"` is built based on [List group](components/content/listgroup).
 
 <Example>
     <TabView mode="list" direction="column">
@@ -536,4 +536,5 @@ render(
 ```
 
 [1]: https://johann-s.github.io/bs-stepper/
-[2]: https://www.w3.org/TR/wai-aria-practices/#tabpanel
+[2]: components/navigator/nav
+[3]: https://www.w3.org/TR/wai-aria-practices/#tabpanel