diff --git a/.docz/app/db.json b/.docz/app/db.json
index 658ab68..cb15191 100644
--- a/.docz/app/db.json
+++ b/.docz/app/db.json
@@ -7,7 +7,9 @@
     "repository": "https://github.com/matheusps/react-quarks",
     "native": false,
     "codeSandbox": true,
-    "themeConfig": {},
+    "themeConfig": {
+      "mode": "light"
+    },
     "separator": "-",
     "files": "**/*.{md,markdown,mdx}",
     "wrapper": "src/components/QuarksTheme",
@@ -52,39 +54,39 @@
   ],
   "entries": [
     {
-      "key": "src/docs/Button.mdx",
+      "key": "src/docs/Container.mdx",
       "value": {
-        "id": "9a8e43b05e308e45dbea894b4b1a9511",
-        "filepath": "src/docs/Button.mdx",
-        "link": "https://github.com/matheusps/react-quarks/edit/master/src/docs/Button.mdx",
-        "slug": "src-docs-button",
-        "route": "/src-docs-button",
-        "name": "Button",
+        "id": "b50d48324514e85d6f94c111362da4ea",
+        "filepath": "src/docs/Container.mdx",
+        "link": "https://github.com/matheusps/react-quarks/edit/master/src/docs/Container.mdx",
+        "slug": "src-docs-container",
+        "route": "/src-docs-container",
+        "name": "Container",
         "menu": "",
         "headings": [
           {
-            "slug": "buttons",
+            "slug": "container",
             "depth": 1,
-            "value": "Buttons"
+            "value": "Container"
           }
         ]
       }
     },
     {
-      "key": "src/docs/Container.mdx",
+      "key": "src/docs/Button.mdx",
       "value": {
-        "id": "b50d48324514e85d6f94c111362da4ea",
-        "filepath": "src/docs/Container.mdx",
-        "link": "https://github.com/matheusps/react-quarks/edit/master/src/docs/Container.mdx",
-        "slug": "src-docs-container",
-        "route": "/src-docs-container",
-        "name": "Container",
+        "id": "9a8e43b05e308e45dbea894b4b1a9511",
+        "filepath": "src/docs/Button.mdx",
+        "link": "https://github.com/matheusps/react-quarks/edit/master/src/docs/Button.mdx",
+        "slug": "src-docs-button",
+        "route": "/src-docs-button",
+        "name": "Button",
         "menu": "",
         "headings": [
           {
-            "slug": "container",
+            "slug": "buttons",
             "depth": 1,
-            "value": "Container"
+            "value": "Buttons"
           }
         ]
       }
@@ -123,6 +125,16 @@
             "slug": "text",
             "depth": 1,
             "value": "Text"
+          },
+          {
+            "slug": "heading",
+            "depth": 2,
+            "value": "Heading"
+          },
+          {
+            "slug": "paragraph",
+            "depth": 2,
+            "value": "Paragraph"
           }
         ]
       }
