Updates build, fixes lint errors

Author: jaredLunde

.eslintignore

@@ -1,3 +1,4 @@
 node_modules
 dist
-coverage
+coverage
+*.log

.eslintrc

@@ -1,27 +1 @@
-module.exports = (api) => {
-  const esm = api.env('esm')
-  const module = api.env('module')
-  const presetEnv = [
-    '@lunde/es',
-    {
-      env: {
-        modules: esm || module ? false : 'commonjs',
-        targets: module
-          ? {
-              browsers: '> 2%',
-            }
-          : {
-              node: esm ? '12' : '10',
-            },
-      },
-      devExpression: false,
-      objectAssign: false,
-      restSpread: false,
-    },
-  ]
-
-  return {
-    presets: [['@babel/preset-react', {useSpread: true}], presetEnv],
-    plugins: ['optimize-react', 'annotate-pure-calls'],
-  }
-}
+module.exports = require('lundle').babelConfig('test', {react: true})

.gitignore

@@ -0,0 +1,14 @@
+global.document = {}
+
+export const rollup = (config) => {
+  if (config.output[0].format === 'umd') {
+    config.external = ['@dash-ui/styles', '@dash-ui/react', 'react']
+    config.output[0].globals = {
+      '@dash-ui/styles': 'Dash',
+      '@dash-ui/react': 'DashReact',
+      react: 'React',
+    }
+  }
+
+  return config
+}

.prettierignore

@@ -1,11 +1,12 @@
 {
   "name": "@dash-ui/react-layout",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "homepage": "https://github.com/dash-ui/react-layout#readme",
   "repository": "github:dash-ui/react-layout",
   "bugs": "https://github.com/dash-ui/react-layout/issues",
+  "author": "Jared Lunde <[email protected]> (https://jaredLunde.com)",
   "license": "MIT",
-  "description": "",
+  "description": "Awesome layout primitives for React using dash-ui",
   "keywords": [
     "react",
     "react component",
@@ -29,16 +30,18 @@
   ],
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
+  "unpkg": "dist/umd/dash-react-layout.js",
   "source": "src/index.tsx",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "browser": "./dist/module/index.js",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/main/index.js",
-      "default": "./dist/main/index.js",
+      "umd": "./dist/umd/dash-react-layout.js",
       "source": "./src/index.tsx",
-      "types": "./types/index.d.ts"
+      "types": "./types/index.d.ts",
+      "default": "./dist/main/index.js"
     },
     "./package.json": "./package.json",
     "./": "./"
@@ -50,71 +53,119 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "npm run build-esm && npm run build-main && npm run build-module && npm run build-types",
-    "build-esm": "npm run compile -- -d dist/esm --env-name esm --out-file-extension .mjs",
-    "build-main": "npm run compile -- -d dist/main --env-name main",
-    "build-module": "npm run compile -- -d dist/module --env-name module",
-    "build-types": "tsc -p tsconfig.json -d --outDir types --emitDeclarationOnly",
-    "check-types": "tsc --noEmit -p tsconfig.json",
-    "compile": "babel src -x .ts,.tsx --ignore \"**/*.test.ts\",\"**/test.ts\",\"**/*.test.tsx\",\"**/test.tsx\" --delete-dir-on-start",
-    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,md,yml,json,eslintrc,prettierrc}\"",
+    "build": "lundle build",
+    "check-types": "lundle check-types",
+    "dev": "lundle build -f module,cjs -w",
+    "format": "prettier --write \"{,!(node_modules|dist|coverage)/**/}*.{ts,tsx,js,jsx,md,yml,json}\"",
     "lint": "eslint . --ext .ts,.tsx",
     "prepublishOnly": "npm run lint && npm run test && npm run build && npm run format",
     "test": "jest",
