feat: added navbar component

.eslintrc.cjs

@@ -8,11 +8,12 @@ module.exports = {
 	],
 	ignorePatterns: ['dist', '.eslintrc.cjs'],
 	parser: '@typescript-eslint/parser',
-	plugins: ['react-refresh'],
+	plugins: ['react-refresh', '@stylexjs'],
 	rules: {
 		'react-refresh/only-export-components': [
 			'warn',
 			{ allowConstantExport: true },
 		],
+		'@stylexjs/valid-styles': ['error', { ...options }],
 	},
 };

package.json

@@ -13,13 +13,38 @@
 		"commitlint": "commitlint --edit"
 	},
 	"dependencies": {
+		"@radix-ui/colors": "^3.0.0",
+		"@radix-ui/react-accordion": "^1.1.2",
+		"@radix-ui/react-alert-dialog": "^1.0.5",
+		"@radix-ui/react-avatar": "^1.0.4",
+		"@radix-ui/react-checkbox": "^1.0.4",
+		"@radix-ui/react-collapsible": "^1.0.3",
+		"@radix-ui/react-dialog": "^1.0.5",
+		"@radix-ui/react-dropdown-menu": "^2.0.6",
+		"@radix-ui/react-form": "^0.0.3",
+		"@radix-ui/react-icons": "^1.3.0",
+		"@radix-ui/react-label": "^2.0.2",
+		"@radix-ui/react-menubar": "^1.0.4",
+		"@radix-ui/react-navigation-menu": "^1.1.4",
+		"@radix-ui/react-popover": "^1.0.7",
+		"@radix-ui/react-progress": "^1.0.3",
+		"@radix-ui/react-scroll-area": "^1.0.5",
+		"@radix-ui/react-select": "^2.0.0",
+		"@radix-ui/react-separator": "^1.0.3",
+		"@radix-ui/react-tabs": "^1.0.4",
+		"@radix-ui/react-toast": "^1.1.5",
+		"@radix-ui/react-toolbar": "^1.0.4",
+		"@radix-ui/react-tooltip": "^1.0.7",
+		"@radix-ui/themes": "^2.0.3",
 		"@stylexjs/stylex": "^0.3.0",
 		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
+		"react-dom": "^18.2.0",
+		"wouter": "^2.12.1"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^18.4.3",
 		"@commitlint/config-conventional": "^18.4.3",
+		"@stylexjs/eslint-plugin": "^0.3.0",
 		"@types/react": "^18.2.43",
 		"@types/react-dom": "^18.2.17",
 		"@typescript-eslint/eslint-plugin": "^6.14.0",
@@ -33,7 +58,8 @@
 		"prettier": "3.1.1",
 		"typescript": "^5.2.2",
 		"vite": "^5.0.8",
-		"vite-plugin-stylex": "^0.4.1"
+		"vite-plugin-stylex": "^0.4.1",
+		"vite-plugin-stylex-dev": "^0.1.2"
 	},
 	"lint-staged": {
 		"**/*": "prettier --write --ignore-unknown"