Update README.md

Author: d3dc

README.md

@@ -89,50 +89,43 @@ Under the hood, `classier-react` assumes any unknown props are declared as modif
 
 - Sentence-casing is preserved but not added
 
-## Passing down styles
-
-`<Comp />` only injects the props it merges, it can't make sure they are rendered. If you're wrapping or writing a component, it's a good idea to pass any props you don't use onward to what is rendered.
-
-Most components are already written this way.
-
-```jsx
-const MyComponent = ({ option, ...rest }) => <div {...rest} />
-```
-
 ## CSS Modules
 
-`classier-react` supports CSS Modules by letting you wrap them with `createModuleElement` and `wrapModule`.
-
+`classier-react` can wrap CSS Modules with `elementModule` and `boxedModule`.
 
-`wrapModule` will expose every style name in your module:
- 
+`boxedModule` creates an Element that checks the provided module for a mapping after transformation:
 ```jsx
-// feature/block.js
-import { wrapModule } from 'classier-react'
+import { createModuleElement } from 'classier-react'
 import styles from './styles.css'
 
-export default wrapModule(styles)
+const MBox = boxedModule(styles)
+
+...
+
+<MBox someProp='someValue' children={...} />
 ```
 
-Often, selectors are not elements. You might find it better to pick which elements to export:
+`elementModule` will expose the optionally listed blocks as Elements from the module:
 ```jsx
-// feature/block.js
 import { createModuleElement } from 'classier-react'
 import styles from './styles.css'
 
-export {
-  Element: createModuleElement('element', styles)
-}
-```
+const Block = elementModule(styles, ['element'])
 
-Your elements can then be used in your other components
-```jsx
-// feature/component.jsx
-import Block from './block'
 
 ...
 
-<Block.Element fontSize='md' {...props} />
+<Block.Element fontSize="md" {...props} />
+```
+
+## Passing down styles
+
+`<Comp />` only injects the props it merges, it can't make sure they are rendered. If you're wrapping or writing a component, it's a good idea to pass the `style` and `className` props onward to what is rendered.
+
+Most components are already written this way.
+
+```jsx
+const MyComponent = ({ option, ...rest }) => <div {...rest} />
 ```
 
 ## Avoiding mixing domains
@@ -149,8 +142,9 @@ const containerClassName = cx(props.styled)
 
 ## API
 
+### React
 ```js
-import { Box, Text, Comp, cx, configure } from 'classier-react'
+import { Box, Text, Comp, createElement } from 'classier-react'
 ```
 
 ---
@@ -187,19 +181,36 @@ Returns a customized `Box` that nests its CSS classes under the {name} block.
 
 ---
 
-### `createModuleElement(name, module)`
+### CSS Modules
+```js
+import { boxedModule, createModuleElement, elementModule } from 'classier-react'
+```
 
-Returns a customized `Box` that tries to map its CSS classes to the ones in the provided module.
+---
 
-#### members
+### `boxedModule(module, pick)`
 
-- **Comp** - a `Comp` with the same customization.
+Returns an `Element` that tries to map its CSS classes to the ones in the provided module.
 
 ---
 
-### `wrapModule(module)`
+### `createModuleElement(module, name)`
 
-Returns an object that maps the selectors of `module` to `createModuleElement`. Might create a lot of elements.
+Returns an `Element` that tries to map its CSS classes to the ones in the provided module under the {name} block.
+
+---
+
+### `elementModule(module, pick)`
+
+Returns an object that picks selectors of `module` to `createModuleElement`.
+
+---
+
+### Utility
+
+```js
+import { cx, configure } from 'classier-react'
+```
 
 ---