create vertical icons panel react lib

.eslintrc.json

@@ -0,0 +1,35 @@
+{
+  "root": true,
+  "ignorePatterns": ["**/*"],
+  "plugins": ["@nrwl/nx"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "@nrwl/nx/enforce-module-boundaries": [
+          "error",
+          {
+            "enforceBuildableLibDependency": true,
+            "allow": [],
+            "depConstraints": [
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": ["*"]
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["plugin:@nrwl/nx/typescript"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nrwl/nx/javascript"],
+      "rules": {}
+    }
+  ]
+}

libs/remix-ui/vertical-icons-panel/.babelrc

@@ -1,4 +1,4 @@
 {
   "presets": ["@nrwl/react/babel"],
   "plugins": []
-}
+}

libs/remix-ui/vertical-icons-panel/.eslintrc.json

@@ -16,4 +16,4 @@
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": "error"
   }
-}
+}

nx.json

@@ -139,13 +139,5 @@
     "remix-ui-tabs": {
       "tags": []
     }
-  },
-  "targetDependencies": {
-    "build": [
-      {
-        "target": "build",
-        "projects": "dependencies"
-      }
-    ]
   }
 }

workspace.json

@@ -1,5 +1,71 @@
 {
   "version": 1,
+  "cli": {
+    "defaultCollection": "@nrwl/react"
+  },
+  "defaultProject": "remix-ide",
+  "schematics": {
+    "@nrwl/workspace": {
+      "library": {
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/cypress": {
+      "cypress-project": {
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/react": {
+      "application": {
+        "style": "css",
+        "linter": "eslint",
+        "babel": true
+      },
+      "component": {
+        "style": "css"
+      },
+      "library": {
+        "style": "css",
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/next": {
+      "application": {
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/web": {
+      "application": {
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/node": {
+      "application": {
+        "linter": "eslint"
+      },
+      "library": {
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/nx-plugin": {
+      "plugin": {
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/nest": {
+      "application": {
+        "linter": "eslint"
+      }
+    },
+    "@nrwl/express": {
+      "application": {
+        "linter": "eslint"
+      },
+      "library": {
+        "linter": "eslint"
+      }
+    }
+  },
   "projects": {
     "remix-ide": {
       "root": "apps/remix-ide",
@@ -1121,19 +1187,36 @@
         "linter": "eslint"
       }
     },
-    "@nrwl/nest": {
+    "@remix-ui-verticaliconspanel": {
-      "application": {
+      "root": "libs/@remix-ui/verticaliconspanel",
-        "linter": "eslint"
+      "sourceRoot": "libs/@remix-ui/verticaliconspanel/src",
+      "projectType": "library",
+      "architect": {
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "libs/@remix-ui/verticaliconspanel/**/*.{ts,tsx,js,jsx}"
+            ]
+          }
+        }
       }
     },
-    "@nrwl/express": {
+    "remix-ui-vertical-icons-panel": {
-      "application": {
+      "root": "libs/remix-ui/vertical-icons-panel",
-        "linter": "eslint"
+      "sourceRoot": "libs/remix-ui/vertical-icons-panel/src",
-      },
+      "projectType": "library",
-      "library": {
+      "architect": {
-        "linter": "eslint"
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "libs/remix-ui/vertical-icons-panel/**/*.{ts,tsx,js,jsx}"
+            ]
+          }
+        }
       }
     }
   },
   "defaultProject": "remix-ide"
-}
+}