diff --git a/.docz/app/imports.js b/.docz/app/imports.js
index 03cf641..e79c9b1 100644
--- a/.docz/app/imports.js
+++ b/.docz/app/imports.js
@@ -1,12 +1,12 @@
 export const imports = {
-  'src/docs/Button.mdx': () =>
-    import(
-      /* webpackPrefetch: true, webpackChunkName: "src-docs-button" */ 'src/docs/Button.mdx'
-    ),
   'src/docs/Container.mdx': () =>
     import(
       /* webpackPrefetch: true, webpackChunkName: "src-docs-container" */ 'src/docs/Container.mdx'
     ),
+  'src/docs/Button.mdx': () =>
+    import(
+      /* webpackPrefetch: true, webpackChunkName: "src-docs-button" */ 'src/docs/Button.mdx'
+    ),
   'src/docs/Loader.mdx': () =>
     import(
       /* webpackPrefetch: true, webpackChunkName: "src-docs-loader" */ 'src/docs/Loader.mdx'
diff --git a/.docz/cache/03350190d1008cef37538b0b9cd45a0d.json b/.docz/cache/03350190d1008cef37538b0b9cd45a0d.json
index 5a9eecb..2423a22 100644
--- a/.docz/cache/03350190d1008cef37538b0b9cd45a0d.json
+++ b/.docz/cache/03350190d1008cef37538b0b9cd45a0d.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--5-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--5-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/.docz/app/imports.js","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/.docz/app/imports.js","mtime":1559846311741},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:KGZ1bmN0aW9uICgpIHsKICB2YXIgZW50ZXJNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5lbnRlck1vZHVsZTsKICBlbnRlck1vZHVsZSAmJiBlbnRlck1vZHVsZShtb2R1bGUpOwp9KSgpOwoKZXhwb3J0IHZhciBpbXBvcnRzID0gewogICdzcmMvZG9jcy9CdXR0b24ubWR4JzogZnVuY3Rpb24gc3JjRG9jc0J1dHRvbk1keCgpIHsKICAgIHJldHVybiBpbXBvcnQoCiAgICAvKiB3ZWJwYWNrUHJlZmV0Y2g6IHRydWUsIHdlYnBhY2tDaHVua05hbWU6ICJzcmMtZG9jcy1idXR0b24iICovCiAgICAnc3JjL2RvY3MvQnV0dG9uLm1keCcpOwogIH0sCiAgJ3NyYy9kb2NzL0NvbnRhaW5lci5tZHgnOiBmdW5jdGlvbiBzcmNEb2NzQ29udGFpbmVyTWR4KCkgewogICAgcmV0dXJuIGltcG9ydCgKICAgIC8qIHdlYnBhY2tQcmVmZXRjaDogdHJ1ZSwgd2VicGFja0NodW5rTmFtZTogInNyYy1kb2NzLWNvbnRhaW5lciIgKi8KICAgICdzcmMvZG9jcy9Db250YWluZXIubWR4Jyk7CiAgfSwKICAnc3JjL2RvY3MvTG9hZGVyLm1keCc6IGZ1bmN0aW9uIHNyY0RvY3NMb2FkZXJNZHgoKSB7CiAgICByZXR1cm4gaW1wb3J0KAogICAgLyogd2VicGFja1ByZWZldGNoOiB0cnVlLCB3ZWJwYWNrQ2h1bmtOYW1lOiAic3JjLWRvY3MtbG9hZGVyIiAqLwogICAgJ3NyYy9kb2NzL0xvYWRlci5tZHgnKTsKICB9LAogICdzcmMvZG9jcy9UZXh0Lm1keCc6IGZ1bmN0aW9uIHNyY0RvY3NUZXh0TWR4KCkgewogICAgcmV0dXJuIGltcG9ydCgKICAgIC8qIHdlYnBhY2tQcmVmZXRjaDogdHJ1ZSwgd2VicGFja0NodW5rTmFtZTogInNyYy1kb2NzLXRleHQiICovCiAgICAnc3JjL2RvY3MvVGV4dC5tZHgnKTsKICB9Cn07CjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIHJlYWN0SG90TG9hZGVyID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZGVmYXVsdDsKCiAgaWYgKCFyZWFjdEhvdExvYWRlcikgewogICAgcmV0dXJuOwogIH0KCiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoaW1wb3J0cywgImltcG9ydHMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzLy5kb2N6L2FwcC9pbXBvcnRzLmpzIik7Cn0pKCk7Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciBsZWF2ZU1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmxlYXZlTW9kdWxlOwogIGxlYXZlTW9kdWxlICYmIGxlYXZlTW9kdWxlKG1vZHVsZSk7Cn0pKCk7"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/.docz/app/imports.js"],"names":["imports"],"mappings":";;;;;AAAA,OAAO,IAAMA,OAAO,GAAG;AACrB,yBAAuB;AAAA,WACrB;AACE;AAAiE,yBADnE,CADqB;AAAA,GADF;AAKrB,4BAA0B;AAAA,WACxB;AACE;AAAoE,4BADtE,CADwB;AAAA,GALL;AASrB,yBAAuB;AAAA,WACrB;AACE;AAAiE,yBADnE,CADqB;AAAA,GATF;AAarB,uBAAqB;AAAA,WACnB;AACE;AAA+D,uBADjE,CADmB;AAAA;AAbA,CAAhB;;;;;;;;;;0BAAMA,O","sourcesContent":["export const imports = {\n  'src/docs/Button.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-button\" */ 'src/docs/Button.mdx'\n    ),\n  'src/docs/Container.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-container\" */ 'src/docs/Container.mdx'\n    ),\n  'src/docs/Loader.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-loader\" */ 'src/docs/Loader.mdx'\n    ),\n  'src/docs/Text.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-text\" */ 'src/docs/Text.mdx'\n    ),\n}\n"]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--5-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--5-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/.docz/app/imports.js","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/.docz/app/imports.js","mtime":1560034721562},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:KGZ1bmN0aW9uICgpIHsKICB2YXIgZW50ZXJNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5lbnRlck1vZHVsZTsKICBlbnRlck1vZHVsZSAmJiBlbnRlck1vZHVsZShtb2R1bGUpOwp9KSgpOwoKZXhwb3J0IHZhciBpbXBvcnRzID0gewogICdzcmMvZG9jcy9Db250YWluZXIubWR4JzogZnVuY3Rpb24gc3JjRG9jc0NvbnRhaW5lck1keCgpIHsKICAgIHJldHVybiBpbXBvcnQoCiAgICAvKiB3ZWJwYWNrUHJlZmV0Y2g6IHRydWUsIHdlYnBhY2tDaHVua05hbWU6ICJzcmMtZG9jcy1jb250YWluZXIiICovCiAgICAnc3JjL2RvY3MvQ29udGFpbmVyLm1keCcpOwogIH0sCiAgJ3NyYy9kb2NzL0J1dHRvbi5tZHgnOiBmdW5jdGlvbiBzcmNEb2NzQnV0dG9uTWR4KCkgewogICAgcmV0dXJuIGltcG9ydCgKICAgIC8qIHdlYnBhY2tQcmVmZXRjaDogdHJ1ZSwgd2VicGFja0NodW5rTmFtZTogInNyYy1kb2NzLWJ1dHRvbiIgKi8KICAgICdzcmMvZG9jcy9CdXR0b24ubWR4Jyk7CiAgfSwKICAnc3JjL2RvY3MvTG9hZGVyLm1keCc6IGZ1bmN0aW9uIHNyY0RvY3NMb2FkZXJNZHgoKSB7CiAgICByZXR1cm4gaW1wb3J0KAogICAgLyogd2VicGFja1ByZWZldGNoOiB0cnVlLCB3ZWJwYWNrQ2h1bmtOYW1lOiAic3JjLWRvY3MtbG9hZGVyIiAqLwogICAgJ3NyYy9kb2NzL0xvYWRlci5tZHgnKTsKICB9LAogICdzcmMvZG9jcy9UZXh0Lm1keCc6IGZ1bmN0aW9uIHNyY0RvY3NUZXh0TWR4KCkgewogICAgcmV0dXJuIGltcG9ydCgKICAgIC8qIHdlYnBhY2tQcmVmZXRjaDogdHJ1ZSwgd2VicGFja0NodW5rTmFtZTogInNyYy1kb2NzLXRleHQiICovCiAgICAnc3JjL2RvY3MvVGV4dC5tZHgnKTsKICB9Cn07CjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIHJlYWN0SG90TG9hZGVyID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZGVmYXVsdDsKCiAgaWYgKCFyZWFjdEhvdExvYWRlcikgewogICAgcmV0dXJuOwogIH0KCiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoaW1wb3J0cywgImltcG9ydHMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzLy5kb2N6L2FwcC9pbXBvcnRzLmpzIik7Cn0pKCk7Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciBsZWF2ZU1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmxlYXZlTW9kdWxlOwogIGxlYXZlTW9kdWxlICYmIGxlYXZlTW9kdWxlKG1vZHVsZSk7Cn0pKCk7"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/.docz/app/imports.js"],"names":["imports"],"mappings":";;;;;AAAA,OAAO,IAAMA,OAAO,GAAG;AACrB,4BAA0B;AAAA,WACxB;AACE;AAAoE,4BADtE,CADwB;AAAA,GADL;AAKrB,yBAAuB;AAAA,WACrB;AACE;AAAiE,yBADnE,CADqB;AAAA,GALF;AASrB,yBAAuB;AAAA,WACrB;AACE;AAAiE,yBADnE,CADqB;AAAA,GATF;AAarB,uBAAqB;AAAA,WACnB;AACE;AAA+D,uBADjE,CADmB;AAAA;AAbA,CAAhB;;;;;;;;;;0BAAMA,O","sourcesContent":["export const imports = {\n  'src/docs/Container.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-container\" */ 'src/docs/Container.mdx'\n    ),\n  'src/docs/Button.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-button\" */ 'src/docs/Button.mdx'\n    ),\n  'src/docs/Loader.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-loader\" */ 'src/docs/Loader.mdx'\n    ),\n  'src/docs/Text.mdx': () =>\n    import(\n      /* webpackPrefetch: true, webpackChunkName: \"src-docs-text\" */ 'src/docs/Text.mdx'\n    ),\n}\n"]}]}
\ No newline at end of file
diff --git a/.docz/cache/25a48611c07b78b33361e3fdf4215c95.json b/.docz/cache/25a48611c07b78b33361e3fdf4215c95.json
index b2c44a7..eefdd1a 100644
--- a/.docz/cache/25a48611c07b78b33361e3fdf4215c95.json
+++ b/.docz/cache/25a48611c07b78b33361e3fdf4215c95.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--6-1!/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js??ref--6-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/docs/Button.mdx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/docs/Button.mdx","mtime":1559846073172},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js","mtime":1559842978608},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyBmcm9tICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIjsKdmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvQnV0dG9uLm1keCI7CgooZnVuY3Rpb24gKCkgewogIHZhciBlbnRlck1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmVudGVyTW9kdWxlOwogIGVudGVyTW9kdWxlICYmIGVudGVyTW9kdWxlKG1vZHVsZSk7Cn0pKCk7CgovKiBAanN4IG1keCAqLwppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0JzsKLyogQGpzeCBtZHggKi8KCmltcG9ydCBCdXR0b24gZnJvbSAnLi4vY29tcG9uZW50cy9CdXR0b24nOwoKdmFyIG1ha2VTaG9ydGNvZGUgPSBmdW5jdGlvbiBtYWtlU2hvcnRjb2RlKG5hbWUpIHsKICByZXR1cm4gZnVuY3Rpb24gTURYRGVmYXVsdFNob3J0Y29kZShwcm9wcykgewogICAgY29uc29sZS53YXJuKCJDb21wb25lbnQgIiArIG5hbWUgKyAiIHdhcyBub3QgaW1wb3J0ZWQsIGV4cG9ydGVkLCBvciBwcm92aWRlZCBieSBNRFhQcm92aWRlciBhcyBnbG9iYWwgc2NvcGUiKTsKICAgIHJldHVybiBtZHgoImRpdiIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7CiAgICAgIF9fc291cmNlOiB7CiAgICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgICBsaW5lTnVtYmVyOiA5CiAgICAgIH0sCiAgICAgIF9fc2VsZjogdGhpcwogICAgfSkpOwogIH07Cn07Cgp2YXIgbGF5b3V0UHJvcHMgPSB7fTsKdmFyIE1EWExheW91dCA9ICJ3cmFwcGVyIjsKZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTURYQ29udGVudChfcmVmKSB7CiAgdmFyIGNvbXBvbmVudHMgPSBfcmVmLmNvbXBvbmVudHMsCiAgICAgIHByb3BzID0gX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzKF9yZWYsIFsiY29tcG9uZW50cyJdKTsKCiAgcmV0dXJuIG1keChNRFhMYXlvdXQsIE9iamVjdC5hc3NpZ24oe30sIGxheW91dFByb3BzLCBwcm9wcywgewogICAgY29tcG9uZW50czogY29tcG9uZW50cywKICAgIG1keFR5cGU6ICJNRFhMYXlvdXQiLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjAKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgbWR4KCJoMSIsIE9iamVjdC5hc3NpZ24oewogICAgImlkIjogImJ1dHRvbnMiCiAgfSwgewogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjIKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgIkJ1dHRvbnMiKSwgbWR4KEJ1dHRvbiwgewogICAgbWR4VHlwZTogIkJ1dHRvbiIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyNQogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJCdXR0b24iKSk7Cn0KCmlmICh0eXBlb2YgTURYQ29udGVudCAhPT0gJ3VuZGVmaW5lZCcgJiYgTURYQ29udGVudCAmJiBNRFhDb250ZW50ID09PSBPYmplY3QoTURYQ29udGVudCkgJiYgT2JqZWN0LmlzRXh0ZW5zaWJsZShNRFhDb250ZW50KSkgewogIE9iamVjdC5kZWZpbmVQcm9wZXJ0eShNRFhDb250ZW50LCAnX19maWxlbWV0YScsIHsKICAgIGVudW1lcmFibGU6IHRydWUsCiAgICBjb25maWd1cmFibGU6IHRydWUsCiAgICB2YWx1ZTogewogICAgICBuYW1lOiAiTURYQ29udGVudCIsCiAgICAgIGZpbGVuYW1lOiAic3JjL2RvY3MvQnV0dG9uLm1keCIKICAgIH0KICB9KTsKfQoKTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7CjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIHJlYWN0SG90TG9hZGVyID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZGVmYXVsdDsKCiAgaWYgKCFyZWFjdEhvdExvYWRlcikgewogICAgcmV0dXJuOwogIH0KCiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIobWFrZVNob3J0Y29kZSwgIm1ha2VTaG9ydGNvZGUiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL0J1dHRvbi5tZHgiKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihsYXlvdXRQcm9wcywgImxheW91dFByb3BzIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvZG9jcy9CdXR0b24ubWR4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoTURYTGF5b3V0LCAiTURYTGF5b3V0IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvZG9jcy9CdXR0b24ubWR4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoTURYQ29udGVudCwgIk1EWENvbnRlbnQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL0J1dHRvbi5tZHgiKTsKfSkoKTsKCjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGxlYXZlTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkubGVhdmVNb2R1bGU7CiAgbGVhdmVNb2R1bGUgJiYgbGVhdmVNb2R1bGUobW9kdWxlKTsKfSkoKTs="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/docs/Button.mdx"],"names":["React","mdx","Button","makeShortcode","name","MDXDefaultShortcode","props","console","warn","layoutProps","MDXLayout","MDXContent","components","isMDXComponent"],"mappings":";;;;;;;;AAAA;AACE,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA;;AACF,OAAOC,MAAP,MAAmB,sBAAnB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAI;AAAA,SAAI,SAASC,mBAAT,CAA6BC,KAA7B,EAAoC;AAChEC,IAAAA,OAAO,CAACC,IAAR,CAAa,eAAeJ,IAAf,GAAsB,yEAAnC;AACA,WAAO,6BAASE,KAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAHyB;AAAA,CAA1B;;AAKA,IAAMG,WAAW,GAAG,EAApB;AAGA,IAAMC,SAAS,GAAG,SAAlB;AACA,eAAe,SAASC,UAAT,OAGZ;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADEN,KACF;;AACD,SAAO,IAAC,SAAD,oBAAeG,WAAf,EAAgCH,KAAhC;AAAuC,IAAA,UAAU,EAAEM,UAAnD;AAA+D,IAAA,OAAO,EAAC,WAAvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAEL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFK,EAKL,IAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,QAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cALK,CAAP;AAOD;;;;;;;;;;;;;AAEDD,UAAU,CAACE,cAAX,GAA4B,IAA5B;;;;;;;;;;0BAtBMV,a;0BAKAM,W;0BAGAC,S;0BACkBC,U","sourcesContent":["/* @jsx mdx */\n  import React from 'react'\n  import { mdx } from '@mdx-js/react'\n  /* @jsx mdx */\nimport Button from '../components/Button'\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  \n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n    <h1 {...{\n      \"id\": \"buttons\"\n    }}>{`Buttons`}</h1>\n    <Button mdxType=\"Button\">Button</Button>\n    </MDXLayout>;\n}\n\nMDXContent.isMDXComponent = true;\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--6-1!/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js??ref--6-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/docs/Button.mdx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/docs/Button.mdx","mtime":1559846852259},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js","mtime":1559842978608},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyBmcm9tICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIjsKdmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvQnV0dG9uLm1keCI7CgooZnVuY3Rpb24gKCkgewogIHZhciBlbnRlck1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmVudGVyTW9kdWxlOwogIGVudGVyTW9kdWxlICYmIGVudGVyTW9kdWxlKG1vZHVsZSk7Cn0pKCk7CgovKiBAanN4IG1keCAqLwppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0JzsKLyogQGpzeCBtZHggKi8KCmltcG9ydCB7IFByb3BzIH0gZnJvbSAnZG9jeic7CmltcG9ydCBCdXR0b24gZnJvbSAnLi4vY29tcG9uZW50cy9CdXR0b24nOwoKdmFyIG1ha2VTaG9ydGNvZGUgPSBmdW5jdGlvbiBtYWtlU2hvcnRjb2RlKG5hbWUpIHsKICByZXR1cm4gZnVuY3Rpb24gTURYRGVmYXVsdFNob3J0Y29kZShwcm9wcykgewogICAgY29uc29sZS53YXJuKCJDb21wb25lbnQgIiArIG5hbWUgKyAiIHdhcyBub3QgaW1wb3J0ZWQsIGV4cG9ydGVkLCBvciBwcm92aWRlZCBieSBNRFhQcm92aWRlciBhcyBnbG9iYWwgc2NvcGUiKTsKICAgIHJldHVybiBtZHgoImRpdiIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7CiAgICAgIF9fc291cmNlOiB7CiAgICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgICBsaW5lTnVtYmVyOiAxMAogICAgICB9LAogICAgICBfX3NlbGY6IHRoaXMKICAgIH0pKTsKICB9Owp9OwoKdmFyIGxheW91dFByb3BzID0ge307CnZhciBNRFhMYXlvdXQgPSAid3JhcHBlciI7CmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIE1EWENvbnRlbnQoX3JlZikgewogIHZhciBjb21wb25lbnRzID0gX3JlZi5jb21wb25lbnRzLAogICAgICBwcm9wcyA9IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyhfcmVmLCBbImNvbXBvbmVudHMiXSk7CgogIHJldHVybiBtZHgoTURYTGF5b3V0LCBPYmplY3QuYXNzaWduKHt9LCBsYXlvdXRQcm9wcywgcHJvcHMsIHsKICAgIGNvbXBvbmVudHM6IGNvbXBvbmVudHMsCiAgICBtZHhUeXBlOiAiTURYTGF5b3V0IiwKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDIxCiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSksIG1keCgiaDEiLCBPYmplY3QuYXNzaWduKHsKICAgICJpZCI6ICJidXR0b25zIgogIH0sIHsKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDIzCiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSksICJCdXR0b25zIiksIG1keChQcm9wcywgewogICAgb2Y6IEJ1dHRvbiwKICAgIG1keFR5cGU6ICJQcm9wcyIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyNgogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0pLCBtZHgoQnV0dG9uLCB7CiAgICBtZHhUeXBlOiAiQnV0dG9uIiwKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDI3CiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSwgIkJ1dHRvbiIpKTsKfQoKaWYgKHR5cGVvZiBNRFhDb250ZW50ICE9PSAndW5kZWZpbmVkJyAmJiBNRFhDb250ZW50ICYmIE1EWENvbnRlbnQgPT09IE9iamVjdChNRFhDb250ZW50KSAmJiBPYmplY3QuaXNFeHRlbnNpYmxlKE1EWENvbnRlbnQpKSB7CiAgT2JqZWN0LmRlZmluZVByb3BlcnR5KE1EWENvbnRlbnQsICdfX2ZpbGVtZXRhJywgewogICAgZW51bWVyYWJsZTogdHJ1ZSwKICAgIGNvbmZpZ3VyYWJsZTogdHJ1ZSwKICAgIHZhbHVlOiB7CiAgICAgIG5hbWU6ICJNRFhDb250ZW50IiwKICAgICAgZmlsZW5hbWU6ICJzcmMvZG9jcy9CdXR0b24ubWR4IgogICAgfQogIH0pOwp9CgpNRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTsKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgcmVhY3RIb3RMb2FkZXIgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5kZWZhdWx0OwoKICBpZiAoIXJlYWN0SG90TG9hZGVyKSB7CiAgICByZXR1cm47CiAgfQoKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihtYWtlU2hvcnRjb2RlLCAibWFrZVNob3J0Y29kZSIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvQnV0dG9uLm1keCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKGxheW91dFByb3BzLCAibGF5b3V0UHJvcHMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL0J1dHRvbi5tZHgiKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihNRFhMYXlvdXQsICJNRFhMYXlvdXQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL0J1dHRvbi5tZHgiKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihNRFhDb250ZW50LCAiTURYQ29udGVudCIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvQnV0dG9uLm1keCIpOwp9KSgpOwoKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgbGVhdmVNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5sZWF2ZU1vZHVsZTsKICBsZWF2ZU1vZHVsZSAmJiBsZWF2ZU1vZHVsZShtb2R1bGUpOwp9KSgpOw=="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/docs/Button.mdx"],"names":["React","mdx","Props","Button","makeShortcode","name","MDXDefaultShortcode","props","console","warn","layoutProps","MDXLayout","MDXContent","components","isMDXComponent"],"mappings":";;;;;;;;AAAA;AACE,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA;;AACF,SAASC,KAAT,QAAsB,MAAtB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAI;AAAA,SAAI,SAASC,mBAAT,CAA6BC,KAA7B,EAAoC;AAChEC,IAAAA,OAAO,CAACC,IAAR,CAAa,eAAeJ,IAAf,GAAsB,yEAAnC;AACA,WAAO,6BAASE,KAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAHyB;AAAA,CAA1B;;AAKA,IAAMG,WAAW,GAAG,EAApB;AAGA,IAAMC,SAAS,GAAG,SAAlB;AACA,eAAe,SAASC,UAAT,OAGZ;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADEN,KACF;;AACD,SAAO,IAAC,SAAD,oBAAeG,WAAf,EAAgCH,KAAhC;AAAuC,IAAA,UAAU,EAAEM,UAAnD;AAA+D,IAAA,OAAO,EAAC,WAAvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAEL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFK,EAKL,IAAC,KAAD;AAAO,IAAA,EAAE,EAAEV,MAAX;AAAmB,IAAA,OAAO,EAAC,OAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IALK,EAML,IAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,QAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cANK,CAAP;AAQD;;;;;;;;;;;;;AAEDS,UAAU,CAACE,cAAX,GAA4B,IAA5B;;;;;;;;;;0BAvBMV,a;0BAKAM,W;0BAGAC,S;0BACkBC,U","sourcesContent":["/* @jsx mdx */\n  import React from 'react'\n  import { mdx } from '@mdx-js/react'\n  /* @jsx mdx */\nimport { Props } from 'docz'\nimport Button from '../components/Button'\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  \n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n    <h1 {...{\n      \"id\": \"buttons\"\n    }}>{`Buttons`}</h1>\n    <Props of={Button} mdxType=\"Props\" />\n    <Button mdxType=\"Button\">Button</Button>\n    </MDXLayout>;\n}\n\nMDXContent.isMDXComponent = true;\n  "]}]}
\ No newline at end of file
diff --git a/.docz/cache/3ceaae9cf6f131c744bcc8034f511d6e.json b/.docz/cache/3ceaae9cf6f131c744bcc8034f511d6e.json
index 140a0d3..925487a 100644
--- a/.docz/cache/3ceaae9cf6f131c744bcc8034f511d6e.json
+++ b/.docz/cache/3ceaae9cf6f131c744bcc8034f511d6e.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--6-1!/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js??ref--6-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/docs/Loader.mdx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/docs/Loader.mdx","mtime":1559846201676},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js","mtime":1559842978608},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyBmcm9tICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIjsKdmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvTG9hZGVyLm1keCI7CgooZnVuY3Rpb24gKCkgewogIHZhciBlbnRlck1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmVudGVyTW9kdWxlOwogIGVudGVyTW9kdWxlICYmIGVudGVyTW9kdWxlKG1vZHVsZSk7Cn0pKCk7CgovKiBAanN4IG1keCAqLwppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0JzsKLyogQGpzeCBtZHggKi8KCmltcG9ydCBMb2FkZXIgZnJvbSAnLi4vY29tcG9uZW50cy9Mb2FkZXInOwoKdmFyIG1ha2VTaG9ydGNvZGUgPSBmdW5jdGlvbiBtYWtlU2hvcnRjb2RlKG5hbWUpIHsKICByZXR1cm4gZnVuY3Rpb24gTURYRGVmYXVsdFNob3J0Y29kZShwcm9wcykgewogICAgY29uc29sZS53YXJuKCJDb21wb25lbnQgIiArIG5hbWUgKyAiIHdhcyBub3QgaW1wb3J0ZWQsIGV4cG9ydGVkLCBvciBwcm92aWRlZCBieSBNRFhQcm92aWRlciBhcyBnbG9iYWwgc2NvcGUiKTsKICAgIHJldHVybiBtZHgoImRpdiIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7CiAgICAgIF9fc291cmNlOiB7CiAgICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgICBsaW5lTnVtYmVyOiA5CiAgICAgIH0sCiAgICAgIF9fc2VsZjogdGhpcwogICAgfSkpOwogIH07Cn07Cgp2YXIgbGF5b3V0UHJvcHMgPSB7fTsKdmFyIE1EWExheW91dCA9ICJ3cmFwcGVyIjsKZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTURYQ29udGVudChfcmVmKSB7CiAgdmFyIGNvbXBvbmVudHMgPSBfcmVmLmNvbXBvbmVudHMsCiAgICAgIHByb3BzID0gX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzKF9yZWYsIFsiY29tcG9uZW50cyJdKTsKCiAgcmV0dXJuIG1keChNRFhMYXlvdXQsIE9iamVjdC5hc3NpZ24oe30sIGxheW91dFByb3BzLCBwcm9wcywgewogICAgY29tcG9uZW50czogY29tcG9uZW50cywKICAgIG1keFR5cGU6ICJNRFhMYXlvdXQiLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjAKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgbWR4KCJoMSIsIE9iamVjdC5hc3NpZ24oewogICAgImlkIjogImxvYWRlcnMiCiAgfSwgewogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjIKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgIkxvYWRlcnMiKSwgbWR4KExvYWRlciwgewogICAgbWR4VHlwZTogIkxvYWRlciIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyNQogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0pKTsKfQoKaWYgKHR5cGVvZiBNRFhDb250ZW50ICE9PSAndW5kZWZpbmVkJyAmJiBNRFhDb250ZW50ICYmIE1EWENvbnRlbnQgPT09IE9iamVjdChNRFhDb250ZW50KSAmJiBPYmplY3QuaXNFeHRlbnNpYmxlKE1EWENvbnRlbnQpKSB7CiAgT2JqZWN0LmRlZmluZVByb3BlcnR5KE1EWENvbnRlbnQsICdfX2ZpbGVtZXRhJywgewogICAgZW51bWVyYWJsZTogdHJ1ZSwKICAgIGNvbmZpZ3VyYWJsZTogdHJ1ZSwKICAgIHZhbHVlOiB7CiAgICAgIG5hbWU6ICJNRFhDb250ZW50IiwKICAgICAgZmlsZW5hbWU6ICJzcmMvZG9jcy9Mb2FkZXIubWR4IgogICAgfQogIH0pOwp9CgpNRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTsKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgcmVhY3RIb3RMb2FkZXIgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5kZWZhdWx0OwoKICBpZiAoIXJlYWN0SG90TG9hZGVyKSB7CiAgICByZXR1cm47CiAgfQoKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihtYWtlU2hvcnRjb2RlLCAibWFrZVNob3J0Y29kZSIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvTG9hZGVyLm1keCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKGxheW91dFByb3BzLCAibGF5b3V0UHJvcHMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL0xvYWRlci5tZHgiKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihNRFhMYXlvdXQsICJNRFhMYXlvdXQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL0xvYWRlci5tZHgiKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihNRFhDb250ZW50LCAiTURYQ29udGVudCIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvTG9hZGVyLm1keCIpOwp9KSgpOwoKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgbGVhdmVNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5sZWF2ZU1vZHVsZTsKICBsZWF2ZU1vZHVsZSAmJiBsZWF2ZU1vZHVsZShtb2R1bGUpOwp9KSgpOw=="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/docs/Loader.mdx"],"names":["React","mdx","Loader","makeShortcode","name","MDXDefaultShortcode","props","console","warn","layoutProps","MDXLayout","MDXContent","components","isMDXComponent"],"mappings":";;;;;;;;AAAA;AACE,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA;;AACF,OAAOC,MAAP,MAAmB,sBAAnB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAI;AAAA,SAAI,SAASC,mBAAT,CAA6BC,KAA7B,EAAoC;AAChEC,IAAAA,OAAO,CAACC,IAAR,CAAa,eAAeJ,IAAf,GAAsB,yEAAnC;AACA,WAAO,6BAASE,KAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAHyB;AAAA,CAA1B;;AAKA,IAAMG,WAAW,GAAG,EAApB;AAGA,IAAMC,SAAS,GAAG,SAAlB;AACA,eAAe,SAASC,UAAT,OAGZ;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADEN,KACF;;AACD,SAAO,IAAC,SAAD,oBAAeG,WAAf,EAAgCH,KAAhC;AAAuC,IAAA,UAAU,EAAEM,UAAnD;AAA+D,IAAA,OAAO,EAAC,WAAvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAEL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFK,EAKL,IAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,QAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IALK,CAAP;AAOD;;;;;;;;;;;;;AAEDD,UAAU,CAACE,cAAX,GAA4B,IAA5B;;;;;;;;;;0BAtBMV,a;0BAKAM,W;0BAGAC,S;0BACkBC,U","sourcesContent":["/* @jsx mdx */\n  import React from 'react'\n  import { mdx } from '@mdx-js/react'\n  /* @jsx mdx */\nimport Loader from '../components/Loader'\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  \n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n    <h1 {...{\n      \"id\": \"loaders\"\n    }}>{`Loaders`}</h1>\n    <Loader mdxType=\"Loader\" />\n    </MDXLayout>;\n}\n\nMDXContent.isMDXComponent = true;\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--6-1!/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js??ref--6-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/docs/Loader.mdx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/docs/Loader.mdx","mtime":1559846889232},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js","mtime":1559842978608},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyBmcm9tICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIjsKdmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvTG9hZGVyLm1keCI7CgooZnVuY3Rpb24gKCkgewogIHZhciBlbnRlck1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmVudGVyTW9kdWxlOwogIGVudGVyTW9kdWxlICYmIGVudGVyTW9kdWxlKG1vZHVsZSk7Cn0pKCk7CgovKiBAanN4IG1keCAqLwppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0JzsKLyogQGpzeCBtZHggKi8KCmltcG9ydCB7IFByb3BzIH0gZnJvbSAnZG9jeic7CmltcG9ydCBMb2FkZXIgZnJvbSAnLi4vY29tcG9uZW50cy9Mb2FkZXInOwoKdmFyIG1ha2VTaG9ydGNvZGUgPSBmdW5jdGlvbiBtYWtlU2hvcnRjb2RlKG5hbWUpIHsKICByZXR1cm4gZnVuY3Rpb24gTURYRGVmYXVsdFNob3J0Y29kZShwcm9wcykgewogICAgY29uc29sZS53YXJuKCJDb21wb25lbnQgIiArIG5hbWUgKyAiIHdhcyBub3QgaW1wb3J0ZWQsIGV4cG9ydGVkLCBvciBwcm92aWRlZCBieSBNRFhQcm92aWRlciBhcyBnbG9iYWwgc2NvcGUiKTsKICAgIHJldHVybiBtZHgoImRpdiIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7CiAgICAgIF9fc291cmNlOiB7CiAgICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgICBsaW5lTnVtYmVyOiAxMAogICAgICB9LAogICAgICBfX3NlbGY6IHRoaXMKICAgIH0pKTsKICB9Owp9OwoKdmFyIGxheW91dFByb3BzID0ge307CnZhciBNRFhMYXlvdXQgPSAid3JhcHBlciI7CmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIE1EWENvbnRlbnQoX3JlZikgewogIHZhciBjb21wb25lbnRzID0gX3JlZi5jb21wb25lbnRzLAogICAgICBwcm9wcyA9IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyhfcmVmLCBbImNvbXBvbmVudHMiXSk7CgogIHJldHVybiBtZHgoTURYTGF5b3V0LCBPYmplY3QuYXNzaWduKHt9LCBsYXlvdXRQcm9wcywgcHJvcHMsIHsKICAgIGNvbXBvbmVudHM6IGNvbXBvbmVudHMsCiAgICBtZHhUeXBlOiAiTURYTGF5b3V0IiwKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDIxCiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSksIG1keCgiaDEiLCBPYmplY3QuYXNzaWduKHsKICAgICJpZCI6ICJsb2FkZXJzIgogIH0sIHsKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDIzCiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSksICJMb2FkZXJzIiksIG1keChQcm9wcywgewogICAgb2Y6IExvYWRlciwKICAgIG1keFR5cGU6ICJQcm9wcyIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyNgogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0pLCBtZHgoTG9hZGVyLCB7CiAgICBtZHhUeXBlOiAiTG9hZGVyIiwKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDI3CiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSkpOwp9CgppZiAodHlwZW9mIE1EWENvbnRlbnQgIT09ICd1bmRlZmluZWQnICYmIE1EWENvbnRlbnQgJiYgTURYQ29udGVudCA9PT0gT2JqZWN0KE1EWENvbnRlbnQpICYmIE9iamVjdC5pc0V4dGVuc2libGUoTURYQ29udGVudCkpIHsKICBPYmplY3QuZGVmaW5lUHJvcGVydHkoTURYQ29udGVudCwgJ19fZmlsZW1ldGEnLCB7CiAgICBlbnVtZXJhYmxlOiB0cnVlLAogICAgY29uZmlndXJhYmxlOiB0cnVlLAogICAgdmFsdWU6IHsKICAgICAgbmFtZTogIk1EWENvbnRlbnQiLAogICAgICBmaWxlbmFtZTogInNyYy9kb2NzL0xvYWRlci5tZHgiCiAgICB9CiAgfSk7Cn0KCk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlOwo7CgooZnVuY3Rpb24gKCkgewogIHZhciByZWFjdEhvdExvYWRlciA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmRlZmF1bHQ7CgogIGlmICghcmVhY3RIb3RMb2FkZXIpIHsKICAgIHJldHVybjsKICB9CgogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKG1ha2VTaG9ydGNvZGUsICJtYWtlU2hvcnRjb2RlIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvZG9jcy9Mb2FkZXIubWR4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIobGF5b3V0UHJvcHMsICJsYXlvdXRQcm9wcyIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvTG9hZGVyLm1keCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKE1EWExheW91dCwgIk1EWExheW91dCIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvTG9hZGVyLm1keCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKE1EWENvbnRlbnQsICJNRFhDb250ZW50IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvZG9jcy9Mb2FkZXIubWR4Iik7Cn0pKCk7Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciBsZWF2ZU1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmxlYXZlTW9kdWxlOwogIGxlYXZlTW9kdWxlICYmIGxlYXZlTW9kdWxlKG1vZHVsZSk7Cn0pKCk7"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/docs/Loader.mdx"],"names":["React","mdx","Props","Loader","makeShortcode","name","MDXDefaultShortcode","props","console","warn","layoutProps","MDXLayout","MDXContent","components","isMDXComponent"],"mappings":";;;;;;;;AAAA;AACE,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA;;AACF,SAASC,KAAT,QAAsB,MAAtB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAI;AAAA,SAAI,SAASC,mBAAT,CAA6BC,KAA7B,EAAoC;AAChEC,IAAAA,OAAO,CAACC,IAAR,CAAa,eAAeJ,IAAf,GAAsB,yEAAnC;AACA,WAAO,6BAASE,KAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAHyB;AAAA,CAA1B;;AAKA,IAAMG,WAAW,GAAG,EAApB;AAGA,IAAMC,SAAS,GAAG,SAAlB;AACA,eAAe,SAASC,UAAT,OAGZ;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADEN,KACF;;AACD,SAAO,IAAC,SAAD,oBAAeG,WAAf,EAAgCH,KAAhC;AAAuC,IAAA,UAAU,EAAEM,UAAnD;AAA+D,IAAA,OAAO,EAAC,WAAvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAEL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAFK,EAKL,IAAC,KAAD;AAAO,IAAA,EAAE,EAAEV,MAAX;AAAmB,IAAA,OAAO,EAAC,OAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IALK,EAML,IAAC,MAAD;AAAQ,IAAA,OAAO,EAAC,QAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IANK,CAAP;AAQD;;;;;;;;;;;;;AAEDS,UAAU,CAACE,cAAX,GAA4B,IAA5B;;;;;;;;;;0BAvBMV,a;0BAKAM,W;0BAGAC,S;0BACkBC,U","sourcesContent":["/* @jsx mdx */\n  import React from 'react'\n  import { mdx } from '@mdx-js/react'\n  /* @jsx mdx */\nimport { Props } from 'docz'\nimport Loader from '../components/Loader'\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  \n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n    <h1 {...{\n      \"id\": \"loaders\"\n    }}>{`Loaders`}</h1>\n    <Props of={Loader} mdxType=\"Props\" />\n    <Loader mdxType=\"Loader\" />\n    </MDXLayout>;\n}\n\nMDXContent.isMDXComponent = true;\n  "]}]}
\ No newline at end of file
diff --git a/.docz/cache/3d0127efae7721a173ac4e184712ddf7.json b/.docz/cache/3d0127efae7721a173ac4e184712ddf7.json
index a14c4fd..80bfceb 100644
--- a/.docz/cache/3d0127efae7721a173ac4e184712ddf7.json
+++ b/.docz/cache/3d0127efae7721a173ac4e184712ddf7.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--11-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--11-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/components/Button/index.tsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/components/Button/index.tsx","mtime":1559842803956},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyBmcm9tICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIjsKaW1wb3J0IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwgZnJvbSAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiOwp2YXIgX2pzeEZpbGVOYW1lID0gIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9CdXR0b24vaW5kZXgudHN4IjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGVudGVyTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZW50ZXJNb2R1bGU7CiAgZW50ZXJNb2R1bGUgJiYgZW50ZXJNb2R1bGUobW9kdWxlKTsKfSkoKTsKCmZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdCgpIHsKICB2YXIgZGF0YSA9IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwoWyJcbiAgYmFja2dyb3VuZC1jb2xvcjogIiwgIjtcbiAgY29sb3I6ICIsICI7XG4gIGZvbnQtc2l6ZTogIiwgIjtcbiAgcGFkZGluZzogIiwgIjtcbiAgYm9yZGVyLXJhZGl1czogIiwgIjtcbiAgYm9yZGVyOiBub25lO1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgZm9udC1zdHJldGNoOiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIG1hcmdpbjogMC4ycmVtO1xuICBkaXNwbGF5OiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICBhcHBlYXJhbmNlOiBub25lO1xuXG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzIGVhc2UtaW4tb3V0O1xuICB3aWxsLWNoYW5nZTogYmFja2dyb3VuZC1jb2xvcjtcblxuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICIsICI7XG4gIH1cblxuICA6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAiLCAiO1xuICB9XG5cbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG4iXSk7CgogIF90ZW1wbGF0ZU9iamVjdCA9IGZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdCgpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJzsKaW1wb3J0IHsgZ2V0TWVhc3VyZSwgbGlnaHRlbk9yRGFya2VuIH0gZnJvbSAnLi4vLi4vZ2xvYmFsL2hlbHBlcnMnOwoKdmFyIGdldEJvcmRlclJhZGl1cyA9IGZ1bmN0aW9uIGdldEJvcmRlclJhZGl1cyhzaGFwZSkgewogIHN3aXRjaCAoc2hhcGUpIHsKICAgIGNhc2UgJ3BpbGwnOgogICAgICByZXR1cm4gJzEwMHJlbSc7CgogICAgY2FzZSAnc3F1YXJlZCc6CiAgICAgIHJldHVybiAnMHJlbSc7CgogICAgY2FzZSAncm91bmRlZCc6CiAgICAgIHJldHVybiAnMC41cmVtJzsKCiAgICBkZWZhdWx0OgogICAgICByZXR1cm4gJzByZW0nOwogIH0KfTsKCnZhciBnZXRGb250U2l6ZSA9IGZ1bmN0aW9uIGdldEZvbnRTaXplKG1lYXN1cmUpIHsKICByZXR1cm4gZ2V0TWVhc3VyZShtZWFzdXJlLCBbJzAuOHJlbScsICcxcmVtJywgJzEuMjVyZW0nLCAnMS41MHJlbSddKTsKfTsKCnZhciBnZXRQYWRkaW5nID0gZnVuY3Rpb24gZ2V0UGFkZGluZyhtZWFzdXJlKSB7CiAgcmV0dXJuIGdldE1lYXN1cmUobWVhc3VyZSwgWycwLjM3NXJlbSAxLjRyZW0gMC4zNzVyZW0gMS40cmVtJywgJzAuNDVyZW0gMS44cmVtIDAuNDVyZW0gMS44cmVtJywgJzAuNjVyZW0gMi4ycmVtIDAuNjVyZW0gMi4ycmVtJywgJzAuODByZW0gMi42cmVtIDAuODByZW0gMi42cmVtJ10pOwp9OwoKdmFyIFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b24oX3RlbXBsYXRlT2JqZWN0KCksIGZ1bmN0aW9uIChwcm9wcykgewogIHJldHVybiBwcm9wcy5vdXRsaW5lID8gJ3RyYW5zcGFyZW50JyA6IHByb3BzLnRoZW1lLmNvbG9ycy5kYXJrZXN0Owp9LCBmdW5jdGlvbiAocHJvcHMpIHsKICByZXR1cm4gcHJvcHMudGhlbWUuY29sb3JzLmxpZ2h0ZXN0Owp9LCBmdW5jdGlvbiAocHJvcHMpIHsKICByZXR1cm4gZ2V0Rm9udFNpemUocHJvcHMuc2l6ZSk7Cn0sIGZ1bmN0aW9uIChwcm9wcykgewogIHJldHVybiBnZXRQYWRkaW5nKHByb3BzLnNpemUpOwp9LCBmdW5jdGlvbiAocHJvcHMpIHsKICByZXR1cm4gZ2V0Qm9yZGVyUmFkaXVzKHByb3BzLnNoYXBlKTsKfSwgZnVuY3Rpb24gKHByb3BzKSB7CiAgcmV0dXJuIGxpZ2h0ZW5PckRhcmtlbihwcm9wcy50aGVtZS5jb2xvcnMuZGFya2VzdCwgMjApOwp9LCBmdW5jdGlvbiAocHJvcHMpIHsKICByZXR1cm4gbGlnaHRlbk9yRGFya2VuKHByb3BzLnRoZW1lLmNvbG9ycy5kYXJrZXN0LCA0MCk7Cn0pOwoKdmFyIEJ1dHRvbiA9IGZ1bmN0aW9uIEJ1dHRvbihfcmVmKSB7CiAgdmFyIGNoaWxkcmVuID0gX3JlZi5jaGlsZHJlbiwKICAgICAgcHJvcHMgPSBfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMoX3JlZiwgWyJjaGlsZHJlbiJdKTsKCiAgcmV0dXJuIFJlYWN0LmNyZWF0ZUVsZW1lbnQoU3R5bGVkQnV0dG9uLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcywgewogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogODkKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgY2hpbGRyZW4pOwp9OwoKQnV0dG9uLmRlZmF1bHRQcm9wcyA9IHsKICBzaXplOiAnbWQnLAogIHNoYXBlOiAncm91bmRlZCcsCiAgb3V0bGluZTogZmFsc2UKfTsKdmFyIF9kZWZhdWx0ID0gQnV0dG9uOwpleHBvcnQgZGVmYXVsdCBfZGVmYXVsdDsKCmlmICh0eXBlb2YgQnV0dG9uICE9PSAndW5kZWZpbmVkJyAmJiBCdXR0b24gJiYgQnV0dG9uID09PSBPYmplY3QoQnV0dG9uKSAmJiBPYmplY3QuaXNFeHRlbnNpYmxlKEJ1dHRvbikpIHsKICBPYmplY3QuZGVmaW5lUHJvcGVydHkoQnV0dG9uLCAnX19maWxlbWV0YScsIHsKICAgIGVudW1lcmFibGU6IHRydWUsCiAgICBjb25maWd1cmFibGU6IHRydWUsCiAgICB2YWx1ZTogewogICAgICBuYW1lOiAiQnV0dG9uIiwKICAgICAgZmlsZW5hbWU6ICJzcmMvY29tcG9uZW50cy9CdXR0b24vaW5kZXgudHN4IgogICAgfQogIH0pOwp9Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciByZWFjdEhvdExvYWRlciA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmRlZmF1bHQ7CgogIGlmICghcmVhY3RIb3RMb2FkZXIpIHsKICAgIHJldHVybjsKICB9CgogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKGdldEJvcmRlclJhZGl1cywgImdldEJvcmRlclJhZGl1cyIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvQnV0dG9uL2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKGdldEZvbnRTaXplLCAiZ2V0Rm9udFNpemUiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL0J1dHRvbi9pbmRleC50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihnZXRQYWRkaW5nLCAiZ2V0UGFkZGluZyIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvQnV0dG9uL2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKFN0eWxlZEJ1dHRvbiwgIlN0eWxlZEJ1dHRvbiIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvQnV0dG9uL2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKEJ1dHRvbiwgIkJ1dHRvbiIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvQnV0dG9uL2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKF9kZWZhdWx0LCAiZGVmYXVsdCIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvQnV0dG9uL2luZGV4LnRzeCIpOwp9KSgpOwoKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgbGVhdmVNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5sZWF2ZU1vZHVsZTsKICBsZWF2ZU1vZHVsZSAmJiBsZWF2ZU1vZHVsZShtb2R1bGUpOwp9KSgpOw=="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/components/Button/index.tsx"],"names":["React","styled","getMeasure","lightenOrDarken","getBorderRadius","shape","getFontSize","measure","getPadding","StyledButton","button","props","outline","theme","colors","darkest","lightest","size","Button","children","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAyC,OAAzC;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,UAAT,EAAqBC,eAArB,QAA4C,sBAA5C;;AAQA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAkB;AACxC,UAAQA,KAAR;AACE,SAAK,MAAL;AACE,aAAO,QAAP;;AACF,SAAK,SAAL;AACE,aAAO,MAAP;;AACF,SAAK,SAAL;AACE,aAAO,QAAP;;AACF;AACE,aAAO,MAAP;AARJ;AAUD,CAXD;;AAaA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,OAAD;AAAA,SAClBL,UAAU,CAACK,OAAD,EAAU,CAAC,QAAD,EAAW,MAAX,EAAmB,SAAnB,EAA8B,SAA9B,CAAV,CADQ;AAAA,CAApB;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,OAAD;AAAA,SACjBL,UAAU,CAACK,OAAD,EAAU,CAClB,iCADkB,EAElB,+BAFkB,EAGlB,+BAHkB,EAIlB,+BAJkB,CAAV,CADO;AAAA,CAAnB;;AAQA,IAAME,YAAY,GAAGR,MAAM,CAACS,MAAV,oBACI,UAAAC,KAAK;AAAA,SACvBA,KAAK,CAACC,OAAN,GAAgB,aAAhB,GAAgCD,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,OAD5B;AAAA,CADT,EAGP,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBE,QAAvB;AAAA,CAHE,EAIH,UAAAL,KAAK;AAAA,SAAIL,WAAW,CAACK,KAAK,CAACM,IAAP,CAAf;AAAA,CAJF,EAKL,UAAAN,KAAK;AAAA,SAAIH,UAAU,CAACG,KAAK,CAACM,IAAP,CAAd;AAAA,CALA,EAMC,UAAAN,KAAK;AAAA,SAAIP,eAAe,CAACO,KAAK,CAACN,KAAP,CAAnB;AAAA,CANN,EAsCM,UAAAM,KAAK;AAAA,SACvBR,eAAe,CAACQ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,OAApB,EAA6B,EAA7B,CADQ;AAAA,CAtCX,EA2CM,UAAAJ,KAAK;AAAA,SACvBR,eAAe,CAACQ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,OAApB,EAA6B,EAA7B,CADQ;AAAA,CA3CX,CAAlB;;AAoDA,IAAMG,MAAgC,GAAG,SAAnCA,MAAmC,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAZR,KAAY;;AACnE,SAAO,oBAAC,YAAD,oBAAkBA,KAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAA0BQ,QAA1B,CAAP;AACD,CAFD;;AAIAD,MAAM,CAACE,YAAP,GAAsB;AACpBH,EAAAA,IAAI,EAAE,IADc;AAEpBZ,EAAAA,KAAK,EAAE,SAFa;AAGpBO,EAAAA,OAAO,EAAE;AAHW,CAAtB;eAMeM,M;AAAf;;;;;;;;;;;;;;;;;;;;;;0BAtFMd,e;0BAaAE,W;0BAGAE,U;0BAQAC,Y;0BAoDAS,M","sourcesContent":["import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\n\nimport { getMeasure, lightenOrDarken } from '../../global/helpers'\n\ninterface Props {\n  size?: Measure\n  shape?: Shape\n  outline?: boolean\n}\n\nconst getBorderRadius = (shape: Shape) => {\n  switch (shape) {\n    case 'pill':\n      return '100rem'\n    case 'squared':\n      return '0rem'\n    case 'rounded':\n      return '0.5rem'\n    default:\n      return '0rem'\n  }\n}\n\nconst getFontSize = (measure: Measure) =>\n  getMeasure(measure, ['0.8rem', '1rem', '1.25rem', '1.50rem'])\n\nconst getPadding = (measure: Measure) =>\n  getMeasure(measure, [\n    '0.375rem 1.4rem 0.375rem 1.4rem',\n    '0.45rem 1.8rem 0.45rem 1.8rem',\n    '0.65rem 2.2rem 0.65rem 2.2rem',\n    '0.80rem 2.6rem 0.80rem 2.6rem',\n  ])\n\nconst StyledButton = styled.button<Props>`\n  background-color: ${props =>\n    props.outline ? 'transparent' : props.theme.colors.darkest};\n  color: ${props => props.theme.colors.lightest};\n  font-size: ${props => getFontSize(props.size!)};\n  padding: ${props => getPadding(props.size!)};\n  border-radius: ${props => getBorderRadius(props.shape!)};\n  border: none;\n\n  box-sizing: border-box;\n\n  font-weight: 500;\n  font-stretch: normal;\n  line-height: 1.4;\n  margin: 0.2rem;\n  display: relative;\n  overflow: hidden;\n  cursor: pointer;\n  text-align: center;\n  text-decoration: none;\n  text-transform: none;\n  white-space: nowrap;\n  justify-content: center;\n  align-items: center;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  transition: background-color 0.2s ease-in-out;\n  will-change: background-color;\n\n  :hover {\n    background-color: ${props =>\n      lightenOrDarken(props.theme.colors.darkest, 20)};\n  }\n\n  :active {\n    background-color: ${props =>\n      lightenOrDarken(props.theme.colors.darkest, 40)};\n  }\n\n  :focus {\n    outline: none;\n  }\n`\n\nconst Button: FunctionComponent<Props> = ({ children, ...props }) => {\n  return <StyledButton {...props}>{children}</StyledButton>\n}\n\nButton.defaultProps = {\n  size: 'md',\n  shape: 'rounded',\n  outline: false,\n}\n\nexport default Button\n"]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--11-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--11-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/components/Button/index.tsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/components/Button/index.tsx","mtime":1559846947864},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwgZnJvbSAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgZW50ZXJNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5lbnRlck1vZHVsZTsKICBlbnRlck1vZHVsZSAmJiBlbnRlck1vZHVsZShtb2R1bGUpOwp9KSgpOwoKZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0KCkgewogIHZhciBkYXRhID0gX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbChbIlxuICBiYWNrZ3JvdW5kLWNvbG9yOiAiLCAiO1xuICBjb2xvcjogIiwgIjtcbiAgZm9udC1zaXplOiAiLCAiO1xuICBwYWRkaW5nOiAiLCAiO1xuICBib3JkZXItcmFkaXVzOiAiLCAiO1xuICBib3JkZXI6IG5vbmU7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICBmb250LXdlaWdodDogNTAwO1xuICBmb250LXN0cmV0Y2g6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgbWFyZ2luOiAwLjJyZW07XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIHdpbGwtY2hhbmdlOiBiYWNrZ3JvdW5kLWNvbG9yO1xuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIiwgIjtcbiAgfVxuXG4gIDphY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICIsICI7XG4gIH1cblxuICA6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbiJdKTsKCiAgX3RlbXBsYXRlT2JqZWN0ID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0KCkgewogICAgcmV0dXJuIGRhdGE7CiAgfTsKCiAgcmV0dXJuIGRhdGE7Cn0KCmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnOwppbXBvcnQgeyBnZXRNZWFzdXJlLCBsaWdodGVuT3JEYXJrZW4gfSBmcm9tICcuLi8uLi9nbG9iYWwvaGVscGVycyc7Cgp2YXIgZ2V0Qm9yZGVyUmFkaXVzID0gZnVuY3Rpb24gZ2V0Qm9yZGVyUmFkaXVzKHNoYXBlKSB7CiAgc3dpdGNoIChzaGFwZSkgewogICAgY2FzZSAncGlsbCc6CiAgICAgIHJldHVybiAnMTAwcmVtJzsKCiAgICBjYXNlICdzcXVhcmVkJzoKICAgICAgcmV0dXJuICcwcmVtJzsKCiAgICBjYXNlICdyb3VuZGVkJzoKICAgICAgcmV0dXJuICcwLjVyZW0nOwoKICAgIGRlZmF1bHQ6CiAgICAgIHJldHVybiAnMHJlbSc7CiAgfQp9OwoKdmFyIGdldEZvbnRTaXplID0gZnVuY3Rpb24gZ2V0Rm9udFNpemUobWVhc3VyZSkgewogIHJldHVybiBnZXRNZWFzdXJlKG1lYXN1cmUsIFsnMC44cmVtJywgJzFyZW0nLCAnMS4yNXJlbScsICcxLjUwcmVtJ10pOwp9OwoKdmFyIGdldFBhZGRpbmcgPSBmdW5jdGlvbiBnZXRQYWRkaW5nKG1lYXN1cmUpIHsKICByZXR1cm4gZ2V0TWVhc3VyZShtZWFzdXJlLCBbJzAuMzc1cmVtIDEuNHJlbSAwLjM3NXJlbSAxLjRyZW0nLCAnMC40NXJlbSAxLjhyZW0gMC40NXJlbSAxLjhyZW0nLCAnMC42NXJlbSAyLjJyZW0gMC42NXJlbSAyLjJyZW0nLCAnMC44MHJlbSAyLjZyZW0gMC44MHJlbSAyLjZyZW0nXSk7Cn07Cgp2YXIgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihfdGVtcGxhdGVPYmplY3QoKSwgZnVuY3Rpb24gKHByb3BzKSB7CiAgcmV0dXJuIHByb3BzLm91dGxpbmUgPyAndHJhbnNwYXJlbnQnIDogcHJvcHMudGhlbWUuY29sb3JzLmRhcmtlc3Q7Cn0sIGZ1bmN0aW9uIChwcm9wcykgewogIHJldHVybiBwcm9wcy50aGVtZS5jb2xvcnMubGlnaHRlc3Q7Cn0sIGZ1bmN0aW9uIChwcm9wcykgewogIHJldHVybiBnZXRGb250U2l6ZShwcm9wcy5zaXplKTsKfSwgZnVuY3Rpb24gKHByb3BzKSB7CiAgcmV0dXJuIGdldFBhZGRpbmcocHJvcHMuc2l6ZSk7Cn0sIGZ1bmN0aW9uIChwcm9wcykgewogIHJldHVybiBnZXRCb3JkZXJSYWRpdXMocHJvcHMuc2hhcGUpOwp9LCBmdW5jdGlvbiAocHJvcHMpIHsKICByZXR1cm4gbGlnaHRlbk9yRGFya2VuKHByb3BzLnRoZW1lLmNvbG9ycy5kYXJrZXN0LCAyMCk7Cn0sIGZ1bmN0aW9uIChwcm9wcykgewogIHJldHVybiBsaWdodGVuT3JEYXJrZW4ocHJvcHMudGhlbWUuY29sb3JzLmRhcmtlc3QsIDQwKTsKfSk7CkJ1dHRvbi5kZWZhdWx0UHJvcHMgPSB7CiAgc2l6ZTogJ21kJywKICBzaGFwZTogJ3JvdW5kZWQnLAogIG91dGxpbmU6IGZhbHNlCn07CnZhciBfZGVmYXVsdCA9IEJ1dHRvbjsKZXhwb3J0IGRlZmF1bHQgX2RlZmF1bHQ7CgppZiAodHlwZW9mIEJ1dHRvbiAhPT0gJ3VuZGVmaW5lZCcgJiYgQnV0dG9uICYmIEJ1dHRvbiA9PT0gT2JqZWN0KEJ1dHRvbikgJiYgT2JqZWN0LmlzRXh0ZW5zaWJsZShCdXR0b24pKSB7CiAgT2JqZWN0LmRlZmluZVByb3BlcnR5KEJ1dHRvbiwgJ19fZmlsZW1ldGEnLCB7CiAgICBlbnVtZXJhYmxlOiB0cnVlLAogICAgY29uZmlndXJhYmxlOiB0cnVlLAogICAgdmFsdWU6IHsKICAgICAgbmFtZTogIkJ1dHRvbiIsCiAgICAgIGZpbGVuYW1lOiAic3JjL2NvbXBvbmVudHMvQnV0dG9uL2luZGV4LnRzeCIKICAgIH0KICB9KTsKfQoKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgcmVhY3RIb3RMb2FkZXIgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5kZWZhdWx0OwoKICBpZiAoIXJlYWN0SG90TG9hZGVyKSB7CiAgICByZXR1cm47CiAgfQoKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihnZXRCb3JkZXJSYWRpdXMsICJnZXRCb3JkZXJSYWRpdXMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL0J1dHRvbi9pbmRleC50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihnZXRGb250U2l6ZSwgImdldEZvbnRTaXplIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9CdXR0b24vaW5kZXgudHN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoZ2V0UGFkZGluZywgImdldFBhZGRpbmciLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL0J1dHRvbi9pbmRleC50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihCdXR0b24sICJCdXR0b24iLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL0J1dHRvbi9pbmRleC50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihfZGVmYXVsdCwgImRlZmF1bHQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL0J1dHRvbi9pbmRleC50c3giKTsKfSkoKTsKCjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGxlYXZlTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkubGVhdmVNb2R1bGU7CiAgbGVhdmVNb2R1bGUgJiYgbGVhdmVNb2R1bGUobW9kdWxlKTsKfSkoKTs="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/components/Button/index.tsx"],"names":["styled","getMeasure","lightenOrDarken","getBorderRadius","shape","getFontSize","measure","getPadding","Button","button","props","outline","theme","colors","darkest","lightest","size","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,UAAT,EAAqBC,eAArB,QAA4C,sBAA5C;;AAQA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAkB;AACxC,UAAQA,KAAR;AACE,SAAK,MAAL;AACE,aAAO,QAAP;;AACF,SAAK,SAAL;AACE,aAAO,MAAP;;AACF,SAAK,SAAL;AACE,aAAO,QAAP;;AACF;AACE,aAAO,MAAP;AARJ;AAUD,CAXD;;AAaA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,OAAD;AAAA,SAClBL,UAAU,CAACK,OAAD,EAAU,CAAC,QAAD,EAAW,MAAX,EAAmB,SAAnB,EAA8B,SAA9B,CAAV,CADQ;AAAA,CAApB;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,OAAD;AAAA,SACjBL,UAAU,CAACK,OAAD,EAAU,CAClB,iCADkB,EAElB,+BAFkB,EAGlB,+BAHkB,EAIlB,+BAJkB,CAAV,CADO;AAAA,CAAnB;;AAQA,IAAME,MAAM,GAAGR,MAAM,CAACS,MAAV,oBACU,UAAAC,KAAK;AAAA,SACvBA,KAAK,CAACC,OAAN,GAAgB,aAAhB,GAAgCD,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,OAD5B;AAAA,CADf,EAGD,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBE,QAAvB;AAAA,CAHJ,EAIG,UAAAL,KAAK;AAAA,SAAIL,WAAW,CAACK,KAAK,CAACM,IAAP,CAAf;AAAA,CAJR,EAKC,UAAAN,KAAK;AAAA,SAAIH,UAAU,CAACG,KAAK,CAACM,IAAP,CAAd;AAAA,CALN,EAMO,UAAAN,KAAK;AAAA,SAAIP,eAAe,CAACO,KAAK,CAACN,KAAP,CAAnB;AAAA,CANZ,EAsCY,UAAAM,KAAK;AAAA,SACvBR,eAAe,CAACQ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,OAApB,EAA6B,EAA7B,CADQ;AAAA,CAtCjB,EA2CY,UAAAJ,KAAK;AAAA,SACvBR,eAAe,CAACQ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,OAApB,EAA6B,EAA7B,CADQ;AAAA,CA3CjB,CAAZ;AAoDAN,MAAM,CAACS,YAAP,GAAsB;AACpBD,EAAAA,IAAI,EAAE,IADc;AAEpBZ,EAAAA,KAAK,EAAE,SAFa;AAGpBO,EAAAA,OAAO,EAAE;AAHW,CAAtB;eAMeH,M;AAAf;;;;;;;;;;;;;;;;;;;;;;0BAlFML,e;0BAaAE,W;0BAGAE,U;0BAQAC,M","sourcesContent":["import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\n\nimport { getMeasure, lightenOrDarken } from '../../global/helpers'\n\ninterface Props {\n  size?: Measure\n  shape?: Shape\n  outline?: boolean\n}\n\nconst getBorderRadius = (shape: Shape) => {\n  switch (shape) {\n    case 'pill':\n      return '100rem'\n    case 'squared':\n      return '0rem'\n    case 'rounded':\n      return '0.5rem'\n    default:\n      return '0rem'\n  }\n}\n\nconst getFontSize = (measure: Measure) =>\n  getMeasure(measure, ['0.8rem', '1rem', '1.25rem', '1.50rem'])\n\nconst getPadding = (measure: Measure) =>\n  getMeasure(measure, [\n    '0.375rem 1.4rem 0.375rem 1.4rem',\n    '0.45rem 1.8rem 0.45rem 1.8rem',\n    '0.65rem 2.2rem 0.65rem 2.2rem',\n    '0.80rem 2.6rem 0.80rem 2.6rem',\n  ])\n\nconst Button = styled.button<Props>`\n  background-color: ${props =>\n    props.outline ? 'transparent' : props.theme.colors.darkest};\n  color: ${props => props.theme.colors.lightest};\n  font-size: ${props => getFontSize(props.size!)};\n  padding: ${props => getPadding(props.size!)};\n  border-radius: ${props => getBorderRadius(props.shape!)};\n  border: none;\n\n  box-sizing: border-box;\n\n  font-weight: 500;\n  font-stretch: normal;\n  line-height: 1.4;\n  margin: 0.2rem;\n  display: relative;\n  overflow: hidden;\n  cursor: pointer;\n  text-align: center;\n  text-decoration: none;\n  text-transform: none;\n  white-space: nowrap;\n  justify-content: center;\n  align-items: center;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  transition: background-color 0.2s ease-in-out;\n  will-change: background-color;\n\n  :hover {\n    background-color: ${props =>\n      lightenOrDarken(props.theme.colors.darkest, 20)};\n  }\n\n  :active {\n    background-color: ${props =>\n      lightenOrDarken(props.theme.colors.darkest, 40)};\n  }\n\n  :focus {\n    outline: none;\n  }\n`\n\nButton.defaultProps = {\n  size: 'md',\n  shape: 'rounded',\n  outline: false,\n}\n\nexport default Button\n"]}]}
\ No newline at end of file
diff --git a/.docz/cache/6eefbfafb303bcd9097b72bff2d95cbc.json b/.docz/cache/6eefbfafb303bcd9097b72bff2d95cbc.json
index e916aa4..b511acb 100644
--- a/.docz/cache/6eefbfafb303bcd9097b72bff2d95cbc.json
+++ b/.docz/cache/6eefbfafb303bcd9097b72bff2d95cbc.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--11-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--11-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/components/Text/index.tsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/components/Text/index.tsx","mtime":1558298682754},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwgZnJvbSAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiOwp2YXIgX2pzeEZpbGVOYW1lID0gIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L2luZGV4LnRzeCI7CgooZnVuY3Rpb24gKCkgewogIHZhciBlbnRlck1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmVudGVyTW9kdWxlOwogIGVudGVyTW9kdWxlICYmIGVudGVyTW9kdWxlKG1vZHVsZSk7Cn0pKCk7CgpmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3Q3KCkgewogIHZhciBkYXRhID0gX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbChbIlxuICBmb250LXNpemU6IDEuNXJlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiJdKTsKCiAgX3RlbXBsYXRlT2JqZWN0NyA9IGZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdDcoKSB7CiAgICByZXR1cm4gZGF0YTsKICB9OwoKICByZXR1cm4gZGF0YTsKfQoKZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0NigpIHsKICB2YXIgZGF0YSA9IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwoWyJcbiAgZm9udC1zaXplOiAycmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuIl0pOwoKICBfdGVtcGxhdGVPYmplY3Q2ID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0NigpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgpmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3Q1KCkgewogIHZhciBkYXRhID0gX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbChbIlxuICBmb250LXNpemU6IDIuNXJlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiJdKTsKCiAgX3RlbXBsYXRlT2JqZWN0NSA9IGZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdDUoKSB7CiAgICByZXR1cm4gZGF0YTsKICB9OwoKICByZXR1cm4gZGF0YTsKfQoKZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0NCgpIHsKICB2YXIgZGF0YSA9IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwoWyJcbiAgZm9udC1zaXplOiAzcmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuIl0pOwoKICBfdGVtcGxhdGVPYmplY3Q0ID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0NCgpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgpmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3QzKCkgewogIHZhciBkYXRhID0gX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbChbIlxuICBmb250LXNpemU6IDMuNXJlbTtcbiAgZm9udC13ZWlnaHQ6IDgwMDtcbiJdKTsKCiAgX3RlbXBsYXRlT2JqZWN0MyA9IGZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdDMoKSB7CiAgICByZXR1cm4gZGF0YTsKICB9OwoKICByZXR1cm4gZGF0YTsKfQoKZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0MigpIHsKICB2YXIgZGF0YSA9IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwoWyJcbiAgZm9udC1zaXplOiA0cmVtO1xuICBmb250LXdlaWdodDogODAwO1xuICBtYXJnaW46IDAuNjdlbSAwO1xuIl0pOwoKICBfdGVtcGxhdGVPYmplY3QyID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0MigpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgpmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3QoKSB7CiAgdmFyIGRhdGEgPSBfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsKFsiXG4gIGZvbnQtc2l6ZTogMS4ycmVtO1xuICBmb250LXdlaWdodDogNDAwO1xuICB0ZXh0LWp1c3RpZnk6IGF1dG87XG4iXSk7CgogIF90ZW1wbGF0ZU9iamVjdCA9IGZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdCgpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJzsKdmFyIFBhcmFncmFwaCA9IHN0eWxlZC5wKF90ZW1wbGF0ZU9iamVjdCgpKTsKdmFyIEgxID0gc3R5bGVkLmgxKF90ZW1wbGF0ZU9iamVjdDIoKSk7CnZhciBIMiA9IHN0eWxlZC5oMihfdGVtcGxhdGVPYmplY3QzKCkpOwp2YXIgSDMgPSBzdHlsZWQuaDMoX3RlbXBsYXRlT2JqZWN0NCgpKTsKdmFyIEg0ID0gc3R5bGVkLmg0KF90ZW1wbGF0ZU9iamVjdDUoKSk7CnZhciBINSA9IHN0eWxlZC5oNShfdGVtcGxhdGVPYmplY3Q2KCkpOwp2YXIgSDYgPSBzdHlsZWQuaDYoX3RlbXBsYXRlT2JqZWN0NygpKTsKCnZhciBIZWFkaW5nID0gZnVuY3Rpb24gSGVhZGluZyhoZWFkaW5nLCBjaGlsZHJlbikgewogIHN3aXRjaCAoaGVhZGluZykgewogICAgY2FzZSAxOgogICAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChIMSwgewogICAgICAgIF9fc291cmNlOiB7CiAgICAgICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICAgICAgbGluZU51bWJlcjogNDUKICAgICAgICB9LAogICAgICAgIF9fc2VsZjogdGhpcwogICAgICB9LCBjaGlsZHJlbik7CgogICAgY2FzZSAyOgogICAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChIMiwgewogICAgICAgIF9fc291cmNlOiB7CiAgICAgICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICAgICAgbGluZU51bWJlcjogNDcKICAgICAgICB9LAogICAgICAgIF9fc2VsZjogdGhpcwogICAgICB9LCBjaGlsZHJlbik7CgogICAgY2FzZSAzOgogICAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChIMywgewogICAgICAgIF9fc291cmNlOiB7CiAgICAgICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICAgICAgbGluZU51bWJlcjogNDkKICAgICAgICB9LAogICAgICAgIF9fc2VsZjogdGhpcwogICAgICB9LCBjaGlsZHJlbik7CgogICAgY2FzZSA0OgogICAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChINCwgewogICAgICAgIF9fc291cmNlOiB7CiAgICAgICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICAgICAgbGluZU51bWJlcjogNTEKICAgICAgICB9LAogICAgICAgIF9fc2VsZjogdGhpcwogICAgICB9LCBjaGlsZHJlbik7CgogICAgY2FzZSA1OgogICAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChINSwgewogICAgICAgIF9fc291cmNlOiB7CiAgICAgICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICAgICAgbGluZU51bWJlcjogNTMKICAgICAgICB9LAogICAgICAgIF9fc2VsZjogdGhpcwogICAgICB9LCBjaGlsZHJlbik7CgogICAgY2FzZSA2OgogICAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChINiwgewogICAgICAgIF9fc291cmNlOiB7CiAgICAgICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICAgICAgbGluZU51bWJlcjogNTUKICAgICAgICB9LAogICAgICAgIF9fc2VsZjogdGhpcwogICAgICB9LCBjaGlsZHJlbik7CgogICAgZGVmYXVsdDoKICAgICAgcmV0dXJuIFJlYWN0LmNyZWF0ZUVsZW1lbnQoSDEsIHsKICAgICAgICBfX3NvdXJjZTogewogICAgICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgICAgIGxpbmVOdW1iZXI6IDU3CiAgICAgICAgfSwKICAgICAgICBfX3NlbGY6IHRoaXMKICAgICAgfSwgY2hpbGRyZW4pOwogIH0KfTsKCnZhciBUZXh0ID0gZnVuY3Rpb24gVGV4dChfcmVmKSB7CiAgdmFyIGNoaWxkcmVuID0gX3JlZi5jaGlsZHJlbiwKICAgICAgaGVhZGluZyA9IF9yZWYuaGVhZGluZzsKICByZXR1cm4gISFoZWFkaW5nID8gSGVhZGluZyhoZWFkaW5nLCBjaGlsZHJlbikgOiBSZWFjdC5jcmVhdGVFbGVtZW50KFBhcmFncmFwaCwgewogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogNjUKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9LCBjaGlsZHJlbik7Cn07Cgp2YXIgX2RlZmF1bHQgPSBUZXh0OwpleHBvcnQgZGVmYXVsdCBfZGVmYXVsdDsKCmlmICh0eXBlb2YgVGV4dCAhPT0gJ3VuZGVmaW5lZCcgJiYgVGV4dCAmJiBUZXh0ID09PSBPYmplY3QoVGV4dCkgJiYgT2JqZWN0LmlzRXh0ZW5zaWJsZShUZXh0KSkgewogIE9iamVjdC5kZWZpbmVQcm9wZXJ0eShUZXh0LCAnX19maWxlbWV0YScsIHsKICAgIGVudW1lcmFibGU6IHRydWUsCiAgICBjb25maWd1cmFibGU6IHRydWUsCiAgICB2YWx1ZTogewogICAgICBuYW1lOiAiVGV4dCIsCiAgICAgIGZpbGVuYW1lOiAic3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giCiAgICB9CiAgfSk7Cn0KCjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIHJlYWN0SG90TG9hZGVyID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZGVmYXVsdDsKCiAgaWYgKCFyZWFjdEhvdExvYWRlcikgewogICAgcmV0dXJuOwogIH0KCiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoUGFyYWdyYXBoLCAiUGFyYWdyYXBoIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKEgxLCAiSDEiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL1RleHQvaW5kZXgudHN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoSDIsICJIMiIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihIMywgIkgzIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKEg0LCAiSDQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL1RleHQvaW5kZXgudHN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoSDUsICJINSIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihINiwgIkg2IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKEhlYWRpbmcsICJIZWFkaW5nIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKFRleHQsICJUZXh0IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L2luZGV4LnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKF9kZWZhdWx0LCAiZGVmYXVsdCIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giKTsKfSkoKTsKCjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGxlYXZlTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkubGVhdmVNb2R1bGU7CiAgbGVhdmVNb2R1bGUgJiYgbGVhdmVNb2R1bGUobW9kdWxlKTsKfSkoKTs="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/components/Text/index.tsx"],"names":["React","styled","Paragraph","p","H1","h1","H2","h2","H3","h3","H4","h4","H5","h5","H6","h6","Heading","heading","children","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAyC,OAAzC;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAQA,IAAMC,SAAS,GAAGD,MAAM,CAACE,CAAV,mBAAf;AAMA,IAAMC,EAAE,GAAGH,MAAM,CAACI,EAAV,oBAAR;AAKA,IAAMC,EAAE,GAAGL,MAAM,CAACM,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGP,MAAM,CAACQ,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGT,MAAM,CAACU,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGX,MAAM,CAACY,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGb,MAAM,CAACc,EAAV,oBAAR;;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,OAAD,EAAiBC,QAAjB,EAAmC;AACjD,UAAQD,OAAR;AACE,SAAK,CAAL;AACE,aAAO,oBAAC,EAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAKC,QAAL,CAAP;;AACF,SAAK,CAAL;AACE,aAAO,oBAAC,EAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAKA,QAAL,CAAP;;AACF,SAAK,CAAL;AACE,aAAO,oBAAC,EAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAKA,QAAL,CAAP;;AACF,SAAK,CAAL;AACE,aAAO,oBAAC,EAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAKA,QAAL,CAAP;;AACF,SAAK,CAAL;AACE,aAAO,oBAAC,EAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAKA,QAAL,CAAP;;AACF,SAAK,CAAL;AACE,aAAO,oBAAC,EAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAKA,QAAL,CAAP;;AACF;AACE,aAAO,oBAAC,EAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAKA,QAAL,CAAP;AAdJ;AAgBD,CAjBD;;AAmBA,IAAMC,IAA8B,GAAG,SAAjCA,IAAiC,OAA2B;AAAA,MAAxBD,QAAwB,QAAxBA,QAAwB;AAAA,MAAdD,OAAc,QAAdA,OAAc;AAChE,SAAO,CAAC,CAACA,OAAF,GACLD,OAAO,CAACC,OAAD,EAAUC,QAAV,CADF,GAGL,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAYA,QAAZ,CAHF;AAKD,CAND;;eAQeC,I;AAAf;;;;;;;;;;;;;;;;;;;;;;0BA3DMjB,S;0BAMAE,E;0BAKAE,E;0BAIAE,E;0BAIAE,E;0BAIAE,E;0BAIAE,E;0BAKAE,O;0BAmBAG,I","sourcesContent":["import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\n\ntype Level = 1 | 2 | 3 | 4 | 5 | 6\n\ninterface Props {\n  heading?: Level\n}\n\nconst Paragraph = styled.p`\n  font-size: 1.2rem;\n  font-weight: 400;\n  text-justify: auto;\n`\n\nconst H1 = styled.h1`\n  font-size: 4rem;\n  font-weight: 800;\n  margin: 0.67em 0;\n`\nconst H2 = styled.h2`\n  font-size: 3.5rem;\n  font-weight: 800;\n`\nconst H3 = styled.h3`\n  font-size: 3rem;\n  font-weight: 600;\n`\nconst H4 = styled.h4`\n  font-size: 2.5rem;\n  font-weight: 600;\n`\nconst H5 = styled.h5`\n  font-size: 2rem;\n  font-weight: 600;\n`\nconst H6 = styled.h6`\n  font-size: 1.5rem;\n  font-weight: 600;\n`\n\nconst Heading = (heading: Level, children: any) => {\n  switch (heading) {\n    case 1:\n      return <H1>{children}</H1>\n    case 2:\n      return <H2>{children}</H2>\n    case 3:\n      return <H3>{children}</H3>\n    case 4:\n      return <H4>{children}</H4>\n    case 5:\n      return <H5>{children}</H5>\n    case 6:\n      return <H6>{children}</H6>\n    default:\n      return <H1>{children}</H1>\n  }\n}\n\nconst Text: FunctionComponent<Props> = ({ children, heading }) => {\n  return !!heading ? (\n    Heading(heading, children)\n  ) : (\n    <Paragraph>{children}</Paragraph>\n  )\n}\n\nexport default Text\n"]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--11-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--11-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/components/Text/index.tsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/components/Text/index.tsx","mtime":1560034601452},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IEhlYWRpbmcgZnJvbSAnLi9IZWFkaW5nJzsKaW1wb3J0IFBhcmFncmFwaCBmcm9tICcuL1BhcmFncmFwaCc7CmV4cG9ydCB7IEhlYWRpbmcsIFBhcmFncmFwaCB9OwoKaWYgKHR5cGVvZiBQYXJhZ3JhcGggIT09ICd1bmRlZmluZWQnICYmIFBhcmFncmFwaCAmJiBQYXJhZ3JhcGggPT09IE9iamVjdChQYXJhZ3JhcGgpICYmIE9iamVjdC5pc0V4dGVuc2libGUoUGFyYWdyYXBoKSkgewogIE9iamVjdC5kZWZpbmVQcm9wZXJ0eShQYXJhZ3JhcGgsICdfX2ZpbGVtZXRhJywgewogICAgZW51bWVyYWJsZTogdHJ1ZSwKICAgIGNvbmZpZ3VyYWJsZTogdHJ1ZSwKICAgIHZhbHVlOiB7CiAgICAgIG5hbWU6ICJQYXJhZ3JhcGgiLAogICAgICBmaWxlbmFtZTogInNyYy9jb21wb25lbnRzL1RleHQvaW5kZXgudHN4IgogICAgfQogIH0pOwp9CgppZiAodHlwZW9mIEhlYWRpbmcgIT09ICd1bmRlZmluZWQnICYmIEhlYWRpbmcgJiYgSGVhZGluZyA9PT0gT2JqZWN0KEhlYWRpbmcpICYmIE9iamVjdC5pc0V4dGVuc2libGUoSGVhZGluZykpIHsKICBPYmplY3QuZGVmaW5lUHJvcGVydHkoSGVhZGluZywgJ19fZmlsZW1ldGEnLCB7CiAgICBlbnVtZXJhYmxlOiB0cnVlLAogICAgY29uZmlndXJhYmxlOiB0cnVlLAogICAgdmFsdWU6IHsKICAgICAgbmFtZTogIkhlYWRpbmciLAogICAgICBmaWxlbmFtZTogInNyYy9jb21wb25lbnRzL1RleHQvaW5kZXgudHN4IgogICAgfQogIH0pOwp9"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/components/Text/index.tsx"],"names":["Heading","Paragraph"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,WAApB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAEA,SAASD,OAAT,EAAkBC,SAAlB","sourcesContent":["import Heading from './Heading'\nimport Paragraph from './Paragraph'\n\nexport { Heading, Paragraph }\n"]}]}
\ No newline at end of file
diff --git a/.docz/cache/8fa141f9908850309498c025475e69b6.json b/.docz/cache/8fa141f9908850309498c025475e69b6.json
index ad9a8f0..c6e4728 100644
--- a/.docz/cache/8fa141f9908850309498c025475e69b6.json
+++ b/.docz/cache/8fa141f9908850309498c025475e69b6.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--5-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--5-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/.docz/app/index.jsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/.docz/app/index.jsx","mtime":1559846311167},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:dmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL2luZGV4LmpzeCI7CgooZnVuY3Rpb24gKCkgewogIHZhciBlbnRlck1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmVudGVyTW9kdWxlOwogIGVudGVyTW9kdWxlICYmIGVudGVyTW9kdWxlKG1vZHVsZSk7Cn0pKCk7CgppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJzsKaW1wb3J0IFJvb3QgZnJvbSAnLi9yb290JzsKdmFyIF9vblByZVJlbmRlcnMgPSBbXTsKdmFyIF9vblBvc3RSZW5kZXJzID0gW107Cgp2YXIgb25QcmVSZW5kZXIgPSBmdW5jdGlvbiBvblByZVJlbmRlcigpIHsKICByZXR1cm4gX29uUHJlUmVuZGVycy5mb3JFYWNoKGZ1bmN0aW9uIChmKSB7CiAgICByZXR1cm4gZiAmJiBmKCk7CiAgfSk7Cn07Cgp2YXIgb25Qb3N0UmVuZGVyID0gZnVuY3Rpb24gb25Qb3N0UmVuZGVyKCkgewogIHJldHVybiBfb25Qb3N0UmVuZGVycy5mb3JFYWNoKGZ1bmN0aW9uIChmKSB7CiAgICByZXR1cm4gZiAmJiBmKCk7CiAgfSk7Cn07Cgp2YXIgcm9vdCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNyb290Jyk7Cgp2YXIgcmVuZGVyID0gZnVuY3Rpb24gcmVuZGVyKCkgewogIHZhciBDb21wb25lbnQgPSBhcmd1bWVudHMubGVuZ3RoID4gMCAmJiBhcmd1bWVudHNbMF0gIT09IHVuZGVmaW5lZCA/IGFyZ3VtZW50c1swXSA6IFJvb3Q7CiAgb25QcmVSZW5kZXIoKTsKICBSZWFjdERPTS5yZW5kZXIoUmVhY3QuY3JlYXRlRWxlbWVudChDb21wb25lbnQsIHsKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDE0CiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSksIHJvb3QsIG9uUG9zdFJlbmRlcik7Cn07CgpyZW5kZXIoUm9vdCk7CjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIHJlYWN0SG90TG9hZGVyID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZGVmYXVsdDsKCiAgaWYgKCFyZWFjdEhvdExvYWRlcikgewogICAgcmV0dXJuOwogIH0KCiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoX29uUHJlUmVuZGVycywgIl9vblByZVJlbmRlcnMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzLy5kb2N6L2FwcC9pbmRleC5qc3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3Rlcihfb25Qb3N0UmVuZGVycywgIl9vblBvc3RSZW5kZXJzIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvaW5kZXguanN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIob25QcmVSZW5kZXIsICJvblByZVJlbmRlciIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL2luZGV4LmpzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKG9uUG9zdFJlbmRlciwgIm9uUG9zdFJlbmRlciIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL2luZGV4LmpzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKHJvb3QsICJyb290IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvaW5kZXguanN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIocmVuZGVyLCAicmVuZGVyIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvaW5kZXguanN4Iik7Cn0pKCk7Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciBsZWF2ZU1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmxlYXZlTW9kdWxlOwogIGxlYXZlTW9kdWxlICYmIGxlYXZlTW9kdWxlKG1vZHVsZSk7Cn0pKCk7"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/.docz/app/index.jsx"],"names":["React","ReactDOM","Root","_onPreRenders","_onPostRenders","onPreRender","forEach","f","onPostRender","root","document","querySelector","render","Component"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,IAAMC,aAAa,GAAG,EAAtB;AACA,IAAMC,cAAc,GAAG,EAAvB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMF,aAAa,CAACG,OAAd,CAAsB,UAAAC,CAAC;AAAA,WAAIA,CAAC,IAAIA,CAAC,EAAV;AAAA,GAAvB,CAAN;AAAA,CAApB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMJ,cAAc,CAACE,OAAf,CAAuB,UAAAC,CAAC;AAAA,WAAIA,CAAC,IAAIA,CAAC,EAAV;AAAA,GAAxB,CAAN;AAAA,CAArB;;AAEA,IAAME,IAAI,GAAGC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAb;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAsB;AAAA,MAArBC,SAAqB,uEAATX,IAAS;AACnCG,EAAAA,WAAW;AACXJ,EAAAA,QAAQ,CAACW,MAAT,CAAgB,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAhB,EAA+BH,IAA/B,EAAqCD,YAArC;AACD,CAHD;;AAKAI,MAAM,CAACV,IAAD,CAAN;;;;;;;;;;0BAZMC,a;0BACAC,c;0BAEAC,W;0BACAG,Y;0BAEAC,I;0BACAG,M","sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport Root from './root'\n\nconst _onPreRenders = []\nconst _onPostRenders = []\n\nconst onPreRender = () => _onPreRenders.forEach(f => f && f())\nconst onPostRender = () => _onPostRenders.forEach(f => f && f())\n\nconst root = document.querySelector('#root')\nconst render = (Component = Root) => {\n  onPreRender()\n  ReactDOM.render(<Component />, root, onPostRender)\n}\n\nrender(Root)\n"]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--5-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--5-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/.docz/app/index.jsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/.docz/app/index.jsx","mtime":1560034720995},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:dmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL2luZGV4LmpzeCI7CgooZnVuY3Rpb24gKCkgewogIHZhciBlbnRlck1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmVudGVyTW9kdWxlOwogIGVudGVyTW9kdWxlICYmIGVudGVyTW9kdWxlKG1vZHVsZSk7Cn0pKCk7CgppbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnOwppbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJzsKaW1wb3J0IFJvb3QgZnJvbSAnLi9yb290JzsKdmFyIF9vblByZVJlbmRlcnMgPSBbXTsKdmFyIF9vblBvc3RSZW5kZXJzID0gW107Cgp2YXIgb25QcmVSZW5kZXIgPSBmdW5jdGlvbiBvblByZVJlbmRlcigpIHsKICByZXR1cm4gX29uUHJlUmVuZGVycy5mb3JFYWNoKGZ1bmN0aW9uIChmKSB7CiAgICByZXR1cm4gZiAmJiBmKCk7CiAgfSk7Cn07Cgp2YXIgb25Qb3N0UmVuZGVyID0gZnVuY3Rpb24gb25Qb3N0UmVuZGVyKCkgewogIHJldHVybiBfb25Qb3N0UmVuZGVycy5mb3JFYWNoKGZ1bmN0aW9uIChmKSB7CiAgICByZXR1cm4gZiAmJiBmKCk7CiAgfSk7Cn07Cgp2YXIgcm9vdCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNyb290Jyk7Cgp2YXIgcmVuZGVyID0gZnVuY3Rpb24gcmVuZGVyKCkgewogIHZhciBDb21wb25lbnQgPSBhcmd1bWVudHMubGVuZ3RoID4gMCAmJiBhcmd1bWVudHNbMF0gIT09IHVuZGVmaW5lZCA/IGFyZ3VtZW50c1swXSA6IFJvb3Q7CiAgb25QcmVSZW5kZXIoKTsKICBSZWFjdERPTS5yZW5kZXIoUmVhY3QuY3JlYXRlRWxlbWVudChDb21wb25lbnQsIHsKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDE0CiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSksIHJvb3QsIG9uUG9zdFJlbmRlcik7Cn07CgpyZW5kZXIoUm9vdCk7CjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIHJlYWN0SG90TG9hZGVyID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZGVmYXVsdDsKCiAgaWYgKCFyZWFjdEhvdExvYWRlcikgewogICAgcmV0dXJuOwogIH0KCiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoX29uUHJlUmVuZGVycywgIl9vblByZVJlbmRlcnMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzLy5kb2N6L2FwcC9pbmRleC5qc3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3Rlcihfb25Qb3N0UmVuZGVycywgIl9vblBvc3RSZW5kZXJzIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvaW5kZXguanN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIob25QcmVSZW5kZXIsICJvblByZVJlbmRlciIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL2luZGV4LmpzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKG9uUG9zdFJlbmRlciwgIm9uUG9zdFJlbmRlciIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL2luZGV4LmpzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKHJvb3QsICJyb290IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvaW5kZXguanN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIocmVuZGVyLCAicmVuZGVyIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvaW5kZXguanN4Iik7Cn0pKCk7Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciBsZWF2ZU1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmxlYXZlTW9kdWxlOwogIGxlYXZlTW9kdWxlICYmIGxlYXZlTW9kdWxlKG1vZHVsZSk7Cn0pKCk7"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/.docz/app/index.jsx"],"names":["React","ReactDOM","Root","_onPreRenders","_onPostRenders","onPreRender","forEach","f","onPostRender","root","document","querySelector","render","Component"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,IAAMC,aAAa,GAAG,EAAtB;AACA,IAAMC,cAAc,GAAG,EAAvB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMF,aAAa,CAACG,OAAd,CAAsB,UAAAC,CAAC;AAAA,WAAIA,CAAC,IAAIA,CAAC,EAAV;AAAA,GAAvB,CAAN;AAAA,CAApB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMJ,cAAc,CAACE,OAAf,CAAuB,UAAAC,CAAC;AAAA,WAAIA,CAAC,IAAIA,CAAC,EAAV;AAAA,GAAxB,CAAN;AAAA,CAArB;;AAEA,IAAME,IAAI,GAAGC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAb;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAsB;AAAA,MAArBC,SAAqB,uEAATX,IAAS;AACnCG,EAAAA,WAAW;AACXJ,EAAAA,QAAQ,CAACW,MAAT,CAAgB,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAhB,EAA+BH,IAA/B,EAAqCD,YAArC;AACD,CAHD;;AAKAI,MAAM,CAACV,IAAD,CAAN;;;;;;;;;;0BAZMC,a;0BACAC,c;0BAEAC,W;0BACAG,Y;0BAEAC,I;0BACAG,M","sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport Root from './root'\n\nconst _onPreRenders = []\nconst _onPostRenders = []\n\nconst onPreRender = () => _onPreRenders.forEach(f => f && f())\nconst onPostRender = () => _onPostRenders.forEach(f => f && f())\n\nconst root = document.querySelector('#root')\nconst render = (Component = Root) => {\n  onPreRender()\n  ReactDOM.render(<Component />, root, onPostRender)\n}\n\nrender(Root)\n"]}]}
\ No newline at end of file
diff --git a/.docz/cache/970b78fe5ef21037800e9ba2028afa26.json b/.docz/cache/970b78fe5ef21037800e9ba2028afa26.json
new file mode 100644
index 0000000..16d544a
--- /dev/null
+++ b/.docz/cache/970b78fe5ef21037800e9ba2028afa26.json
@@ -0,0 +1 @@
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--11-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--11-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/components/Text/Paragraph.tsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/components/Text/Paragraph.tsx","mtime":1560032506132},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwgZnJvbSAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgZW50ZXJNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5lbnRlck1vZHVsZTsKICBlbnRlck1vZHVsZSAmJiBlbnRlck1vZHVsZShtb2R1bGUpOwp9KSgpOwoKZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0KCkgewogIHZhciBkYXRhID0gX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbChbIlxuICBmb250LXNpemU6IDEuMnJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC1qdXN0aWZ5OiBhdXRvO1xuIl0pOwoKICBfdGVtcGxhdGVPYmplY3QgPSBmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3QoKSB7CiAgICByZXR1cm4gZGF0YTsKICB9OwoKICByZXR1cm4gZGF0YTsKfQoKaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7CnZhciBQYXJhZ3JhcGggPSBzdHlsZWQucChfdGVtcGxhdGVPYmplY3QoKSk7CnZhciBfZGVmYXVsdCA9IFBhcmFncmFwaDsKZXhwb3J0IGRlZmF1bHQgX2RlZmF1bHQ7CgppZiAodHlwZW9mIFBhcmFncmFwaCAhPT0gJ3VuZGVmaW5lZCcgJiYgUGFyYWdyYXBoICYmIFBhcmFncmFwaCA9PT0gT2JqZWN0KFBhcmFncmFwaCkgJiYgT2JqZWN0LmlzRXh0ZW5zaWJsZShQYXJhZ3JhcGgpKSB7CiAgT2JqZWN0LmRlZmluZVByb3BlcnR5KFBhcmFncmFwaCwgJ19fZmlsZW1ldGEnLCB7CiAgICBlbnVtZXJhYmxlOiB0cnVlLAogICAgY29uZmlndXJhYmxlOiB0cnVlLAogICAgdmFsdWU6IHsKICAgICAgbmFtZTogIlBhcmFncmFwaCIsCiAgICAgIGZpbGVuYW1lOiAic3JjL2NvbXBvbmVudHMvVGV4dC9QYXJhZ3JhcGgudHN4IgogICAgfQogIH0pOwp9Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciByZWFjdEhvdExvYWRlciA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmRlZmF1bHQ7CgogIGlmICghcmVhY3RIb3RMb2FkZXIpIHsKICAgIHJldHVybjsKICB9CgogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKFBhcmFncmFwaCwgIlBhcmFncmFwaCIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvVGV4dC9QYXJhZ3JhcGgudHN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoX2RlZmF1bHQsICJkZWZhdWx0IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L1BhcmFncmFwaC50c3giKTsKfSkoKTsKCjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGxlYXZlTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkubGVhdmVNb2R1bGU7CiAgbGVhdmVNb2R1bGUgJiYgbGVhdmVNb2R1bGUobW9kdWxlKTsKfSkoKTs="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/components/Text/Paragraph.tsx"],"names":["styled","Paragraph","p"],"mappings":";;;;;;;;;;;;;;;;;AACA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,IAAMC,SAAS,GAAGD,MAAM,CAACE,CAAV,mBAAf;eAKeD,S;AAAf;;;;;;;;;;;;;;;;;;;;;;0BALMA,S","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nconst Paragraph = styled.p`\n  font-size: 1.2rem;\n  font-weight: 400;\n  text-justify: auto;\n`\nexport default Paragraph\n"]}]}
\ No newline at end of file
diff --git a/.docz/cache/aefddfc0a1d06a6e8134c8242f6b656d.json b/.docz/cache/aefddfc0a1d06a6e8134c8242f6b656d.json
index 201d754..de4ea87 100644
--- a/.docz/cache/aefddfc0a1d06a6e8134c8242f6b656d.json
+++ b/.docz/cache/aefddfc0a1d06a6e8134c8242f6b656d.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--5-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--5-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/.docz/app/root.jsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/.docz/app/root.jsx","mtime":1559846311154},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:dmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL3Jvb3QuanN4IjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGVudGVyTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZW50ZXJNb2R1bGU7CiAgZW50ZXJNb2R1bGUgJiYgZW50ZXJNb2R1bGUobW9kdWxlKTsKfSkoKTsKCmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7CmltcG9ydCB7IExpbmssIFJvdXRlciwgUm91dGVzLCB1c2VEYXRhU2VydmVyIH0gZnJvbSAnZG9jeic7CmltcG9ydCB7IGhvdCB9IGZyb20gJ3JlYWN0LWhvdC1sb2FkZXInOwppbXBvcnQgVGhlbWUgZnJvbSAnZG9jei10aGVtZS1kZWZhdWx0JzsKaW1wb3J0IHsgaW1wb3J0cyB9IGZyb20gJy4vaW1wb3J0cyc7CmltcG9ydCBkYXRhYmFzZSBmcm9tICcuL2RiLmpzb24nOwppbXBvcnQgV3JhcHBlciBmcm9tICdzcmMvY29tcG9uZW50cy9RdWFya3NUaGVtZSc7Cgp2YXIgUm9vdCA9IGZ1bmN0aW9uIFJvb3QoKSB7CiAgdXNlRGF0YVNlcnZlcignd3M6Ly8xMjcuMC4wLjE6NjA1MDUnKTsKICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChUaGVtZSwgewogICAgd3JhcHBlcjogV3JhcHBlciwKICAgIGxpbmtDb21wb25lbnQ6IExpbmssCiAgICBkYjogZGF0YWJhc2UsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAxMwogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sIFJlYWN0LmNyZWF0ZUVsZW1lbnQoUm91dGVzLCB7CiAgICBpbXBvcnRzOiBpbXBvcnRzLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMTQKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSk7Cn07Cgp2YXIgX2RlZmF1bHQgPSBob3QobW9kdWxlKShSb290KTsKCmV4cG9ydCBkZWZhdWx0IF9kZWZhdWx0Owo7CgooZnVuY3Rpb24gKCkgewogIHZhciByZWFjdEhvdExvYWRlciA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmRlZmF1bHQ7CgogIGlmICghcmVhY3RIb3RMb2FkZXIpIHsKICAgIHJldHVybjsKICB9CgogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKFJvb3QsICJSb290IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvcm9vdC5qc3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihfZGVmYXVsdCwgImRlZmF1bHQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzLy5kb2N6L2FwcC9yb290LmpzeCIpOwp9KSgpOwoKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgbGVhdmVNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5sZWF2ZU1vZHVsZTsKICBsZWF2ZU1vZHVsZSAmJiBsZWF2ZU1vZHVsZShtb2R1bGUpOwp9KSgpOw=="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/.docz/app/root.jsx"],"names":["React","Link","Router","Routes","useDataServer","hot","Theme","imports","database","Wrapper","Root","module"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,MAAvB,EAA+BC,aAA/B,QAAoD,MAApD;AACA,SAASC,GAAT,QAAoB,kBAApB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,SAASC,OAAT,QAAwB,WAAxB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,OAAP,MAAoB,4BAApB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,GAAM;AACjBN,EAAAA,aAAa,CAAC,sBAAD,CAAb;AACA,SACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAEK,OAAhB;AAAyB,IAAA,aAAa,EAAER,IAAxC;AAA8C,IAAA,EAAE,EAAEO,QAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAED,OAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAPD;;eASeF,GAAG,CAACM,MAAD,CAAH,CAAYD,IAAZ,C;;AAAf;;;;;;;;;;0BATMA,I","sourcesContent":["import React from 'react'\nimport { Link, Router, Routes, useDataServer } from 'docz'\nimport { hot } from 'react-hot-loader'\nimport Theme from 'docz-theme-default'\n\nimport { imports } from './imports'\nimport database from './db.json'\nimport Wrapper from 'src/components/QuarksTheme'\n\nconst Root = () => {\n  useDataServer('ws://127.0.0.1:60505')\n  return (\n    <Theme wrapper={Wrapper} linkComponent={Link} db={database}>\n      <Routes imports={imports} />\n    </Theme>\n  )\n}\n\nexport default hot(module)(Root)\n"]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--5-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--5-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/.docz/app/root.jsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/.docz/app/root.jsx","mtime":1560034720982},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:dmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3MvLmRvY3ovYXBwL3Jvb3QuanN4IjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGVudGVyTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZW50ZXJNb2R1bGU7CiAgZW50ZXJNb2R1bGUgJiYgZW50ZXJNb2R1bGUobW9kdWxlKTsKfSkoKTsKCmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7CmltcG9ydCB7IExpbmssIFJvdXRlciwgUm91dGVzLCB1c2VEYXRhU2VydmVyIH0gZnJvbSAnZG9jeic7CmltcG9ydCB7IGhvdCB9IGZyb20gJ3JlYWN0LWhvdC1sb2FkZXInOwppbXBvcnQgVGhlbWUgZnJvbSAnZG9jei10aGVtZS1kZWZhdWx0JzsKaW1wb3J0IHsgaW1wb3J0cyB9IGZyb20gJy4vaW1wb3J0cyc7CmltcG9ydCBkYXRhYmFzZSBmcm9tICcuL2RiLmpzb24nOwppbXBvcnQgV3JhcHBlciBmcm9tICdzcmMvY29tcG9uZW50cy9RdWFya3NUaGVtZSc7Cgp2YXIgUm9vdCA9IGZ1bmN0aW9uIFJvb3QoKSB7CiAgdXNlRGF0YVNlcnZlcignd3M6Ly8xMjcuMC4wLjE6NjA1MDUnKTsKICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChUaGVtZSwgewogICAgd3JhcHBlcjogV3JhcHBlciwKICAgIGxpbmtDb21wb25lbnQ6IExpbmssCiAgICBkYjogZGF0YWJhc2UsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAxMwogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sIFJlYWN0LmNyZWF0ZUVsZW1lbnQoUm91dGVzLCB7CiAgICBpbXBvcnRzOiBpbXBvcnRzLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMTQKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSk7Cn07Cgp2YXIgX2RlZmF1bHQgPSBob3QobW9kdWxlKShSb290KTsKCmV4cG9ydCBkZWZhdWx0IF9kZWZhdWx0Owo7CgooZnVuY3Rpb24gKCkgewogIHZhciByZWFjdEhvdExvYWRlciA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmRlZmF1bHQ7CgogIGlmICghcmVhY3RIb3RMb2FkZXIpIHsKICAgIHJldHVybjsKICB9CgogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKFJvb3QsICJSb290IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy8uZG9jei9hcHAvcm9vdC5qc3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihfZGVmYXVsdCwgImRlZmF1bHQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzLy5kb2N6L2FwcC9yb290LmpzeCIpOwp9KSgpOwoKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgbGVhdmVNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5sZWF2ZU1vZHVsZTsKICBsZWF2ZU1vZHVsZSAmJiBsZWF2ZU1vZHVsZShtb2R1bGUpOwp9KSgpOw=="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/.docz/app/root.jsx"],"names":["React","Link","Router","Routes","useDataServer","hot","Theme","imports","database","Wrapper","Root","module"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,MAAvB,EAA+BC,aAA/B,QAAoD,MAApD;AACA,SAASC,GAAT,QAAoB,kBAApB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,SAASC,OAAT,QAAwB,WAAxB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,OAAP,MAAoB,4BAApB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,GAAM;AACjBN,EAAAA,aAAa,CAAC,sBAAD,CAAb;AACA,SACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAEK,OAAhB;AAAyB,IAAA,aAAa,EAAER,IAAxC;AAA8C,IAAA,EAAE,EAAEO,QAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAED,OAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAPD;;eASeF,GAAG,CAACM,MAAD,CAAH,CAAYD,IAAZ,C;;AAAf;;;;;;;;;;0BATMA,I","sourcesContent":["import React from 'react'\nimport { Link, Router, Routes, useDataServer } from 'docz'\nimport { hot } from 'react-hot-loader'\nimport Theme from 'docz-theme-default'\n\nimport { imports } from './imports'\nimport database from './db.json'\nimport Wrapper from 'src/components/QuarksTheme'\n\nconst Root = () => {\n  useDataServer('ws://127.0.0.1:60505')\n  return (\n    <Theme wrapper={Wrapper} linkComponent={Link} db={database}>\n      <Routes imports={imports} />\n    </Theme>\n  )\n}\n\nexport default hot(module)(Root)\n"]}]}
\ No newline at end of file
diff --git a/.docz/cache/c27a0e936b1eace5a46a7f109a4ec530.json b/.docz/cache/c27a0e936b1eace5a46a7f109a4ec530.json
index 819e9e4..21be778 100644
--- a/.docz/cache/c27a0e936b1eace5a46a7f109a4ec530.json
+++ b/.docz/cache/c27a0e936b1eace5a46a7f109a4ec530.json
@@ -1 +1 @@
-{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--6-1!/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js??ref--6-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/docs/Text.mdx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/docs/Text.mdx","mtime":1559846286272},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js","mtime":1559842978608},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyBmcm9tICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIjsKdmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvVGV4dC5tZHgiOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgZW50ZXJNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5lbnRlck1vZHVsZTsKICBlbnRlck1vZHVsZSAmJiBlbnRlck1vZHVsZShtb2R1bGUpOwp9KSgpOwoKLyogQGpzeCBtZHggKi8KaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JzsKaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCc7Ci8qIEBqc3ggbWR4ICovCgppbXBvcnQgVGV4dCBmcm9tICcuLi9jb21wb25lbnRzL1RleHQnOwoKdmFyIG1ha2VTaG9ydGNvZGUgPSBmdW5jdGlvbiBtYWtlU2hvcnRjb2RlKG5hbWUpIHsKICByZXR1cm4gZnVuY3Rpb24gTURYRGVmYXVsdFNob3J0Y29kZShwcm9wcykgewogICAgY29uc29sZS53YXJuKCJDb21wb25lbnQgIiArIG5hbWUgKyAiIHdhcyBub3QgaW1wb3J0ZWQsIGV4cG9ydGVkLCBvciBwcm92aWRlZCBieSBNRFhQcm92aWRlciBhcyBnbG9iYWwgc2NvcGUiKTsKICAgIHJldHVybiBtZHgoImRpdiIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7CiAgICAgIF9fc291cmNlOiB7CiAgICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgICBsaW5lTnVtYmVyOiA5CiAgICAgIH0sCiAgICAgIF9fc2VsZjogdGhpcwogICAgfSkpOwogIH07Cn07Cgp2YXIgbGF5b3V0UHJvcHMgPSB7fTsKdmFyIE1EWExheW91dCA9ICJ3cmFwcGVyIjsKZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTURYQ29udGVudChfcmVmKSB7CiAgdmFyIGNvbXBvbmVudHMgPSBfcmVmLmNvbXBvbmVudHMsCiAgICAgIHByb3BzID0gX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzKF9yZWYsIFsiY29tcG9uZW50cyJdKTsKCiAgcmV0dXJuIG1keChNRFhMYXlvdXQsIE9iamVjdC5hc3NpZ24oe30sIGxheW91dFByb3BzLCBwcm9wcywgewogICAgY29tcG9uZW50czogY29tcG9uZW50cywKICAgIG1keFR5cGU6ICJNRFhMYXlvdXQiLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjAKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgbWR4KCJoMSIsIE9iamVjdC5hc3NpZ24oewogICAgImlkIjogInRleHQiCiAgfSwgewogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjIKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgIlRleHQiKSwgbWR4KFRleHQsIHsKICAgIGhlYWRpbmc6IDEsCiAgICBtZHhUeXBlOiAiVGV4dCIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyNQogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDEiKSwgbWR4KFRleHQsIHsKICAgIGhlYWRpbmc6IDIsCiAgICBtZHhUeXBlOiAiVGV4dCIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyNgogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDIiKSwgbWR4KFRleHQsIHsKICAgIGhlYWRpbmc6IDMsCiAgICBtZHhUeXBlOiAiVGV4dCIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyNwogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDMiKSwgbWR4KFRleHQsIHsKICAgIGhlYWRpbmc6IDQsCiAgICBtZHhUeXBlOiAiVGV4dCIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyOAogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDQiKSwgbWR4KFRleHQsIHsKICAgIGhlYWRpbmc6IDUsCiAgICBtZHhUeXBlOiAiVGV4dCIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAyOQogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDUiKSwgbWR4KFRleHQsIHsKICAgIGhlYWRpbmc6IDYsCiAgICBtZHhUeXBlOiAiVGV4dCIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAzMAogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDYiKSwgbWR4KFRleHQsIHsKICAgIG1keFR5cGU6ICJUZXh0IiwKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDMxCiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSwgIkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQsIHNlZCBkbyBlaXVzbW9kIHRlbXBvciBpbmNpZGlkdW50IHV0IGxhYm9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVhLiBVdCBlbmltIGFkIG1pbmltIHZlbmlhbSwgcXVpcyBub3N0cnVkIGV4ZXJjaXRhdGlvbiB1bGxhbWNvIGxhYm9yaXMgbmlzaSB1dCBhbGlxdWlwIGV4IGVhIGNvbW1vZG8gY29uc2VxdWF0LiBEdWlzIGF1dGUgaXJ1cmUgZG9sb3IgaW4gcmVwcmVoZW5kZXJpdCBpbiB2b2x1cHRhdGUgdmVsaXQgZXNzZSBjaWxsdW0gZG9sb3JlIGV1IGZ1Z2lhdCBudWxsYSBwYXJpYXR1ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVjYXQgY3VwaWRhdGF0IG5vbiBwcm9pZGVudCwgc3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNlcnVudCBtb2xsaXQgYW5pbSBpZCBlc3QgbGFib3J1bS4iKSk7Cn0KCmlmICh0eXBlb2YgTURYQ29udGVudCAhPT0gJ3VuZGVmaW5lZCcgJiYgTURYQ29udGVudCAmJiBNRFhDb250ZW50ID09PSBPYmplY3QoTURYQ29udGVudCkgJiYgT2JqZWN0LmlzRXh0ZW5zaWJsZShNRFhDb250ZW50KSkgewogIE9iamVjdC5kZWZpbmVQcm9wZXJ0eShNRFhDb250ZW50LCAnX19maWxlbWV0YScsIHsKICAgIGVudW1lcmFibGU6IHRydWUsCiAgICBjb25maWd1cmFibGU6IHRydWUsCiAgICB2YWx1ZTogewogICAgICBuYW1lOiAiTURYQ29udGVudCIsCiAgICAgIGZpbGVuYW1lOiAic3JjL2RvY3MvVGV4dC5tZHgiCiAgICB9CiAgfSk7Cn0KCk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlOwo7CgooZnVuY3Rpb24gKCkgewogIHZhciByZWFjdEhvdExvYWRlciA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmRlZmF1bHQ7CgogIGlmICghcmVhY3RIb3RMb2FkZXIpIHsKICAgIHJldHVybjsKICB9CgogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKG1ha2VTaG9ydGNvZGUsICJtYWtlU2hvcnRjb2RlIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvZG9jcy9UZXh0Lm1keCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKGxheW91dFByb3BzLCAibGF5b3V0UHJvcHMiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL1RleHQubWR4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoTURYTGF5b3V0LCAiTURYTGF5b3V0IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvZG9jcy9UZXh0Lm1keCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKE1EWENvbnRlbnQsICJNRFhDb250ZW50IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvZG9jcy9UZXh0Lm1keCIpOwp9KSgpOwoKOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgbGVhdmVNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5sZWF2ZU1vZHVsZTsKICBsZWF2ZU1vZHVsZSAmJiBsZWF2ZU1vZHVsZShtb2R1bGUpOwp9KSgpOw=="},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/docs/Text.mdx"],"names":["React","mdx","Text","makeShortcode","name","MDXDefaultShortcode","props","console","warn","layoutProps","MDXLayout","MDXContent","components","isMDXComponent"],"mappings":";;;;;;;;AAAA;AACE,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA;;AACF,OAAOC,IAAP,MAAiB,oBAAjB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAI;AAAA,SAAI,SAASC,mBAAT,CAA6BC,KAA7B,EAAoC;AAChEC,IAAAA,OAAO,CAACC,IAAR,CAAa,eAAeJ,IAAf,GAAsB,yEAAnC;AACA,WAAO,6BAASE,KAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAHyB;AAAA,CAA1B;;AAKA,IAAMG,WAAW,GAAG,EAApB;AAGA,IAAMC,SAAS,GAAG,SAAlB;AACA,eAAe,SAASC,UAAT,OAGZ;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADEN,KACF;;AACD,SAAO,IAAC,SAAD,oBAAeG,WAAf,EAAgCH,KAAhC;AAAuC,IAAA,UAAU,EAAEM,UAAnD;AAA+D,IAAA,OAAO,EAAC,WAAvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAEL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAFK,EAKL,IAAC,IAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,OAAO,EAAC,MAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBALK,EAML,IAAC,IAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,OAAO,EAAC,MAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBANK,EAOL,IAAC,IAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,OAAO,EAAC,MAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAPK,EAQL,IAAC,IAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,OAAO,EAAC,MAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBARK,EASL,IAAC,IAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,OAAO,EAAC,MAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBATK,EAUL,IAAC,IAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,OAAO,EAAC,MAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAVK,EAWL,IAAC,IAAD;AAAM,IAAA,OAAO,EAAC,MAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qcAXK,CAAP;AAaD;;;;;;;;;;;;;AAEDD,UAAU,CAACE,cAAX,GAA4B,IAA5B;;;;;;;;;;0BA5BMV,a;0BAKAM,W;0BAGAC,S;0BACkBC,U","sourcesContent":["/* @jsx mdx */\n  import React from 'react'\n  import { mdx } from '@mdx-js/react'\n  /* @jsx mdx */\nimport Text from '../components/Text'\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  \n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n    <h1 {...{\n      \"id\": \"text\"\n    }}>{`Text`}</h1>\n    <Text heading={1} mdxType=\"Text\">Heading 1</Text>\n    <Text heading={2} mdxType=\"Text\">Heading 2</Text>\n    <Text heading={3} mdxType=\"Text\">Heading 3</Text>\n    <Text heading={4} mdxType=\"Text\">Heading 4</Text>\n    <Text heading={5} mdxType=\"Text\">Heading 5</Text>\n    <Text heading={6} mdxType=\"Text\">Heading 6</Text>\n    <Text mdxType=\"Text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</Text>\n    </MDXLayout>;\n}\n\nMDXContent.isMDXComponent = true;\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--6-1!/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js??ref--6-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/docs/Text.mdx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/docs/Text.mdx","mtime":1560034715423},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/@mdx-js/loader/index.js","mtime":1559842978608},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RXaXRob3V0UHJvcGVydGllcyBmcm9tICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIjsKdmFyIF9qc3hGaWxlTmFtZSA9ICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvVGV4dC5tZHgiOwoKKGZ1bmN0aW9uICgpIHsKICB2YXIgZW50ZXJNb2R1bGUgPSAodHlwZW9mIHJlYWN0SG90TG9hZGVyR2xvYmFsICE9PSAndW5kZWZpbmVkJyA/IHJlYWN0SG90TG9hZGVyR2xvYmFsIDogcmVxdWlyZSgncmVhY3QtaG90LWxvYWRlcicpKS5lbnRlck1vZHVsZTsKICBlbnRlck1vZHVsZSAmJiBlbnRlck1vZHVsZShtb2R1bGUpOwp9KSgpOwoKLyogQGpzeCBtZHggKi8KaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JzsKaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCc7Ci8qIEBqc3ggbWR4ICovCgppbXBvcnQgeyBQbGF5Z3JvdW5kIH0gZnJvbSAnZG9jeic7CmltcG9ydCB7IFBhcmFncmFwaCwgSGVhZGluZyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVGV4dCc7Cgp2YXIgbWFrZVNob3J0Y29kZSA9IGZ1bmN0aW9uIG1ha2VTaG9ydGNvZGUobmFtZSkgewogIHJldHVybiBmdW5jdGlvbiBNRFhEZWZhdWx0U2hvcnRjb2RlKHByb3BzKSB7CiAgICBjb25zb2xlLndhcm4oIkNvbXBvbmVudCAiICsgbmFtZSArICIgd2FzIG5vdCBpbXBvcnRlZCwgZXhwb3J0ZWQsIG9yIHByb3ZpZGVkIGJ5IE1EWFByb3ZpZGVyIGFzIGdsb2JhbCBzY29wZSIpOwogICAgcmV0dXJuIG1keCgiZGl2IiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMsIHsKICAgICAgX19zb3VyY2U6IHsKICAgICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICAgIGxpbmVOdW1iZXI6IDEwCiAgICAgIH0sCiAgICAgIF9fc2VsZjogdGhpcwogICAgfSkpOwogIH07Cn07Cgp2YXIgbGF5b3V0UHJvcHMgPSB7fTsKdmFyIE1EWExheW91dCA9ICJ3cmFwcGVyIjsKZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTURYQ29udGVudChfcmVmKSB7CiAgdmFyIGNvbXBvbmVudHMgPSBfcmVmLmNvbXBvbmVudHMsCiAgICAgIHByb3BzID0gX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzKF9yZWYsIFsiY29tcG9uZW50cyJdKTsKCiAgcmV0dXJuIG1keChNRFhMYXlvdXQsIE9iamVjdC5hc3NpZ24oe30sIGxheW91dFByb3BzLCBwcm9wcywgewogICAgY29tcG9uZW50czogY29tcG9uZW50cywKICAgIG1keFR5cGU6ICJNRFhMYXlvdXQiLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjEKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgbWR4KCJoMSIsIE9iamVjdC5hc3NpZ24oewogICAgImlkIjogInRleHQiCiAgfSwgewogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjMKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgIlRleHQiKSwgbWR4KCJoMiIsIE9iamVjdC5hc3NpZ24oewogICAgImlkIjogImhlYWRpbmciCiAgfSwgewogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjYKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9KSwgIkhlYWRpbmciKSwgbWR4KFBsYXlncm91bmQsIHsKICAgIF9fcG9zaXRpb246IDAsCiAgICBfX2NvZGU6ICc8SGVhZGluZyBsZXZlbD17MX0+SGVhZGluZyAxPC9IZWFkaW5nPlxuPEhlYWRpbmcgbGV2ZWw9ezJ9PkhlYWRpbmcgMjwvSGVhZGluZz5cbjxIZWFkaW5nIGxldmVsPXszfT5IZWFkaW5nIDM8L0hlYWRpbmc+XG48SGVhZGluZyBsZXZlbD17NH0+SGVhZGluZyA0PC9IZWFkaW5nPlxuPEhlYWRpbmcgbGV2ZWw9ezV9PkhlYWRpbmcgNTwvSGVhZGluZz5cbjxIZWFkaW5nIGxldmVsPXs2fT5IZWFkaW5nIDY8L0hlYWRpbmc+JywKICAgIF9fc2NvcGU6IHsKICAgICAgcHJvcHM6IHRoaXMgPyB0aGlzLnByb3BzIDogcHJvcHMsCiAgICAgIFBsYXlncm91bmQ6IFBsYXlncm91bmQsCiAgICAgIFBhcmFncmFwaDogUGFyYWdyYXBoLAogICAgICBIZWFkaW5nOiBIZWFkaW5nCiAgICB9LAogICAgX19jb2Rlc2FuZGJveDogIk40SWdaZ2xnTmdwZ3ppQVhLQ0E3QUpqQUhnT2dCWUF1QXRsRXFBTVlEMnFCTU5TSUFQT2hBRzRBRUU2QXZBRG9nQW5TcFFMOEFmSXdEMExWbUpBQmZBRFFnMG1YQUNzRXlFRlJwMENEU1FDb2p2Vk8zWUFWUEJEanNBd3BVd0JsQUlZWUFScFN6czhydXg0d2RPeXVBSzRFbEVTdUJCRGtybEJRQUo3c0FPWjBNQUxSTU9qc29YQm9LV1lXQUFaVW1IRHU2RjVZR2NVNDdBQ1NZT3lKbEtFQTVBSXc3T1NoQWhCdGRuaVVBTzdzQkg0RXZxNEFEalBwNklvdGJUM3VSVDE0TU9RQTF1eHRVMjBDN09pVTVFTVpNSWktQkFRemNJaVNraWtRRTZFZU9GUkVrbVh3bGRYZlRsLW5tOEdUTTZ5YXkxQzdHdzgzNmRISTNYY3lUZ0JBRW9SU0tWZ2RoR0x6dzR4c2RncXdLd1N4bXNIODNVeXRrUjVsc2NGQ01IVzFGU3VMZTlVUUFFb3pFWkpHWUlFUVpwUUJGTUFFb3dWemtLWmdJUkVkaWRjV1M5b0FiajVBcUZvb1ZCQUFJZ0I1QUN5N0dsa1RsWFFsQkFBdENjaU1yVllMaFE1SW9MVVBwRFRLNVRoSk5oWEFMWURiVUdZeFdiZFhxY0YwTUJrQUJUclpoc01UckN5TVBBQVpqRWpqVnpwb25EVnd1eTdCeEV4NmdLSlZSQkFrUVVtVGNmTUZuWWpCbVlnakRTbVVXU3p0enJuUUxCaTFIaTdCbVFqdTQwb3FSZ1V4ZTdERG1INnFCU2VaZ0NRNVVucjhkcmFhZExza1ZZVDBsamlqTUoxNlJIME9EU0JBQW9yQWp6UUFFS0pCcm9DT2RZUUVkcGMxQWNwVUtaUmVuMHdIQ2FNZ2RHb1doNkVRRlJzeW1ZQjJBQUJTZ1Z4RWhTSVJRZ3dkaDVGZFkxMmdQQUF2UDEtVHRTQ1lOY1RKRU5tUEFsZ0FDWEZGZ1oxUTlEWlhhRDA0QUVjZ0FYVGZRNEVrU3hzQmZGVlVEdzlWMkVEU1U2Sk5UVjJqQlZCZEJSWTVUaXc1d0NFU0xGMkc0ZGhnSFdLSUJHZVZBcm5hQUFHZGdreG1MQjJqM2FzWmc3YWlVaDBnQVdJejJBQU5pTWt6MWpBWUNBREZ2V2dSSWRQNFp4RGdSQjFNQmdvUi1DV0locUVvT0J6SVJaenExY21obkFnTERMbllBQkdhelRQa0NTcEttQUJCT1psUFlDTW9QSUd3b0hRTU5VSTVaU3hDSzZNWkhZRkZGSmdiaGdHdy1UbXJnZVF0eHJZQlN1Z0NyZ2dBTWlHOFpFbm1TaG1uNjhyS3U0T2E1VEFaREpRR1ZCMm5ZQUItRFlCckRDTnFxdWFiQnRRTExxeWtHUXF6Zk13WVFFekF3RENLQXBsMm1xNnBPX0xsMnJCTWhJSUhBM09JcThDQjZtdGEwb2pzQ25ZV0JXSG5WclV1NjRITExTcVJZWUtBR2EwWVJHYVBCeUhnQUFKaGhxalFheGhHOFpuWkdFelIyY01hZ1ZxazF4a0dhS1RRbmFaU0VtZ2FKOG1ZQWh5bmdHc21tNGVzaG5MT1oxSFdiQjluTVlBVmg1MEd4ZjVwR1YxSjRXS2RhLXpKWm8teVplSmxjcEUtNzdmdjBIcXBGZTg2ekNfRUFtSll6NTF4b0RpdUt3QWhKRlViQWNBSU9Bc0VBM1FRSU1NRC1QdE1tUklZeVF5ZkV2aUlNSTRqTWhtUEVqWG9qMW9LSTF3U0lqb1BMcXdmRFZQWU1tbGxqc1BTTlE0MmxGTjVqV010NTNPTzRnUFdhZGwyM2VBX1FHRzlqVXpTV0tDM1BzV2lvOUVzMGdfcnhxRk5nSEoyX2FKcS1fTkMzcUhZcE9hSEc3cHlJQUdWRnFCQ3RTOWdBQjkyQ3hsZURJMzZ5TjdGamY3SWt0QmFBRVc2QXVnZ2M3RFU2c0thdVdmNTdNWTZ6Qnk5T2w1VW9mc253VkxpaGM0RHpYeVpLcm1zbDBJZ3ZFTER4UXRDTUdBRUFVaUVDdUFBRGwwcnBFQjdBTkphU3VMcEhBOWtBRHNNQlpTSUxNRl9TUzFCcExrWFhxX1h1Nzg4Qll3SWFBbi1mOFVwSmh3R0xJQlNDd0htZ2dWQW1CN0I0RjROUUFRcC01RWt5RlRmdWdmQVNacUdHbG9VbGVoekR2NDBEWVpBNkJCQXJqMlFRYnhQaFJDcGprVzNtUTVxSWk4RFdYRWF3dWhWd3NhTUprWEZILTdERkhLTlVmZ3gtR2owNjd4MFgzZkFZdERHU1BfbXZjeE5DNUZXTTRTb25oNmpVREVQc2tJOGhlajdMdUxrY1l0S1ppY0VzTXNRb194dGplSFpRY2FlTmNZOU13cVFqTmZkT2M4T2JWVzRMVlMtRmc0RDVsS2tWQ20xVlNrMWppSEFib3FWRUJ5d25LT1BvNWh5S3BSWFBVN29XTm1udlJyRjBBZzdUMDVZMjZSU0F5X1RBWVdDR1NNZ1I0eUduc0dzbE02WnN5QkFkT3NnczdvWXNWbUF6V1Iwc1dXeUhLN01HVzA5WjZkOTRESnVuZEpSTFQ5blAzV01kQi1oRGdtYU5abGNGdWpBejZVRHVMVkhKVUVLWkxBT3BWZVFSU1Nuckg0WVZESmpvc2tFRnlmUE44TXl6bm1GUm1JUHFaVkRyeUFSbFdaNVYxN1RYTkNQZGRPck04N0tETmtYV0Yxc3k1WjNqdUhQQWxkWGJhSGRyWEwySWRQcC0xTklxVzBBbGhGLTJFU1BHRkdabllUeWZqU2hPZUpuSHZ4bUZFaTBNVFVvNEN4dDRpUnZpa2xLS1dTa2l3dEJiYm1uVUhrR0lZQnZJaEhDSlFOUnlkVTRFcUpXS3VscEtRRFJXMlBIUDhtaHFEVnowS0JFQXRULUNvRzlJeUpBN0ItQV9HTE5VREk1b2Z4a2g5YVpDd19BSVlDSHlOUWZnVngtRG9LVGFGZFlfQnlqa0g2RE1ic19wZlg4RnlvMVBDc0JvUllHOUdHNDRNQXlTVUVTTG1QSW9OT1VXZ0RYOFVzS2JxejhDaUdnZU5mcVZEaGcwSEFGdGthUUNZSG1PR1NTRUI0Q2R0cVFPN0NuYi1BQUQxNVdtTjB2Mm1zX0I2MHpwQVBPLXlPQllFWU9YUU9fbG84aFY5dHpSdTZ5Q3FjQkxwQUJHbGRnaE5TV2tpT3V6ZDI3ZDBnRWVmZkUyZ2J2QWZHb0pBRklfNDRET3FaVFhOMWFrUUMwQjlGa2VOX3JUUzBITlBXODBzd1pqOEhrQW9lUThnZ0EiLAogICAgbWR4VHlwZTogIlBsYXlncm91bmQiLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMjkKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9LCBtZHgoSGVhZGluZywgewogICAgbGV2ZWw6IDEsCiAgICBtZHhUeXBlOiAiSGVhZGluZyIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAzNQogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDEiKSwgbWR4KEhlYWRpbmcsIHsKICAgIGxldmVsOiAyLAogICAgbWR4VHlwZTogIkhlYWRpbmciLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMzYKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9LCAiSGVhZGluZyAyIiksIG1keChIZWFkaW5nLCB7CiAgICBsZXZlbDogMywKICAgIG1keFR5cGU6ICJIZWFkaW5nIiwKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDM3CiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSwgIkhlYWRpbmcgMyIpLCBtZHgoSGVhZGluZywgewogICAgbGV2ZWw6IDQsCiAgICBtZHhUeXBlOiAiSGVhZGluZyIsCiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiAzOAogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sICJIZWFkaW5nIDQiKSwgbWR4KEhlYWRpbmcsIHsKICAgIGxldmVsOiA1LAogICAgbWR4VHlwZTogIkhlYWRpbmciLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogMzkKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9LCAiSGVhZGluZyA1IiksIG1keChIZWFkaW5nLCB7CiAgICBsZXZlbDogNiwKICAgIG1keFR5cGU6ICJIZWFkaW5nIiwKICAgIF9fc291cmNlOiB7CiAgICAgIGZpbGVOYW1lOiBfanN4RmlsZU5hbWUsCiAgICAgIGxpbmVOdW1iZXI6IDQwCiAgICB9LAogICAgX19zZWxmOiB0aGlzCiAgfSwgIkhlYWRpbmcgNiIpKSwgbWR4KCJoMiIsIE9iamVjdC5hc3NpZ24oewogICAgImlkIjogInBhcmFncmFwaCIKICB9LCB7CiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiA0MgogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0pLCAiUGFyYWdyYXBoIiksIG1keChQYXJhZ3JhcGgsIHsKICAgIG1keFR5cGU6ICJQYXJhZ3JhcGgiLAogICAgX19zb3VyY2U6IHsKICAgICAgZmlsZU5hbWU6IF9qc3hGaWxlTmFtZSwKICAgICAgbGluZU51bWJlcjogNDUKICAgIH0sCiAgICBfX3NlbGY6IHRoaXMKICB9LCAiTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVuaW0gYWQgbWluaW0gdmVuaWFtLCBxdWlzIG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFib3JpcyBuaXNpIHV0IGFsaXF1aXAgZXggZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBpcnVyZSBkb2xvciBpbiByZXByZWhlbmRlcml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1bSBkb2xvcmUgZXUgZnVnaWF0IG51bGxhIHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNhdCBjdXBpZGF0YXQgbm9uIHByb2lkZW50LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2VydW50IG1vbGxpdCBhbmltIGlkIGVzdCBsYWJvcnVtLiIpKTsKfQoKaWYgKHR5cGVvZiBNRFhDb250ZW50ICE9PSAndW5kZWZpbmVkJyAmJiBNRFhDb250ZW50ICYmIE1EWENvbnRlbnQgPT09IE9iamVjdChNRFhDb250ZW50KSAmJiBPYmplY3QuaXNFeHRlbnNpYmxlKE1EWENvbnRlbnQpKSB7CiAgT2JqZWN0LmRlZmluZVByb3BlcnR5KE1EWENvbnRlbnQsICdfX2ZpbGVtZXRhJywgewogICAgZW51bWVyYWJsZTogdHJ1ZSwKICAgIGNvbmZpZ3VyYWJsZTogdHJ1ZSwKICAgIHZhbHVlOiB7CiAgICAgIG5hbWU6ICJNRFhDb250ZW50IiwKICAgICAgZmlsZW5hbWU6ICJzcmMvZG9jcy9UZXh0Lm1keCIKICAgIH0KICB9KTsKfQoKTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7CjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIHJlYWN0SG90TG9hZGVyID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZGVmYXVsdDsKCiAgaWYgKCFyZWFjdEhvdExvYWRlcikgewogICAgcmV0dXJuOwogIH0KCiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIobWFrZVNob3J0Y29kZSwgIm1ha2VTaG9ydGNvZGUiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL1RleHQubWR4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIobGF5b3V0UHJvcHMsICJsYXlvdXRQcm9wcyIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2RvY3MvVGV4dC5tZHgiKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihNRFhMYXlvdXQsICJNRFhMYXlvdXQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL1RleHQubWR4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoTURYQ29udGVudCwgIk1EWENvbnRlbnQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9kb2NzL1RleHQubWR4Iik7Cn0pKCk7Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciBsZWF2ZU1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmxlYXZlTW9kdWxlOwogIGxlYXZlTW9kdWxlICYmIGxlYXZlTW9kdWxlKG1vZHVsZSk7Cn0pKCk7"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/docs/Text.mdx"],"names":["React","mdx","Playground","Paragraph","Heading","makeShortcode","name","MDXDefaultShortcode","props","console","warn","layoutProps","MDXLayout","MDXContent","components","isMDXComponent"],"mappings":";;;;;;;;AAAA;AACE,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA;;AACF,SAASC,UAAT,QAA2B,MAA3B;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,oBAAnC;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAI;AAAA,SAAI,SAASC,mBAAT,CAA6BC,KAA7B,EAAoC;AAChEC,IAAAA,OAAO,CAACC,IAAR,CAAa,eAAeJ,IAAf,GAAsB,yEAAnC;AACA,WAAO,6BAASE,KAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAHyB;AAAA,CAA1B;;AAKA,IAAMG,WAAW,GAAG,EAApB;AAGA,IAAMC,SAAS,GAAG,SAAlB;AACA,eAAe,SAASC,UAAT,OAGZ;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADEN,KACF;;AACD,SAAO,IAAC,SAAD,oBAAeG,WAAf,EAAgCH,KAAhC;AAAuC,IAAA,UAAU,EAAEM,UAAnD;AAA+D,IAAA,OAAO,EAAC,WAAvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAEL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAFK,EAKL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBALK,EAQL,IAAC,UAAD;AAAY,IAAA,UAAU,EAAE,CAAxB;AAA2B,IAAA,MAAM,EAAE,gPAAnC;AAAqR,IAAA,OAAO,EAAE;AAC5RN,MAAAA,KAAK,EAAE,OAAO,KAAKA,KAAZ,GAAoBA,KADiQ;AAE5RN,MAAAA,UAAU,EAAVA,UAF4R;AAG5RC,MAAAA,SAAS,EAATA,SAH4R;AAI5RC,MAAAA,OAAO,EAAPA;AAJ4R,KAA9R;AAKG,IAAA,aAAa,g+EALhB;AAKk/E,IAAA,OAAO,EAAC,YAL1/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMF,IAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAAhB;AAAmB,IAAA,OAAO,EAAC,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBANE,EAOF,IAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAAhB;AAAmB,IAAA,OAAO,EAAC,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAPE,EAQF,IAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAAhB;AAAmB,IAAA,OAAO,EAAC,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBARE,EASF,IAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAAhB;AAAmB,IAAA,OAAO,EAAC,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBATE,EAUF,IAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAAhB;AAAmB,IAAA,OAAO,EAAC,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAVE,EAWF,IAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAAhB;AAAmB,IAAA,OAAO,EAAC,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAXE,CARK,EAqBL,wBAAQ;AACN,UAAM;AADA,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBArBK,EAwBL,IAAC,SAAD;AAAW,IAAA,OAAO,EAAC,WAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qcAxBK,CAAP;AAiCD;;;;;;;;;;;;;AAEDS,UAAU,CAACE,cAAX,GAA4B,IAA5B;;;;;;;;;;0BAhDMV,a;0BAKAM,W;0BAGAC,S;0BACkBC,U","sourcesContent":["/* @jsx mdx */\n  import React from 'react'\n  import { mdx } from '@mdx-js/react'\n  /* @jsx mdx */\nimport { Playground } from 'docz'\nimport { Paragraph, Heading } from '../components/Text'\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\n\nconst layoutProps = {\n  \n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n    <h1 {...{\n      \"id\": \"text\"\n    }}>{`Text`}</h1>\n    <h2 {...{\n      \"id\": \"heading\"\n    }}>{`Heading`}</h2>\n    <Playground __position={0} __code={'<Heading level={1}>Heading 1</Heading>\\n<Heading level={2}>Heading 2</Heading>\\n<Heading level={3}>Heading 3</Heading>\\n<Heading level={4}>Heading 4</Heading>\\n<Heading level={5}>Heading 5</Heading>\\n<Heading level={6}>Heading 6</Heading>'} __scope={{\n      props: this ? this.props : props,\n      Playground,\n      Paragraph,\n      Heading\n    }} __codesandbox={`N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPOhAG4AEE6AvADogAnSpQL8AfIwD0LVmJABfADQg0mXACsEyEFRp0CDSQCojvVO3YAVPBDjsAwpUwBlAIYYARpSzs8rux4wdOyuAK4ElESuBBDkrlBQAJ7sAOZ0MALRMOjsoXBoKWYWAAZUmHDu6F5YGcU47ACSYOyJlKEA5AIw7OShAhBtdniUAO7sBH4Evq4ADjPp6IotbT3uRT14MOQA1uxtU20C7OiU5EMZMIi-BAQzcIiSkikQE6EeOFREkmXwldXfTl-nm8GTM6yay1C7Gw836dHI3XcyTgBAEoRSKVgdhGLzw4xsdgqwKwSxmsH83UytkR5lscFCMHW1FSuLe9UQAEozEZJGYIEQZpQBFMAEowVzkKZgIREdidcWS9oAbj5AqFooVBAAIgB5ACy7GlkTlXQlBAAtCciMrVYLhQ5IoLUPpDTK5ThJNhXALYDbUGYxWbdXqcF0MBkABTrZhsMTrCyMPAAZjEjjVzponDVwuy7BxEx6gKJVRBAkQUmTcfMFnYjBmYgjDSmUWSztzrnQLBi1Hi7BmQju40oqRgUxe7DDmH6qBSeZgCQ5Unr8draadLskVYT0ljijMJ16RH0ODSBAAorAjzQAEKJBroCOdYQEdpc1AcpUKZRen0wHCaMgdGoWh6EQFRsymYB2AABSgVxEhSIRQgwdh5FdY12gPAAvP1-TtSCYNcTJENmPAlgACXFFgZ1Q9DZXaD04AEcgAXTfQ4EkSxsBfFVUDw9V2EDSU6JNTV2jBVBdBRY5Tiw5wCESLF2G4dhgHWKIBGeVArnaAAGdgkxmLB2j3asZg7aiUh0gAWIz2AANiMkz1jAYCADFvWgRIdP4ZxDgRB1MBgoR-CWIhqEoOBzIRZzq1cmhnAgLDLnYABGazTPkCSpKmABBOZlPYCMoPIGwoHQMNUI5ZSxCK6MZHYFFFJgbhgGw-TmrgeQtxrYBSugCrggAMiG8ZEnmShmn68rKu4Oa5TAZDJQGVB2nYAB-DYBrDCNqquabBtQLLqykGQqzfMwYQEzAwDCKApl2mq6pO_Ll2rBMhIIHA3OIq8CB6mta0ojsCnYWBWHnVrUu64HLLSqRYYKAGa0YRGaPByHgAAJhhqjQaxhG8ZnZGEzR2cMagVqk1xkGaKTQnaZSEmgaJ8mYAhyngGsmm4eshnLOZ1HWbB9nMYAVh50Gxf5pGV1J4WKda-zJZo-yZeJlcpE-77fv0HqpFe86zC_EAmJYz51xoDiuKwAhJFUbAcAIOAsEA3QQIMMD-PtMmRIYyQyfEviIMI4jMhmPEjXoj1oKI1wSIjoPLqwfDVPYMmlljsPSNQ42lFN5jWMt53OO4gPWadl23eA_QGG9jUzSWKC3PsWio9Es0g_rxqFNgHJ2_aJq-_NC3qHYpOaHG7pyIAGVFqBCtS9gAB92CxleDI36yN7Fjf7IktBaAEW6Auggc7DU6sKauWf57MY6zBy9Ol5UofsnwVLihc4DzXyZKrmsl0IgvELDxQtCMGAEAUiECuAADl0rpEB7ANJaSuLpHA9kADsMBZSILMF_SS1BpLkXXq_Xu788BYwIaAn-f8UpJhwGLIBSCwHmggVAmB7B4F4NQAQp-5EkyFTfugfASZqGGloUlehzDv40DYZA6BBArj2QQbxPhRCpjkW3mQ5qIi8DWXEawuhVwsaMJkXFH-7DFHKNUfgx-Gj067x0X3fAYtDGSP_mvcxNC5FWM4Sonh6jUDEPskI8hej7LuLkcYtKZicEsMsQo_xtjeHZQcaeNcY9MwqQjNfdOc8ObVW4LVS-Fg4D5lKkVCm1VSk1jiHAboqVEBywnKOPo5hyKpRXPU7oWNmnvRrF0Ag7T05Y26RSAy_TAYWCGSMgR4yGnsGslM6ZsyBAdOsgs7oYsVmAzWR0sWWyHK7MGW09Z6d94DJundJRLT9nP3WMdB-hDgmaNZlcFujAz6UDuLVHJUEKZLAOpVeQRSSnrH4YVDJjoskEFyfPN8MyznmFRmIPqZVDryARlWZ5V17TXNCPddOrM87KDNkXWF1sy5Z3juHPAldXbaHdrXL2IdPp-1NIqW0AlhF-2ESPGFGZnYTyfjShOeJnHvxmFEi0MTUo4Cxt4iRviklKKWSkiwtBbbmnUHkGIYBvIhHCJQNRydU4EqJWKulpKQDRW2PHP8mhqDVz0KBEAtT-CoG9IyJA7B-A_GLNUDI5ofxkh9aZCw_AIYCHyNQfgVx-DoKTaFdY_ByjkH6DMbs_pfX8Fyo1PCsBoRYG9GG44MAySUESLmPIoNOUWgDX8UsKbqz8CiGgeNfqVDhg0HAFtkaQCYHmOGSSEB4CdtqQO7Cnb-AAD15WmN0v2ms_B60zpAPO-yOBYEYOXQO_lo8hV9tzRu6yCqcBLpABGldghNSWkiOuzd27d0gEeffE2gbvAfGoJAFI_44DOqZTXN1akQC0B9FkeN_rTS0HNPW80swZj8HkAoeQ8ggA`} mdxType=\"Playground\">\n  <Heading level={1} mdxType=\"Heading\">Heading 1</Heading>\n  <Heading level={2} mdxType=\"Heading\">Heading 2</Heading>\n  <Heading level={3} mdxType=\"Heading\">Heading 3</Heading>\n  <Heading level={4} mdxType=\"Heading\">Heading 4</Heading>\n  <Heading level={5} mdxType=\"Heading\">Heading 5</Heading>\n  <Heading level={6} mdxType=\"Heading\">Heading 6</Heading>\n    </Playground>\n    <h2 {...{\n      \"id\": \"paragraph\"\n    }}>{`Paragraph`}</h2>\n    <Paragraph mdxType=\"Paragraph\">\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\n  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\n  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\n  eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt\n  in culpa qui officia deserunt mollit anim id est laborum.\n    </Paragraph>\n    </MDXLayout>;\n}\n\nMDXContent.isMDXComponent = true;\n  "]}]}
\ No newline at end of file
diff --git a/.docz/cache/cc2d1f79594ecce718eb3680f70640b0.json b/.docz/cache/cc2d1f79594ecce718eb3680f70640b0.json
new file mode 100644
index 0000000..dbe71b5
--- /dev/null
+++ b/.docz/cache/cc2d1f79594ecce718eb3680f70640b0.json
@@ -0,0 +1 @@
+{"remainingRequest":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js??ref--11-1!/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js??ref--11-2!/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js!/Users/matheusps/wpc/react-quarks/src/components/Text/Heading.tsx","dependencies":[{"path":"/Users/matheusps/wpc/react-quarks/src/components/Text/Heading.tsx","mtime":1560034592702},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/cache-loader/dist/cjs.js","mtime":1559842977991},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/thread-loader/dist/cjs.js","mtime":1559842979495},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/docz-core/node_modules/babel-loader/lib/index.js","mtime":1557839745199},{"path":"/Users/matheusps/wpc/react-quarks/node_modules/source-map-loader/index.js","mtime":1559842979033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF90YWdnZWRUZW1wbGF0ZUxpdGVyYWwgZnJvbSAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiOwp2YXIgX2pzeEZpbGVOYW1lID0gIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L0hlYWRpbmcudHN4IjsKCihmdW5jdGlvbiAoKSB7CiAgdmFyIGVudGVyTW9kdWxlID0gKHR5cGVvZiByZWFjdEhvdExvYWRlckdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcgPyByZWFjdEhvdExvYWRlckdsb2JhbCA6IHJlcXVpcmUoJ3JlYWN0LWhvdC1sb2FkZXInKSkuZW50ZXJNb2R1bGU7CiAgZW50ZXJNb2R1bGUgJiYgZW50ZXJNb2R1bGUobW9kdWxlKTsKfSkoKTsKCmZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdDYoKSB7CiAgdmFyIGRhdGEgPSBfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsKFsiXG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuIl0pOwoKICBfdGVtcGxhdGVPYmplY3Q2ID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0NigpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgpmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3Q1KCkgewogIHZhciBkYXRhID0gX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbChbIlxuICBmb250LXNpemU6IDJyZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4iXSk7CgogIF90ZW1wbGF0ZU9iamVjdDUgPSBmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3Q1KCkgewogICAgcmV0dXJuIGRhdGE7CiAgfTsKCiAgcmV0dXJuIGRhdGE7Cn0KCmZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdDQoKSB7CiAgdmFyIGRhdGEgPSBfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsKFsiXG4gIGZvbnQtc2l6ZTogMi41cmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuIl0pOwoKICBfdGVtcGxhdGVPYmplY3Q0ID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0NCgpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgpmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3QzKCkgewogIHZhciBkYXRhID0gX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbChbIlxuICBmb250LXNpemU6IDNyZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4iXSk7CgogIF90ZW1wbGF0ZU9iamVjdDMgPSBmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3QzKCkgewogICAgcmV0dXJuIGRhdGE7CiAgfTsKCiAgcmV0dXJuIGRhdGE7Cn0KCmZ1bmN0aW9uIF90ZW1wbGF0ZU9iamVjdDIoKSB7CiAgdmFyIGRhdGEgPSBfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsKFsiXG4gIGZvbnQtc2l6ZTogMy41cmVtO1xuICBmb250LXdlaWdodDogODAwO1xuIl0pOwoKICBfdGVtcGxhdGVPYmplY3QyID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0MigpIHsKICAgIHJldHVybiBkYXRhOwogIH07CgogIHJldHVybiBkYXRhOwp9CgpmdW5jdGlvbiBfdGVtcGxhdGVPYmplY3QoKSB7CiAgdmFyIGRhdGEgPSBfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsKFsiXG4gIGZvbnQtc2l6ZTogNHJlbTtcbiAgZm9udC13ZWlnaHQ6IDgwMDtcbiAgbWFyZ2luOiAwLjY3ZW0gMDtcbiJdKTsKCiAgX3RlbXBsYXRlT2JqZWN0ID0gZnVuY3Rpb24gX3RlbXBsYXRlT2JqZWN0KCkgewogICAgcmV0dXJuIGRhdGE7CiAgfTsKCiAgcmV0dXJuIGRhdGE7Cn0KCmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7CmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnOwp2YXIgSDEgPSBzdHlsZWQuaDEoX3RlbXBsYXRlT2JqZWN0KCkpOwp2YXIgSDIgPSBzdHlsZWQuaDIoX3RlbXBsYXRlT2JqZWN0MigpKTsKdmFyIEgzID0gc3R5bGVkLmgzKF90ZW1wbGF0ZU9iamVjdDMoKSk7CnZhciBINCA9IHN0eWxlZC5oNChfdGVtcGxhdGVPYmplY3Q0KCkpOwp2YXIgSDUgPSBzdHlsZWQuaDUoX3RlbXBsYXRlT2JqZWN0NSgpKTsKdmFyIEg2ID0gc3R5bGVkLmg2KF90ZW1wbGF0ZU9iamVjdDYoKSk7Cgp2YXIgZ2V0Q29tcG9uZW50ID0gZnVuY3Rpb24gZ2V0Q29tcG9uZW50KGxldmVsKSB7CiAgc3dpdGNoIChsZXZlbCkgewogICAgY2FzZSAxOgogICAgICByZXR1cm4gSDE7CgogICAgY2FzZSAyOgogICAgICByZXR1cm4gSDI7CgogICAgY2FzZSAzOgogICAgICByZXR1cm4gSDM7CgogICAgY2FzZSA0OgogICAgICByZXR1cm4gSDQ7CgogICAgY2FzZSA1OgogICAgICByZXR1cm4gSDU7CgogICAgY2FzZSA2OgogICAgICByZXR1cm4gSDY7CgogICAgZGVmYXVsdDoKICAgICAgcmV0dXJuIEgxOwogIH0KfTsKCnZhciBIZWFkaW5nID0gZnVuY3Rpb24gSGVhZGluZyhfcmVmKSB7CiAgdmFyIGxldmVsID0gX3JlZi5sZXZlbCwKICAgICAgY2hpbGRyZW4gPSBfcmVmLmNoaWxkcmVuOwogIHZhciBIID0gZ2V0Q29tcG9uZW50KGxldmVsKTsKICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChILCB7CiAgICBfX3NvdXJjZTogewogICAgICBmaWxlTmFtZTogX2pzeEZpbGVOYW1lLAogICAgICBsaW5lTnVtYmVyOiA1NwogICAgfSwKICAgIF9fc2VsZjogdGhpcwogIH0sIGNoaWxkcmVuKTsKfTsKCnZhciBfZGVmYXVsdCA9IEhlYWRpbmc7CmV4cG9ydCBkZWZhdWx0IF9kZWZhdWx0OwoKaWYgKHR5cGVvZiBIZWFkaW5nICE9PSAndW5kZWZpbmVkJyAmJiBIZWFkaW5nICYmIEhlYWRpbmcgPT09IE9iamVjdChIZWFkaW5nKSAmJiBPYmplY3QuaXNFeHRlbnNpYmxlKEhlYWRpbmcpKSB7CiAgT2JqZWN0LmRlZmluZVByb3BlcnR5KEhlYWRpbmcsICdfX2ZpbGVtZXRhJywgewogICAgZW51bWVyYWJsZTogdHJ1ZSwKICAgIGNvbmZpZ3VyYWJsZTogdHJ1ZSwKICAgIHZhbHVlOiB7CiAgICAgIG5hbWU6ICJIZWFkaW5nIiwKICAgICAgZmlsZW5hbWU6ICJzcmMvY29tcG9uZW50cy9UZXh0L0hlYWRpbmcudHN4IgogICAgfQogIH0pOwp9Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciByZWFjdEhvdExvYWRlciA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmRlZmF1bHQ7CgogIGlmICghcmVhY3RIb3RMb2FkZXIpIHsKICAgIHJldHVybjsKICB9CgogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKEgxLCAiSDEiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL1RleHQvSGVhZGluZy50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihIMiwgIkgyIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L0hlYWRpbmcudHN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoSDMsICJIMyIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvVGV4dC9IZWFkaW5nLnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKEg0LCAiSDQiLCAiL1VzZXJzL21hdGhldXNwcy93cGMvcmVhY3QtcXVhcmtzL3NyYy9jb21wb25lbnRzL1RleHQvSGVhZGluZy50c3giKTsKICByZWFjdEhvdExvYWRlci5yZWdpc3RlcihINSwgIkg1IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L0hlYWRpbmcudHN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoSDYsICJINiIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvVGV4dC9IZWFkaW5nLnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKGdldENvbXBvbmVudCwgImdldENvbXBvbmVudCIsICIvVXNlcnMvbWF0aGV1c3BzL3dwYy9yZWFjdC1xdWFya3Mvc3JjL2NvbXBvbmVudHMvVGV4dC9IZWFkaW5nLnRzeCIpOwogIHJlYWN0SG90TG9hZGVyLnJlZ2lzdGVyKEhlYWRpbmcsICJIZWFkaW5nIiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L0hlYWRpbmcudHN4Iik7CiAgcmVhY3RIb3RMb2FkZXIucmVnaXN0ZXIoX2RlZmF1bHQsICJkZWZhdWx0IiwgIi9Vc2Vycy9tYXRoZXVzcHMvd3BjL3JlYWN0LXF1YXJrcy9zcmMvY29tcG9uZW50cy9UZXh0L0hlYWRpbmcudHN4Iik7Cn0pKCk7Cgo7CgooZnVuY3Rpb24gKCkgewogIHZhciBsZWF2ZU1vZHVsZSA9ICh0eXBlb2YgcmVhY3RIb3RMb2FkZXJHbG9iYWwgIT09ICd1bmRlZmluZWQnID8gcmVhY3RIb3RMb2FkZXJHbG9iYWwgOiByZXF1aXJlKCdyZWFjdC1ob3QtbG9hZGVyJykpLmxlYXZlTW9kdWxlOwogIGxlYXZlTW9kdWxlICYmIGxlYXZlTW9kdWxlKG1vZHVsZSk7Cn0pKCk7"},{"version":3,"sources":["/Users/matheusps/wpc/react-quarks/src/components/Text/Heading.tsx"],"names":["React","styled","H1","h1","H2","h2","H3","h3","H4","h4","H5","h5","H6","h6","getComponent","level","Heading","children","H"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAQA,IAAMC,EAAE,GAAGD,MAAM,CAACE,EAAV,mBAAR;AAKA,IAAMC,EAAE,GAAGH,MAAM,CAACI,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGL,MAAM,CAACM,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGP,MAAM,CAACQ,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGT,MAAM,CAACU,EAAV,oBAAR;AAIA,IAAMC,EAAE,GAAGX,MAAM,CAACY,EAAV,oBAAR;;AAKA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAmB;AACtC,UAAQA,KAAR;AACE,SAAK,CAAL;AACE,aAAOb,EAAP;;AACF,SAAK,CAAL;AACE,aAAOE,EAAP;;AACF,SAAK,CAAL;AACE,aAAOE,EAAP;;AACF,SAAK,CAAL;AACE,aAAOE,EAAP;;AACF,SAAK,CAAL;AACE,aAAOE,EAAP;;AACF,SAAK,CAAL;AACE,aAAOE,EAAP;;AACF;AACE,aAAOV,EAAP;AAdJ;AAgBD,CAjBD;;AAmBA,IAAMc,OAAkB,GAAG,SAArBA,OAAqB,OAAyB;AAAA,MAAtBD,KAAsB,QAAtBA,KAAsB;AAAA,MAAfE,QAAe,QAAfA,QAAe;AAClD,MAAMC,CAAC,GAAGJ,YAAY,CAACC,KAAD,CAAtB;AACA,SAAO,oBAAC,CAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAIE,QAAJ,CAAP;AACD,CAHD;;eAKeD,O;AAAf;;;;;;;;;;;;;;;;;;;;;;0BAlDMd,E;0BAKAE,E;0BAIAE,E;0BAIAE,E;0BAIAE,E;0BAIAE,E;0BAKAE,Y;0BAmBAE,O","sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\n\ntype HLevel = 1 | 2 | 3 | 4 | 5 | 6\n\ninterface Props {\n  level: HLevel\n}\n\nconst H1 = styled.h1`\n  font-size: 4rem;\n  font-weight: 800;\n  margin: 0.67em 0;\n`\nconst H2 = styled.h2`\n  font-size: 3.5rem;\n  font-weight: 800;\n`\nconst H3 = styled.h3`\n  font-size: 3rem;\n  font-weight: 600;\n`\nconst H4 = styled.h4`\n  font-size: 2.5rem;\n  font-weight: 600;\n`\nconst H5 = styled.h5`\n  font-size: 2rem;\n  font-weight: 600;\n`\nconst H6 = styled.h6`\n  font-size: 1.5rem;\n  font-weight: 600;\n`\n\nconst getComponent = (level: HLevel) => {\n  switch (level) {\n    case 1:\n      return H1\n    case 2:\n      return H2\n    case 3:\n      return H3\n    case 4:\n      return H4\n    case 5:\n      return H5\n    case 6:\n      return H6\n    default:\n      return H1\n  }\n}\n\nconst Heading: FC<Props> = ({ level, children }) => {\n  const H = getComponent(level)\n  return <H>{children}</H>\n}\n\nexport default Heading\n"]}]}
\ No newline at end of file
diff --git a/doczrc.js b/doczrc.js
index 3aa21f5..eef3d05 100644
--- a/doczrc.js
+++ b/doczrc.js
@@ -2,6 +2,9 @@ export default {
   title: 'React Quarks',
   files: '**/*.{md,markdown,mdx}',
   wrapper: 'src/components/QuarksTheme',
+  themeConfig: {
+    mode: 'light',
+  },
   typescript: true,
   plugins: [],
 }
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index 39aebbb..45f428c 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -33,7 +33,7 @@ const getPadding = (measure: Measure) =>
     '0.80rem 2.6rem 0.80rem 2.6rem',
   ])
 
