chore(storybook): group stories with type

src/__stories__/createMemo.story.tsx

@@ -21,7 +21,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('createMemo', module)
+storiesOf('State/createMemo', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/createMemo.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useAdopt.story.tsx

@@ -92,7 +92,7 @@ const Animation = () => {
   );
 };
 
-storiesOf('useAdopt', module)
+storiesOf('State/useAdopt', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useAdopt.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useAsync.story.tsx

@@ -22,7 +22,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useAsync', module)
+storiesOf('Side effects/useAsync', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useAsync.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useAudio.story.tsx

@@ -29,7 +29,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useAudio', module)
+storiesOf('UI/useAudio', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useAudio.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useBattery.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useBattery', module)
+storiesOf('Sensors/useBattery', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useBattery.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useBoolean.story.tsx

@@ -16,7 +16,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useBoolean', module)
+storiesOf('State/useBoolean', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useToggle.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useCallbag.story.tsx

@@ -9,7 +9,7 @@ const Demo = () => {
   return <span>{`Counter: ${count}`}</span>
 };
 
-storiesOf('useCallbag', module)
+storiesOf('State/useCallbag', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useCallbag.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useCounter.story.tsx

@@ -20,7 +20,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useCounter', module)
+storiesOf('State/useCounter', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useCounter.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useCss.story.tsx

@@ -19,7 +19,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useCss', module)
+storiesOf('Side effects/useCss', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useCss.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useFavicon.story.tsx

@@ -9,7 +9,7 @@ const Demo = () => {
   return null;
 };
 
-storiesOf('useFavicon', module)
+storiesOf('Side effects/useFavicon', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useFavicon.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useGeolocation.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useGeolocation', module)
+storiesOf('Sensors/useGeolocation', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useGeolocation.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useGetSet.story.tsx

@@ -30,7 +30,7 @@ const DemoWrong = () => {
   );
 };
 
-storiesOf('useGetSet', module)
+storiesOf('State/useGetSet', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useGetSet.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useGetSetState.story.tsx

@@ -16,7 +16,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useGetSetState', module)
+storiesOf('State/useGetSetState', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useGetSetState.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useHover.story.tsx

@@ -18,7 +18,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useHover', module)
+storiesOf('Sensors/useHover', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useHover.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useHoverDirty.story.tsx

@@ -15,7 +15,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useHoverDirty', module)
+storiesOf('Sensors/useHoverDirty', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useHover.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useIdle.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useIdle', module)
+storiesOf('Sensors/useIdle', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useIdle.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useLifecycles.story.tsx

@@ -8,7 +8,7 @@ const Demo = () => {
   return null;
 };
 
-storiesOf('useLifecycles', module)
+storiesOf('Lifecycles/useLifecycles', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useLifecycles.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useList.story.tsx

@@ -15,7 +15,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useList', module)
+storiesOf('State/useList', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useList.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useLocalStorage.story.tsx

@@ -15,7 +15,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useLocalStorage', module)
+storiesOf('Side effects/useLocalStorage', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useLocalStorage.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useLocation.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useLocation', module)
+storiesOf('Sensors/useLocation', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useLocation.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useLogger.story.tsx

@@ -8,7 +8,7 @@ const Demo = (props) => {
   return null;
 };
 
-storiesOf('useLogger', module)
+storiesOf('Lifecycles/useLogger', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useLogger.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useMap.story.tsx

@@ -17,7 +17,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useMap', module)
+storiesOf('State/useMap', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useMap.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useMedia.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useMedia', module)
+storiesOf('Sensors/useMedia', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useMedia.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useMediaDevices.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useMediaDevices', module)
+storiesOf('Sensors/useMediaDevices', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useMediaDevices.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useMotion.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useMotion', module)
+storiesOf('Sensors/useMotion', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useMotion.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useMount.story.tsx

@@ -8,7 +8,7 @@ const Demo = () => {
   return null;
 };
 
-storiesOf('useMount', module)
+storiesOf('Lifecycles/useMount', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useMount.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useNetwork.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useNetwork', module)
+storiesOf('Sensors/useNetwork', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useNetwork.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useObservable.story.tsx

@@ -15,7 +15,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useObservable', module)
+storiesOf('State/useObservable', module)
   // .add('Docs', () => <ShowDocs md={require('../../docs/useObservable.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useOrientation.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useOrientation', module)
+storiesOf('Sensors/useOrientation', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useOrientation.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useOutsideClick.story.tsx

@@ -19,7 +19,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useOutsideClick', module)
+storiesOf('UI/useOutsideClick', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useOutsideClick.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useRaf.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useRaf', module)
+storiesOf('Animations/useRaf', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useRaf.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useRenderProp.story.tsx

@@ -24,7 +24,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useRenderProp', module)
+storiesOf('State/useRenderProp', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useRenderProp.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useSessionStorage.story.tsx

@@ -15,7 +15,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useSessionStorage', module)
+storiesOf('Side effects/useSessionStorage', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useSessionStorage.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useSetState.story.tsx

@@ -24,7 +24,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useSetState', module)
+storiesOf('State/useSetState', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useSetState.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useSize.story.tsx

@@ -17,7 +17,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useSize', module)
+storiesOf('Sensors/useSize', module)
   .add('Example', () =>
     <Demo/>
   )

src/__stories__/useSpeech.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useSpeech', module)
+storiesOf('UI/useSpeech', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useSpeech.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useSpring.story.tsx

@@ -17,7 +17,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useSpring', module)
+storiesOf('Animations/useSpring', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useSpring.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useTimeout.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useTimeout', module)
+storiesOf('Animations/useTimeout', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useTimeout.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useTitle.story.tsx

@@ -9,7 +9,7 @@ const Demo = () => {
   return null;
 };
 
-storiesOf('useTitle', module)
+storiesOf('Side effects/useTitle', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useTitle.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useToggle.story.tsx

@@ -16,7 +16,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useToggle', module)
+storiesOf('State/useToggle', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useToggle.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useTween.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useTween', module)
+storiesOf('Animations/useTween', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useTween.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useUnmount.story.tsx

@@ -8,7 +8,7 @@ const Demo = () => {
   return null;
 };
 
-storiesOf('useUnmount', module)
+storiesOf('Lifecycles/useUnmount', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useUnmount.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useUpdate.story.tsx

@@ -13,7 +13,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useUpdate', module)
+storiesOf('Animations/useUpdate', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useUpdate.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useVideo.story.tsx

@@ -28,7 +28,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useVideo', module)
+storiesOf('UI/useVideo', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useVideo.md')} />)
   .add('Demo', () =>
     <Demo/>

src/__stories__/useWait.story.tsx

@@ -32,7 +32,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useWait', module)
+storiesOf('UI/useWait', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useWait.md')} />)
   .add('Demo', () =>
     <useWait.Waiter><Demo/></useWait.Waiter>

src/__stories__/useWindowSize.story.tsx

@@ -14,7 +14,7 @@ const Demo = () => {
   );
 };
 
-storiesOf('useWindowSize', module)
+storiesOf('Sensors/useWindowSize', module)
   .add('Docs', () => <ShowDocs md={require('../../docs/useWindowSize.md')} />)
   .add('Demo', () =>
     <Demo/>