-    "validate": "npm run check-types && npm run lint && npm run test -- --coverage"
+    "validate": "lundle check-types && npm run lint && jest --coverage"
   },
   "husky": {
     "hooks": {
-      "pre-commit": "npm run build-types && git add types && lint-staged"
+      "pre-commit": "lundle check-types && lint-staged"
     }
   },
   "lint-staged": {
     "**/*.{ts,tsx,js,jsx}": [
       "eslint",
       "prettier --write"
     ],
-    "**/*.{md,yml,json,eslintrc,prettierrc}": [
+    "**/*.{md,yml,json}": [
       "prettier --write"
     ]
   },
+  "eslintConfig": {
+    "extends": [
+      "lunde"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.test.{ts,tsx}"
+        ],
+        "settings": {
+          "import/resolver": {
+            "node": {
+              "moduleDirectory": [
+                "node_modules",
+                "src/",
+                "test/"
+              ]
+            },
+            "jest": {
+              "jestConfigFile": "./package.json"
+            }
+          }
+        }
+      }
+    ]
+  },
+  "eslintIgnore": [
+    "node_modules",
+    "coverage",
+    "dist",
+    "test",
+    "*.config.js"
+  ],
+  "jest": {
+    "moduleDirectories": [
+      "node_modules",
+      "src",
+      "test"
+    ],
+    "moduleNameMapper": {
+      "^test-utils$": "<rootDir>/test/test-utils.tsx"
+    },
+    "collectCoverageFrom": [
+      "**/src/**/*.{ts,tsx}"
+    ],
+    "setupFilesAfterEnv": [
+      "./test/setup.js"
+    ],
+    "snapshotResolver": "./test/resolve-snapshot.js",
+    "snapshotSerializers": [
+      "@dash-ui/jest"
+    ],
+    "globals": {
+      "__DEV__": true
+    }
+  },
+  "prettier": {
+    "semi": false,
+    "singleQuote": true,
+    "jsxSingleQuote": true,
+    "bracketSpacing": false
+  },
   "devDependencies": {
-    "@babel/preset-react": "latest",
-    "@dash-ui/jest": "^1.0.1",
-    "@dash-ui/react": "^0.3.3",
-    "@dash-ui/styles": "^0.4.6",
-    "@essentials/benchmark": "^1.0.5",
-    "@lunde/babel-preset-es": "latest",
+    "@dash-ui/jest": "^1.1.0",
+    "@dash-ui/react": "^0.5.0",
+    "@dash-ui/styles": "^0.5.0",
     "@testing-library/jest-dom": "latest",
-    "@testing-library/react": "^10.0.4",
+    "@testing-library/react": "latest",
     "@testing-library/react-hooks": "latest",
+    "@testing-library/user-event": "latest",
     "@types/jest": "latest",
     "@types/react": "latest",
-    "@types/react-dom": "^16.9.7",
-    "@typescript-eslint/eslint-plugin": "^2.30.0",
-    "@typescript-eslint/parser": "^2.30.0",
-    "babel-plugin-annotate-pure-calls": "^0.4.0",
-    "babel-plugin-optimize-react": "latest",
+    "@types/react-dom": "latest",
+    "babel-jest": "latest",
     "eslint": "latest",
-    "eslint-import-resolver-jest": "latest",
-    "eslint-plugin-jest": "^23.9.0",
-    "eslint-plugin-react": "latest",
-    "eslint-plugin-react-hooks": "^4.0.0",
+    "eslint-config-lunde": "latest",
     "husky": "latest",
-    "jest": "^25.5.4",
-    "jest-styled-components": "^7.0.2",
-    "lint-staged": "^10.2.2",
+    "jest": "latest",
+    "lint-staged": "latest",
+    "lundle": "latest",
     "minify-css.macro": "^1.0.6",
-    "prettier": "^2.0.5",
-    "pretty-format": "^25.4.0",
+    "prettier": "latest",
     "react": "latest",
     "react-dom": "latest",
     "react-test-renderer": "latest",
-    "ts-jest": "latest",
     "typescript": "latest"
   },
   "dependencies": {
-    "@dash-ui/mq": "^0.1.5",
-    "clsx": "^1.1.0"
+    "@dash-ui/mq": "^0.2.0",
+    "clsx": "^1.1.1"
   },
   "peerDependencies": {
     "@dash-ui/react": ">=0.3.3",