-const StyledButton = styled.button<Props>`
+const Button = styled.button<Props>`
   background-color: ${props =>
     props.outline ? 'transparent' : props.theme.colors.darkest};
   color: ${props => props.theme.colors.lightest};
@@ -85,10 +85,6 @@ const StyledButton = styled.button<Props>`
   }
 `
 
-const Button: FunctionComponent<Props> = ({ children, ...props }) => {
-  return <StyledButton {...props}>{children}</StyledButton>
-}
-
 Button.defaultProps = {
   size: 'md',
   shape: 'rounded',
diff --git a/src/components/Text/Heading.tsx b/src/components/Text/Heading.tsx
new file mode 100644
index 0000000..fb1b09a
--- /dev/null
+++ b/src/components/Text/Heading.tsx
@@ -0,0 +1,60 @@
+import React, { FC } from 'react'
+import styled from 'styled-components'
+
+type HLevel = 1 | 2 | 3 | 4 | 5 | 6
+
+interface Props {
+  level: HLevel
+}
+
+const H1 = styled.h1`
+  font-size: 4rem;
+  font-weight: 800;
+  margin: 0.67em 0;
+`
+const H2 = styled.h2`
+  font-size: 3.5rem;
+  font-weight: 800;
+`
+const H3 = styled.h3`
+  font-size: 3rem;
+  font-weight: 600;
+`
+const H4 = styled.h4`
+  font-size: 2.5rem;
+  font-weight: 600;
+`
+const H5 = styled.h5`
+  font-size: 2rem;
+  font-weight: 600;
+`
+const H6 = styled.h6`
+  font-size: 1.5rem;
+  font-weight: 600;
+`
+
+const getComponent = (level: HLevel) => {
+  switch (level) {
+    case 1:
+      return H1
+    case 2:
+      return H2
+    case 3:
+      return H3
+    case 4:
+      return H4
+    case 5:
+      return H5
+    case 6:
+      return H6
+    default:
+      return H1
+  }
+}
+
+const Heading: FC<Props> = ({ level, children }) => {
+  const H = getComponent(level)
+  return <H>{children}</H>
+}
+
+export default Heading
diff --git a/src/components/Text/Paragraph.tsx b/src/components/Text/Paragraph.tsx
new file mode 100644
index 0000000..26776f0
--- /dev/null
+++ b/src/components/Text/Paragraph.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import styled from 'styled-components'
+
+const Paragraph = styled.p`
+  font-size: 1.2rem;
+  font-weight: 400;
+  text-justify: auto;
+`
+export default Paragraph
diff --git a/src/components/Text/index.tsx b/src/components/Text/index.tsx
index 60acec2..d675b3b 100644
--- a/src/components/Text/index.tsx
+++ b/src/components/Text/index.tsx
@@ -1,69 +1,4 @@
-import React, { FunctionComponent } from 'react'
-import styled from 'styled-components'
+import Heading from './Heading'
+import Paragraph from './Paragraph'
 
-type Level = 1 | 2 | 3 | 4 | 5 | 6
-
-interface Props {
-  heading?: Level
-}
-
-const Paragraph = styled.p`
-  font-size: 1.2rem;
-  font-weight: 400;
-  text-justify: auto;
-`
-
-const H1 = styled.h1`
-  font-size: 4rem;
-  font-weight: 800;
-  margin: 0.67em 0;
-`
-const H2 = styled.h2`
-  font-size: 3.5rem;
-  font-weight: 800;
-`
-const H3 = styled.h3`
-  font-size: 3rem;
-  font-weight: 600;
-`
-const H4 = styled.h4`
-  font-size: 2.5rem;
-  font-weight: 600;
-`
-const H5 = styled.h5`
-  font-size: 2rem;
-  font-weight: 600;
-`
-const H6 = styled.h6`
-  font-size: 1.5rem;
-  font-weight: 600;
-`
-
-const Heading = (heading: Level, children: any) => {
-  switch (heading) {
-    case 1:
-      return <H1>{children}</H1>
-    case 2:
-      return <H2>{children}</H2>
-    case 3:
-      return <H3>{children}</H3>
-    case 4:
-      return <H4>{children}</H4>
-    case 5:
-      return <H5>{children}</H5>
-    case 6:
-      return <H6>{children}</H6>
-    default:
-      return <H1>{children}</H1>
-  }
-}
-
-const Text: FunctionComponent<Props> = ({ children, heading }) => {
-  return !!heading ? (
-    Heading(heading, children)
-  ) : (
-    <Paragraph>{children}</Paragraph>
-  )
-}
-
-export default Text
+export { Heading, Paragraph }
diff --git a/src/docs/Button.mdx b/src/docs/Button.mdx
index 112e8e4..8bfc000 100644
--- a/src/docs/Button.mdx
+++ b/src/docs/Button.mdx
@@ -2,8 +2,11 @@
 ## name: Button
 ---
 
+import { Props } from 'docz'
 import Button from '../components/Button'
 
 # Buttons
 
+<Props of={Button} />
+
 <Button>Button</Button>
diff --git a/src/docs/Loader.mdx b/src/docs/Loader.mdx
index 2ce3d09..8a13009 100644
--- a/src/docs/Loader.mdx
+++ b/src/docs/Loader.mdx
@@ -2,8 +2,11 @@
 ## name: Loader
 ---
 
+import { Props } from 'docz'
 import Loader from '../components/Loader'
 
 # Loaders
 
+<Props of={Loader} />
+
 <Loader />
diff --git a/src/docs/Text.mdx b/src/docs/Text.mdx
index e8210e3..920eaad 100644
--- a/src/docs/Text.mdx
+++ b/src/docs/Text.mdx
@@ -2,14 +2,29 @@
 ## name: Text
 ---
 
-import Text from '../components/Text'
+import { Playground } from 'docz'
+import { Paragraph, Heading } from '../components/Text'
 
 # Text
 
-<Text heading={1}>Heading 1</Text>
-<Text heading={2}>Heading 2</Text>
-<Text heading={3}>Heading 3</Text>
-<Text heading={4}>Heading 4</Text>
-<Text heading={5}>Heading 5</Text>
-<Text heading={6}>Heading 6</Text>
-<Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</Text>
+## Heading
+
+<Playground>
+  <Heading level={1}>Heading 1</Heading>
+  <Heading level={2}>Heading 2</Heading>
+  <Heading level={3}>Heading 3</Heading>
+  <Heading level={4}>Heading 4</Heading>
+  <Heading level={5}>Heading 5</Heading>
+  <Heading level={6}>Heading 6</Heading>
+</Playground>
+
+## Paragraph
+
+<Paragraph>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+  eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+  in culpa qui officia deserunt mollit anim id est laborum.
+</Paragraph>